*,
:before,
:after,
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,
:before,
:after {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html,
:host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

code,
kbd,
samp,
pre {
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: #0000;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    margin: 0;
    padding: 0;
    list-style: none
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    vertical-align: middle;
    display: block
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.container {
    width: 100%
}

@media (width>=320px) {
    .container {
        max-width: 320px
    }
}

@media (width>=384px) {
    .container {
        max-width: 384px
    }
}

@media (width>=512px) {
    .container {
        max-width: 512px
    }
}

@media (width>=768px) {
    .container {
        max-width: 768px
    }
}

@media (width>=1024px) {
    .container {
        max-width: 1024px
    }
}

@media (width>=1080px) {
    .container {
        max-width: 1080px
    }
}

@media (width>=1280px) {
    .container {
        max-width: 1280px
    }
}

@media (width>=1536px) {
    .container {
        max-width: 1536px
    }
}

.gold-gradient-text {
    background: linear-gradient(90deg, #0000 -19.39%, #ffe4b0 6.04%, #ffe4b080 106.42%, #fff0 119.81%);
    color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block
}

.gold-gradient-1 {
    background: linear-gradient(111deg, #d4b583 14.74%, #987b4a 80.2%)
}

.title-display {
    letter-spacing: -.03em;
    font-family: Inter, system-ui, sans-serif;
    font-size: 4rem;
    font-weight: 500;
    line-height: 5rem
}

.title-large {
    font-family: Inter, system-ui, sans-serif;
    font-size: 3rem;
    font-weight: 500;
    line-height: 4rem
}

.title-regular {
    font-family: Inter, system-ui, sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 3.5rem
}

.title-small {
    font-family: Inter, system-ui, sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 3rem
}

.body-large-plus {
    font-family: Inter, system-ui, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.25rem
}

.body-large {
    font-family: Inter, system-ui, sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.25rem
}

.body-medium-plus {
    font-family: Inter, system-ui, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem
}

.body-medium {
    font-family: Inter, system-ui, sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 2rem
}

.body-regular-plus {
    font-family: Inter, system-ui, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem
}

.body-regular {
    font-family: Inter, system-ui, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem
}

.body-small-plus {
    font-family: Inter, system-ui, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5rem
}

.body-small {
    font-family: Inter, system-ui, sans-serif;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.5rem
}

.body-mini-plus {
    font-family: Inter, system-ui, sans-serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.body-mini {
    font-family: Inter, system-ui, sans-serif;
    font-size: .75rem;
    font-weight: 300;
    line-height: 1rem
}

#app .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

#app .pointer-events-none {
    pointer-events: none
}

#app .visible {
    visibility: visible
}

#app .invisible {
    visibility: hidden
}

#app .collapse {
    visibility: collapse
}

#app .static {
    position: static
}

#app .fixed {
    position: fixed
}

#app .absolute {
    position: absolute
}

#app .relative {
    position: relative
}

#app .sticky {
    position: sticky
}

#app .inset-0 {
    inset: 0
}

#app .inset-x-0 {
    left: 0;
    right: 0
}

#app .-bottom-12 {
    bottom: -3rem
}

#app .-left-10 {
    left: -2.5rem
}

#app .-left-\[600px\] {
    left: -600px
}

#app .-top-10 {
    top: -2.5rem
}

#app .-top-12 {
    top: -3rem
}

#app .-top-16 {
    top: -4rem
}

#app .-top-\[500px\] {
    top: -500px
}

#app .bottom-0 {
    bottom: 0
}

#app .bottom-4 {
    bottom: 1rem
}

#app .bottom-\[125\%\] {
    bottom: 125%
}

#app .left-0 {
    left: 0
}

#app .left-1\.5 {
    left: .375rem
}

#app .left-1\/2 {
    left: 50%
}

#app .left-4 {
    left: 1rem
}

#app .left-5 {
    left: 1.25rem
}

#app .left-8 {
    left: 2rem
}

#app .right-0 {
    right: 0
}

#app .right-1 {
    right: .25rem
}

#app .right-1\.5 {
    right: .375rem
}

#app .right-5 {
    right: 1.25rem
}

#app .right-6 {
    right: 1.5rem
}

#app .right-8 {
    right: 2rem
}

#app .top-0 {
    top: 0
}

#app .top-1 {
    top: .25rem
}

#app .top-1\.5 {
    top: .375rem
}

#app .top-1\/2 {
    top: 50%
}

#app .top-1\/4 {
    top: 25%
}

#app .top-14 {
    top: 3.5rem
}

#app .top-2 {
    top: .5rem
}

#app .top-20 {
    top: 5rem
}

#app .top-4 {
    top: 1rem
}

#app .top-4\.5 {
    top: 1.125rem
}

#app .top-6 {
    top: 1.5rem
}

#app .top-\[-50\%\] {
    top: -50%
}

#app .top-\[13\%\] {
    top: 13%
}

#app .top-\[29\%\] {
    top: 29%
}

#app .isolate {
    isolation: isolate
}

#app .-z-1 {
    z-index: -1
}

#app .-z-10 {
    z-index: -10
}

#app .-z-100 {
    z-index: -100
}

#app .z-0 {
    z-index: 0
}

#app .z-10 {
    z-index: 10
}

#app .z-100 {
    z-index: 100
}

#app .z-20 {
    z-index: 20
}

#app .z-50 {
    z-index: 50
}

#app .z-60 {
    z-index: 60
}

#app .z-90 {
    z-index: 90
}

#app .z-\[-1\] {
    z-index: -1
}

#app .z-\[50\] {
    z-index: 50
}

#app .z-\[5\] {
    z-index: 5
}

#app .order-1 {
    order: 1
}

#app .order-2 {
    order: 2
}

#app .order-3 {
    order: 3
}

#app .order-4 {
    order: 4
}

#app .col-span-1 {
    grid-column: span 1/span 1
}

#app .col-span-10 {
    grid-column: span 10/span 10
}

#app .col-span-11 {
    grid-column: span 11/span 11
}

#app .col-span-12 {
    grid-column: span 12/span 12
}

#app .col-span-2 {
    grid-column: span 2/span 2
}

#app .col-span-3 {
    grid-column: span 3/span 3
}

#app .col-span-4 {
    grid-column: span 4/span 4
}

#app .col-span-5 {
    grid-column: span 5/span 5
}

#app .col-span-6 {
    grid-column: span 6/span 6
}

#app .col-span-7 {
    grid-column: span 7/span 7
}

#app .col-span-8 {
    grid-column: span 8/span 8
}

#app .float-right {
    float: right
}

#app .float-left {
    float: left
}

#app .-m-3 {
    margin: -.75rem
}

#app .m-0 {
    margin: 0
}

#app .m-1 {
    margin: .25rem
}

#app .m-12 {
    margin: 3rem
}

#app .m-8 {
    margin: 2rem
}

#app .m-auto {
    margin: auto
}

#app .-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem
}

#app .-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem
}

#app .mx-0 {
    margin-left: 0;
    margin-right: 0
}

#app .mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

#app .mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

#app .mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

#app .mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

#app .mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

#app .mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

#app .mx-auto {
    margin-left: auto;
    margin-right: auto
}

#app .my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

#app .my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

#app .my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

#app .my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

#app .my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

#app .my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem
}

#app .my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

#app .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

#app .my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

#app .my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

#app .my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

#app .my-auto {
    margin-top: auto;
    margin-bottom: auto
}

#app .\!mt-0 {
    margin-top: 0 !important
}

#app .\!mt-6 {
    margin-top: 1.5rem !important
}

#app .-mb-1 {
    margin-bottom: -.25rem
}

#app .-mb-2 {
    margin-bottom: -.5rem
}

#app .-mb-3 {
    margin-bottom: -.75rem
}

#app .-mb-8 {
    margin-bottom: -2rem
}

#app .-ml-0\.5 {
    margin-left: -.125rem
}

#app .-ml-1 {
    margin-left: -.25rem
}

#app .-ml-11 {
    margin-left: -2.75rem
}

#app .-ml-12 {
    margin-left: -3rem
}

#app .-ml-24 {
    margin-left: -6rem
}

#app .-ml-56 {
    margin-left: -14rem
}

#app .-ml-6 {
    margin-left: -1.5rem
}

#app .-ml-\[calc\(50vw-50\%\)\] {
    margin-left: calc(-50vw + 50%)
}

#app .-mt-2 {
    margin-top: -.5rem
}

#app .-mt-3 {
    margin-top: -.75rem
}

#app .-mt-36 {
    margin-top: -9rem
}

#app .mb-0 {
    margin-bottom: 0
}

#app .mb-0\.5 {
    margin-bottom: .125rem
}

#app .mb-1 {
    margin-bottom: .25rem
}

#app .mb-10 {
    margin-bottom: 2.5rem
}

#app .mb-12 {
    margin-bottom: 3rem
}

#app .mb-14 {
    margin-bottom: 3.5rem
}

#app .mb-16 {
    margin-bottom: 4rem
}

#app .mb-2 {
    margin-bottom: .5rem
}

#app .mb-2\.5 {
    margin-bottom: .625rem
}

#app .mb-20 {
    margin-bottom: 5rem
}

#app .mb-24 {
    margin-bottom: 6rem
}

#app .mb-3 {
    margin-bottom: .75rem
}

#app .mb-4 {
    margin-bottom: 1rem
}

#app .mb-5 {
    margin-bottom: 1.25rem
}

#app .mb-6 {
    margin-bottom: 1.5rem
}

#app .mb-8 {
    margin-bottom: 2rem
}

#app .mb-9 {
    margin-bottom: 2.25rem
}

#app .mb-auto {
    margin-bottom: auto
}

#app .ml-0 {
    margin-left: 0
}

#app .ml-1 {
    margin-left: .25rem
}

#app .ml-1\.5 {
    margin-left: .375rem
}

#app .ml-12 {
    margin-left: 3rem
}

#app .ml-2 {
    margin-left: .5rem
}

#app .ml-3 {
    margin-left: .75rem
}

#app .ml-4 {
    margin-left: 1rem
}

#app .ml-5 {
    margin-left: 1.25rem
}

#app .ml-6 {
    margin-left: 1.5rem
}

#app .ml-7 {
    margin-left: 1.75rem
}

#app .ml-8 {
    margin-left: 2rem
}

#app .ml-auto {
    margin-left: auto
}

#app .mr-0 {
    margin-right: 0
}

#app .mr-1 {
    margin-right: .25rem
}

#app .mr-1\.5 {
    margin-right: .375rem
}

#app .mr-2 {
    margin-right: .5rem
}

#app .mr-2\.5 {
    margin-right: .625rem
}

#app .mr-3 {
    margin-right: .75rem
}

#app .mr-4 {
    margin-right: 1rem
}

#app .mr-8 {
    margin-right: 2rem
}

#app .mt-0 {
    margin-top: 0
}

#app .mt-0\.5 {
    margin-top: .125rem
}

#app .mt-1 {
    margin-top: .25rem
}

#app .mt-1\.5 {
    margin-top: .375rem
}

#app .mt-10 {
    margin-top: 2.5rem
}

#app .mt-12 {
    margin-top: 3rem
}

#app .mt-14 {
    margin-top: 3.5rem
}

#app .mt-15 {
    margin-top: 3.75rem
}

#app .mt-16 {
    margin-top: 4rem
}

#app .mt-18 {
    margin-top: 4.5rem
}

#app .mt-2 {
    margin-top: .5rem
}

#app .mt-2\.5 {
    margin-top: .625rem
}

#app .mt-20 {
    margin-top: 5rem
}

#app .mt-24 {
    margin-top: 6rem
}

#app .mt-3 {
    margin-top: .75rem
}

#app .mt-4 {
    margin-top: 1rem
}

#app .mt-40 {
    margin-top: 10rem
}

#app .mt-5 {
    margin-top: 1.25rem
}

#app .mt-56 {
    margin-top: 14rem
}

#app .mt-6 {
    margin-top: 1.5rem
}

#app .mt-7 {
    margin-top: 1.75rem
}

#app .mt-72 {
    margin-top: 18rem
}

#app .mt-8 {
    margin-top: 2rem
}

#app .mt-auto {
    margin-top: auto
}

#app .box-border {
    box-sizing: border-box
}

#app .box-content {
    box-sizing: content-box
}

#app .block {
    display: block
}

#app .inline-block {
    display: inline-block
}

#app .inline {
    display: inline
}

#app .flex {
    display: flex
}

#app .inline-flex {
    display: inline-flex
}

#app .table {
    display: table
}

#app .inline-table {
    display: inline-table
}

#app .table-cell {
    display: table-cell
}

#app .grid {
    display: grid
}

#app .contents {
    display: contents
}

#app .hidden {
    display: none
}

#app .aspect-\[16\/9\] {
    aspect-ratio: 16/9
}

#app .aspect-\[4\/5\] {
    aspect-ratio: 4/5
}

#app .aspect-video {
    aspect-ratio: 16/9
}

#app .h-0 {
    height: 0
}

#app .h-1 {
    height: .25rem
}

#app .h-10 {
    height: 2.5rem
}

#app .h-11 {
    height: 2.75rem
}

#app .h-12 {
    height: 3rem
}

#app .h-14 {
    height: 3.5rem
}

#app .h-16 {
    height: 4rem
}

#app .h-2 {
    height: .5rem
}

#app .h-2\.5 {
    height: .625rem
}

#app .h-20 {
    height: 5rem
}

#app .h-24 {
    height: 6rem
}

#app .h-28 {
    height: 7rem
}

#app .h-3 {
    height: .75rem
}

#app .h-3\.5 {
    height: .875rem
}

#app .h-32 {
    height: 8rem
}

#app .h-36 {
    height: 9rem
}

#app .h-4 {
    height: 1rem
}

#app .h-40 {
    height: 10rem
}

#app .h-48 {
    height: 12rem
}

#app .h-5 {
    height: 1.25rem
}

#app .h-6 {
    height: 1.5rem
}

#app .h-60 {
    height: 15rem
}

#app .h-64 {
    height: 16rem
}

#app .h-7 {
    height: 1.75rem
}

#app .h-8 {
    height: 2rem
}

#app .h-80 {
    height: 20rem
}

#app .h-9 {
    height: 2.25rem
}

#app .h-96 {
    height: 24rem
}

#app .h-98 {
    height: 24.5rem
}

#app .h-\[135vh\] {
    height: 135vh
}

#app .h-\[150px\] {
    height: 150px
}

#app .h-\[18px\] {
    height: 18px
}

#app .h-\[1em\] {
    height: 1em
}

#app .h-\[200px\] {
    height: 200px
}

#app .h-\[24px\] {
    height: 24px
}

#app .h-\[300px\] {
    height: 300px
}

#app .h-\[30rem\] {
    height: 30rem
}

#app .h-\[400px\] {
    height: 400px
}

#app .h-\[40px\] {
    height: 40px
}

#app .h-\[50px\] {
    height: 50px
}

#app .h-\[56px\] {
    height: 56px
}

#app .h-\[600px\] {
    height: 600px
}

#app .h-\[64px\] {
    height: 64px
}

#app .h-\[74px\] {
    height: 74px
}

#app .h-\[76px\] {
    height: 76px
}

#app .h-\[950px\] {
    height: 950px
}

#app .h-\[980px\] {
    height: 980px
}

#app .h-auto {
    height: auto
}

#app .h-dvh {
    height: 100dvh
}

#app .h-fit {
    height: fit-content
}

#app .h-full {
    height: 100%
}

#app .h-px {
    height: 1px
}

#app .h-screen {
    height: 100vh
}

#app .max-h-0 {
    max-height: 0
}

#app .max-h-48 {
    max-height: 12rem
}

#app .max-h-\[0px\] {
    max-height: 0
}

#app .max-h-\[100dvh\] {
    max-height: 100dvh
}

#app .max-h-\[400px\] {
    max-height: 400px
}

#app .max-h-\[410px\] {
    max-height: 410px
}

#app .max-h-\[500px\] {
    max-height: 500px
}

#app .max-h-\[800px\] {
    max-height: 800px
}

#app .max-h-full {
    max-height: 100%
}

#app .max-h-screen {
    max-height: 100vh
}

#app .min-h-3 {
    min-height: .75rem
}

#app .min-h-6 {
    min-height: 1.5rem
}

#app .min-h-\[100dvh\] {
    min-height: 100dvh
}

#app .min-h-\[220px\] {
    min-height: 220px
}

#app .min-h-\[338px\] {
    min-height: 338px
}

#app .min-h-\[400px\] {
    min-height: 400px
}

#app .min-h-\[532px\] {
    min-height: 532px
}

#app .min-h-\[720px\] {
    min-height: 720px
}

#app .min-h-screen {
    min-height: 100vh
}

#app .\!w-5 {
    width: 1.25rem !important
}

#app .w-0 {
    width: 0
}

#app .w-1 {
    width: .25rem
}

#app .w-1\/12 {
    width: 8.33333%
}

#app .w-1\/2 {
    width: 50%
}

#app .w-1\/3 {
    width: 33.3333%
}

#app .w-10 {
    width: 2.5rem
}

#app .w-10\/12 {
    width: 83.3333%
}

#app .w-11\/12 {
    width: 91.6667%
}

#app .w-112 {
    width: 28rem
}

#app .w-12 {
    width: 3rem
}

#app .w-14 {
    width: 3.5rem
}

#app .w-16 {
    width: 4rem
}

#app .w-2 {
    width: .5rem
}

#app .w-2\.5 {
    width: .625rem
}

#app .w-2\/12 {
    width: 16.6667%
}

#app .w-2\/3 {
    width: 66.6667%
}

#app .w-20 {
    width: 5rem
}

#app .w-24 {
    width: 6rem
}

#app .w-28 {
    width: 7rem
}

#app .w-3 {
    width: .75rem
}

#app .w-3\.5 {
    width: .875rem
}

#app .w-32 {
    width: 8rem
}

#app .w-36 {
    width: 9rem
}

#app .w-4 {
    width: 1rem
}

#app .w-4\/5 {
    width: 80%
}

#app .w-40 {
    width: 10rem
}

#app .w-44 {
    width: 11rem
}

#app .w-48 {
    width: 12rem
}

#app .w-5 {
    width: 1.25rem
}

#app .w-5\/12 {
    width: 41.6667%
}

#app .w-5\/6 {
    width: 83.3333%
}

#app .w-6 {
    width: 1.5rem
}

#app .w-60 {
    width: 15rem
}

#app .w-64 {
    width: 16rem
}

#app .w-7 {
    width: 1.75rem
}

#app .w-72 {
    width: 18rem
}

#app .w-8 {
    width: 2rem
}

#app .w-8\/12 {
    width: 66.6667%
}

#app .w-80 {
    width: 20rem
}

#app .w-\[100\%\] {
    width: 100%
}

#app .w-\[1210px\] {
    width: 1210px
}

#app .w-\[140\%\] {
    width: 140%
}

#app .w-\[150px\] {
    width: 150px
}

#app .w-\[180\%\] {
    width: 180%
}

#app .w-\[18px\] {
    width: 18px
}

#app .w-\[1em\] {
    width: 1em
}

#app .w-\[275\%\] {
    width: 275%
}

#app .w-\[30\%\] {
    width: 30%
}

#app .w-\[300px\] {
    width: 300px
}

#app .w-\[30rem\] {
    width: 30rem
}

#app .w-\[325px\] {
    width: 325px
}

#app .w-\[360px\] {
    width: 360px
}

#app .w-\[40\%\] {
    width: 40%
}

#app .w-\[414px\] {
    width: 414px
}

#app .w-\[calc\(100\%-0\.5rem\)\] {
    width: calc(100% - .5rem)
}

#app .w-auto {
    width: auto
}

#app .w-fit {
    width: fit-content
}

#app .w-full {
    width: 100%
}

#app .w-max {
    width: max-content
}

#app .w-px {
    width: 1px
}

#app .w-screen {
    width: 100vw
}

#app .min-w-0 {
    min-width: 0
}

#app .min-w-3 {
    min-width: .75rem
}

#app .min-w-6 {
    min-width: 1.5rem
}

#app .min-w-84 {
    min-width: 21rem
}

#app .min-w-\[168px\] {
    min-width: 168px
}

#app .min-w-\[280px\] {
    min-width: 280px
}

#app .min-w-\[50vw\] {
    min-width: 50vw
}

#app .min-w-\[600px\] {
    min-width: 600px
}

#app .min-w-\[60vw\] {
    min-width: 60vw
}

#app .min-w-\[90px\] {
    min-width: 90px
}

#app .min-w-full {
    min-width: 100%
}

#app .min-w-max {
    min-width: max-content
}

#app .max-w-2xl {
    max-width: 42rem
}

#app .max-w-3xl {
    max-width: 48rem
}

#app .max-w-40 {
    max-width: 10rem
}

#app .max-w-4xl {
    max-width: 56rem
}

#app .max-w-7xl {
    max-width: 80rem
}

#app .max-w-\[100\%\] {
    max-width: 100%
}

#app .max-w-\[1000px\] {
    max-width: 1000px
}

#app .max-w-\[1500px\] {
    max-width: 1500px
}

#app .max-w-\[240px\] {
    max-width: 240px
}

#app .max-w-\[300px\] {
    max-width: 300px
}

#app .max-w-\[328px\] {
    max-width: 328px
}

#app .max-w-\[350px\] {
    max-width: 350px
}

#app .max-w-\[400px\] {
    max-width: 400px
}

#app .max-w-\[448px\] {
    max-width: 448px
}

#app .max-w-\[450px\] {
    max-width: 450px
}

#app .max-w-\[472px\] {
    max-width: 472px
}

#app .max-w-\[478px\] {
    max-width: 478px
}

#app .max-w-\[50\%\] {
    max-width: 50%
}

#app .max-w-\[640px\] {
    max-width: 640px
}

#app .max-w-\[650px\] {
    max-width: 650px
}

#app .max-w-\[75\%\] {
    max-width: 75%
}

#app .max-w-\[760px\] {
    max-width: 760px
}

#app .max-w-\[800px\] {
    max-width: 800px
}

#app .max-w-\[83\.33\%\] {
    max-width: 83.33%
}

#app .max-w-\[840px\] {
    max-width: 840px
}

#app .max-w-\[900px\] {
    max-width: 900px
}

#app .max-w-full {
    max-width: 100%
}

#app .max-w-lg {
    max-width: 32rem
}

#app .max-w-md {
    max-width: 28rem
}

#app .max-w-min {
    max-width: min-content
}

#app .max-w-screen-2xl {
    max-width: 1536px
}

#app .max-w-screen-lg {
    max-width: 1024px
}

#app .max-w-screen-md {
    max-width: 768px
}

#app .max-w-screen-sm {
    max-width: 512px
}

#app .max-w-screen-xl {
    max-width: 1280px
}

#app .max-w-screen-xs {
    max-width: 384px
}

#app .max-w-sm {
    max-width: 24rem
}

#app .max-w-xl {
    max-width: 36rem
}

#app .max-w-xs {
    max-width: 20rem
}

#app .flex-1 {
    flex: 1
}

#app .flex-initial {
    flex: 0 auto
}

#app .flex-none {
    flex: none
}

#app .flex-shrink {
    flex-shrink: 1
}

#app .flex-shrink-0,
#app .shrink-0 {
    flex-shrink: 0
}

#app .flex-grow,
#app .grow {
    flex-grow: 1
}

#app .basis-0 {
    flex-basis: 0
}

#app .basis-\[512px\] {
    flex-basis: 512px
}

#app .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .-translate-x-full {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .-translate-y-0\.5 {
    --tw-translate-y: -.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .translate-y-4 {
    --tw-translate-y: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .rotate-0 {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .scale-x-\[-1\] {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .scale-y-\[-1\] {
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

@keyframes blur-in {
    0% {
        opacity: 0;
        filter: blur(10px)
    }

    to {
        opacity: 1;
        filter: blur()
    }
}

#app .animate-blur-in {
    animation: .6s ease-out forwards blur-in
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

#app .animate-pulse {
    animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse
}

@keyframes shimmer {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

#app .animate-shimmer {
    animation: 6s ease-in-out infinite shimmer
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

#app .animate-spin {
    animation: 1s linear infinite spin
}

#app .cursor-default {
    cursor: default
}

#app .cursor-not-allowed {
    cursor: not-allowed
}

#app .cursor-pointer {
    cursor: pointer
}

#app .cursor-wait {
    cursor: wait
}

#app .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#app .resize {
    resize: both
}

#app .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

#app .snap-start {
    scroll-snap-align: start
}

#app .scroll-mt-24 {
    scroll-margin-top: 6rem
}

#app .scroll-pl-8 {
    scroll-padding-left: 2rem
}

#app .list-inside {
    list-style-position: inside
}

#app .list-outside {
    list-style-position: outside
}

#app .list-decimal {
    list-style-type: decimal
}

#app .list-disc {
    list-style-type: disc
}

#app .appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#app .auto-cols-max {
    grid-auto-columns: max-content
}

#app .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

#app .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

#app .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

#app .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

#app .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

#app .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

#app .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

#app .grid-rows-\[0fr\] {
    grid-template-rows: 0fr
}

#app .grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

#app .flex-row {
    flex-direction: row
}

#app .flex-col {
    flex-direction: column
}

#app .flex-col-reverse {
    flex-direction: column-reverse
}

#app .flex-wrap {
    flex-wrap: wrap
}

#app .flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

#app .place-items-center {
    place-items: center
}

#app .items-start {
    align-items: flex-start
}

#app .items-end {
    align-items: flex-end
}

#app .items-center {
    align-items: center
}

#app .items-baseline {
    align-items: baseline
}

#app .justify-start {
    justify-content: flex-start
}

#app .justify-end {
    justify-content: flex-end
}

#app .justify-center {
    justify-content: center
}

#app .justify-between {
    justify-content: space-between
}

#app .justify-around {
    justify-content: space-around
}

#app .justify-evenly {
    justify-content: space-evenly
}

#app .gap-1 {
    gap: .25rem
}

#app .gap-1\.5 {
    gap: .375rem
}

#app .gap-10 {
    gap: 2.5rem
}

#app .gap-12 {
    gap: 3rem
}

#app .gap-14 {
    gap: 3.5rem
}

#app .gap-16 {
    gap: 4rem
}

#app .gap-2 {
    gap: .5rem
}

#app .gap-3 {
    gap: .75rem
}

#app .gap-4 {
    gap: 1rem
}

#app .gap-5 {
    gap: 1.25rem
}

#app .gap-6 {
    gap: 1.5rem
}

#app .gap-8 {
    gap: 2rem
}

#app .gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

#app .gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

#app .gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

#app .gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

#app .gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

#app .gap-x-7 {
    -moz-column-gap: 1.75rem;
    column-gap: 1.75rem
}

#app .gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

#app .gap-y-1 {
    row-gap: .25rem
}

#app .gap-y-10 {
    row-gap: 2.5rem
}

#app .gap-y-14 {
    row-gap: 3.5rem
}

#app .gap-y-2 {
    row-gap: .5rem
}

#app .gap-y-3 {
    row-gap: .75rem
}

#app .gap-y-4 {
    row-gap: 1rem
}

#app .gap-y-5 {
    row-gap: 1.25rem
}

#app .gap-y-6 {
    row-gap: 1.5rem
}

#app :is(.space-x-0>:not([hidden])~:not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px*var(--tw-space-x-reverse));
    margin-left: calc(0px*calc(1 - var(--tw-space-x-reverse)))
}

#app :is(.space-x-1>:not([hidden])~:not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem*var(--tw-space-x-reverse));
    margin-left: calc(.25rem*calc(1 - var(--tw-space-x-reverse)))
}

#app :is(.space-x-1\.5>:not([hidden])~:not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.375rem*var(--tw-space-x-reverse));
    margin-left: calc(.375rem*calc(1 - var(--tw-space-x-reverse)))
}

#app :is(.space-x-12>:not([hidden])~:not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3rem*var(--tw-space-x-reverse));
    margin-left: calc(3rem*calc(1 - var(--tw-space-x-reverse)))
}

#app :is(.space-x-2>:not([hidden])~:not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem*var(--tw-space-x-reverse));
    margin-left: calc(.5rem*calc(1 - var(--tw-space-x-reverse)))
}

#app :is(.space-x-3>:not([hidden])~:not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.75rem*var(--tw-space-x-reverse));
    margin-left: calc(.75rem*calc(1 - var(--tw-space-x-reverse)))
}

#app :is(.space-x-4>:not([hidden])~:not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem*var(--tw-space-x-reverse));
    margin-left: calc(1rem*calc(1 - var(--tw-space-x-reverse)))
}

#app :is(.space-x-5>:not([hidden])~:not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem*var(--tw-space-x-reverse));
    margin-left: calc(1.25rem*calc(1 - var(--tw-space-x-reverse)))
}

#app :is(.space-x-6>:not([hidden])~:not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem*var(--tw-space-x-reverse));
    margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))
}

#app :is(.space-x-8>:not([hidden])~:not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem*var(--tw-space-x-reverse));
    margin-left: calc(2rem*calc(1 - var(--tw-space-x-reverse)))
}

#app :is(.space-y-0>:not([hidden])~:not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px*var(--tw-space-y-reverse))
}

#app :is(.space-y-1>:not([hidden])~:not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse))
}

#app :is(.space-y-10>:not([hidden])~:not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem*var(--tw-space-y-reverse))
}

#app :is(.space-y-2>:not([hidden])~:not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse))
}

#app :is(.space-y-3>:not([hidden])~:not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse))
}

#app :is(.space-y-4>:not([hidden])~:not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem*var(--tw-space-y-reverse))
}

#app :is(.space-y-6>:not([hidden])~:not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
}

#app :is(.space-y-8>:not([hidden])~:not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem*var(--tw-space-y-reverse))
}

#app :is(.divide-x>:not([hidden])~:not([hidden])) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px*var(--tw-divide-x-reverse));
    border-left-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
}

#app :is(.divide-y>:not([hidden])~:not([hidden])) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
}

#app :is(.divide-neutral-700>:not([hidden])~:not([hidden])) {
    --tw-divide-opacity: 1;
    border-color: rgb(57 57 57/var(--tw-divide-opacity, 1))
}

#app :is(.divide-neutral-800>:not([hidden])~:not([hidden])) {
    --tw-divide-opacity: 1;
    border-color: rgb(38 38 38/var(--tw-divide-opacity, 1))
}

#app .self-start {
    align-self: flex-start
}

#app .self-center {
    align-self: center
}

#app .self-stretch {
    align-self: stretch
}

#app .overflow-hidden {
    overflow: hidden
}

#app .overflow-visible {
    overflow: visible
}

#app .overflow-x-auto {
    overflow-x: auto
}

#app .overflow-y-auto {
    overflow-y: auto
}

#app .overflow-x-scroll {
    overflow-x: scroll
}

#app .overflow-y-scroll {
    overflow-y: scroll
}

#app .scroll-smooth {
    scroll-behavior: smooth
}

#app .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#app .text-ellipsis {
    text-overflow: ellipsis
}

#app .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto
}

#app .whitespace-normal {
    white-space: normal
}

#app .whitespace-nowrap {
    white-space: nowrap
}

#app .whitespace-pre-line {
    white-space: pre-line
}

#app .text-wrap {
    text-wrap: wrap
}

#app .break-words {
    overflow-wrap: break-word
}

#app .break-all {
    word-break: break-all
}

#app .\!rounded-2xl {
    border-radius: 1rem !important
}

#app .rounded {
    border-radius: .25rem
}

#app .rounded-2xl {
    border-radius: 1rem
}

#app .rounded-3xl {
    border-radius: 1.5rem
}

#app .rounded-\[24px\] {
    border-radius: 24px
}

#app .rounded-\[8px\] {
    border-radius: 8px
}

#app .rounded-full {
    border-radius: 9999px
}

#app .rounded-lg {
    border-radius: .5rem
}

#app .rounded-md {
    border-radius: .375rem
}

#app .rounded-sm {
    border-radius: .125rem
}

#app .rounded-xl {
    border-radius: .75rem
}

#app .rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

#app .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

#app .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

#app .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#app .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

#app .rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

#app .rounded-bl-2xl {
    border-bottom-left-radius: 1rem
}

#app .rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

#app .rounded-bl-none {
    border-bottom-left-radius: 0
}

#app .rounded-br-2xl {
    border-bottom-right-radius: 1rem
}

#app .rounded-br-lg {
    border-bottom-right-radius: .5rem
}

#app .rounded-tl-lg {
    border-top-left-radius: .5rem
}

#app .rounded-tl-none {
    border-top-left-radius: 0
}

#app .rounded-tr-2xl {
    border-top-right-radius: 1rem
}

#app .rounded-tr-lg {
    border-top-right-radius: .5rem
}

#app .border {
    border-width: 1px
}

#app .border-0 {
    border-width: 0
}

#app .border-1\.5 {
    border-width: 1.5px
}

#app .border-2 {
    border-width: 2px
}

#app .border-\[1\.5px\] {
    border-width: 1.5px
}

#app .border-\[3px\] {
    border-width: 3px
}

#app .border-b {
    border-bottom-width: 1px
}

#app .border-b-0 {
    border-bottom-width: 0
}

#app .border-b-1\.5 {
    border-bottom-width: 1.5px
}

#app .border-b-2 {
    border-bottom-width: 2px
}

#app .border-r {
    border-right-width: 1px
}

#app .border-r-0 {
    border-right-width: 0
}

#app .border-t {
    border-top-width: 1px
}

#app .border-solid {
    border-style: solid
}

#app .border-dashed {
    border-style: dashed
}

#app .border-none {
    border-style: none
}

#app .\!border-danger-500 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(239 68 68/var(--tw-border-opacity, 1)) !important
}

#app .\!border-neutral-950 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(10 10 10/var(--tw-border-opacity, 1)) !important
}

#app .border-\[\#D4B583\] {
    --tw-border-opacity: 1;
    border-color: rgb(212 181 131/var(--tw-border-opacity, 1))
}

#app .border-danger-300 {
    --tw-border-opacity: 1;
    border-color: rgb(245 143 143/var(--tw-border-opacity, 1))
}

#app .border-danger-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity, 1))
}

#app .border-danger-800 {
    --tw-border-opacity: 1;
    border-color: rgb(102 28 28/var(--tw-border-opacity, 1))
}

#app .border-forcefield-500 {
    --tw-border-opacity: 1;
    border-color: rgb(125 211 232/var(--tw-border-opacity, 1))
}

#app .border-forcefield-600 {
    --tw-border-opacity: 1;
    border-color: rgb(56 80 98/var(--tw-border-opacity, 1))
}

#app .border-neutral-300 {
    --tw-border-opacity: 1;
    border-color: rgb(154 154 154/var(--tw-border-opacity, 1))
}

#app .border-neutral-50 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 228/var(--tw-border-opacity, 1))
}

#app .border-neutral-500 {
    --tw-border-opacity: 1;
    border-color: rgb(95 95 95/var(--tw-border-opacity, 1))
}

#app .border-neutral-600 {
    --tw-border-opacity: 1;
    border-color: rgb(76 76 76/var(--tw-border-opacity, 1))
}

#app .border-neutral-700 {
    --tw-border-opacity: 1;
    border-color: rgb(57 57 57/var(--tw-border-opacity, 1))
}

#app .border-neutral-800 {
    --tw-border-opacity: 1;
    border-color: rgb(38 38 38/var(--tw-border-opacity, 1))
}

#app .border-neutral-850 {
    --tw-border-opacity: 1;
    border-color: rgb(29 29 29/var(--tw-border-opacity, 1))
}

#app .border-pending-850 {
    --tw-border-opacity: 1;
    border-color: rgb(21 32 54/var(--tw-border-opacity, 1))
}

#app .border-primary-400 {
    --tw-border-opacity: 1;
    border-color: rgb(209 179 130/var(--tw-border-opacity, 1))
}

#app .border-primary-500 {
    --tw-border-opacity: 1;
    border-color: rgb(197 160 99/var(--tw-border-opacity, 1))
}

#app .border-primary-600 {
    --tw-border-opacity: 1;
    border-color: rgb(158 128 79/var(--tw-border-opacity, 1))
}

#app .border-red-600\/30 {
    border-color: #dc26264d
}

#app .border-success-850 {
    --tw-border-opacity: 1;
    border-color: rgb(20 52 40/var(--tw-border-opacity, 1))
}

#app .border-transparent {
    border-color: #0000
}

#app .border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

#app .border-b-primary-500 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(197 160 99/var(--tw-border-opacity, 1))
}

#app .border-opacity-10 {
    --tw-border-opacity: .1
}

#app .\!bg-neutral-900 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(19 19 19/var(--tw-bg-opacity, 1)) !important
}

#app .bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

#app .bg-black\/50 {
    background-color: #00000080
}

#app .bg-black\/80 {
    background-color: #000c
}

#app .bg-danger-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 218 218/var(--tw-bg-opacity, 1))
}

#app .bg-danger-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

#app .bg-danger-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(102 28 28/var(--tw-bg-opacity, 1))
}

#app .bg-danger-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(56 14 14/var(--tw-bg-opacity, 1))
}

#app .bg-forcefield-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(125 211 232/var(--tw-bg-opacity, 1))
}

#app .bg-forcefield-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(56 80 98/var(--tw-bg-opacity, 1))
}

#app .bg-forcefield-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(28 37 46/var(--tw-bg-opacity, 1))
}

#app .bg-neutral-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(154 154 154/var(--tw-bg-opacity, 1))
}

#app .bg-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 228/var(--tw-bg-opacity, 1))
}

#app .bg-neutral-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(95 95 95/var(--tw-bg-opacity, 1))
}

#app .bg-neutral-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(76 76 76/var(--tw-bg-opacity, 1))
}

#app .bg-neutral-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(57 57 57/var(--tw-bg-opacity, 1))
}

#app .bg-neutral-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

#app .bg-neutral-850 {
    --tw-bg-opacity: 1;
    background-color: rgb(29 29 29/var(--tw-bg-opacity, 1))
}

#app .bg-neutral-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(19 19 19/var(--tw-bg-opacity, 1))
}

#app .bg-neutral-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10/var(--tw-bg-opacity, 1))
}

#app .bg-pending-850 {
    --tw-bg-opacity: 1;
    background-color: rgb(21 32 54/var(--tw-bg-opacity, 1))
}

#app .bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(197 160 99/var(--tw-bg-opacity, 1))
}

#app .bg-primary-500\/10 {
    background-color: #c5a0631a
}

#app .bg-primary-850 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 48 30/var(--tw-bg-opacity, 1))
}

#app .bg-primary-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(39 32 20/var(--tw-bg-opacity, 1))
}

#app .bg-red-900\/20 {
    background-color: #7f1d1d33
}

#app .bg-stone-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(28 25 23/var(--tw-bg-opacity, 1))
}

#app .bg-success-850 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 52 40/var(--tw-bg-opacity, 1))
}

#app .bg-success-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(13 35 27/var(--tw-bg-opacity, 1))
}

#app .bg-transparent {
    background-color: #0000
}

#app .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

#app .bg-white\/10 {
    background-color: #ffffff1a
}

#app .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

#app .bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

#app .bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

#app .bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

#app .from-\[\#D4B583\]\/20 {
    --tw-gradient-from: #d4b58333 var(--tw-gradient-from-position);
    --tw-gradient-to: #d4b58300 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#app .from-\[\#FFF5E5\] {
    --tw-gradient-from: #fff5e5 var(--tw-gradient-from-position);
    --tw-gradient-to: #fff5e500 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#app .from-neutral-700 {
    --tw-gradient-from: #393939 var(--tw-gradient-from-position);
    --tw-gradient-to: #39393900 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#app .from-neutral-800 {
    --tw-gradient-from: #262626 var(--tw-gradient-from-position);
    --tw-gradient-to: #26262600 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#app .from-neutral-950 {
    --tw-gradient-from: #0a0a0a var(--tw-gradient-from-position);
    --tw-gradient-to: #0a0a0a00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#app .from-primary-500 {
    --tw-gradient-from: #c5a063 var(--tw-gradient-from-position);
    --tw-gradient-to: #c5a06300 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#app .from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: #0000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#app .via-\[\#9E804F\] {
    --tw-gradient-to: #9e804f00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #9e804f var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#app .via-neutral-700 {
    --tw-gradient-to: #39393900 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #393939 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#app .via-neutral-850 {
    --tw-gradient-to: #1d1d1d00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #1d1d1d var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#app .via-neutral-850\/50 {
    --tw-gradient-to: #1d1d1d00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #1d1d1d80 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#app .via-stone-900\/70 {
    --tw-gradient-to: #1c191700 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #1c1917b3 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#app .via-30\% {
    --tw-gradient-via-position: 30%
}

#app .to-\[\#6B5736\] {
    --tw-gradient-to: #6b5736 var(--tw-gradient-to-position)
}

#app .to-\[\#987B4A\]\/20 {
    --tw-gradient-to: #987b4a33 var(--tw-gradient-to-position)
}

#app .to-\[\#FFF5E5\] {
    --tw-gradient-to: #fff5e5 var(--tw-gradient-to-position)
}

#app .to-neutral-800 {
    --tw-gradient-to: #262626 var(--tw-gradient-to-position)
}

#app .to-neutral-850 {
    --tw-gradient-to: #1d1d1d var(--tw-gradient-to-position)
}

#app .to-neutral-900 {
    --tw-gradient-to: #131313 var(--tw-gradient-to-position)
}

#app .to-neutral-950 {
    --tw-gradient-to: #0a0a0a var(--tw-gradient-to-position)
}

#app .to-stone-900\/100 {
    --tw-gradient-to: #1c1917 var(--tw-gradient-to-position)
}

#app .to-60\% {
    --tw-gradient-to-position: 60%
}

#app .bg-\[length\:100\%_auto\] {
    background-size: 100%
}

#app .bg-\[length\:200\%_100\%\] {
    background-size: 200% 100%
}

#app .bg-\[length\:400\%_100\%\] {
    background-size: 400% 100%
}

#app .bg-cover {
    background-size: cover
}

#app .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

#app .bg-center {
    background-position: 50%
}

#app .bg-right-bottom {
    background-position: 100% 100%
}

#app .bg-top {
    background-position: top
}

#app .bg-no-repeat {
    background-repeat: no-repeat
}

#app .fill-current {
    fill: currentColor
}

#app .fill-neutral-500 {
    fill: #5f5f5f
}

#app .fill-white {
    fill: #fff
}

#app .object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

#app .object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

#app .object-center {
    -o-object-position: center;
    object-position: center
}

#app .object-top {
    -o-object-position: top;
    object-position: top
}

#app .\!p-0 {
    padding: 0 !important
}

#app .p-0 {
    padding: 0
}

#app .p-1 {
    padding: .25rem
}

#app .p-1\.5 {
    padding: .375rem
}

#app .p-10 {
    padding: 2.5rem
}

#app .p-2 {
    padding: .5rem
}

#app .p-3 {
    padding: .75rem
}

#app .p-4 {
    padding: 1rem
}

#app .p-5 {
    padding: 1.25rem
}

#app .p-6 {
    padding: 1.5rem
}

#app .p-7 {
    padding: 1.75rem
}

#app .p-8 {
    padding: 2rem
}

#app .p-\[15px_13px\] {
    padding: 15px 13px
}

#app .p-\[2px\] {
    padding: 2px
}

#app .px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

#app .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

#app .px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
}

#app .px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

#app .px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

#app .px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

#app .px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

#app .px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

#app .px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

#app .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

#app .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

#app .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

#app .px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

#app .py-0 {
    padding-top: 0;
    padding-bottom: 0
}

#app .py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

#app .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

#app .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

#app .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

#app .py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

#app .py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

#app .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

#app .py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

#app .py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

#app .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

#app .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

#app .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

#app .py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

#app .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

#app .\!pb-0 {
    padding-bottom: 0 !important
}

#app .\!pl-11 {
    padding-left: 2.75rem !important
}

#app .\!pr-11 {
    padding-right: 2.75rem !important
}

#app .pb-0 {
    padding-bottom: 0
}

#app .pb-1 {
    padding-bottom: .25rem
}

#app .pb-10 {
    padding-bottom: 2.5rem
}

#app .pb-12 {
    padding-bottom: 3rem
}

#app .pb-16 {
    padding-bottom: 4rem
}

#app .pb-2 {
    padding-bottom: .5rem
}

#app .pb-20 {
    padding-bottom: 5rem
}

#app .pb-3 {
    padding-bottom: .75rem
}

#app .pb-4 {
    padding-bottom: 1rem
}

#app .pb-5 {
    padding-bottom: 1.25rem
}

#app .pb-6 {
    padding-bottom: 1.5rem
}

#app .pb-8 {
    padding-bottom: 2rem
}

#app .pl-0 {
    padding-left: 0
}

#app .pl-12 {
    padding-left: 3rem
}

#app .pl-2 {
    padding-left: .5rem
}

#app .pl-3 {
    padding-left: .75rem
}

#app .pl-4 {
    padding-left: 1rem
}

#app .pl-5 {
    padding-left: 1.25rem
}

#app .pl-6 {
    padding-left: 1.5rem
}

#app .pl-8 {
    padding-left: 2rem
}

#app .pl-px {
    padding-left: 1px
}

#app .pr-0 {
    padding-right: 0
}

#app .pr-1 {
    padding-right: .25rem
}

#app .pr-12 {
    padding-right: 3rem
}

#app .pr-2 {
    padding-right: .5rem
}

#app .pr-3\.5 {
    padding-right: .875rem
}

#app .pr-4 {
    padding-right: 1rem
}

#app .pr-6 {
    padding-right: 1.5rem
}

#app .pr-8 {
    padding-right: 2rem
}

#app .pr-\[18px\] {
    padding-right: 18px
}

#app .pt-0 {
    padding-top: 0
}

#app .pt-1 {
    padding-top: .25rem
}

#app .pt-10 {
    padding-top: 2.5rem
}

#app .pt-12 {
    padding-top: 3rem
}

#app .pt-14 {
    padding-top: 3.5rem
}

#app .pt-16 {
    padding-top: 4rem
}

#app .pt-2 {
    padding-top: .5rem
}

#app .pt-24 {
    padding-top: 6rem
}

#app .pt-3 {
    padding-top: .75rem
}

#app .pt-4 {
    padding-top: 1rem
}

#app .pt-5 {
    padding-top: 1.25rem
}

#app .pt-6 {
    padding-top: 1.5rem
}

#app .pt-64 {
    padding-top: 16rem
}

#app .pt-8 {
    padding-top: 2rem
}

#app .pt-9 {
    padding-top: 2.25rem
}

#app .pt-\[256px\] {
    padding-top: 256px
}

#app .pt-px {
    padding-top: 1px
}

#app .text-left {
    text-align: left
}

#app .text-center {
    text-align: center
}

#app .text-right {
    text-align: right
}

#app .align-baseline {
    vertical-align: baseline
}

#app .align-top {
    vertical-align: top
}

#app .align-middle {
    vertical-align: middle
}

#app .align-text-top {
    vertical-align: text-top
}

#app .font-\[\'Inter\'\] {
    font-family: Inter
}

#app .font-inter {
    font-family: Inter, system-ui, sans-serif
}

#app .font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

#app .\!text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

#app .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

#app .text-2xs {
    font-size: .625rem
}

#app .text-3xl {
    font-size: 2rem
}

#app .text-3xs {
    font-size: .5rem
}

#app .text-4xl {
    font-size: 2.5rem
}

#app .text-4xs {
    font-size: .375rem
}

#app .text-5xl {
    font-size: 3rem;
    line-height: 1
}

#app .text-6xl {
    font-size: 4rem
}

#app .text-\[10px\] {
    font-size: 10px
}

#app .text-\[11px\] {
    font-size: 11px
}

#app .text-\[40px\] {
    font-size: 40px
}

#app .text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

#app .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

#app .text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

#app .text-sm\/normal {
    font-size: .875rem;
    line-height: 1.5
}

#app .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

#app .text-xs {
    font-size: .75rem;
    line-height: 1rem
}

#app .text-xs\/5 {
    font-size: .75rem;
    line-height: 1.25rem
}

#app .\!font-light {
    font-weight: 300 !important
}

#app .\!font-medium {
    font-weight: 500 !important
}

#app .font-bold {
    font-weight: 700
}

#app .font-light {
    font-weight: 300
}

#app .font-medium {
    font-weight: 500
}

#app .font-normal {
    font-weight: 400
}

#app .font-semibold {
    font-weight: 600
}

#app .uppercase {
    text-transform: uppercase
}

#app .lowercase {
    text-transform: lowercase
}

#app .capitalize {
    text-transform: capitalize
}

#app .normal-case {
    text-transform: none
}

#app .italic {
    font-style: italic
}

#app .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction)
}

#app .\!leading-snug {
    line-height: 1.375 !important
}

#app .\!leading-tight {
    line-height: 1.25 !important
}

#app .leading-4 {
    line-height: 1rem
}

#app .leading-6 {
    line-height: 1.5rem
}

#app .leading-7 {
    line-height: 1.75rem
}

#app .leading-8 {
    line-height: 2rem
}

#app .leading-9 {
    line-height: 2.25rem
}

#app .leading-\[16px\] {
    line-height: 16px
}

#app .leading-\[3\.75rem\] {
    line-height: 3.75rem
}

#app .leading-\[48px\] {
    line-height: 48px
}

#app .leading-\[64px\] {
    line-height: 64px
}

#app .leading-loose {
    line-height: 2
}

#app .leading-none {
    line-height: 1
}

#app .leading-normal {
    line-height: 1.5
}

#app .leading-relaxed {
    line-height: 1.625
}

#app .tracking-\[0\.45px\] {
    letter-spacing: .45px
}

#app .tracking-normal {
    letter-spacing: 0
}

#app .tracking-tight {
    letter-spacing: -.015em
}

#app .tracking-wider {
    letter-spacing: .05em
}

#app .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

#app .text-danger-100 {
    --tw-text-opacity: 1;
    color: rgb(252 218 218/var(--tw-text-opacity, 1))
}

#app .text-danger-300 {
    --tw-text-opacity: 1;
    color: rgb(245 143 143/var(--tw-text-opacity, 1))
}

#app .text-danger-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

#app .text-danger-800 {
    --tw-text-opacity: 1;
    color: rgb(102 28 28/var(--tw-text-opacity, 1))
}

#app .text-forcefield-500 {
    --tw-text-opacity: 1;
    color: rgb(125 211 232/var(--tw-text-opacity, 1))
}

#app .text-forcefield-600 {
    --tw-text-opacity: 1;
    color: rgb(56 80 98/var(--tw-text-opacity, 1))
}

#app .text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

#app .text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity, 1))
}

#app .text-inherit {
    color: inherit
}

#app .text-neutral-200 {
    --tw-text-opacity: 1;
    color: rgb(184 184 184/var(--tw-text-opacity, 1))
}

#app .text-neutral-300 {
    --tw-text-opacity: 1;
    color: rgb(154 154 154/var(--tw-text-opacity, 1))
}

#app .text-neutral-400 {
    --tw-text-opacity: 1;
    color: rgb(125 125 125/var(--tw-text-opacity, 1))
}

#app .text-neutral-50 {
    --tw-text-opacity: 1;
    color: rgb(228 228 228/var(--tw-text-opacity, 1))
}

#app .text-neutral-500 {
    --tw-text-opacity: 1;
    color: rgb(95 95 95/var(--tw-text-opacity, 1))
}

#app .text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(57 57 57/var(--tw-text-opacity, 1))
}

#app .text-neutral-900 {
    --tw-text-opacity: 1;
    color: rgb(19 19 19/var(--tw-text-opacity, 1))
}

#app .text-neutral-950 {
    --tw-text-opacity: 1;
    color: rgb(10 10 10/var(--tw-text-opacity, 1))
}

#app .text-pending-300 {
    --tw-text-opacity: 1;
    color: rgb(145 166 209/var(--tw-text-opacity, 1))
}

#app .text-pending-850 {
    --tw-text-opacity: 1;
    color: rgb(21 32 54/var(--tw-text-opacity, 1))
}

#app .text-primary-400 {
    --tw-text-opacity: 1;
    color: rgb(209 179 130/var(--tw-text-opacity, 1))
}

#app .text-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(197 160 99/var(--tw-text-opacity, 1))
}

#app .text-primary-600 {
    --tw-text-opacity: 1;
    color: rgb(158 128 79/var(--tw-text-opacity, 1))
}

#app .text-primary-700 {
    --tw-text-opacity: 1;
    color: rgb(118 96 59/var(--tw-text-opacity, 1))
}

#app .text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity, 1))
}

#app .text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

#app .text-success-400 {
    --tw-text-opacity: 1;
    color: rgb(105 189 158/var(--tw-text-opacity, 1))
}

#app .text-transparent {
    color: #0000
}

#app .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

#app .underline {
    text-decoration-line: underline
}

#app .line-through {
    text-decoration-line: line-through
}

#app .no-underline {
    text-decoration-line: none
}

#app .underline-offset-4 {
    text-underline-offset: 4px
}

#app .placeholder-neutral-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(125 125 125/var(--tw-placeholder-opacity, 1))
}

#app .placeholder-neutral-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(125 125 125/var(--tw-placeholder-opacity, 1))
}

#app .accent-primary-500 {
    accent-color: #c5a063
}

#app .opacity-0 {
    opacity: 0
}

#app .opacity-10 {
    opacity: .1
}

#app .opacity-100 {
    opacity: 1
}

#app .opacity-25 {
    opacity: .25
}

#app .opacity-40 {
    opacity: .4
}

#app .opacity-50 {
    opacity: .5
}

#app .opacity-60 {
    opacity: .6
}

#app .opacity-75 {
    opacity: .75
}

#app .shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#app .shadow-\[0_0_16px_rgba\(197\,160\,99\,0\.4\)\] {
    --tw-shadow: 0 0 16px #c5a06366;
    --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#app .shadow-dark {
    --tw-shadow: 0px 4px 4px #00000040;
    --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#app .shadow-md {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#app .outline-none {
    outline-offset: 2px;
    outline: 2px solid #0000
}

#app .outline {
    outline-style: solid
}

#app .outline-1 {
    outline-width: 1px
}

#app .outline-neutral-700 {
    outline-color: #393939
}

#app .outline-neutral-800 {
    outline-color: #262626
}

#app .ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

#app .ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

#app .ring-primary-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(197 160 99/var(--tw-ring-opacity, 1))
}

#app .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

#app .blur-\[100px\] {
    --tw-blur: blur(100px);
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

#app .drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

#app .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

#app .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

#app .filter {
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

#app .backdrop-blur-\[15px\] {
    --tw-backdrop-blur: blur(15px);
    backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)
}

#app .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#app .transition-\[max-height\] {
    transition-property: max-height;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#app .transition-all {
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#app .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#app .transition-opacity {
    transition-property: opacity;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#app .transition-transform {
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#app .delay-1000 {
    transition-delay: 1s
}

#app .duration-150 {
    transition-duration: .15s
}

#app .duration-200 {
    transition-duration: .2s
}

#app .duration-300 {
    transition-duration: .3s
}

#app .duration-75 {
    transition-duration: 75ms
}

#app .duration-\[500ms\] {
    transition-duration: .5s
}

#app .ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

#app .ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#app .ease-linear {
    transition-timing-function: linear
}

#app .ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

#app .\[animation-delay\:1000ms\] {
    animation-delay: 1s
}

#app .\[animation-delay\:200ms\] {
    animation-delay: .2s
}

#app .\[animation-delay\:400ms\] {
    animation-delay: .4s
}

#app .\[animation-delay\:50ms\] {
    animation-delay: 50ms
}

#app .\[animation-delay\:600ms\] {
    animation-delay: .6s
}

#app .\[animation-delay\:800ms\] {
    animation-delay: .8s
}

#app .\[backface-visibility\:hidden\] {
    backface-visibility: hidden
}

#app .\[transform\:translateZ\(0\)\] {
    transform: translateZ(0)
}

:export {
    fontWeightNormal: 400;
    fontWeightMedium: 500
}

@font-face {
    font-family: Marr Sans Condensed;
    font-display: fallback;
    src: url(../js/01e8e3fac7bdeaf4470b-ff43bb69c987ac0626d3d2a70b7df592.woff2)format("woff2");
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: fallback;
    src: url(../js/384327329b002fa58009-0dae34d5a70aa5062a7dd26ae030780d.woff2)format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: fallback;
    src: url(../js/834a68f88ec7639a591b-aaa03c73ed311e9bf7475bf5e6a6a719.woff2)format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: fallback;
    src: url(../js/6db7e439cc4b0e5c0cd2-b3151053dafda036acec7dd2c0e8a101.woff2)format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: fallback;
    src: url(../js/4c96ed73beaf6d1e6cc7-d22a0d6612cceed0724e681a3a1e90da.woff2)format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: fallback;
    src: url(../js/dbf21f33e4ae43ce9827-fe3840bb1e0bd6d6d648aff92ba47783.woff2)format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: fallback;
    src: url(../js/ff97c4819da755b01c34-6d9e8501f9f6c8eaef2aa44dd6b3ab53.woff2)format("woff2");
    font-weight: 100;
    font-style: normal
}

:export {
    gold: #c5a063;
    goldDarker: #8a7d6c;
    grayLighter: #f6f7fa;
    green: #63d49e;
    red: #cc2323;
    redLight: #e35959;
    blueLight: #8088a5;
    blueLighter: #a9abb9;
    blue: #4b5066;
    white: #fff;
    neutral50: #e4e4e4;
    neutral300: #9a9a9a;
    neutral700: #393939;
    primary500: #c5a063;
    newGold700: #76603b;
    newGold250: #e2be79;
    newGreen400: #69bd9e;
    newRed500: #ef4444
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: #0000
}

abbr[title] {
    text-decoration: underline;
    border-bottom: none;
    text-decoration: underline dotted
}

code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

a:focus {
    outline: none !important
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted buttontext
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    white-space: normal;
    max-width: 100%;
    padding: 0;
    display: table
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template,
[hidden] {
    display: none
}

* {
    box-sizing: border-box
}

html {
    color: #f9f9f9;
    background-color: #131313;
    font-family: Inter, Lato, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem
}

body {
    flex-direction: column;
    min-height: 100vh;
    display: flex
}

main {
    flex-direction: column;
    flex: 1;
    width: 100%;
    margin: 0 auto;
    display: flex
}

h1 {
    font-size: 1.5rem
}

@media (width>=768px) {
    h1 {
        font-size: 2.625rem
    }
}

h2 {
    font-size: 1.25rem
}

h3 {
    font-size: 1rem
}

h4 {
    font-size: .875rem
}

h5,
h6 {
    font-size: .75rem
}

a {
    cursor: pointer;
    color: inherit;
    text-decoration: none
}

input,
select,
textarea,
button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

b,
strong {
    font-weight: 700
}

hr {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #f1f1f1;
    height: 0;
    margin: 15px 0;
    overflow: hidden
}

hr:before {
    content: "";
    display: table
}

hr:after {
    clear: both;
    content: "";
    display: table
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td,
th {
    padding: 0
}

button {
    cursor: pointer;
    border-radius: 0
}

.phx-loading button {
    pointer-events: none;
    opacity: .75
}

.no-icon-date-input::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none
}

.animate-fade-out {
    opacity: 0 !important;
    transition: opacity .3s ease-out !important
}

.h-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.h-ml-auto {
    margin-left: auto !important
}

.h-mt-auto {
    margin-top: auto !important
}

.h-mb-auto {
    margin-bottom: auto !important
}

.h-my-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.h-m-0 {
    margin: 0 !important
}

.h-mt-0 {
    margin-top: 0 !important
}

.h-mr-0 {
    margin-right: 0 !important
}

.h-mb-0 {
    margin-bottom: 0 !important
}

.h-ml-0 {
    margin-left: 0 !important
}

.h-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.h-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.h-m-1 {
    margin: 6px !important
}

.h-mt-1 {
    margin-top: 6px !important
}

.h-mr-1 {
    margin-right: 6px !important
}

.h-mb-1 {
    margin-bottom: 6px !important
}

.h-ml-1 {
    margin-left: 6px !important
}

.h-mt-n1 {
    margin-top: -6px !important
}

.h-mr-n1 {
    margin-right: -6px !important
}

.h-mb-n1 {
    margin-bottom: -6px !important
}

.h-ml-n1 {
    margin-left: -6px !important
}

.h-mx-1 {
    margin-left: 6px !important;
    margin-right: 6px !important
}

.h-my-1 {
    margin-top: 6px !important;
    margin-bottom: 6px !important
}

.h-m-2 {
    margin: 12px !important
}

.h-mt-2 {
    margin-top: 12px !important
}

.h-mr-2 {
    margin-right: 12px !important
}

.h-mb-2 {
    margin-bottom: 12px !important
}

.h-ml-2 {
    margin-left: 12px !important
}

.h-mt-n2 {
    margin-top: -12px !important
}

.h-mr-n2 {
    margin-right: -12px !important
}

.h-mb-n2 {
    margin-bottom: -12px !important
}

.h-ml-n2 {
    margin-left: -12px !important
}

.h-mx-2 {
    margin-left: 12px !important;
    margin-right: 12px !important
}

.h-my-2 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.h-m-3 {
    margin: 18px !important
}

.h-mt-3 {
    margin-top: 18px !important
}

.h-mr-3 {
    margin-right: 18px !important
}

.h-mb-3 {
    margin-bottom: 18px !important
}

.h-ml-3 {
    margin-left: 18px !important
}

.h-mt-n3 {
    margin-top: -18px !important
}

.h-mr-n3 {
    margin-right: -18px !important
}

.h-mb-n3 {
    margin-bottom: -18px !important
}

.h-ml-n3 {
    margin-left: -18px !important
}

.h-mx-3 {
    margin-left: 18px !important;
    margin-right: 18px !important
}

.h-my-3 {
    margin-top: 18px !important;
    margin-bottom: 18px !important
}

.h-m-4 {
    margin: 30px !important
}

.h-mt-4 {
    margin-top: 30px !important
}

.h-mr-4 {
    margin-right: 30px !important
}

.h-mb-4 {
    margin-bottom: 30px !important
}

.h-ml-4 {
    margin-left: 30px !important
}

.h-mt-n4 {
    margin-top: -30px !important
}

.h-mr-n4 {
    margin-right: -30px !important
}

.h-mb-n4 {
    margin-bottom: -30px !important
}

.h-ml-n4 {
    margin-left: -30px !important
}

.h-mx-4 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.h-my-4 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.h-m-5 {
    margin: 48px !important
}

.h-mt-5 {
    margin-top: 48px !important
}

.h-mr-5 {
    margin-right: 48px !important
}

.h-mb-5 {
    margin-bottom: 48px !important
}

.h-ml-5 {
    margin-left: 48px !important
}

.h-mt-n5 {
    margin-top: -48px !important
}

.h-mr-n5 {
    margin-right: -48px !important
}

.h-mb-n5 {
    margin-bottom: -48px !important
}

.h-ml-n5 {
    margin-left: -48px !important
}

.h-mx-5 {
    margin-left: 48px !important;
    margin-right: 48px !important
}

.h-my-5 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.h-m-6 {
    margin: 78px !important
}

.h-mt-6 {
    margin-top: 78px !important
}

.h-mr-6 {
    margin-right: 78px !important
}

.h-mb-6 {
    margin-bottom: 78px !important
}

.h-ml-6 {
    margin-left: 78px !important
}

.h-mt-n6 {
    margin-top: -78px !important
}

.h-mr-n6 {
    margin-right: -78px !important
}

.h-mb-n6 {
    margin-bottom: -78px !important
}

.h-ml-n6 {
    margin-left: -78px !important
}

.h-mx-6 {
    margin-left: 78px !important;
    margin-right: 78px !important
}

.h-my-6 {
    margin-top: 78px !important;
    margin-bottom: 78px !important
}

.h-m-7 {
    margin: 126px !important
}

.h-mt-7 {
    margin-top: 126px !important
}

.h-mr-7 {
    margin-right: 126px !important
}

.h-mb-7 {
    margin-bottom: 126px !important
}

.h-ml-7 {
    margin-left: 126px !important
}

.h-mt-n7 {
    margin-top: -126px !important
}

.h-mr-n7 {
    margin-right: -126px !important
}

.h-mb-n7 {
    margin-bottom: -126px !important
}

.h-ml-n7 {
    margin-left: -126px !important
}

.h-mx-7 {
    margin-left: 126px !important;
    margin-right: 126px !important
}

.h-my-7 {
    margin-top: 126px !important;
    margin-bottom: 126px !important
}

.scrollbar-none::-webkit-scrollbar {
    display: none
}

.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.h-p-0 {
    padding: 0 !important
}

.h-pt-0 {
    padding-top: 0 !important
}

.h-pr-0 {
    padding-right: 0 !important
}

.h-pb-0 {
    padding-bottom: 0 !important
}

.h-pl-0 {
    padding-left: 0 !important
}

.h-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.h-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.h-p-1 {
    padding: 6px !important
}

.h-pt-1 {
    padding-top: 6px !important
}

.h-pr-1 {
    padding-right: 6px !important
}

.h-pb-1 {
    padding-bottom: 6px !important
}

.h-pl-1 {
    padding-left: 6px !important
}

.h-pt-n1 {
    padding-top: -6px !important
}

.h-pr-n1 {
    padding-right: -6px !important
}

.h-pb-n1 {
    padding-bottom: -6px !important
}

.h-pl-n1 {
    padding-left: -6px !important
}

.h-px-1 {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.h-py-1 {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.h-p-2 {
    padding: 12px !important
}

.h-pt-2 {
    padding-top: 12px !important
}

.h-pr-2 {
    padding-right: 12px !important
}

.h-pb-2 {
    padding-bottom: 12px !important
}

.h-pl-2 {
    padding-left: 12px !important
}

.h-pt-n2 {
    padding-top: -12px !important
}

.h-pr-n2 {
    padding-right: -12px !important
}

.h-pb-n2 {
    padding-bottom: -12px !important
}

.h-pl-n2 {
    padding-left: -12px !important
}

.h-px-2 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.h-py-2 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.h-p-3 {
    padding: 18px !important
}

.h-pt-3 {
    padding-top: 18px !important
}

.h-pr-3 {
    padding-right: 18px !important
}

.h-pb-3 {
    padding-bottom: 18px !important
}

.h-pl-3 {
    padding-left: 18px !important
}

.h-pt-n3 {
    padding-top: -18px !important
}

.h-pr-n3 {
    padding-right: -18px !important
}

.h-pb-n3 {
    padding-bottom: -18px !important
}

.h-pl-n3 {
    padding-left: -18px !important
}

.h-px-3 {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.h-py-3 {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

.h-p-4 {
    padding: 30px !important
}

.h-pt-4 {
    padding-top: 30px !important
}

.h-pr-4 {
    padding-right: 30px !important
}

.h-pb-4 {
    padding-bottom: 30px !important
}

.h-pl-4 {
    padding-left: 30px !important
}

.h-pt-n4 {
    padding-top: -30px !important
}

.h-pr-n4 {
    padding-right: -30px !important
}

.h-pb-n4 {
    padding-bottom: -30px !important
}

.h-pl-n4 {
    padding-left: -30px !important
}

.h-px-4 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.h-py-4 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.h-p-5 {
    padding: 48px !important
}

.h-pt-5 {
    padding-top: 48px !important
}

.h-pr-5 {
    padding-right: 48px !important
}

.h-pb-5 {
    padding-bottom: 48px !important
}

.h-pl-5 {
    padding-left: 48px !important
}

.h-pt-n5 {
    padding-top: -48px !important
}

.h-pr-n5 {
    padding-right: -48px !important
}

.h-pb-n5 {
    padding-bottom: -48px !important
}

.h-pl-n5 {
    padding-left: -48px !important
}

.h-px-5 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.h-py-5 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.h-p-6 {
    padding: 78px !important
}

.h-pt-6 {
    padding-top: 78px !important
}

.h-pr-6 {
    padding-right: 78px !important
}

.h-pb-6 {
    padding-bottom: 78px !important
}

.h-pl-6 {
    padding-left: 78px !important
}

.h-pt-n6 {
    padding-top: -78px !important
}

.h-pr-n6 {
    padding-right: -78px !important
}

.h-pb-n6 {
    padding-bottom: -78px !important
}

.h-pl-n6 {
    padding-left: -78px !important
}

.h-px-6 {
    padding-left: 78px !important;
    padding-right: 78px !important
}

.h-py-6 {
    padding-top: 78px !important;
    padding-bottom: 78px !important
}

.h-p-7 {
    padding: 126px !important
}

.h-pt-7 {
    padding-top: 126px !important
}

.h-pr-7 {
    padding-right: 126px !important
}

.h-pb-7 {
    padding-bottom: 126px !important
}

.h-pl-7 {
    padding-left: 126px !important
}

.h-pt-n7 {
    padding-top: -126px !important
}

.h-pr-n7 {
    padding-right: -126px !important
}

.h-pb-n7 {
    padding-bottom: -126px !important
}

.h-pl-n7 {
    padding-left: -126px !important
}

.h-px-7 {
    padding-left: 126px !important;
    padding-right: 126px !important
}

.h-py-7 {
    padding-top: 126px !important;
    padding-bottom: 126px !important
}

.h-border {
    border: .5px solid #c1c1c1
}

.h-b-none {
    border: none !important
}

.h-b-gold {
    border-color: #c5a063 !important
}

.h-bb-none {
    border-bottom: none !important
}

.h-bb-red {
    border-bottom-color: #cc2323 !important
}

.h-b-rounded {
    border-radius: .125rem
}

.h-b-rounded-full {
    border-radius: 9999px
}

.h-bb-1 {
    border-bottom: 1px solid
}

.h-clearfix:before {
    content: "";
    display: table
}

.h-clearfix:after {
    clear: both;
    content: "";
    display: table
}

.h-user-select-none,
.c-nav-public__link,
.c-tab-buttons__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.h-break-word {
    word-wrap: break-word
}

.h-text-align-center {
    text-align: center
}

.h-text-align-left {
    text-align: left
}

.h-text-align-right {
    text-align: right
}

.h-vertical-align-middle {
    vertical-align: middle
}

.h-flex-grow {
    flex-grow: 1
}

.h-flex-wrap {
    flex-wrap: wrap
}

.h-flex-column {
    flex-direction: column;
    display: flex
}

.h-flex-center {
    align-items: center
}

.h-flex-row {
    flex-direction: row;
    display: flex
}

.h-flex-justify-center {
    justify-content: center
}

.h-flex-justify-flex-end {
    justify-content: flex-end
}

.h-flex-align-self-left {
    align-self: flex-start !important
}

.h-flex-1 {
    flex: 1
}

.h-items-center {
    align-items: center
}

.h-hide {
    display: none
}

.h-inline-block {
    display: inline-block !important
}

.h-block {
    display: block !important
}

.h-overflow-auto {
    overflow: auto
}

.h-pointer {
    cursor: pointer
}

.h-cursor-wait {
    cursor: wait !important
}

.h-nowrap {
    white-space: nowrap
}

.h-center {
    margin: 0 auto
}

.h-user-select-all {
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all
}

.h-fill-current-color {
    fill: currentColor
}

.h-overflow-x-auto {
    overflow-x: auto
}

.h-overflow-x-hidden {
    overflow-x: hidden
}

.h-hidden {
    visibility: hidden
}

.h-space-between {
    justify-content: space-between
}

.h-absolute {
    position: absolute
}

.h-relative {
    position: relative
}

.h-top-0 {
    top: 0
}

.h-left-50pct {
    left: 50%
}

.h-transform-negative-50pct {
    transform: translate(-50%, -50%)
}

.h-linked-content {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.h-float-right {
    float: right
}

.h-float-left {
    float: left
}

.h-height-full {
    height: 100%
}

.h-height-md {
    height: 1.5em
}

.h-height-6rem {
    height: 6rem
}

.h-width-32rem {
    width: 32rem
}

.h-max-w-none {
    max-width: none
}

.h-max-w-xs {
    max-width: 384px
}

.h-max-w-sm {
    max-width: 512px
}

.h-max-w-md {
    max-width: 768px
}

.h-w-xs {
    width: 384px
}

.h-w-full {
    width: 100% !important
}

.h-max-w-full {
    max-width: 100% !important
}

.h-min-w-0 {
    min-width: 0 !important
}

.h-min-3rem {
    min-width: 3rem !important
}

.h-min-22rem {
    min-width: 22rem !important
}

.h-max-h-18rem {
    max-height: 18rem
}

.h-opacity-50 {
    opacity: .5
}

.h-no-highlights {
    -webkit-tap-highlight-color: #0000
}

.h-fit-width {
    width: fit-content
}

.h-text-lg {
    font-size: 1.5rem !important
}

.h-text-md {
    font-size: 1.2rem !important
}

.h-text-sm {
    font-size: .875rem !important
}

.h-text-xs {
    letter-spacing: .3px !important;
    font-size: .625rem !important
}

.h-text-md {
    letter-spacing: .3px !important;
    font-size: 1.2rem !important
}

.h-text-right {
    text-align: right !important
}

.h-text-left {
    text-align: left !important
}

.h-text-center {
    text-align: center !important
}

.h-text-underline {
    text-decoration: underline !important
}

.h-font-weight-thin {
    font-weight: 100 !important
}

.h-font-weight-light {
    font-weight: 300 !important
}

.h-font-weight-normal {
    font-weight: 400 !important
}

.h-font-weight-medium {
    font-weight: 500 !important
}

.h-font-weight-slightly-heavy {
    font-weight: 600 !important
}

.h-font-weight-heavy {
    font-weight: 700 !important
}

.h-font-weight-black {
    font-weight: 900 !important
}

.h-font-size-sm {
    font-size: .875rem !important
}

.h-font-size-md {
    font-size: 1.2rem !important
}

.h-font-size-lg {
    font-size: 1.5rem !important
}

.h-font-size-xl {
    font-size: 2.25rem !important
}

.h-line-height-sm {
    line-height: .9
}

.h-line-height-md {
    line-height: 1.3
}

.h-letter-spacing-tighter {
    letter-spacing: -.05em
}

.h-letter-spacing-tight {
    letter-spacing: -.025em
}

.h-letter-spacing-normal {
    letter-spacing: 0
}

.h-letter-spacing-wide {
    letter-spacing: .025em
}

.h-letter-spacing-wider {
    letter-spacing: .05em
}

.h-letter-spacing-widest {
    letter-spacing: .1em
}

.h-color-inherit {
    color: inherit !important
}

.h-text-black {
    color: #000
}

.h-text-white {
    color: #fff
}

.h-text-gold {
    color: #c5a063 !important
}

.h-text-gold-dark {
    color: #8d6c35
}

.h-text-gray {
    color: #ccc
}

.h-text-gray-dark {
    color: #888
}

.h-text-gray-light {
    color: #f1f1f1
}

.h-text-gray-lighter {
    color: #f6f7fa
}

.h-text-blue {
    color: #4b5066
}

.h-text-blue-darker {
    color: #0f0f0f
}

.h-text-blue-light {
    color: #8088a5
}

.h-text-blue-lighter {
    color: #a9abb9 !important
}

.h-text-neutral-300 {
    color: #9a9a9a !important
}

.h-text-red {
    color: #cc2323 !important
}

.h-text-green {
    color: #63d49e
}

@media (width>=512px) {
    .h-hide-responsive-sm {
        display: none !important
    }
}

@media (width>=768px) {
    .h-hide-responsive-md {
        display: none !important
    }
}

@media (width>=1024px) {
    .h-hide-responsive-lg {
        display: none !important
    }
}

@media (width<=512px) {
    .h-hide-responsive-max-sm {
        display: none !important
    }
}

@media (width<=768px) {
    .h-hide-responsive-max-md {
        display: none !important
    }
}

@media (width<=1024px) {
    .h-hide-responsive-max-lg {
        display: none !important
    }
}

.h-text-nowrap {
    white-space: nowrap
}

.h-text-pre-wrap {
    white-space: pre-wrap !important
}

.h-text-overflow-ellipsis {
    text-overflow: ellipsis
}

.h-bg-gray-light {
    background-color: #f1f1f1;
    border: none !important
}

.h-transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-duration: .5s;
    transition-timing-function: ease-out
}

.h-transition-collapse {
    transition: height .35s 20ms, opacity .3s
}

body {
    color: #9a9a9a;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 2rem
}

main {
    padding: 0
}

a,
button {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (width>=1024px) {

    a,
    button {
        font-size: 1rem;
        line-height: 2rem
    }
}

h1,
h2,
h3,
h4,
h5 {
    color: #fff
}

h1 {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 4.25rem
}

@media (width>=768px) {
    h1 {
        font-size: 4.25rem;
        line-height: 4.75rem
    }
}

@media (width>=1280px) {
    h1 {
        font-size: 5rem;
        line-height: 6rem
    }
}

h2 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 3.15rem
}

@media (width>=512px) {
    h2 {
        font-size: 3rem;
        line-height: 4rem
    }
}

@media (width>=1024px) {
    h2 {
        font-weight: 600
    }
}

@media (width>=1280px) {
    h2 {
        font-size: 4rem;
        line-height: 5rem
    }
}

h3 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 3.25rem
}

@media (width>=512px) {
    h3 {
        font-size: 2rem;
        line-height: 3.5rem
    }
}

@media (width>=768px) {
    h3 {
        font-size: 2.5rem;
        line-height: 3.5rem
    }
}

@media (width>=1280px) {
    h3 {
        font-size: 3.5rem;
        line-height: 4.5rem
    }
}

h4 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.5rem
}

@media (width>=320px) {
    h4 {
        font-size: 2.5rem;
        line-height: 3.25rem
    }
}

@media (width>=512px) {
    h4 {
        font-size: 3rem;
        line-height: 4rem
    }
}

@media (width>=768px) {
    h4 {
        font-size: 3rem;
        line-height: 4rem
    }
}

@media (width>=1024px) {
    h4 {
        font-size: 2rem;
        line-height: 3.5rem
    }
}

h5 {
    font-family: Inter, Lato, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem
}

.bg-neutral-950 {
    background-color: #0a0a0a
}

.bg-black {
    background-color: #000
}

.c-button,
input[type=button],
input[type=reset] {
    color: var(--colors-neutral-neutral-900, #131313);
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-transform: none;
    background-color: #c5a063;
    border: .1rem solid #c5a063;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    padding-left: 30px;
    padding-right: 30px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.5rem;
    text-decoration: none;
    transition-property: border-color, opacity, background-color, color;
    transition-duration: .15s;
    transition-timing-function: linear;
    display: flex
}

.c-button svg,
input[type=button] svg,
input[type=reset] svg {
    fill: currentColor;
    width: 1em;
    height: 1em
}

.c-button img,
input[type=button] img,
input[type=reset] img {
    width: 1em;
    height: 1em
}

.c-button[disabled],
input[disabled][type=button],
input[disabled][type=reset] {
    cursor: default;
    opacity: .5
}

.c-button:not([disabled]):hover,
input[type=button]:not([disabled]):hover,
input[type=reset]:not([disabled]):hover {
    background-color: #d3b788;
    border-color: #c5a063;
    outline: 0
}

.c-button--fluid {
    width: 100%
}

.c-button--xs {
    letter-spacing: .75px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: .575rem;
    line-height: 1.5rem
}

.c-button--sm {
    letter-spacing: .75px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: .625rem;
    line-height: 2rem
}

.c-button--home {
    background-color: #e2be79;
    border: none;
    border-radius: 5px;
    padding: 5px 30px;
    font-size: 16px
}

.c-button--price {
    background: linear-gradient(270deg, #e2be79 0%, #ffe5b4 100%);
    border: none;
    border-radius: 4px;
    margin: 20px 0 0;
    padding: 5px 50px;
    font-size: 16px
}

.c-button--big {
    line-height: 5rem !important
}

.c-button--light-gold {
    background-color: #e2be79
}

.c-button--black {
    color: #0d0d1c
}

.c-button--gray-light {
    color: #8088a5;
    background-color: #eaeef1;
    border: 2px solid #cecfd9
}

.c-button--gray-light:not([disabled]):hover {
    background-color: #f1f1f1;
    border-color: #cecfd9;
    outline: 0
}

.c-button--neutral-400 {
    color: #818594;
    background-color: #eaeef1;
    border: 2px solid #818594
}

.c-button--neutral-400:not([disabled]):hover {
    background-color: #f9f9f9;
    border-color: #818594;
    outline: 0
}

.c-button--outline {
    color: #c5a063;
    background-color: #0000
}

.c-button--outline:not([disabled]):hover {
    background-color: #e8d9c0
}

.c-button--dashed {
    border-style: dashed
}

.c-button--outline.c-button--blue-lighter {
    color: #a9abb9;
    border-color: #f1f1f1
}

.c-button--outline.c-button--blue-lighter:not([disabled]):hover {
    color: #8088a5;
    background-color: #fff;
    border-color: #ccc
}

.c-button--outline.c-button--gray {
    color: #888;
    border-color: #888
}

.c-button--outline.c-button--gray:not([disabled]):hover {
    color: #fff;
    background-color: #888;
    border-color: #888
}

.c-button--outline.c-button--red {
    color: #cc2323;
    border-color: #e35959
}

.c-button--outline.c-button--red:not([disabled]):hover {
    color: #fff;
    background-color: #cc2323;
    border-color: #cc2323
}

.c-button--outline.c-button--red:disabled {
    opacity: .15
}

.c-button:focus,
input[type=button]:focus,
input[type=reset]:focus {
    outline: 1px
}

.c-button--loading {
    cursor: wait;
    position: relative
}

.c-button--loading:after {
    width: 20px !important;
    height: 20px !important
}

.c-button--center {
    justify-content: center;
    align-items: center;
    display: flex
}

.c-spinner,
.c-time-series-chart-container--loading,
.c-button--loading {
    cursor: wait;
    z-index: 70
}

.c-spinner:not(.c-spinner--without-overlay):before {
    opacity: .95 !important;
    background-color: #1d1d1d !important
}

@keyframes spinner-animation {
    0% {
        transform: translate(-50%, -50%)rotate(0)
    }

    to {
        transform: translate(-50%, -50%)rotate(360deg)
    }
}

.c-spinner:after,
.c-time-series-chart-container--loading:after,
.c-button--loading:after {
    animation: .8s linear infinite spinner-animation;
    animation-play-state: inherit;
    content: "";
    width: 40px;
    height: 40px;
    opacity: inherit;
    will-change: transform;
    border: 5px solid #f6f7fa;
    border-bottom-color: #c5a063;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 3px #ccc
}

.c-spinner--dark:after {
    border: 2.5px solid #444;
    border-bottom-color: #c5a063;
    border-radius: 50%;
    box-shadow: 0 0 3px #888
}

.c-spinner--small:after {
    width: 20px;
    height: 20px
}

.c-spinner--small--default:after {
    width: 18px;
    height: 18px
}

.c-spinner--small--danger:after {
    border-bottom-color: #cc2323;
    width: 18px;
    height: 18px
}

.c-spinner__text {
    text-align: center;
    color: #4b5066;
    z-index: 80;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50px)
}

.c-loader {
    border: 8px solid #f3f3f3;
    border-top-color: #c5a063;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: 2s linear infinite spin
}

.c-loading-overlay,
.c-spinner:not(.c-spinner--without-overlay):before {
    opacity: 1;
    content: "";
    background-color: #ffffff80;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    animation-play-state: running;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.c-dialog-header-icon svg,
.c-flash__close svg {
    box-sizing: content-box;
    fill: #8088a5;
    cursor: pointer;
    width: .8rem;
    height: .8rem;
    padding: 1rem;
    transition: opacity .15s linear;
    transform: translateY(2px)
}

.c-dialog-header-icon svg:hover,
.c-flash__close svg:hover {
    opacity: .5
}

.c-flash {
    color: #fff;
    border: 1px solid;
    border-radius: 3px;
    flex-direction: row;
    align-items: center;
    padding: 0 18px;
    display: flex
}

.c-flash b {
    font-weight: 700 !important
}

.c-flash--success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.c-flash--info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.c-flash--warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.c-flash--error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.c-flash__message {
    flex: 1;
    padding: .9rem 0
}

.c-flash__message--wide {
    justify-content: space-evenly;
    align-items: center;
    display: flex
}

.c-flash__close {
    align-self: flex-start;
    padding-top: 2px;
    transform: translate(10px)
}

.c-flash__close svg {
    padding-left: 30px !important
}

.c-flash__close--success svg {
    fill: #3c763d !important
}

.c-flash__close--info svg {
    fill: #31708f !important
}

.c-flash__close--warning svg {
    fill: #8a6d3b !important
}

.c-flash__close--error svg {
    fill: #a94442 !important
}

@media (width<=512px) {
    .c-flash-responsive--desktop {
        display: none !important
    }
}

@media (width>=512px) {
    .c-flash-responsive--mobile {
        display: none !important
    }
}

.c-breadcrumb__link,
.c-link {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #c5a063;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    transition: opacity .15s linear
}

.c-breadcrumb__link:hover,
.c-link:hover {
    opacity: .5
}

.c-link--with-underline {
    border-bottom: 1px solid #c5a063
}

.c-link--no-color {
    color: inherit !important
}

.c-video__bg {
    opacity: .5;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 20% 0 0
}

@media (width<=512px) {
    .c-video__bg {
        display: none
    }
}

.word-cycler-word {
    transition: transform 1s ease-in-out;
    position: absolute;
    transform: translateY(0)
}

.word-cycler-slide-up {
    transform: translateY(-100%)
}

.word-cycler-slide-in {
    transition: none;
    transform: translateY(100%)
}

.accordion>input[type=checkbox] {
    position: absolute;
    left: -100vw
}

.accordion .content {
    height: 0;
    transition: height .3s;
    overflow-y: hidden
}

.accordion>input[type=checkbox]:checked~.content {
    height: auto;
    overflow: visible
}

.accordion label {
    color: #f9f9f9;
    font-size: 1.2em;
    display: block
}

.accordion .handle {
    margin: 0
}

.accordion label {
    cursor: pointer
}

.accordion label:hover,
.accordion label:focus {
    -webkit-tap-highlight-color: #0000
}

.faq-accordion {
    border-bottom: 1px solid #ffffff1a
}

input.tgg-title {
    all: unset
}

.faq-accordion-title label {
    cursor: pointer;
    align-items: center;
    display: flex
}

.faq-accordion-title h2 {
    color: var(--neutral-dark-color);
    font-size: 12px;
    font-weight: 400
}

.faq-accordion-title span {
    margin-left: auto;
    transition: transform .3s ease-in-out
}

.faq-accordion-content {
    color: var(--neutral-soft-color);
    max-height: 0;
    padding-top: 8px;
    transition: max-height .3s ease-in-out;
    overflow: hidden
}

.faq-accordion-title:hover h2 {
    color: var(--primary-soft-color)
}

.faq-accordion .tgg-title:checked+div>label>h2 {
    font-weight: 700
}

.faq-accordion .tgg-title:checked+div>label>span {
    will-change: transform;
    transform: scaleY(-1)
}

.faq-accordion .tgg-title:checked~.faq-accordion-content {
    will-change: max-height;
    max-height: 800px
}

.blur-image {
    z-index: 1;
    position: relative;
    -webkit-mask-image: linear-gradient(#000 50%, #0000 90%);
    mask-image: linear-gradient(#000 50%, #0000 90%)
}

.blur-image-light {
    z-index: 1;
    position: relative;
    -webkit-mask-image: linear-gradient(#000 49%, #0000 87%);
    mask-image: linear-gradient(#000 49%, #0000 87%)
}

.blur-image-medium {
    z-index: 1;
    position: relative;
    -webkit-mask-image: linear-gradient(#000 40%, #0000 80%);
    mask-image: linear-gradient(#000 40%, #0000 80%)
}

.top-bottom-blur-image {
    border-radius: 16px;
    max-height: 520px
}

@media screen and (width>=1280px) {
    .top-bottom-blur-image {
        z-index: 1;
        -webkit-mask-image: radial-gradient(80% 50% at 70%, #000 60%, #0000);
        max-height: none;
        position: relative;
        mask-image: radial-gradient(75% 55% at 70%, #000 60%, #0000)
    }
}

.c-breadcrumb {
    font-size: .875rem
}

.c-breadcrumb__link {
    color: #8088a5;
    font-weight: 300
}

.c-breadcrumb__text {
    color: #171926
}

.c-breadcrumb__separator {
    color: #8088a5
}

.c-inline-field {
    justify-content: center;
    align-items: center;
    display: flex
}

.c-inline-field__label {
    flex: 1
}

.c-card {
    background-color: #fff;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0 0 1px #fff
}

.c-card--with-border {
    border: 1px solid #f1f1f1
}

.c-card--padded-sm {
    padding: 21px 30px
}

.c-card--padded-xs {
    padding: 21px 20px
}

.c-card--padded {
    padding: 30px 48px
}

.c-card--transparent {
    box-shadow: none;
    background-color: #0000;
    border: none;
    border-radius: 0
}

.c-card--shadow {
    box-shadow: 0 4px 20px #0a0d191a
}

.c-card--no-border-top-radius {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.c-card__header {
    color: #8088a5;
    border-bottom: 1px solid #edeff2;
    justify-content: space-between;
    display: flex
}

.c-card__header--padded-sm {
    padding: 21px 30px
}

.c-card__header--padded-xs {
    padding: 10px 20px
}

.c-card__inner--padded-sm {
    padding: 21px 30px
}

.c-card__title {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #4b5066;
    letter-spacing: 1px;
    font-size: .875rem;
    font-weight: 900
}

@media (width>=384px) {
    .c-card__title {
        font-size: 1.2em
    }
}

@media (width>=768px) {
    .c-card__title {
        font-size: 1.4em
    }
}

.c-card__title--light {
    color: #8088a5;
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: .5px !important
}

.c-card__title--gold {
    color: #c5a063;
    margin-bottom: 0;
    font-weight: 700;
    letter-spacing: .5px !important
}

.c-card__title--half-width {
    width: 50%
}

.c-card__title--main {
    font-size: 1.2em
}

@media (width>=768px) {
    .c-card__title--main {
        font-size: 1.4em
    }
}

.c-card__subtitle {
    margin-bottom: 18px;
    font-size: 1rem
}

.c-card__subtitle-md {
    margin-top: 18px;
    font-size: 1rem
}

.filter-gold {
    filter: invert(67%)sepia(35%)saturate(465%)hue-rotate(359deg)brightness(91%)contrast(92%)
}

.c-card-gold-glow {
    border: 1px solid #ffffff1a;
    border-radius: 8px
}

.c-order-details {
    width: 100%
}

.c-order-details td {
    vertical-align: top;
    padding: 12px 0
}

.c-order-details td:last-child {
    color: #e4e4e4;
    text-align: right;
    word-wrap: break-word;
    padding-left: 6px
}

.c-order-details td:first-child {
    color: #9a9a9a;
    width: auto;
    min-width: 33%;
    padding-right: 6px
}

.c-order-details tbody tr td:last-child {
    word-wrap: break-word;
    max-width: 350px
}

.c-order-details tr.note td {
    text-align: left;
    text-align: center;
    word-break: break-word;
    padding: 0;
    font-size: .875rem;
    font-weight: 300
}

.c-dropdown__order-type-img-wrapper {
    background: var(--neutral-700, #393939);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    min-height: 40px;
    display: flex
}

.c-dropdown__order-type-img-wrapper img {
    min-width: 24px;
    min-height: 24px
}

.c-pill {
    gap: 6px
}

.c-pill label {
    cursor: pointer;
    border: 1px solid var(--colors-neutral-neutral-300, #9a9a9a);
    width: 100%;
    height: 100%;
    color: var(--colors-neutral-neutral-300, #9a9a9a);
    font-feature-settings: "clig" off, "liga" off;
    border-radius: 24px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    line-height: 24px
}

.c-pill label input {
    display: none
}

.c-pill label.current_active_pill {
    color: var(--colors-primary-primary-500, #c5a063);
    border: 1px solid var(--colors-primary-primary-500, #c5a063);
    background: var(--colors-primary-primary-900, #272014)
}

.c-switch {
    vertical-align: middle;
    width: 45px;
    height: 18px;
    display: inline-block;
    position: relative
}

.c-switch--lg {
    transform: scale(1.5)
}

.c-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.c-switch__slider {
    cursor: pointer;
    transition-property: transform background-color;
    background-color: #a9abb9;
    transition-duration: .15s;
    transition-timing-function: linear;
    position: absolute;
    inset: 0
}

.c-switch__slider--round {
    border-radius: 34px
}

.c-switch__slider--round:before,
.c-switch__slider--round svg {
    border-radius: 50%
}

.c-switch__slider:not(.c-switch__slider--with-icon):before {
    content: "";
    fill: #a9abb9;
    width: 18px;
    height: 18px;
    transition-property: transform opacity;
    background-color: #fff;
    background-position: 2px 2px;
    background-size: 14px 14px;
    border: 1px solid #a9abb9;
    border-radius: 50%;
    padding: 2px;
    transition-duration: 50ms;
    transition-timing-function: linear;
    position: absolute;
    bottom: 0;
    left: 0
}

.c-switch__slider--with-icon svg {
    fill: #a9abb9;
    width: 18px;
    height: 18px;
    transition-property: transform opacity;
    background-color: #fff;
    background-position: 2px 2px;
    background-size: 14px 14px;
    border: 1px solid #a9abb9;
    padding: 2px;
    transition-duration: .15s;
    transition-timing-function: linear;
    position: absolute;
    bottom: 0;
    left: 0
}

.c-switch__stick {
    background: #fff;
    border-radius: 14px;
    width: 14px;
    height: 14px
}

input:checked+.c-switch__slider--gold {
    background-color: #c5a063;
    border-color: #c5a063
}

input:checked+.c-switch__slider--green {
    background-color: #63d49e;
    border-color: #63d49e
}

input:focus+.c-switch__slider--gold--gold {
    box-shadow: 0 0 1px #c5a063
}

input:focus+.c-switch__slider--gold--green {
    box-shadow: 0 0 1px #63d49e
}

input:checked+.c-switch__slider--with-icon svg,
input:checked+:not(.c-switch__slider--with-icon):before {
    fill: #c5a063;
    border-color: #c5a063;
    transform: translate(27px)
}

.c-rss-reader {
    grid-gap: 40px;
    grid-template-columns: 1fr;
    display: grid
}

@media (width>=512px) {
    .c-rss-reader {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (width>=768px) {
    .c-rss-reader {
        grid-template-columns: repeat(3, 1fr)
    }
}

.c-rss-reader__item {
    text-align: left;
    color: #4b5066
}

.c-rss-reader__item--title {
    color: #080a15;
    margin: 0;
    font-weight: 500;
    line-height: 1.4;
    font-size: 22px !important
}

.c-rss-reader__item--title:hover {
    color: #585e78
}

.c-rss-reader__item--category {
    text-transform: uppercase;
    margin: 15px 0 5px;
    font-size: 14px;
    font-weight: 700;
    display: block;
    color: #c5a063 !important
}

.c-rss-reader__item--summary {
    margin-top: 10px
}

.c-rss-reader__item--author {
    color: #4b5066;
    margin: 0;
    font-weight: 500
}

.c-rss-reader__item--date {
    color: #4b5066;
    margin: 3px 0
}

.c-rss-reader__image {
    width: auto;
    height: auto;
    max-height: 240px;
    margin: 0 auto;
    overflow: hidden
}

.c-rss-reader__image img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
    width: 100%;
    height: 100%
}

.c-rss-reader__image img:hover {
    opacity: .8;
    transition: all .3s ease-in-out
}

.c-tab-buttons {
    text-align: center;
    border: 1px solid #5f5f5f;
    border-radius: 3px;
    font-weight: 700;
    display: flex;
    overflow: hidden
}

.c-tab-buttons__item {
    color: #9a9a9a;
    cursor: pointer;
    flex: 1 0 auto;
    padding: .5rem 0;
    font-size: .8rem;
    transition-property: background, color, opacity;
    transition-duration: .15s;
    transition-timing-function: linear
}

.c-tab-buttons__item--active {
    color: #131313;
    background: #c5a063
}

.c-tab-buttons__item:hover:not(.c-tab-buttons__item--active) {
    background-color: #131313
}

.c-app-footer {
    border-top: 1px solid #262626;
    flex-direction: column;
    align-items: center;
    font-size: .9rem;
    display: flex
}

.c-app-footer .c-app-footer__inner {
    color: #e4e4e4;
    text-align: center;
    flex-direction: column;
    max-width: 1280px;
    margin: 0;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex
}

.c-app-footer .c-app-footer__inner a {
    color: #e4e4e4;
    padding: auto;
    font-weight: 500
}

.c-app-footer .c-app-footer__inner span {
    float: right;
    color: #9a9a9a
}

@media (width>=768px) {
    .c-app-footer .c-app-footer__inner {
        flex-direction: row
    }

    .c-app-footer .c-app-footer__inner a {
        margin-right: 24px
    }
}

.c-public-footer {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.c-public-footer__inner {
    color: #fff;
    white-space: normal;
    grid-template-columns: 2fr 3fr;
    grid-template-areas: "footer-left footer-grid-wrapper";
    width: 100%;
    margin: 0 auto;
    padding: 48px 30px;
    display: grid;
    overflow: visible
}

@media (width>=512px) {
    .c-public-footer__inner {
        padding: 18px 30px
    }
}

@media (width<=1280px) {
    .c-public-footer__inner {
        grid-gap: 64px;
        grid-template-columns: 1fr;
        grid-template-areas: "footer-left" "footer-grid-wrapper"
    }
}

.c-public-footer__column a {
    color: #9a9a9a;
    font-size: 16px;
    font-weight: 300
}

.c-public-footer__column a:hover {
    color: #c5a063;
    opacity: 1
}

.c-public-footer__left {
    flex-flow: column wrap;
    grid-area: footer-left;
    align-items: flex-start;
    display: flex
}

@media (width<=1280px) {
    .c-public-footer__left {
        flex-direction: row;
        justify-content: space-between
    }
}

.c-public-footer__logo img {
    max-width: 300px
}

.c-public-footer__copyright {
    margin-bottom: 30px
}

@media (width<=1280px) {
    .c-public-footer__copyright {
        margin-bottom: 0
    }
}

.c-public-footer__copyright p {
    white-space: normal
}

@media (width<=1280px) {
    .c-public-footer__app {
        margin-top: auto;
        margin-bottom: auto
    }
}

.c-public-footer__grid-wrapper {
    flex-wrap: wrap;
    grid-area: footer-grid-wrapper;
    align-items: flex-start;
    display: flex
}

.c-public-footer__grid-item {
    flex-grow: 1;
    width: 40%;
    margin: 0 32px 44px 0
}

@media (width>=320px) {
    .c-public-footer__grid-item {
        width: 25%
    }
}

@media (width>=768px) {
    .c-public-footer__grid-item {
        width: 15%
    }
}

.c-public-footer__grid-item-title {
    white-space: normal
}

.c-public-footer__grid-item-list {
    flex-direction: column;
    padding-top: 10px;
    display: flex
}

.c-public-footer__grid-item-list a {
    align-items: center;
    display: flex
}

.c-public-footer__social-icon {
    width: 24px;
    height: 24px;
    margin: 0 .5rem 0 0;
    display: inline-block
}

.c-support__nav-bg {
    background-color: #13151c;
    height: 130px
}

.c-support__hero h1 {
    font-size: 2.625rem
}

.c-support__hero h2 {
    font-size: 1.8rem
}

.c-support__hours {
    margin: 18px auto;
    line-height: 1
}

.c-support {
    color: #4b5066;
    background-color: #f6f7fa;
    width: 100%
}

.c-support__inner {
    width: 65%;
    margin: 48px auto;
    display: flex
}

@media (width<=768px) {
    .c-support__inner {
        width: 80%
    }
}

@media (width<=1024px) {
    .c-support__inner {
        text-align: center;
        flex-direction: column
    }
}

@media (width<=1536px) {
    .c-support__inner {
        width: 70%
    }
}

.c-support__card {
    text-align: center;
    background: #fff;
    width: 44%;
    margin: 12px;
    padding: 30px;
    box-shadow: 0 2px 6px #72717140
}

.c-support__card img {
    width: 20%;
    display: inline
}

@media (width<=1024px) {
    .c-support__card {
        margin: 12px 0
    }
}

@media (width<=1280px) {
    .c-support__card {
        width: 100%
    }
}

.c-support__column-right {
    flex-basis: 250%;
    width: 100%;
    margin-left: 48px
}

@media (width<=1024px) {
    .c-support__column-right {
        margin-left: 0
    }
}

.c-support__card-container {
    flex-wrap: wrap;
    display: flex
}

.c-modal-bg {
    opacity: 0;
    z-index: 49;
    pointer-events: none;
    transition: opacity .2s ease-out;
    position: fixed;
    inset: 0
}

@media (width>=512px) {
    .c-modal-bg {
        background-color: #000c
    }
}

body.modal-is-visible {
    overflow: hidden
}

body.modal-is-visible .c-modal-bg {
    opacity: 1
}

body.js-modal-is-visible {
    overflow: hidden
}

body.js-modal-is-visible .c-modal-bg {
    opacity: 1
}

.c-nav-error__wrapper {
    z-index: 10;
    background-color: #0000;
    position: fixed;
    left: 0;
    right: 0
}

.c-nav-error__wrapper--absolute {
    position: absolute
}

.c-nav-error {
    flex-flow: column wrap;
    max-width: 1536px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    position: relative
}

@media (width<=1080px) {
    .c-nav-error--show-responsive-menu {
        padding-bottom: .5rem;
        background-color: #080a15 !important;
        box-shadow: 0 0 5px #444 !important
    }
}

@media (width>=1080px) {
    .c-nav-error {
        flex-direction: row;
        align-items: center;
        height: 5em
    }
}

.c-nav-error__logo {
    margin: 2rem;
    display: inline-flex
}

.c-nav-error__logo img {
    height: 38px
}

@media (width>=1080px) {
    .c-nav-error__logo {
        margin-right: 0
    }
}

.c-nav-public__link {
    letter-spacing: .5px;
    color: #fff;
    width: 100%;
    padding: 1.2rem 0;
    font-size: .875rem;
    font-weight: 500;
    text-decoration: none;
    transition: color .15s linear
}

.c-nav-public__link.active,
.c-nav-public__link:hover {
    color: #c5a063
}

@media (width>=1080px) {

    .c-nav-public__link.active,
    .c-nav-public__link:hover {
        box-shadow: inset 0 -3px #c5a063
    }

    .c-nav-public__link {
        width: auto;
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media (width>=1280px) {
    .c-nav-public__link {
        margin-left: 1.2rem;
        margin-right: 1.9rem
    }
}

.c-support-table td {
    padding-right: .5em
}

.c-badge {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: .7em;
    font-weight: 100;
    line-height: .9em;
    display: inline
}

.c-badge--sm {
    padding: 2px 6px
}

.c-badge--outline {
    color: #c5a063;
    background-color: #0000;
    border: 1px solid #c5a063
}

.c-badge__wire-deposit {
    color: #8a6d3b;
    background-color: #faf2e4;
    border: 1px solid #f5e9d5;
    border-radius: 3px;
    padding: 5px 10px;
    display: inline
}

.c-badge__high-fee {
    color: #8a6d3b;
    background-color: #faf2e4;
    border-radius: 2px;
    height: fit-content;
    margin: 3px 5px 0 10px;
    padding: 2px 6px
}

.c-dropdown {
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    position: relative
}

.c-dropdown__left {
    align-items: center;
    min-width: 0;
    padding: 20px;
    display: flex
}

.c-dropdown__right {
    align-items: center;
    padding: 20px;
    display: flex
}

.c-dropdown__selected {
    z-index: 10;
    flex-direction: row;
    justify-content: center;
    display: inline-flex;
    position: relative
}

.c-dropdown__selected-content {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 75vw;
    overflow: hidden
}

.c-dropdown__selected-content:focus {
    outline: 0
}

@media (width<=512px) {
    .c-dropdown__selected {
        max-width: 280px
    }
}

.c-dropdown__list {
    z-index: 15;
    transition: max-height 10ms linear;
    position: absolute;
    top: 40px;
    left: 0
}

.c-dropdown__list-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    align-items: center;
    padding: 15px 13px;
    transition: background-color 10ms linear;
    display: block;
    overflow: hidden
}

.c-dropdown__list-item:hover:not(.c-dropdown__list-item--disabled),
.c-dropdown__list-item:focus:not(.c-dropdown__list-item--disabled) {
    background-color: #393939;
    outline: 0
}

.c-dropdown__list-item--disabled {
    cursor: not-allowed;
    overflow: visible
}

.c-dropdown__list.open {
    max-height: 15rem;
    overflow: auto
}

.c-dropdown__no-scrollbar::-webkit-scrollbar {
    display: none
}

.c-dropdown__no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0;
    overflow: scroll
}

.js-dropdown__arrow {
    pointer-events: none;
    transition: transform 10ms linear
}

.js-dropdown__arrow.expanded {
    transform: rotate(-180deg)
}

.c-dropdown-accounts {
    color: #c5a063;
    font-size: 16px;
    font-weight: 500
}

.c-dropdown-accounts .c-dropdown__selected {
    fill: currentColor;
    letter-spacing: 1px;
    justify-content: flex-start;
    padding: 5px 0
}

.c-dropdown-accounts .c-dropdown__left {
    padding: 0 5px 0 0
}

.c-dropdown-accounts .c-dropdown__right {
    padding: 0 0 0 5px
}

.c-dropdown-accounts .c-dropdown__list {
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    box-shadow: 1px 1px 2px #4b5066
}

.c-dropdown-accounts .c-dropdown__list-item {
    background-color: #171926
}

.c-dropdown-accounts .c-dropdown__list-item:not(:last-child) {
    padding-bottom: 5px
}

.c-dropdown-accounts .c-dropdown__list-item:hover,
.c-dropdown-accounts .c-dropdown__list-item:focus {
    color: #c5a063;
    transition: color .15s linear
}

.c-time-series-chart-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 400px;
    position: relative;
    overflow: hidden
}

.c-time-series-chart-container svg text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-time-series-chart-container svg text::-moz-selection {
    background: 0 0
}

.c-time-series-chart-container svg text::selection {
    background: 0 0
}

.c-time-series-chart-container--loading {
    min-height: 400px
}

.c-time-series-chart-container--loading:after {
    box-shadow: none !important;
    border-top-color: #171926 !important;
    border-left-color: #171926 !important;
    border-right-color: #171926 !important
}

.c-price-chart__grid line {
    stroke: #d3d3d3;
    stroke-opacity: .2;
    shape-rendering: crispEdges;
    stroke-dasharray: 1 5
}

.c-price-chart__grid path {
    stroke-width: 0
}

.price-title-group {
    justify-content: space-between;
    margin: 0 10px 0 16px;
    display: flex
}

.price-title-group select {
    color: #8088a5;
    background-size: 25px;
    border-bottom: none;
    width: auto;
    font-size: 16px
}

@media (width>=768px) {
    .price-title-group {
        display: none
    }
}

.price-title__subtitle {
    color: #4b5066;
    margin: 35px auto 0;
    font-size: 18px
}

.price-title__price {
    color: #fff;
    margin: 0;
    font-size: 26px
}

.c-feature-list {
    grid-gap: 50px 50px;
    color: #4b5066;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    font-size: 18px !important
}

@media (width<=768px) {
    .c-feature-list {
        grid-template-columns: 1fr;
        margin: 0
    }
}

.c-feature-list__item {
    grid-gap: 25px;
    text-align: left;
    grid-template-columns: 1fr 9fr;
    display: grid
}

.c-feature-list__item p {
    margin: 0;
    font-weight: 400
}

.c-feature-list__item--icon {
    min-width: 70px;
    max-width: 100px;
    margin: 0 auto
}

.c-feature-list__item--icon img {
    width: 100%
}

.embla__viewport.is-draggable {
    cursor: grab
}

.embla__viewport.is-dragging {
    cursor: grabbing
}

.embla__container {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: #0000;
    width: 100%;
    display: flex
}

.embla__slide {
    box-sizing: content-box;
    flex: none;
    min-width: 0;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

@media (width>=769px) {
    .embla__slide {
        width: 48%;
        max-width: none
    }
}

.embla__button {
    cursor: pointer;
    border-width: 0;
    border-radius: 9999px;
    outline: 0
}

.embla__button--overlay {
    z-index: 10;
    position: absolute;
    top: 33.3333%
}

.embla__button:active,
.embla__button:focus {
    outline: 0
}

.embla__button:disabled {
    cursor: default;
    opacity: .3
}

.embla__button--prev {
    transform: scaleX(-1)
}

.embla__dot {
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(154 154 154/var(--tw-bg-opacity, 1));
    border-width: 0;
    border-radius: 9999px;
    outline: 0;
    flex-direction: row;
    align-items: center;
    width: .625rem;
    height: .625rem;
    margin-left: .375rem;
    margin-right: .375rem;
    padding: 0;
    display: flex;
    position: relative
}

.embla__dot:active,
.embla__dot:focus {
    outline: 0
}

.embla__dot.is-selected {
    background-color: rgb(118 96 59/var(--tw-bg-opacity, 1));
    --tw-bg-opacity: .7
}

.c-mining-machine-detail-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    display: grid
}

@media (width<=375px) {
    .c-mining-machine-detail-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
        display: grid
    }
}

.c-mining-machine-detail-list-title {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity, 1));
    margin-top: .5rem;
    margin-bottom: .5rem
}

@media (width>=768px) {
    .c-mining-machine-detail-list-title {
        margin-top: 1.5rem
    }
}

.c-mining-machine-detail-list-item {
    background-color: rgb(228 228 228/var(--tw-bg-opacity, 1));
    --tw-bg-opacity: .5;
    text-align: center;
    border-radius: .125rem;
    padding: .5rem;
    font-size: .75rem;
    line-height: 1rem
}

@media (width>=512px) {
    .c-mining-machine-detail-list-item {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media (width>=1024px) {
    .c-mining-machine-detail-list-item {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.c-mining-machine-detail-list-item-upper {
    --tw-text-opacity: 1;
    color: rgb(57 57 57/var(--tw-text-opacity, 1));
    font-weight: 700
}

.c-mining-machine-detail-list-item-lower {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity, 1))
}

.c-mining-machine-price-column {
    min-width: 70px
}

.c-mining-machine {
    border: 1px solid #2d303d
}

.c-mining-machine .h-linked-content:hover {
    border: 2px solid #4b5066;
    border-radius: 4px;
    box-shadow: 0 8px 8px #00000040
}

.c-available-miners-list {
    justify-content: center;
    margin-top: 1rem;
    display: grid
}

@media (width>=512px) {
    .c-available-miners-list {
        justify-content: flex-start
    }
}

.c-available-miners-list {
    grid-template-columns: auto
}

@media (width>=512px) {
    .c-available-miners-list {
        grid-template-columns: auto auto
    }
}

@media (width>=1024px) {
    .c-available-miners-list {
        grid-template-columns: auto auto auto
    }
}

@media (width>=1280px) {
    .c-available-miners-list {
        grid-template-columns: auto auto
    }
}

.product-feature-viewport {
    max-width: stretch
}

@media (width>=1024px) {
    .product-feature-viewport {
        width: inherit
    }
}

@media (width>=1080px) {
    .product-feature-viewport {
        width: 448px
    }
}

.c-toggle-container {
    cursor: pointer;
    width: 180px;
    height: 30px;
    display: inline-block;
    position: relative
}

.c-toggle-container svg {
    margin: 8px -5px 0 9px
}

.c-toggle-inner-container {
    width: inherit;
    height: inherit;
    border: 1px solid #e2be79;
    font-size: .75em;
    position: absolute;
    overflow: hidden
}

.c-toggle-inner-container:first-child {
    color: #e2be79;
    background: #fff
}

.c-toggle-inner-container:nth-child(2) {
    color: #fff;
    -webkit-clip-path: inset(0 50% 0 0);
    clip-path: inset(0 50% 0 0);
    background: #e2be79;
    transition: all .3s cubic-bezier(0, 0, 0, 1)
}

.c-toggle-tab {
    width: 50%;
    height: inherit;
    box-sizing: border-box;
    display: flex;
    position: absolute
}

.c-toggle-tab p {
    margin: auto
}

.c-toggle-tab:first-child {
    right: 0
}

.c-toggle-tab-select {
    fill: #e2be79
}

.c-toggle-tab-unselect {
    fill: #fff
}

#c-toggle-slider:checked+label .toggle-container {
    -webkit-clip-path: inset(0 0 0 50%);
    clip-path: inset(0 0 0 50%);
    background: #e2be79
}

input#c-toggle-slider {
    display: none
}

.c-password_toggle {
    width: 8.5rem;
    height: 2.75rem;
    font-weight: 300;
    top: -2rem
}

.c-password_toggle.top-closer {
    top: -.5rem
}

.c-password_toggle:hover {
    filter: brightness(.78)
}

.c-password_toggle.show_password_svg {
    background-color: #0000;
    background-image: url(../js/282cc5be6d7975b54e20-b64853215cc24894c6fa616da5b408e0.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    background-attachment: scroll;
    background-origin: padding-box;
    background-clip: border-box
}

.c-password_toggle.hide_password_svg {
    background-color: #0000;
    background-image: url(../js/b25141163615635b9922-c30708d16e077102b7cd0e532dded0a1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    background-attachment: scroll;
    background-origin: padding-box;
    background-clip: border-box
}

input,
select {
    color: initial
}

input[type=number] {
    -moz-appearance: textfield !important
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=button]:not(.skip-form-styling),
input[type=reset]:not(.skip-form-styling) {
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto
}

input[type=button].fluid,
input[type=reset].fluid {
    width: 100%
}

input[type=button].big,
input[type=reset].big {
    padding: 2rem 1rem;
    line-height: 0
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=color],
input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local],
input:not([type]),
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    letter-spacing: 1px;
    box-shadow: none;
    box-sizing: inherit;
    background-color: #0000;
    border: none;
    border-bottom: .1rem solid #d1d1d1;
    border-radius: 0;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px
}

input[type=email].error,
input[type=number].error,
input[type=password].error,
input[type=search].error,
input[type=tel].error,
input[type=text].error,
input[type=url].error,
input[type=color].error,
input[type=date].error,
input[type=month].error,
input[type=week].error,
input[type=datetime].error,
input[type=datetime-local].error,
input:not([type]).error,
textarea.error,
select.error {
    border-bottom-color: red !important
}

textarea {
    border: .1rem solid #d1d1d1;
    padding-left: .8rem
}

input[type=file] {
    width: 100%
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
    border-color: #c5a063;
    outline: 0
}

select:-moz-focusring {
    color: #0000;
    text-shadow: 0 0 #000
}

select {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"14\" viewBox=\"0 0 29 14\" width=\"29\"><path fill=\"%23666\" d=\"M9.37727 3.625l5.08154 6.93523L19.54036 3.625\"/></svg>") 100% no-repeat;
    padding-right: 32px
}

select.appearance-none {
    background-image: none
}

textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 6.5rem;
    max-height: 6.5rem
}

label,
legend {
    color: #e4e4e4;
    font-size: 1rem;
    font-weight: 600;
    display: block
}

fieldset {
    border-width: 0;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    display: inline
}

.label-no-style {
    display: unset;
    color: unset;
    font-weight: unset;
    font-size: unset
}

.error-tag {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity, 1));
    margin-top: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    display: block
}

button.storybooked-button .button-spinner {
    opacity: 0;
    height: 24px
}

button.storybooked-button.phx-click-loading {
    cursor: wait;
    opacity: .6;
    box-shadow: unset !important
}

button.storybooked-button.phx-click-loading .button-regular {
    animation: 0s ease-out .1s forwards fadeOut
}

button.storybooked-button.phx-click-loading .button-spinner {
    animation: 0s ease-in .1s forwards fadeIn
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.c-about {
    color: #f9f9f9
}

.c-about h2 {
    padding-bottom: 20px
}

@media (width<=1024px) {
    .c-about h2 {
        padding-bottom: 0
    }
}

.c-about h3 {
    font-size: 23px;
    font-weight: 400
}

.c-about__content {
    max-width: 1180px;
    margin: 0 auto
}

@media (width<=1080px) {
    .c-about__content {
        padding: 0 5%
    }
}

.c-about__card {
    text-align: left;
    flex-direction: row;
    flex-grow: 1;
    display: flex;
    position: relative
}

@media (width<=1024px) {
    .c-about__card {
        text-align: center;
        flex-direction: column;
        width: 100%;
        max-width: 100%
    }
}

@media (width<=512px) {
    .c-about__card--active {
        margin-bottom: 0
    }
}

.c-about__card-bio {
    color: #9a9a9a;
    grid-column: 1/-1;
    margin-top: -20px;
    padding: 30px 0;
    display: none;
    position: relative
}

.c-about__card-bio--is-visible {
    display: block
}

.c-about__card-bio p {
    margin-bottom: 0
}

.c-about__card-title {
    margin-bottom: 0;
    font-size: 22px
}

.c-about__card p {
    margin-left: 25px;
    margin-right: 12px
}

.c-about__card-profile-photo {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 9px;
    min-width: 150px;
    height: 150px;
    margin: 0 auto;
    transition: box-shadow .3s
}

.c-about__card-profile-photo:hover {
    box-shadow: 0 5px 15px #0000004d
}

@media (width<=1024px) {
    .c-about__card-profile-photo {
        max-width: 30%;
        margin-bottom: 15px
    }
}

@media (width<=512px) {
    .c-about__card-profile-photo {
        max-width: 60%
    }
}

.c-about__close-button {
    cursor: pointer;
    color: #e2be79;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: none;
    margin-right: 0;
    padding: 5px;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: 15px;
    right: 15px
}

.c-about__close-button img {
    margin: 0 5px
}

.c-about__close-button:focus {
    outline: none
}

.c-about__role {
    color: #9a9a9a;
    margin-top: 0
}

.c-about__card-content {
    margin-top: 20px
}

@media (width<=1024px) {
    .c-about__card-content {
        margin-left: 0;
        padding: 0 15%
    }
}

@media (width<=512px) {
    .c-about__card-content {
        margin-top: 0;
        padding: 0 5%
    }
}

.c-about__profile-title {
    margin-top: 18px;
    margin-bottom: -3px;
    font-size: 23px;
    display: inline
}

.c-about__icons {
    vertical-align: middle;
    display: inline-block
}

.c-about__icons img {
    max-width: 25px
}

.c-about__card-read-more {
    text-transform: uppercase;
    color: #c5a063;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: .9rem;
    font-weight: 600
}

.c-about__card-read-more:hover {
    cursor: pointer
}

.c-about__content-profiles {
    grid-auto-flow: dense;
    grid-gap: 40px 60px;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    padding: 30px 50px 50px;
    display: grid
}

@media (width<=1024px) {
    .c-about__content-profiles {
        grid-template-columns: 1fr;
        padding: 30px 50px 0
    }
}

.c-about__card-read-more {
    text-transform: uppercase;
    color: #e2be79;
    font-size: .9rem;
    font-weight: 600
}

.c-about__card-read-more--active {
    display: none
}

.c-about__investor-img {
    flex-grow: 1;
    max-width: 30%;
    max-height: 60px;
    margin: 30px 40px
}

@media (width>=1024px) {
    .c-about__investor-img:first-of-type {
        margin-bottom: 50px
    }
}

@media (width<=1024px) {
    .c-about__investor-img {
        width: 90%;
        max-width: none;
        margin: 40px auto
    }
}

.gold-shimmer-text {
    background: linear-gradient(90deg, #0000, #ffffff8c, #0000) 0 0/200% 100%, #c5a063;
    color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
    animation: 2s ease-out infinite gold-shimmer-text
}

@keyframes gold-shimmer-text {
    0% {
        background-position: 100% 0, 0 0
    }

    to {
        background-position: -100% 0, 0 0
    }
}

.c-time-series__header {
    max-width: 1900px;
    margin: 60px auto 0
}

.c-time-series__header .c-time-series-chart-container {
    margin-bottom: 0;
    overflow: visible
}

@media (width>=512px) {
    .c-time-series__header .c-time-series-chart-container {
        margin: 60px auto 20px
    }
}

.c-time-series__button {
    text-transform: capitalize;
    letter-spacing: normal;
    border: 2px solid #c5a063;
    border-radius: 4px;
    max-width: 430px;
    font-size: 15px;
    display: flex
}

.c-time-series__3-col {
    background-color: #fff
}

.c-time-series__3-col--inner {
    grid-gap: 50px;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 0;
    font-weight: 500;
    display: grid
}

@media (width>=768px) {
    .c-time-series__3-col--inner {
        grid-template-columns: repeat(3, 1fr)
    }
}

.c-time-series__3-col--inner-title {
    color: #a9abb9;
    margin: 10px 0;
    font-size: 18px
}

.c-time-series__3-col--inner-subtitle {
    color: #4d4f66;
    margin: 10px 0;
    font-size: 42px
}

.c-time-series__section-1 {
    background-color: #f6f7fa
}

.c-time-series__section-1--logo {
    width: 100%;
    max-width: 350px;
    margin-bottom: 25px
}

@media (width<=512px) {
    .c-time-series__section-1--logo {
        max-width: 210px
    }
}

.c-time-series__section-1--inner {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 30px
}

.c-time-series__footer {
    grid-gap: 50px;
    grid-template-columns: 1fr;
    max-width: 900px;
    margin: 80px auto 0;
    display: grid
}

@media (width>=768px) {
    .c-time-series__footer {
        grid-gap: 40px;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 120px
    }
}

.c-time-series__footer--left {
    margin-top: 0;
    padding: 0 30px
}

@media (width>=512px) {
    .c-time-series__footer--left {
        margin-top: 40px
    }

    .c-time-series__footer--left p {
        margin: 0 40px
    }
}

.c-time-series__footer--icon {
    width: 100px;
    margin: 0 auto 20px
}

.c-time-series__footer--icon img {
    border: 1px solid #4b5066;
    border-radius: 16px;
    width: 100%
}

.c-time-series__footer--img {
    max-width: 600px;
    margin: 0 auto
}

.c-time-series__footer--img img {
    vertical-align: bottom;
    width: 100%
}

html {
    scroll-behavior: smooth
}

.c-public__container {
    color: #fff;
    padding: 6rem 48px
}

@media (width<=512px) {
    .c-public__container {
        padding: 78px 30px
    }
}

.c-public__section-6 {
    background-color: #0a0d19;
    background-image: url(../js/8350eb1a08c148b56ba6-52769db019f234f664f9eb699375bc92.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-public__section-6-content {
    color: #fff;
    max-width: 768px;
    margin: 0 auto;
    padding: 78px 30px
}

@media (width>=512px) {
    .c-public__section-6-content {
        padding-top: 6rem;
        padding-bottom: 48px
    }
}

.public-h-gray {
    color: #ccc
}

.c-public__section {
    padding: 5rem 40px
}

.c-public__section p {
    font-size: 20px
}

@media (width<=512px) {
    .c-public__section {
        padding: 3.5rem 40px
    }

    .c-public__section p {
        font-size: 18px !important
    }
}

.c-public__section-img {
    width: 100%
}

.c-public__section-video {
    max-width: 100%;
    margin-right: 40px !important
}

.c-public__section-tile-group {
    padding: 80px 0 0;
    display: flex
}

.c-public__section-tile-group p {
    font-size: 18px !important
}

@media (width<=768px) {
    .c-public__section-tile-group {
        flex-direction: column;
        padding: 40px 0 0
    }
}

.c-public__section-tile-group-item {
    width: 33%;
    padding: 0 40px
}

@media (width<=768px) {
    .c-public__section-tile-group-item {
        width: 100%;
        margin-top: 2rem;
        padding: 30px 0 0
    }

    .c-public__section-tile-group-item:first-child {
        padding-top: 0
    }
}

.c-public__card-img-group {
    justify-content: center;
    align-items: center;
    display: flex
}

.c-public__card-img-group h2 {
    font-size: 30px
}

.c-public__card-img-group img {
    padding: 0 5px
}

@media (width<=512px) {
    .c-public__card-img-group img {
        max-height: 70px
    }
}

@media (width>=768px) {
    .c-public__card-img-group-footer {
        padding-left: 50px
    }
}

@media (width<=768px) {
    .c-public__card-img-group-footer img {
        max-height: 90px
    }

    .c-public__card-img-group-footer h1 {
        font-size: 30px
    }
}

.c-public__card-split {
    color: #8088a5;
    justify-content: center;
    align-items: center;
    max-width: 1024px;
    margin: 0 auto;
    padding-top: 3rem;
    padding-bottom: 1rem;
    display: flex
}

@media (width<=768px) {
    .c-public__card-split {
        flex-direction: column-reverse
    }
}

@media (width>=512px) {
    .c-public__card-split {
        padding: 3rem 0
    }
}

.c-public__card-split h3 {
    color: #4d4f66;
    font-size: 25px
}

.c-public__card-split-left {
    width: 75%;
    margin: 0 auto
}

@media (width>=768px) {
    .c-public__card-split-left {
        padding-right: 48px
    }
}

.c-public__card-split-right {
    justify-content: center;
    width: 50%;
    margin: 0 auto;
    display: flex
}

@media (width<=768px) {
    .c-public__card-split-right {
        margin-bottom: 48px
    }
}

.c-public__section-split {
    margin-top: 48px;
    display: flex
}

@media (width<=768px) {
    .c-public__section-split {
        flex-direction: column;
        margin-top: 18px
    }
}

@media (width>=768px) {
    .c-public__section-split-left {
        padding-right: 50px
    }
}

.c-public__section-split-right {
    width: 70%;
    margin: auto 0;
    overflow: hidden
}

.c-public__section-split-right img {
    width: 100%
}

.c-public__section-split-right h3 {
    margin-bottom: 0
}

.c-public__section-split-right p {
    margin-top: 0;
    margin-bottom: 0
}

@media (width>=768px) {
    .c-public__section-split-right {
        padding-left: 50px
    }
}

@media (width<=768px) {
    .c-public__section-split-right {
        margin: 0 auto
    }
}

.c-public__section-1-content {
    max-width: 1024px;
    margin: 0 auto;
    padding-top: 78px
}

@media (width>=512px) {
    .c-public__section-1-content {
        padding-top: 6rem;
        padding-bottom: 0
    }
}

@media (width<=768px) {
    .c-public__card-img {
        display: none !important
    }
}

.c-public__card-img:not(:nth-child(2)) img {
    border: 1px solid #a6a6a6
}

.c-public__card {
    color: #ccc;
    border: 1px solid #0000;
    padding: 30px 30px 10px;
    font-size: 20px;
    display: flex
}

@media (width<=768px) {
    .c-public__card {
        width: 100%;
        margin-top: 2rem;
        padding: 0;
        font-size: 90%
    }
}

.c-public__card p {
    margin-top: 5px;
    margin-bottom: 30px
}

.c-public__card img {
    width: 100px;
    margin-top: -40px;
    margin-right: 40px
}

@media (width<=512px) {
    .c-public__card img {
        width: 20%
    }
}

.c-public__card h3 {
    font-size: 20px
}

.c-public__card-visible {
    opacity: 1;
    height: auto;
    display: block
}

.c-public__card-hidden {
    opacity: 0;
    height: 0;
    transition: height .35s ease-in-out, opacity .75s ease-in-out;
    display: none;
    overflow: hidden
}

.c-public__card-border {
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #a6a6a6;
    border-radius: 17px
}

@media (width<=768px) {
    .c-public__card-border {
        border: 1px solid #0000
    }
}

.c-public__card:hover {
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #a6a6a6;
    border-radius: 17px
}

@media (width<=768px) {
    .c-public__card:hover {
        border: 1px solid #0000
    }
}

.c-public__section-title {
    letter-spacing: .5px;
    font-size: 1.5rem
}

@media (width>=768px) {
    .c-public__section-title {
        font-size: 2.75rem
    }
}

.c-public__section-8 {
    color: #4d4f66;
    background-color: #fff
}

.c-public__section-8 p {
    font-size: 20px
}

.c-public__section-8-dark {
    color: #ccc;
    background-color: #080a15
}

.c-public__section-8-content {
    max-width: 1024px;
    margin: 0 auto
}

.c-public__section-2 {
    color: #4b5066;
    background-color: #fff
}

.c-public__section-2 h3 {
    margin-top: 30px;
    font-size: 20px
}

.c-public__section-2 p {
    margin-top: 5px;
    margin-bottom: 0
}

.c-public__section-2 img {
    height: 65px
}

.c-public__section-2-content {
    text-align: center;
    max-width: 1024px;
    margin: 0 auto
}

.c-public__section-3 {
    background-color: #080a15
}

@media (width<=512px) {
    .c-public__section-3 {
        flex-direction: column;
        padding-bottom: 70px;
        display: flex
    }

    .c-public__section-3 h3,
    .c-public__section-3 p {
        font-size: 15px
    }
}

.c-public__section-3-content {
    max-width: 1024px;
    margin: 0 auto
}

.c-public__section-5 {
    color: #fff;
    background-color: #080a15;
    padding-top: 0;
    position: relative
}

.c-public__section-5-content {
    text-align: center;
    max-width: 768px;
    margin: 0 auto
}

@media (width>=512px) {
    .c-public__section-5 {
        max-width: 100%;
        display: block
    }
}

@media (width>=768px) {
    .c-public__section-5-floating-img {
        max-width: 100%;
        padding-top: 400px;
        display: block
    }
}

.c-public__img {
    width: 100%;
    margin: 50px auto
}

.c-public__section-6 {
    color: #4d4f66;
    text-align: center;
    background-color: #fff
}

.c-public__section-6 p {
    font-size: 20px
}

.c-public__section-6 h3 {
    font-size: 35px
}

@media (width<=512px) {
    .c-public__section-6 {
        padding: 78px 0 30px
    }
}

.c-public__section-7 {
    color: #4d4f66;
    background-color: #fff;
    padding: 6rem 0 3rem
}

.c-public__section-7 img {
    height: 95px
}

.c-public__section-7-content {
    text-align: center;
    margin: 0 auto
}

.c-public-border {
    border: 1px solid #c1c1c1
}

.c-public__img-wrapper {
    margin: 0 auto;
    position: relative
}

@media (width>=768px) {
    .c-public__img-wrapper {
        width: 842px;
        margin-left: -30px;
        position: absolute;
        bottom: 100px
    }
}

.c-legal {
    color: #4b5066;
    max-width: 1180px;
    margin: 95px auto
}

.c-legal a {
    color: #4b5066;
    text-decoration: underline
}

.c-legal h1,
.c-legal h2,
.c-legal h3,
.c-legal h4,
.c-legal h5 {
    color: #4b5066
}

.c-legal h4,
.c-legal h5 {
    margin-bottom: .75rem
}

.c-legal h4 {
    margin-top: 1.25rem;
    font-size: 1.5rem;
    line-height: 2rem
}

.c-legal h5 {
    font-family: Inter;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 2rem
}

.c-legal p {
    margin-bottom: 1.25rem;
    line-height: 1.75rem
}

.c-legal .indent,
.c-legal p {
    margin-left: 1em
}

.c-legal ul {
    padding-left: 1.5em;
    list-style-type: disc
}

.c-legal ul li {
    margin-bottom: .5rem
}

.c-legal__table {
    border-collapse: collapse;
    text-align: center;
    border: 1px solid #f1f1f1;
    width: 100%
}

.c-legal__table thead {
    font-weight: 700
}

.c-legal__table thead td {
    border-bottom: 1px solid #f1f1f1
}

.c-legal__table td {
    border-right: 1px solid #f1f1f1;
    padding: 15px 20px
}

.c-legal__table--licenses thead th {
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    padding: 15px 20px
}

@media (width<=512px) {
    .c-legal__table--licenses-bg-responsive-gray {
        background-color: #f1f1f1
    }

    .c-legal__table--mobile th {
        display: none
    }

    .c-legal__table--mobile td {
        text-align: left;
        grid-gap: 10px;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        display: grid
    }

    .c-legal__table--mobile td:before {
        content: attr(data-th);
        font-weight: 700
    }
}

@media (width<=512px) and (width>=512px) {
    .c-legal__table--mobile td:before {
        display: none
    }
}

.c-legal__term--title {
    margin-bottom: -4rem
}

.c-legal__term--title-text {
    display: inline-block
}

.c-legal__term--title-link {
    position: relative;
    top: -2rem
}

.c-legal__term--title-link img {
    height: 1.5rem;
    padding-top: 5px
}

@media (width>=512px) {
    .sm\:title-small {
        font-family: Inter, system-ui, sans-serif;
        font-size: 2rem;
        font-weight: 500;
        line-height: 3rem
    }
}

@media (width>=768px) {
    .md\:title-display {
        letter-spacing: -.03em;
        font-family: Inter, system-ui, sans-serif;
        font-size: 4rem;
        font-weight: 500;
        line-height: 5rem
    }

    .md\:title-large {
        font-family: Inter, system-ui, sans-serif;
        font-size: 3rem;
        font-weight: 500;
        line-height: 4rem
    }

    .md\:title-regular {
        font-family: Inter, system-ui, sans-serif;
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 3.5rem
    }

    .md\:title-small {
        font-family: Inter, system-ui, sans-serif;
        font-size: 2rem;
        font-weight: 500;
        line-height: 3rem
    }
}

@media (width>=1024px) {
    .lg\:title-regular {
        font-family: Inter, system-ui, sans-serif;
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 3.5rem
    }
}

@media (width>=1280px) {
    .xl\:title-large {
        font-family: Inter, system-ui, sans-serif;
        font-size: 3rem;
        font-weight: 500;
        line-height: 4rem
    }

    .xl\:title-regular {
        font-family: Inter, system-ui, sans-serif;
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 3.5rem
    }

    .xl\:title-small {
        font-family: Inter, system-ui, sans-serif;
        font-size: 2rem;
        font-weight: 500;
        line-height: 3rem
    }

    .xl\:body-regular {
        font-family: Inter, system-ui, sans-serif;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.5rem
    }
}

#app .placeholder\:text-sm::-moz-placeholder {
    font-size: .875rem;
    line-height: 1.25rem
}

#app .placeholder\:text-sm::placeholder {
    font-size: .875rem;
    line-height: 1.25rem
}

#app .before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

#app .before\:left-0:before {
    content: var(--tw-content);
    left: 0
}

#app .before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

#app .before\:-mt-1:before {
    content: var(--tw-content);
    margin-top: -.25rem
}

#app .before\:-mt-px:before {
    content: var(--tw-content);
    margin-top: -1px
}

#app .before\:mt-px:before {
    content: var(--tw-content);
    margin-top: 1px
}

#app .before\:block:before {
    content: var(--tw-content);
    display: block
}

#app .before\:h-24:before {
    content: var(--tw-content);
    height: 6rem
}

#app .before\:h-full:before {
    content: var(--tw-content);
    height: 100%
}

#app .before\:w-8:before {
    content: var(--tw-content);
    width: 2rem
}

#app .before\:border-l:before {
    content: var(--tw-content);
    border-left-width: 1px
}

#app .before\:border-neutral-500:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(95 95 95/var(--tw-border-opacity, 1))
}

#app .before\:border-neutral-700:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(57 57 57/var(--tw-border-opacity, 1))
}

#app .after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

#app .after\:-left-8:after {
    content: var(--tw-content);
    left: -2rem
}

#app .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%
}

#app .after\:top-1\/4:after {
    content: var(--tw-content);
    top: 25%
}

#app .after\:block:after {
    content: var(--tw-content);
    display: block
}

#app .after\:w-8:after {
    content: var(--tw-content);
    width: 2rem
}

#app .after\:border-t:after {
    content: var(--tw-content);
    border-top-width: 1px
}

#app .after\:border-neutral-500:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(95 95 95/var(--tw-border-opacity, 1))
}

#app .after\:border-neutral-700:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(57 57 57/var(--tw-border-opacity, 1))
}

#app .first\:rounded-t:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

#app .first\:rounded-tr-2xl:first-child {
    border-top-right-radius: 1rem
}

#app .last\:mb-1:last-child {
    margin-bottom: .25rem
}

#app .last\:rounded-b:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

#app .last\:rounded-b-2xl:last-child {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

#app .last\:border-0:last-child {
    border-width: 0
}

#app .last\:border-b-0:last-child {
    border-bottom-width: 0
}

#app .last\:pb-0:last-child {
    padding-bottom: 0
}

#app .last\:before\:h-10:last-child:before {
    content: var(--tw-content);
    height: 2.5rem
}

#app .last\:before\:h-8:last-child:before {
    content: var(--tw-content);
    height: 2rem
}

#app :is(.only\:\*\:col-span-2>:only-child) {
    grid-column: span 2/span 2
}

#app .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .hover\:cursor-pointer:hover {
    cursor: pointer
}

#app .hover\:border-danger-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(245 143 143/var(--tw-border-opacity, 1))
}

#app .hover\:border-forcefield-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(168 227 242/var(--tw-border-opacity, 1))
}

#app .hover\:border-neutral-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(125 125 125/var(--tw-border-opacity, 1))
}

#app .hover\:border-primary-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 179 130/var(--tw-border-opacity, 1))
}

#app .hover\:border-primary-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(197 160 99/var(--tw-border-opacity, 1))
}

#app .hover\:bg-danger-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 143 143/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-danger-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(102 28 28/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-danger-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(56 14 14/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-forcefield-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(168 227 242/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-neutral-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(95 95 95/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-neutral-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(76 76 76/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-neutral-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(57 57 57/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-neutral-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-neutral-850:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 29 29/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-neutral-850\/25:hover {
    background-color: #1d1d1d40
}

#app .hover\:bg-primary-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 179 130/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-primary-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(158 128 79/var(--tw-bg-opacity, 1))
}

#app .hover\:bg-primary-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(39 32 20/var(--tw-bg-opacity, 1))
}

#app .hover\:fill-primary-500:hover {
    fill: #c5a063
}

#app .hover\:text-danger-100:hover {
    --tw-text-opacity: 1;
    color: rgb(252 218 218/var(--tw-text-opacity, 1))
}

#app .hover\:text-danger-300:hover {
    --tw-text-opacity: 1;
    color: rgb(245 143 143/var(--tw-text-opacity, 1))
}

#app .hover\:text-forcefield-400:hover {
    --tw-text-opacity: 1;
    color: rgb(168 227 242/var(--tw-text-opacity, 1))
}

#app .hover\:text-neutral-200:hover {
    --tw-text-opacity: 1;
    color: rgb(184 184 184/var(--tw-text-opacity, 1))
}

#app .hover\:text-neutral-300:hover {
    --tw-text-opacity: 1;
    color: rgb(154 154 154/var(--tw-text-opacity, 1))
}

#app .hover\:text-neutral-400:hover {
    --tw-text-opacity: 1;
    color: rgb(125 125 125/var(--tw-text-opacity, 1))
}

#app .hover\:text-neutral-50:hover {
    --tw-text-opacity: 1;
    color: rgb(228 228 228/var(--tw-text-opacity, 1))
}

#app .hover\:text-neutral-50\/75:hover {
    color: #e4e4e4bf
}

#app .hover\:text-primary-400:hover {
    --tw-text-opacity: 1;
    color: rgb(209 179 130/var(--tw-text-opacity, 1))
}

#app .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

#app .hover\:underline:hover {
    text-decoration-line: underline
}

#app .hover\:opacity-40:hover {
    opacity: .4
}

#app .hover\:opacity-50:hover {
    opacity: .5
}

#app .hover\:opacity-60:hover {
    opacity: .6
}

#app .hover\:opacity-80:hover {
    opacity: .8
}

#app .hover\:opacity-90:hover {
    opacity: .9
}

#app .hover\:transition-none:hover {
    transition-property: none
}

#app .focus\:border-forcefield-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(125 211 232/var(--tw-border-opacity, 1))
}

#app .focus\:border-primary-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(197 160 99/var(--tw-border-opacity, 1))
}

#app .focus\:bg-neutral-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(95 95 95/var(--tw-bg-opacity, 1))
}

#app .focus\:bg-neutral-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(57 57 57/var(--tw-bg-opacity, 1))
}

#app .focus\:bg-neutral-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

#app .focus\:bg-primary-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(39 32 20/var(--tw-bg-opacity, 1))
}

#app .focus\:outline-none:focus {
    outline-offset: 2px;
    outline: 2px solid #0000
}

#app .focus-visible\:border-primary-500:focus-visible {
    --tw-border-opacity: 1;
    border-color: rgb(197 160 99/var(--tw-border-opacity, 1))
}

#app .focus-visible\:bg-danger-800:focus-visible {
    --tw-bg-opacity: 1;
    background-color: rgb(102 28 28/var(--tw-bg-opacity, 1))
}

#app .focus-visible\:bg-neutral-800:focus-visible {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

#app .focus-visible\:bg-neutral-850:focus-visible {
    --tw-bg-opacity: 1;
    background-color: rgb(29 29 29/var(--tw-bg-opacity, 1))
}

#app .focus-visible\:fill-primary-500:focus-visible {
    fill: #c5a063
}

#app .focus-visible\:outline-none:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #0000
}

#app .focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

#app .focus-visible\:ring-danger-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

#app .focus-visible\:ring-danger-800:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(102 28 28/var(--tw-ring-opacity, 1))
}

#app .focus-visible\:ring-forcefield-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(125 211 232/var(--tw-ring-opacity, 1))
}

#app .focus-visible\:ring-neutral-600:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(76 76 76/var(--tw-ring-opacity, 1))
}

#app .focus-visible\:ring-neutral-700:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(57 57 57/var(--tw-ring-opacity, 1))
}

#app .focus-visible\:ring-neutral-800:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(38 38 38/var(--tw-ring-opacity, 1))
}

#app .focus-visible\:ring-primary-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(197 160 99/var(--tw-ring-opacity, 1))
}

#app .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

#app .focus-visible\:ring-offset-forcefield-500:focus-visible {
    --tw-ring-offset-color: #7dd3e8
}

#app .focus-visible\:ring-offset-gray-950:focus-visible {
    --tw-ring-offset-color: #030712
}

#app .focus-visible\:ring-offset-neutral-600:focus-visible {
    --tw-ring-offset-color: #4c4c4c
}

#app .focus-visible\:ring-offset-neutral-900:focus-visible {
    --tw-ring-offset-color: #131313
}

#app .focus-visible\:ring-offset-neutral-950:focus-visible {
    --tw-ring-offset-color: #0a0a0a
}

#app .active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .active\:scale-97:active {
    --tw-scale-x: .97;
    --tw-scale-y: .97;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app .active\:bg-neutral-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

#app .active\:text-forcefield-400:active {
    --tw-text-opacity: 1;
    color: rgb(168 227 242/var(--tw-text-opacity, 1))
}

#app .active\:text-neutral-300:active {
    --tw-text-opacity: 1;
    color: rgb(154 154 154/var(--tw-text-opacity, 1))
}

#app .active\:text-neutral-50:active {
    --tw-text-opacity: 1;
    color: rgb(228 228 228/var(--tw-text-opacity, 1))
}

#app .active\:text-primary-400:active {
    --tw-text-opacity: 1;
    color: rgb(209 179 130/var(--tw-text-opacity, 1))
}

#app .active\:opacity-60:active {
    opacity: .6
}

#app .active\:opacity-80:active {
    opacity: .8
}

#app .active\:ring-0:active {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

#app .hover\:active\:opacity-60:active:hover {
    opacity: .6
}

#app .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

#app .disabled\:opacity-50:disabled {
    opacity: .5
}

#app :is(.group\/tooltip:hover .group-hover\/tooltip\:visible) {
    visibility: visible
}

#app :is(.group:hover .group-hover\:block) {
    display: block
}

#app :is(.group:hover .group-hover\:bg-neutral-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(57 57 57/var(--tw-bg-opacity, 1))
}

#app :is(.group:hover .group-hover\:bg-neutral-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

#app :is(.group:hover .group-hover\:text-neutral-100) {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

#app :is(.group:hover .group-hover\:text-neutral-50) {
    --tw-text-opacity: 1;
    color: rgb(228 228 228/var(--tw-text-opacity, 1))
}

#app :is(.group\/tooltip:hover .group-hover\/tooltip\:opacity-100) {
    opacity: 1
}

#app :is(.group:focus-visible .group-focus-visible\:bg-neutral-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(57 57 57/var(--tw-bg-opacity, 1))
}

#app :is(.group:focus-visible .group-focus-visible\:bg-neutral-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

#app :is(.group:focus-visible .group-focus-visible\:bg-neutral-850) {
    --tw-bg-opacity: 1;
    background-color: rgb(29 29 29/var(--tw-bg-opacity, 1))
}

#app :is(.group:focus-visible .group-focus-visible\:text-neutral-50) {
    --tw-text-opacity: 1;
    color: rgb(228 228 228/var(--tw-text-opacity, 1))
}

#app :is(.group:active .group-active\:\!text-neutral-50) {
    --tw-text-opacity: 1 !important;
    color: rgb(228 228 228/var(--tw-text-opacity, 1)) !important
}

#app :is(.group:active .group-active\:text-neutral-400) {
    --tw-text-opacity: 1;
    color: rgb(125 125 125/var(--tw-text-opacity, 1))
}

#app :is(.group.phx-no-feedback .group-\[\.phx-no-feedback\]\:block) {
    display: block
}

#app :is(.group.phx-no-feedback .group-\[\.phx-no-feedback\]\:hidden) {
    display: none
}

#app :is(.group[data-open] .group-\[\&\[data-open\]\]\:rotate-90) {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app :is(.peer:checked~.peer-checked\:block) {
    display: block
}

#app :is(.peer:checked~.peer-checked\:border-2) {
    border-width: 2px
}

#app :is(.peer:checked~.peer-checked\:border-primary-500) {
    --tw-border-opacity: 1;
    border-color: rgb(197 160 99/var(--tw-border-opacity, 1))
}

#app :is(.peer:checked~.peer-checked\:border-transparent) {
    border-color: #0000
}

#app :is(.peer:checked~.peer-checked\:bg-primary-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(197 160 99/var(--tw-bg-opacity, 1))
}

#app :is(.peer:checked~.peer-checked\:bg-primary-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(158 128 79/var(--tw-bg-opacity, 1))
}

#app :is(.peer:checked~.peer-checked\:bg-primary-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 32 20/var(--tw-bg-opacity, 1))
}

#app :is(.peer:checked~.peer-checked\:pl-7) {
    padding-left: 1.75rem
}

#app :is(.peer:checked~.peer-checked\:ring-1) {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

#app :is(.peer:checked~.peer-checked\:ring-inset) {
    --tw-ring-inset: inset
}

#app :is(.peer:checked~.peer-checked\:ring-primary-500) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(197 160 99/var(--tw-ring-opacity, 1))
}

#app .phx-click-loading\:hidden.phx-click-loading {
    display: none
}

#app .phx-click-loading\:cursor-wait.phx-click-loading {
    cursor: wait
}

#app .phx-click-loading\:active\:scale-100:active.phx-click-loading {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#app :is(.phx-click-loading .ancestor-phx-click-loading\:flex) {
    display: flex
}

#app :is(.phx-click-loading .ancestor-phx-click-loading\:opacity-0) {
    opacity: 0
}

#app :is(.js-modal .ancestor-js-modal\:border-none) {
    border-style: none
}

#app :is(.js-modal .ancestor-js-modal\:bg-neutral-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

#app :is(.js-modal .ancestor-js-modal\:text-neutral-50) {
    --tw-text-opacity: 1;
    color: rgb(228 228 228/var(--tw-text-opacity, 1))
}

#app :is(.js-modal .ancestor-js-modal\:hover\:bg-neutral-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(57 57 57/var(--tw-bg-opacity, 1))
}

#app :is(.js-modal .ancestor-js-modal\:focus-visible\:bg-neutral-800:focus-visible) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

#app :is(.js-modal .ancestor-js-modal\:focus-visible\:ring-neutral-800:focus-visible) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(38 38 38/var(--tw-ring-opacity, 1))
}

@media (width>=320px) {
    #app .\32 xs\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    #app .\32 xs\:mb-0 {
        margin-bottom: 0
    }

    #app .\32 xs\:ml-6 {
        margin-left: 1.5rem
    }

    #app .\32 xs\:mr-0 {
        margin-right: 0
    }

    #app .\32 xs\:mt-0 {
        margin-top: 0
    }

    #app .\32 xs\:mt-10 {
        margin-top: 2.5rem
    }

    #app .\32 xs\:mt-12 {
        margin-top: 3rem
    }

    #app .\32 xs\:mt-8 {
        margin-top: 2rem
    }

    #app .\32 xs\:h-\[38px\] {
        height: 38px
    }

    #app .\32 xs\:w-10\/12 {
        width: 83.3333%
    }

    #app .\32 xs\:w-8\/12 {
        width: 66.6667%
    }

    #app .\32 xs\:w-9\/12 {
        width: 75%
    }

    #app .\32 xs\:w-full {
        width: 100%
    }

    #app .\32 xs\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    #app .\32 xs\:rounded-2xl {
        border-radius: 1rem
    }

    #app .\32 xs\:border-2 {
        border-width: 2px
    }

    #app .\32 xs\:border-neutral-800 {
        --tw-border-opacity: 1;
        border-color: rgb(38 38 38/var(--tw-border-opacity, 1))
    }
}

@media (width>=384px) {
    #app .xs\:top-\[11\%\] {
        top: 11%
    }

    #app .xs\:-mt-\[200px\] {
        margin-top: -200px
    }

    #app .xs\:mb-0 {
        margin-bottom: 0
    }

    #app .xs\:ml-8 {
        margin-left: 2rem
    }

    #app .xs\:mt-10 {
        margin-top: 2.5rem
    }

    #app .xs\:mt-24 {
        margin-top: 6rem
    }

    #app .xs\:mt-36 {
        margin-top: 9rem
    }

    #app .xs\:mt-80 {
        margin-top: 20rem
    }

    #app .xs\:h-\[800px\] {
        height: 800px
    }

    #app .xs\:w-10\/12 {
        width: 83.3333%
    }

    #app .xs\:w-full {
        width: 100%
    }

    #app .xs\:flex-row {
        flex-direction: row
    }

    #app .xs\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    #app .xs\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    #app .xs\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media (width>=512px) {
    #app .sm\:absolute {
        position: absolute
    }

    #app .sm\:inset-12 {
        inset: 3rem
    }

    #app .sm\:left-4 {
        left: 1rem
    }

    #app .sm\:left-6 {
        left: 1.5rem
    }

    #app .sm\:left-auto {
        left: auto
    }

    #app .sm\:right-0 {
        right: 0
    }

    #app .sm\:right-4 {
        right: 1rem
    }

    #app .sm\:right-6 {
        right: 1.5rem
    }

    #app .sm\:top-5 {
        top: 1.25rem
    }

    #app .sm\:top-\[20\%\] {
        top: 20%
    }

    #app .sm\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    #app .sm\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    #app .sm\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    #app .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    #app .sm\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    #app .sm\:my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    #app .sm\:my-28 {
        margin-top: 7rem;
        margin-bottom: 7rem
    }

    #app .sm\:-ml-3 {
        margin-left: -.75rem
    }

    #app .sm\:-ml-40 {
        margin-left: -10rem
    }

    #app .sm\:-ml-48 {
        margin-left: -12rem
    }

    #app .sm\:-mt-16 {
        margin-top: -4rem
    }

    #app .sm\:mb-0 {
        margin-bottom: 0
    }

    #app .sm\:mb-10 {
        margin-bottom: 2.5rem
    }

    #app .sm\:mb-12 {
        margin-bottom: 3rem
    }

    #app .sm\:mb-14 {
        margin-bottom: 3.5rem
    }

    #app .sm\:mb-16 {
        margin-bottom: 4rem
    }

    #app .sm\:mb-4 {
        margin-bottom: 1rem
    }

    #app .sm\:mb-8 {
        margin-bottom: 2rem
    }

    #app .sm\:ml-0 {
        margin-left: 0
    }

    #app .sm\:ml-10 {
        margin-left: 2.5rem
    }

    #app .sm\:ml-12 {
        margin-left: 3rem
    }

    #app .sm\:ml-18 {
        margin-left: 4.5rem
    }

    #app .sm\:ml-auto {
        margin-left: auto
    }

    #app .sm\:mr-0 {
        margin-right: 0
    }

    #app .sm\:mr-2 {
        margin-right: .5rem
    }

    #app .sm\:mt-0 {
        margin-top: 0
    }

    #app .sm\:mt-10 {
        margin-top: 2.5rem
    }

    #app .sm\:mt-12 {
        margin-top: 3rem
    }

    #app .sm\:mt-2 {
        margin-top: .5rem
    }

    #app .sm\:mt-20 {
        margin-top: 5rem
    }

    #app .sm\:mt-28 {
        margin-top: 7rem
    }

    #app .sm\:mt-3 {
        margin-top: .75rem
    }

    #app .sm\:mt-4 {
        margin-top: 1rem
    }

    #app .sm\:mt-48 {
        margin-top: 12rem
    }

    #app .sm\:mt-6 {
        margin-top: 1.5rem
    }

    #app .sm\:mt-8 {
        margin-top: 2rem
    }

    #app .sm\:mt-96 {
        margin-top: 24rem
    }

    #app .sm\:block {
        display: block
    }

    #app .sm\:inline {
        display: inline
    }

    #app .sm\:flex {
        display: flex
    }

    #app .sm\:hidden {
        display: none
    }

    #app .sm\:h-\[115vh\] {
        height: 115vh
    }

    #app .sm\:h-\[350px\] {
        height: 350px
    }

    #app .sm\:h-auto {
        height: auto
    }

    #app .sm\:min-h-0 {
        min-height: 0
    }

    #app .sm\:w-1\/2 {
        width: 50%
    }

    #app .sm\:w-10\/12 {
        width: 83.3333%
    }

    #app .sm\:w-112 {
        width: 28rem
    }

    #app .sm\:w-20 {
        width: 5rem
    }

    #app .sm\:w-28 {
        width: 7rem
    }

    #app .sm\:w-3\/4 {
        width: 75%
    }

    #app .sm\:w-5\/6 {
        width: 83.3333%
    }

    #app .sm\:w-6\/12 {
        width: 50%
    }

    #app .sm\:w-8\/12 {
        width: 66.6667%
    }

    #app .sm\:w-80 {
        width: 20rem
    }

    #app .sm\:w-9\/12 {
        width: 75%
    }

    #app .sm\:w-96 {
        width: 24rem
    }

    #app .sm\:w-\[22px\] {
        width: 22px
    }

    #app .sm\:w-\[25px\] {
        width: 25px
    }

    #app .sm\:w-\[30px\] {
        width: 30px
    }

    #app .sm\:w-\[478px\] {
        width: 478px
    }

    #app .sm\:w-\[480px\] {
        width: 480px
    }

    #app .sm\:w-\[60vw\] {
        width: 60vw
    }

    #app .sm\:w-\[70vw\] {
        width: 70vw
    }

    #app .sm\:w-\[744px\] {
        width: 744px
    }

    #app .sm\:w-auto {
        width: auto
    }

    #app .sm\:w-full {
        width: 100%
    }

    #app .sm\:max-w-\[640px\] {
        max-width: 640px
    }

    #app .sm\:max-w-\[900px\] {
        max-width: 900px
    }

    #app .sm\:max-w-full {
        max-width: 100%
    }

    #app .sm\:max-w-screen-sm {
        max-width: 512px
    }

    #app .sm\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
    }

    #app .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
    }

    #app .sm\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
    }

    #app .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    #app .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    #app .sm\:flex-row {
        flex-direction: row
    }

    #app .sm\:flex-col {
        flex-direction: column
    }

    #app .sm\:items-start {
        align-items: flex-start
    }

    #app .sm\:items-center {
        align-items: center
    }

    #app .sm\:justify-start {
        justify-content: flex-start
    }

    #app .sm\:justify-between {
        justify-content: space-between
    }

    #app .sm\:gap-12 {
        gap: 3rem
    }

    #app .sm\:gap-4 {
        gap: 1rem
    }

    #app .sm\:gap-6 {
        gap: 1.5rem
    }

    #app .sm\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    #app .sm\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    #app .sm\:gap-y-0 {
        row-gap: 0
    }

    #app :is(.sm\:space-x-4>:not([hidden])~:not([hidden])) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem*var(--tw-space-x-reverse));
        margin-left: calc(1rem*calc(1 - var(--tw-space-x-reverse)))
    }

    #app :is(.sm\:space-x-5>:not([hidden])~:not([hidden])) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem*var(--tw-space-x-reverse));
        margin-left: calc(1.25rem*calc(1 - var(--tw-space-x-reverse)))
    }

    #app :is(.sm\:space-x-6>:not([hidden])~:not([hidden])) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem*var(--tw-space-x-reverse));
        margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))
    }

    #app :is(.sm\:space-y-0>:not([hidden])~:not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }

    #app :is(.sm\:space-y-4>:not([hidden])~:not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem*var(--tw-space-y-reverse))
    }

    #app .sm\:rounded-2xl {
        border-radius: 1rem
    }

    #app .sm\:rounded-lg {
        border-radius: .5rem
    }

    #app .sm\:rounded-xl {
        border-radius: .75rem
    }

    #app .sm\:rounded-tl-2xl {
        border-top-left-radius: 1rem
    }

    #app .sm\:rounded-tr-2xl {
        border-top-right-radius: 1rem
    }

    #app .sm\:bg-neutral-850 {
        --tw-bg-opacity: 1;
        background-color: rgb(29 29 29/var(--tw-bg-opacity, 1))
    }

    #app .sm\:bg-transparent {
        background-color: #0000
    }

    #app .sm\:bg-\[center_top_-3\.75rem\] {
        background-position: 50% -3.75rem
    }

    #app .sm\:p-4 {
        padding: 1rem
    }

    #app .sm\:p-6 {
        padding: 1.5rem
    }

    #app .sm\:p-8 {
        padding: 2rem
    }

    #app .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    #app .sm\:px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    #app .sm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    #app .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    #app .sm\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    #app .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    #app .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    #app .sm\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    #app .sm\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    #app .sm\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    #app .sm\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    #app .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    #app .sm\:pb-0 {
        padding-bottom: 0
    }

    #app .sm\:pb-6 {
        padding-bottom: 1.5rem
    }

    #app .sm\:pl-0 {
        padding-left: 0
    }

    #app .sm\:pt-0 {
        padding-top: 0
    }

    #app .sm\:pt-8 {
        padding-top: 2rem
    }

    #app .sm\:pt-96 {
        padding-top: 24rem
    }

    #app .sm\:text-left {
        text-align: left
    }

    #app .sm\:text-center {
        text-align: center
    }

    #app .sm\:text-right {
        text-align: right
    }

    #app .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    #app .sm\:text-2xs {
        font-size: .625rem
    }

    #app .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    #app .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    #app .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    #app .sm\:hover\:border-primary-500\/25:hover {
        border-color: #c5a06340
    }
}

@media (width>=768px) {
    #app .md\:static {
        position: static
    }

    #app .md\:relative {
        position: relative
    }

    #app .md\:inset-x-0 {
        left: 0;
        right: 0
    }

    #app .md\:top-0 {
        top: 0
    }

    #app .md\:z-0 {
        z-index: 0
    }

    #app .md\:z-10 {
        z-index: 10
    }

    #app .md\:order-1 {
        order: 1
    }

    #app .md\:order-2 {
        order: 2
    }

    #app .md\:order-3 {
        order: 3
    }

    #app .md\:order-4 {
        order: 4
    }

    #app .md\:order-first {
        order: -9999
    }

    #app .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    #app .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    #app .md\:m-0 {
        margin: 0
    }

    #app .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    #app .md\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    #app .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    #app .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    #app .md\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    #app .md\:-mb-32 {
        margin-bottom: -8rem
    }

    #app .md\:-mt-10 {
        margin-top: -2.5rem
    }

    #app .md\:-mt-20 {
        margin-top: -5rem
    }

    #app .md\:mb-0 {
        margin-bottom: 0
    }

    #app .md\:mb-16 {
        margin-bottom: 4rem
    }

    #app .md\:mb-20 {
        margin-bottom: 5rem
    }

    #app .md\:mb-24 {
        margin-bottom: 6rem
    }

    #app .md\:mb-4 {
        margin-bottom: 1rem
    }

    #app .md\:mb-5 {
        margin-bottom: 1.25rem
    }

    #app .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    #app .md\:mb-8 {
        margin-bottom: 2rem
    }

    #app .md\:ml-0 {
        margin-left: 0
    }

    #app .md\:ml-12 {
        margin-left: 3rem
    }

    #app .md\:ml-14 {
        margin-left: 3.5rem
    }

    #app .md\:ml-28 {
        margin-left: 7rem
    }

    #app .md\:ml-4 {
        margin-left: 1rem
    }

    #app .md\:ml-40 {
        margin-left: 10rem
    }

    #app .md\:ml-44 {
        margin-left: 11rem
    }

    #app .md\:ml-8 {
        margin-left: 2rem
    }

    #app .md\:ml-\[116px\] {
        margin-left: 116px
    }

    #app .md\:mr-0 {
        margin-right: 0
    }

    #app .md\:mr-14 {
        margin-right: 3.5rem
    }

    #app .md\:mr-6 {
        margin-right: 1.5rem
    }

    #app .md\:mt-0 {
        margin-top: 0
    }

    #app .md\:mt-10 {
        margin-top: 2.5rem
    }

    #app .md\:mt-12 {
        margin-top: 3rem
    }

    #app .md\:mt-14 {
        margin-top: 3.5rem
    }

    #app .md\:mt-16 {
        margin-top: 4rem
    }

    #app .md\:mt-2 {
        margin-top: .5rem
    }

    #app .md\:mt-20 {
        margin-top: 5rem
    }

    #app .md\:mt-22 {
        margin-top: 5.5rem
    }

    #app .md\:mt-24 {
        margin-top: 6rem
    }

    #app .md\:mt-36 {
        margin-top: 9rem
    }

    #app .md\:mt-4 {
        margin-top: 1rem
    }

    #app .md\:mt-40 {
        margin-top: 10rem
    }

    #app .md\:mt-5 {
        margin-top: 1.25rem
    }

    #app .md\:mt-56 {
        margin-top: 14rem
    }

    #app .md\:mt-6 {
        margin-top: 1.5rem
    }

    #app .md\:mt-8 {
        margin-top: 2rem
    }

    #app .md\:mt-\[600px\] {
        margin-top: 600px
    }

    #app .md\:block {
        display: block
    }

    #app .md\:inline-block {
        display: inline-block
    }

    #app .md\:inline {
        display: inline
    }

    #app .md\:flex {
        display: flex
    }

    #app .md\:table-cell {
        display: table-cell
    }

    #app .md\:hidden {
        display: none
    }

    #app .md\:h-\[110vh\] {
        height: 110vh
    }

    #app .md\:h-\[250px\] {
        height: 250px
    }

    #app .md\:h-full {
        height: 100%
    }

    #app .md\:w-1\/2 {
        width: 50%
    }

    #app .md\:w-1\/3 {
        width: 33.3333%
    }

    #app .md\:w-1\/5 {
        width: 20%
    }

    #app .md\:w-10\/12 {
        width: 83.3333%
    }

    #app .md\:w-2\/12 {
        width: 16.6667%
    }

    #app .md\:w-2\/3 {
        width: 66.6667%
    }

    #app .md\:w-2\/5 {
        width: 40%
    }

    #app .md\:w-3\/4 {
        width: 75%
    }

    #app .md\:w-4\/12 {
        width: 33.3333%
    }

    #app .md\:w-4\/5 {
        width: 80%
    }

    #app .md\:w-5\/12 {
        width: 41.6667%
    }

    #app .md\:w-5\/6 {
        width: 83.3333%
    }

    #app .md\:w-6\/12 {
        width: 50%
    }

    #app .md\:w-64 {
        width: 16rem
    }

    #app .md\:w-690 {
        width: 43.125rem
    }

    #app .md\:w-7\/12 {
        width: 58.3333%
    }

    #app .md\:w-8\/12 {
        width: 66.6667%
    }

    #app .md\:w-\[200\%\] {
        width: 200%
    }

    #app .md\:w-\[480px\] {
        width: 480px
    }

    #app .md\:w-\[620px\] {
        width: 620px
    }

    #app .md\:w-\[650px\] {
        width: 650px
    }

    #app .md\:w-auto {
        width: auto
    }

    #app .md\:w-fit {
        width: fit-content
    }

    #app .md\:w-full {
        width: 100%
    }

    #app .md\:min-w-0 {
        min-width: 0
    }

    #app .md\:max-w-2xl {
        max-width: 42rem
    }

    #app .md\:max-w-\[100\%\] {
        max-width: 100%
    }

    #app .md\:max-w-\[550px\] {
        max-width: 550px
    }

    #app .md\:max-w-\[600px\] {
        max-width: 600px
    }

    #app .md\:max-w-\[66\.67\%\] {
        max-width: 66.67%
    }

    #app .md\:max-w-md {
        max-width: 28rem
    }

    #app .md\:max-w-screen-lg {
        max-width: 1024px
    }

    #app .md\:max-w-screen-md {
        max-width: 768px
    }

    #app .md\:max-w-xl {
        max-width: 36rem
    }

    #app .md\:flex-grow-0 {
        flex-grow: 0
    }

    #app .md\:grow {
        flex-grow: 1
    }

    #app .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    #app .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    #app .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    #app .md\:flex-row {
        flex-direction: row
    }

    #app .md\:flex-col {
        flex-direction: column
    }

    #app .md\:items-start {
        align-items: flex-start
    }

    #app .md\:items-center {
        align-items: center
    }

    #app .md\:justify-center {
        justify-content: center
    }

    #app .md\:justify-between {
        justify-content: space-between
    }

    #app .md\:justify-evenly {
        justify-content: space-evenly
    }

    #app .md\:justify-items-center {
        justify-items: center
    }

    #app .md\:gap-10 {
        gap: 2.5rem
    }

    #app .md\:gap-16 {
        gap: 4rem
    }

    #app .md\:gap-4 {
        gap: 1rem
    }

    #app .md\:gap-8 {
        gap: 2rem
    }

    #app .md\:gap-x-20 {
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }

    #app .md\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    #app .md\:gap-y-12 {
        row-gap: 3rem
    }

    #app .md\:gap-y-14 {
        row-gap: 3.5rem
    }

    #app :is(.md\:space-x-2>:not([hidden])~:not([hidden])) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.5rem*var(--tw-space-x-reverse));
        margin-left: calc(.5rem*calc(1 - var(--tw-space-x-reverse)))
    }

    #app :is(.md\:space-x-4>:not([hidden])~:not([hidden])) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem*var(--tw-space-x-reverse));
        margin-left: calc(1rem*calc(1 - var(--tw-space-x-reverse)))
    }

    #app :is(.md\:space-x-6>:not([hidden])~:not([hidden])) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem*var(--tw-space-x-reverse));
        margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))
    }

    #app :is(.md\:space-y-0>:not([hidden])~:not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }

    #app :is(.md\:space-y-4>:not([hidden])~:not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem*var(--tw-space-y-reverse))
    }

    #app :is(.md\:space-y-8>:not([hidden])~:not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem*var(--tw-space-y-reverse))
    }

    #app .md\:self-auto {
        align-self: auto
    }

    #app .md\:overflow-visible {
        overflow: visible
    }

    #app .md\:overflow-x-visible {
        overflow-x: visible
    }

    #app .md\:rounded-3xl {
        border-radius: 1.5rem
    }

    #app .md\:border {
        border-width: 1px
    }

    #app .md\:border-0 {
        border-width: 0
    }

    #app .md\:border-neutral-800 {
        --tw-border-opacity: 1;
        border-color: rgb(38 38 38/var(--tw-border-opacity, 1))
    }

    #app .md\:bg-neutral-850 {
        --tw-bg-opacity: 1;
        background-color: rgb(29 29 29/var(--tw-bg-opacity, 1))
    }

    #app .md\:bg-transparent {
        background-color: #0000
    }

    #app .md\:bg-gradient-to-b {
        background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
    }

    #app .md\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    #app .md\:p-0 {
        padding: 0
    }

    #app .md\:p-12 {
        padding: 3rem
    }

    #app .md\:p-4 {
        padding: 1rem
    }

    #app .md\:p-6 {
        padding: 1.5rem
    }

    #app .md\:p-8 {
        padding: 2rem
    }

    @media (width>=768px) {
        #app .md\:md\:px-0 {
            padding-left: 0;
            padding-right: 0
        }
    }

    #app .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    #app .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    #app .md\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    #app .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    #app .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    #app .md\:py-11 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    #app .md\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    #app .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    #app .md\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    #app .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    #app .md\:pb-0 {
        padding-bottom: 0
    }

    #app .md\:pb-8 {
        padding-bottom: 2rem
    }

    #app .md\:pt-0 {
        padding-top: 0
    }

    #app .md\:text-left {
        text-align: left
    }

    #app .md\:text-center {
        text-align: center
    }

    #app .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    #app .md\:text-4xl {
        font-size: 2.5rem
    }

    #app .md\:text-6xl {
        font-size: 4rem
    }

    #app .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    #app .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    #app .md\:leading-10 {
        line-height: 2.5rem
    }
}

@media (width>=1024px) {
    #app .lg\:static {
        position: static
    }

    #app .lg\:fixed {
        position: fixed
    }

    #app .lg\:-top-20 {
        top: -5rem
    }

    #app .lg\:left-4 {
        left: 1rem
    }

    #app .lg\:right-6 {
        right: 1.5rem
    }

    #app .lg\:top-4 {
        top: 1rem
    }

    #app .lg\:top-6 {
        top: 1.5rem
    }

    #app .lg\:z-0 {
        z-index: 0
    }

    #app .lg\:z-10 {
        z-index: 10
    }

    #app .lg\:order-1 {
        order: 1
    }

    #app .lg\:order-2 {
        order: 2
    }

    #app .lg\:float-right {
        float: right
    }

    #app .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    #app .lg\:mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    #app .lg\:mx-14 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    #app .lg\:mx-20 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    #app .lg\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    #app .lg\:mx-7 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    #app .lg\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    #app .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    #app .lg\:my-40 {
        margin-top: 10rem;
        margin-bottom: 10rem
    }

    #app .lg\:-mb-24 {
        margin-bottom: -6rem
    }

    #app .lg\:-mb-28 {
        margin-bottom: -7rem
    }

    #app .lg\:-mb-32 {
        margin-bottom: -8rem
    }

    #app .lg\:-mb-36 {
        margin-bottom: -9rem
    }

    #app .lg\:-mb-6 {
        margin-bottom: -1.5rem
    }

    #app .lg\:-mr-\[calc\(50vw-50\%\)\] {
        margin-right: calc(-50vw + 50%)
    }

    #app .lg\:-mt-5 {
        margin-top: -1.25rem
    }

    #app .lg\:-mt-6 {
        margin-top: -1.5rem
    }

    #app .lg\:mb-0 {
        margin-bottom: 0
    }

    #app .lg\:mb-10 {
        margin-bottom: 2.5rem
    }

    #app .lg\:mb-14 {
        margin-bottom: 3.5rem
    }

    #app .lg\:mb-16 {
        margin-bottom: 4rem
    }

    #app .lg\:mb-20 {
        margin-bottom: 5rem
    }

    #app .lg\:mb-24 {
        margin-bottom: 6rem
    }

    #app .lg\:mb-32 {
        margin-bottom: 8rem
    }

    #app .lg\:mb-4 {
        margin-bottom: 1rem
    }

    #app .lg\:mb-7 {
        margin-bottom: 1.75rem
    }

    #app .lg\:ml-0 {
        margin-left: 0
    }

    #app .lg\:ml-20 {
        margin-left: 5rem
    }

    #app .lg\:ml-24 {
        margin-left: 6rem
    }

    #app .lg\:ml-4 {
        margin-left: 1rem
    }

    #app .lg\:mr-0 {
        margin-right: 0
    }

    #app .lg\:mr-10 {
        margin-right: 2.5rem
    }

    #app .lg\:mr-12 {
        margin-right: 3rem
    }

    #app .lg\:mr-20 {
        margin-right: 5rem
    }

    #app .lg\:mr-6 {
        margin-right: 1.5rem
    }

    #app .lg\:mt-0 {
        margin-top: 0
    }

    #app .lg\:mt-1 {
        margin-top: .25rem
    }

    #app .lg\:mt-10 {
        margin-top: 2.5rem
    }

    #app .lg\:mt-12 {
        margin-top: 3rem
    }

    #app .lg\:mt-14 {
        margin-top: 3.5rem
    }

    #app .lg\:mt-16 {
        margin-top: 4rem
    }

    #app .lg\:mt-18 {
        margin-top: 4.5rem
    }

    #app .lg\:mt-20 {
        margin-top: 5rem
    }

    #app .lg\:mt-24 {
        margin-top: 6rem
    }

    #app .lg\:mt-3 {
        margin-top: .75rem
    }

    #app .lg\:mt-32 {
        margin-top: 8rem
    }

    #app .lg\:mt-36 {
        margin-top: 9rem
    }

    #app .lg\:mt-40 {
        margin-top: 10rem
    }

    #app .lg\:mt-48 {
        margin-top: 12rem
    }

    #app .lg\:mt-6 {
        margin-top: 1.5rem
    }

    #app .lg\:mt-7 {
        margin-top: 1.75rem
    }

    #app .lg\:mt-8 {
        margin-top: 2rem
    }

    #app .lg\:mt-80 {
        margin-top: 20rem
    }

    #app .lg\:block {
        display: block
    }

    #app .lg\:inline {
        display: inline
    }

    #app .lg\:flex {
        display: flex
    }

    #app .lg\:grid {
        display: grid
    }

    #app .lg\:hidden {
        display: none
    }

    #app .lg\:h-\[275px\] {
        height: 275px
    }

    #app .lg\:h-\[450px\] {
        height: 450px
    }

    #app .lg\:h-\[85vh\] {
        height: 85vh
    }

    #app .lg\:w-1\/2 {
        width: 50%
    }

    #app .lg\:w-1\/3 {
        width: 33.3333%
    }

    #app .lg\:w-10\/12 {
        width: 83.3333%
    }

    #app .lg\:w-11\/12 {
        width: 91.6667%
    }

    #app .lg\:w-2\/3 {
        width: 66.6667%
    }

    #app .lg\:w-3\/4 {
        width: 75%
    }

    #app .lg\:w-3\/5 {
        width: 60%
    }

    #app .lg\:w-4\/12 {
        width: 33.3333%
    }

    #app .lg\:w-5\/12 {
        width: 41.6667%
    }

    #app .lg\:w-6\/12 {
        width: 50%
    }

    #app .lg\:w-7\/12 {
        width: 58.3333%
    }

    #app .lg\:w-8\/12 {
        width: 66.6667%
    }

    #app .lg\:w-9\/12 {
        width: 75%
    }

    #app .lg\:w-\[150\%\] {
        width: 150%
    }

    #app .lg\:w-\[239px\] {
        width: 239px
    }

    #app .lg\:w-\[290px\] {
        width: 290px
    }

    #app .lg\:w-\[325px\] {
        width: 325px
    }

    #app .lg\:w-fit {
        width: fit-content
    }

    #app .lg\:w-full {
        width: 100%
    }

    #app .lg\:max-w-2xl {
        max-width: 42rem
    }

    #app .lg\:max-w-\[900px\] {
        max-width: 900px
    }

    #app .lg\:max-w-full {
        max-width: 100%
    }

    #app .lg\:max-w-screen-lg {
        max-width: 1024px
    }

    #app .lg\:max-w-screen-xl {
        max-width: 1280px
    }

    #app .lg\:grow {
        flex-grow: 1
    }

    #app .lg\:basis-3\/4 {
        flex-basis: 75%
    }

    #app .lg\:basis-3\/5 {
        flex-basis: 60%
    }

    #app .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    #app .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    #app .lg\:flex-row {
        flex-direction: row
    }

    #app .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    #app .lg\:flex-col-reverse {
        flex-direction: column-reverse
    }

    #app .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    #app .lg\:items-start {
        align-items: flex-start
    }

    #app .lg\:items-center {
        align-items: center
    }

    #app .lg\:justify-start {
        justify-content: flex-start
    }

    #app .lg\:justify-center {
        justify-content: center
    }

    #app .lg\:gap-0 {
        gap: 0
    }

    #app .lg\:gap-12 {
        gap: 3rem
    }

    #app .lg\:gap-16 {
        gap: 4rem
    }

    #app .lg\:gap-2 {
        gap: .5rem
    }

    #app .lg\:gap-4 {
        gap: 1rem
    }

    #app :is(.lg\:space-x-2>:not([hidden])~:not([hidden])) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.5rem*var(--tw-space-x-reverse));
        margin-left: calc(.5rem*calc(1 - var(--tw-space-x-reverse)))
    }

    #app :is(.lg\:space-x-4>:not([hidden])~:not([hidden])) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem*var(--tw-space-x-reverse));
        margin-left: calc(1rem*calc(1 - var(--tw-space-x-reverse)))
    }

    #app :is(.lg\:space-x-6>:not([hidden])~:not([hidden])) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem*var(--tw-space-x-reverse));
        margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))
    }

    #app :is(.lg\:space-y-0>:not([hidden])~:not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }

    #app :is(.lg\:space-y-24>:not([hidden])~:not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(6rem*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(6rem*var(--tw-space-y-reverse))
    }

    #app .lg\:self-center {
        align-self: center
    }

    #app .lg\:overflow-y-visible {
        overflow-y: visible
    }

    #app .lg\:rounded-3xl {
        border-radius: 1.5rem
    }

    #app .lg\:rounded-none {
        border-radius: 0
    }

    #app .lg\:border-2 {
        border-width: 2px
    }

    #app .lg\:border-t-0 {
        border-top-width: 0
    }

    #app .lg\:border-neutral-800 {
        --tw-border-opacity: 1;
        border-color: rgb(38 38 38/var(--tw-border-opacity, 1))
    }

    #app .lg\:bg-neutral-850 {
        --tw-bg-opacity: 1;
        background-color: rgb(29 29 29/var(--tw-bg-opacity, 1))
    }

    #app .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    #app .lg\:px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    #app .lg\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    #app .lg\:px-40 {
        padding-left: 10rem;
        padding-right: 10rem
    }

    #app .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    #app .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    #app .lg\:pb-0 {
        padding-bottom: 0
    }

    #app .lg\:pl-0 {
        padding-left: 0
    }

    #app .lg\:pl-12 {
        padding-left: 3rem
    }

    #app .lg\:pt-32 {
        padding-top: 8rem
    }

    #app .lg\:text-left {
        text-align: left
    }

    #app .lg\:text-center {
        text-align: center
    }

    #app .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    #app .lg\:text-4xl {
        font-size: 2.5rem
    }

    #app .lg\:text-6xl {
        font-size: 4rem
    }

    #app .lg\:text-\[36px\] {
        font-size: 36px
    }

    #app .lg\:text-\[40px\] {
        font-size: 40px
    }

    #app .lg\:text-\[4rem\] {
        font-size: 4rem
    }

    #app .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    #app .lg\:font-normal {
        font-weight: 400
    }

    #app .lg\:font-semibold {
        font-weight: 600
    }

    #app .lg\:leading-10 {
        line-height: 2.5rem
    }

    #app .lg\:leading-7 {
        line-height: 1.75rem
    }

    #app .lg\:leading-\[5rem\] {
        line-height: 5rem
    }

    #app .lg\:leading-\[72px\] {
        line-height: 72px
    }
}

@media (width>=1080px) {
    #app .lgp\:flex {
        display: flex
    }

    #app .lgp\:\!hidden {
        display: none !important
    }

    #app .lgp\:max-w-screen-lgp {
        max-width: 1080px
    }

    #app .lgp\:max-w-screen-xl {
        max-width: 1280px
    }
}

@media (width>=1280px) {
    #app .xl\:left-24 {
        left: 6rem
    }

    #app .xl\:left-6 {
        left: 1.5rem
    }

    #app .xl\:right-auto {
        right: auto
    }

    #app .xl\:top-6 {
        top: 1.5rem
    }

    #app .xl\:order-last {
        order: 9999
    }

    #app .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    #app .xl\:mx-14 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    #app .xl\:mx-44 {
        margin-left: 11rem;
        margin-right: 11rem
    }

    #app .xl\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    #app .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    #app .xl\:my-40 {
        margin-top: 10rem;
        margin-bottom: 10rem
    }

    #app .xl\:-mb-12 {
        margin-bottom: -3rem
    }

    #app .xl\:-mb-36 {
        margin-bottom: -9rem
    }

    #app .xl\:-mb-40 {
        margin-bottom: -10rem
    }

    #app .xl\:-mb-8 {
        margin-bottom: -2rem
    }

    #app .xl\:-mr-\[80\%\] {
        margin-right: -80%
    }

    #app .xl\:-mt-12 {
        margin-top: -3rem
    }

    #app .xl\:-mt-28 {
        margin-top: -7rem
    }

    #app .xl\:-mt-44 {
        margin-top: -11rem
    }

    #app .xl\:-mt-6 {
        margin-top: -1.5rem
    }

    #app .xl\:mb-0 {
        margin-bottom: 0
    }

    #app .xl\:mb-12 {
        margin-bottom: 3rem
    }

    #app .xl\:mb-14 {
        margin-bottom: 3.5rem
    }

    #app .xl\:mb-16 {
        margin-bottom: 4rem
    }

    #app .xl\:mb-2 {
        margin-bottom: .5rem
    }

    #app .xl\:mb-20 {
        margin-bottom: 5rem
    }

    #app .xl\:mb-24 {
        margin-bottom: 6rem
    }

    #app .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    #app .xl\:ml-0 {
        margin-left: 0
    }

    #app .xl\:ml-10 {
        margin-left: 2.5rem
    }

    #app .xl\:ml-12 {
        margin-left: 3rem
    }

    #app .xl\:ml-14 {
        margin-left: 3.5rem
    }

    #app .xl\:ml-40 {
        margin-left: 10rem
    }

    #app .xl\:ml-7 {
        margin-left: 1.75rem
    }

    #app .xl\:ml-\[288px\] {
        margin-left: 288px
    }

    #app .xl\:ml-\[48px\] {
        margin-left: 48px
    }

    #app .xl\:mr-0 {
        margin-right: 0
    }

    #app .xl\:mr-12 {
        margin-right: 3rem
    }

    #app .xl\:mt-0 {
        margin-top: 0
    }

    #app .xl\:mt-10 {
        margin-top: 2.5rem
    }

    #app .xl\:mt-12 {
        margin-top: 3rem
    }

    #app .xl\:mt-20 {
        margin-top: 5rem
    }

    #app .xl\:mt-28 {
        margin-top: 7rem
    }

    #app .xl\:mt-40 {
        margin-top: 10rem
    }

    #app .xl\:mt-48 {
        margin-top: 12rem
    }

    #app .xl\:mt-6 {
        margin-top: 1.5rem
    }

    #app .xl\:mt-8 {
        margin-top: 2rem
    }

    #app .xl\:mt-9 {
        margin-top: 2.25rem
    }

    #app .xl\:block {
        display: block
    }

    #app .xl\:inline {
        display: inline
    }

    #app .xl\:flex {
        display: flex
    }

    #app .xl\:inline-flex {
        display: inline-flex
    }

    #app .xl\:hidden {
        display: none
    }

    #app .xl\:h-8 {
        height: 2rem
    }

    #app .xl\:h-\[100vh\] {
        height: 100vh
    }

    #app .xl\:h-\[500px\] {
        height: 500px
    }

    #app .xl\:h-\[550px\] {
        height: 550px
    }

    #app .xl\:h-\[700px\] {
        height: 700px
    }

    #app .xl\:h-screen {
        height: 100vh
    }

    #app .xl\:max-h-\[770px\] {
        max-height: 770px
    }

    #app .xl\:w-1\/2 {
        width: 50%
    }

    #app .xl\:w-10\/12 {
        width: 83.3333%
    }

    #app .xl\:w-11\/12 {
        width: 91.6667%
    }

    #app .xl\:w-2\/5 {
        width: 40%
    }

    #app .xl\:w-3\/12 {
        width: 25%
    }

    #app .xl\:w-3\/5 {
        width: 60%
    }

    #app .xl\:w-4\/12 {
        width: 33.3333%
    }

    #app .xl\:w-5\/12 {
        width: 41.6667%
    }

    #app .xl\:w-6\/12 {
        width: 50%
    }

    #app .xl\:w-7\/12 {
        width: 58.3333%
    }

    #app .xl\:w-8 {
        width: 2rem
    }

    #app .xl\:w-8\/12 {
        width: 66.6667%
    }

    #app .xl\:w-9\/12 {
        width: 75%
    }

    #app .xl\:w-\[100\%\] {
        width: 100%
    }

    #app .xl\:w-\[350px\] {
        width: 350px
    }

    #app .xl\:w-\[368px\] {
        width: 368px
    }

    #app .xl\:w-\[800px\] {
        width: 800px
    }

    #app .xl\:w-fit {
        width: fit-content
    }

    #app .xl\:w-full {
        width: 100%
    }

    #app .xl\:max-w-2xl {
        max-width: 42rem
    }

    #app .xl\:max-w-\[368px\] {
        max-width: 368px
    }

    #app .xl\:max-w-\[475px\] {
        max-width: 475px
    }

    #app .xl\:max-w-\[600px\] {
        max-width: 600px
    }

    #app .xl\:max-w-screen-2xl {
        max-width: 1536px
    }

    #app .xl\:max-w-screen-xl {
        max-width: 1280px
    }

    #app .xl\:flex-none {
        flex: none
    }

    #app .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    #app .xl\:flex-row {
        flex-direction: row
    }

    #app .xl\:items-center {
        align-items: center
    }

    #app .xl\:justify-start {
        justify-content: flex-start
    }

    #app .xl\:justify-items-start {
        justify-items: start
    }

    #app .xl\:gap-32 {
        gap: 8rem
    }

    #app .xl\:gap-4 {
        gap: 1rem
    }

    #app .xl\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    #app :is(.xl\:space-y-0>:not([hidden])~:not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }

    #app .xl\:overflow-visible {
        overflow: visible
    }

    #app .xl\:truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    #app .xl\:p-0 {
        padding: 0
    }

    #app .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    #app .xl\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    #app .xl\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    #app .xl\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    #app .xl\:px-40 {
        padding-left: 10rem;
        padding-right: 10rem
    }

    #app .xl\:pb-0 {
        padding-bottom: 0
    }

    #app .xl\:pl-0 {
        padding-left: 0
    }

    #app .xl\:pl-20 {
        padding-left: 5rem
    }

    #app .xl\:pl-40 {
        padding-left: 10rem
    }

    #app .xl\:pr-20 {
        padding-right: 5rem
    }

    #app .xl\:pt-10 {
        padding-top: 2.5rem
    }

    #app .xl\:text-left {
        text-align: left
    }

    #app .xl\:text-3xl {
        font-size: 2rem
    }

    #app .xl\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    #app .xl\:text-6xl {
        font-size: 4rem
    }

    #app .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    #app .xl\:leading-8 {
        line-height: 2rem
    }

    #app .xl\:leading-\[72px\] {
        line-height: 72px
    }

    #app .xl\:leading-relaxed {
        line-height: 1.625
    }
}

@media (width>=1536px) {
    #app .\32 xl\:top-\[28\%\] {
        top: 28%
    }

    #app .\32 xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    #app .\32 xl\:h-\[115vh\] {
        height: 115vh
    }

    #app .\32 xl\:w-4\/12 {
        width: 33.3333%
    }

    #app .\32 xl\:px-40 {
        padding-left: 10rem;
        padding-right: 10rem
    }
}

#app :is(.\[\&\:hover_\.copy-icon\]\:text-neutral-50:hover .copy-icon) {
    --tw-text-opacity: 1;
    color: rgb(228 228 228/var(--tw-text-opacity, 1))
}

#app .\[\&\:not\(\:has\(\#pill\:hover\)\)\]\:hover\:text-neutral-300:hover:not(:has(#pill:hover)) {
    --tw-text-opacity: 1;
    color: rgb(154 154 154/var(--tw-text-opacity, 1))
}

#app .\[\&\[data-open\]\]\:fill-primary-500[data-open] {
    fill: #c5a063
}

#app .\[\&\[data-open\]\]\:text-primary-500[data-open] {
    --tw-text-opacity: 1;
    color: rgb(197 160 99/var(--tw-text-opacity, 1))
}

#app .\[\&\[data-selected\]\]\:border-primary-500[data-selected] {
    --tw-border-opacity: 1;
    border-color: rgb(197 160 99/var(--tw-border-opacity, 1))
}

#app .\[\&\[data-selected\]\]\:font-medium[data-selected] {
    font-weight: 500
}

#app .\[\&\[data-selected\]\]\:text-primary-500[data-selected] {
    --tw-text-opacity: 1;
    color: rgb(197 160 99/var(--tw-text-opacity, 1))
}

/*# sourceMappingURL=public.css.map*/