@font-face {
    font-family: NB International;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/NBInternational-Bold.woff2) format("woff2")
}

@font-face {
    font-family: NB International;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/NBInternational-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Monument Grotesk Mono;
    font-weight: light;
    font-display: swap;
    src: url(/fonts/ABCMonumentGroteskMono-Light.woff2) format("woff2")
}

@font-face {
    font-family: Monument Grotesk Mono;
    src: url(/fonts/ABCMonumentGroteskMono-Regular.woff2) format("woff2"), url(/fonts/ABCMonumentGroteskMono-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Monument Grotesk Mono;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/ABCMonumentGroteskMono-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Monument Extended;
    src: url(/fonts/MonumentExtended-Regular.woff2) format("woff2"), url(/fonts/MonumentExtended-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Monument Extended;
    src: url(/fonts/MonumentExtended-Bold.woff2) format("woff2"), url(/fonts/MonumentExtended-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: KTF Compact;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/KTFCompact-Solid.woff2) format("woff2")
}

@font-face {
    font-family: Univers;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/UniversLTPro-65Bold.woff2) format("woff2")
}

@font-face {
    font-family: Univers Condensed;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/UniversLTPro-BoldCond.woff2) format("woff2")
}

/*!tailwindcss v3.2.1 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid
}

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

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

:root {
    --foreground: #000;
    --background: #fff
}

::-moz-selection {
    background-color: var(--foreground);
    color: var(--background)
}

::selection {
    background-color: var(--foreground);
    color: var(--background)
}

p>a {
    text-decoration: underline
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

*,
:after,
:before {
    --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-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: rgba(59, 130, 246, .5);
    --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:
}

::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-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: rgba(59, 130, 246, .5);
    --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:
}

.btn {
    border-radius: .25rem;
    border-width: 1px;
    background-color: var(--background);
    padding: .125rem .25rem;
    font-weight: 600;
    color: var(--foreground)
}

.btn:hover {
    background-color: hsla(0, 0%, 7%, .05)
}

.btn:disabled,
.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.top-0,
.top-\[0px\] {
    top: 0
}

.left-0 {
    left: 0
}

.bottom-0 {
    bottom: 0
}

.right-0 {
    right: 0
}

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

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

.top-full {
    top: 100%
}

.bottom-1\/2 {
    bottom: 50%
}

.left-full {
    left: 100%
}

.-right-1\/2 {
    right: -50%
}

.-top-64 {
    top: -4rem
}

.-right-24 {
    right: -1.5rem
}

.-right-1\/4 {
    right: -25%
}

.bottom-2 {
    bottom: .125rem
}

.top-\[10\%\] {
    top: 10%
}

.left-\[10\%\] {
    left: 10%
}

.z-10 {
    z-index: 10
}

.z-40 {
    z-index: 40
}

.z-frame {
    z-index: 999
}

.z-50 {
    z-index: 50
}

.z-2 {
    z-index: 2
}

.z-1 {
    z-index: 1
}

.z-3 {
    z-index: 3
}

.z-\[4\] {
    z-index: 4
}

.z-guide {
    z-index: 50
}

.z-\[49\] {
    z-index: 49
}

.order-first {
    order: -9999
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-2 {
    order: 2
}

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

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

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

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

.col-start-3 {
    grid-column-start: 3
}

.col-start-1 {
    grid-column-start: 1
}

.my-\[200px\] {
    margin-top: 200px;
    margin-bottom: 200px
}

.my-6 {
    margin-top: .375rem;
    margin-bottom: .375rem
}

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

.my-24 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mx-2 {
    margin-left: .125rem;
    margin-right: .125rem
}

.my-28 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

.my-20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.mx-\[-100\%\] {
    margin-left: -100%;
    margin-right: -100%
}

.my-60 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem
}

.my-4 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-8 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mr-auto {
    margin-right: auto
}

.ml-\[3px\] {
    margin-left: 3px
}

.mt-\[3px\] {
    margin-top: 3px
}

.ml-auto {
    margin-left: auto
}

.mb-\[200px\] {
    margin-bottom: 200px
}

.-mt-\[1px\] {
    margin-top: -1px
}

.mt-160 {
    margin-top: 10rem
}

.-mt-64 {
    margin-top: -4rem
}

.mr-16 {
    margin-right: 1rem
}

.-ml-\[1px\] {
    margin-left: -1px
}

.mr-\[1vh\] {
    margin-right: 1vh
}

.mb-36 {
    margin-bottom: 2.25rem
}

.-mt-2 {
    margin-top: -.125rem
}

.mt-10 {
    margin-top: .625rem
}

.-mb-32 {
    margin-bottom: -2rem
}

.mr-24 {
    margin-right: 1.5rem
}

.mt-72 {
    margin-top: 4.5rem
}

.mb-\[120px\] {
    margin-bottom: 120px
}

.mt-128 {
    margin-top: 8rem
}

.mt-144 {
    margin-top: 9rem
}

.ml-12 {
    margin-left: .75rem
}

.-mr-\[min\(4vw\2c 50px\)\] {
    margin-right: calc(min(4vw, 50px) * -1)
}

.-ml-\[min\(3vw\2c 38px\)\] {
    margin-left: calc(min(3vw, 38px) * -1)
}

.mb-28 {
    margin-bottom: 1.75rem
}

.mt-\[240px\] {
    margin-top: 240px
}

.mr-12 {
    margin-right: .75rem
}

.mt-\[200px\] {
    margin-top: 200px
}

.-mt-\[25\%\] {
    margin-top: -25%
}

.mt-28 {
    margin-top: 1.75rem
}

.mt-16 {
    margin-top: 1rem
}

.mt-48 {
    margin-top: 3rem
}

.mt-200 {
    margin-top: 12.5rem
}

.mr-2 {
    margin-right: .125rem
}

.mb-12 {
    margin-bottom: .75rem
}

.mb-48 {
    margin-bottom: 3rem
}

.mb-16 {
    margin-bottom: 1rem
}

.mt-32 {
    margin-top: 2rem
}

.mt-8 {
    margin-top: .5rem
}

.mt-36 {
    margin-top: 2.25rem
}

.mb-14 {
    margin-bottom: .875rem
}

.mb-24 {
    margin-bottom: 1.5rem
}

.mb-64 {
    margin-bottom: 4rem
}

.mb-8 {
    margin-bottom: .5rem
}

.mb-32 {
    margin-bottom: 2rem
}

.ml-72 {
    margin-left: 4.5rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[435\/710\] {
    aspect-ratio: 435/710
}

.aspect-square {
    aspect-ratio: 1/1
}

.h-24 {
    height: 1.5rem
}

.h-screen {
    height: 100vh
}

@supports(-webkit-touch-callout:none) {
    .h-screen {
        height: -webkit-fill-available
    }
}

.h-full {
    height: 99%
}

.h-\[52px\] {
    height: 52px
}

.h-\[20px\] {
    height: 20px
}

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

.h-\[62px\] {
    height: 62px
}

.h-\[5\.5vh\] {
    height: 5.5vh
}

.h-\[2vh\] {
    height: 2vh
}

.h-1\/3 {
    height: 33.333333%
}

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

.h-\[100vh\] {
    height: 100vh
}

@supports(-webkit-touch-callout:none) {
    .h-\[100vh\] {
        height: -webkit-fill-available
    }
}

.h-\[calc\(100vh-64px\)\] {
    height: calc(100vh - 64px)
}

.h-\[144px\] {
    height: 144px
}

.h-2\/3 {
    height: 66.666667%
}

.h-\[22px\] {
    height: 22px
}

.h-\[118px\] {
    height: 118px
}

.h-\[67vw\] {
    height: 67vw
}

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

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

.h-\[67px\] {
    height: 67px
}

.h-\[30px\] {
    height: 30px
}

.h-\[25px\] {
    height: 25px
}

.h-auto {
    height: auto
}

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

.h-1\/2 {
    height: 50%
}

.h-max {
    height: -moz-max-content;
    height: max-content
}

.h-\[460px\] {
    height: 460px
}

.h-56 {
    height: 3.5rem
}

.h-\[80\%\] {
    height: 80%
}

.h-160 {
    height: 10rem
}

.max-h-320 {
    max-height: 20rem
}

.max-h-\[60vh\] {
    max-height: 60vh
}

.min-h-\[800px\] {
    min-height: 800px
}

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

@supports(-webkit-touch-callout:none) {
    .min-h-screen {
        min-height: -webkit-fill-available
    }
}

.min-h-36 {
    min-height: 2.25rem
}

.min-h-\[184px\] {
    min-height: 184px
}

.min-h-\[180px\] {
    min-height: 180px
}

.min-h-full {
    min-height: 100%
}

.min-h-56 {
    min-height: 3.5rem
}

.w-full {
    width: 100%
}

.w-24 {
    width: 1.5rem
}

.w-\[62px\] {
    width: 62px
}

.w-\[22px\] {
    width: 22px
}

.w-\[44\%\] {
    width: 44%
}

.w-3\/4 {
    width: 75%
}

.w-\[12px\] {
    width: 12px
}

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

.w-40 {
    width: 2.5rem
}

.w-\[68px\] {
    width: 68px
}

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

.w-\[44px\] {
    width: 44px
}

.w-\[144px\] {
    width: 144px
}

.w-\[30px\] {
    width: 30px
}

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

.w-1\/4 {
    width: 25%
}

.w-\[270px\] {
    width: 270px
}

.w-\[min\(16vw\2c 203px\)\] {
    width: min(16vw, 203px)
}

.w-\[67vw\] {
    width: 67vw
}

.w-\[200px\] {
    width: 200px
}

.w-\[100px\] {
    width: 100px
}

.w-\[75px\] {
    width: 75px
}

.w-\[16px\] {
    width: 16px
}

.w-\[25px\] {
    width: 25px
}

.w-384 {
    width: 24rem
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-20 {
    width: 1.25rem
}

.w-56 {
    width: 3.5rem
}

.w-\[80\%\] {
    width: 80%
}

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

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

.max-w-\[268px\] {
    max-width: 268px
}

.max-w-\[214px\] {
    max-width: 214px
}

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

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

.max-w-\[480px\] {
    max-width: 480px
}

.max-w-\[646px\] {
    max-width: 646px
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.-translate-x-full {
    --tw-translate-x: -100%
}

.-translate-x-full,
.translate-x-full {
    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))
}

.translate-x-full {
    --tw-translate-x: 100%
}

.-translate-y-4 {
    --tw-translate-y: -0.25rem
}

.-translate-y-4,
.translate-y-0 {
    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))
}

.translate-y-0 {
    --tw-translate-y: 0rem
}

.translate-y-4 {
    --tw-translate-y: 0.25rem
}

.-translate-x-1\/2,
.translate-y-4 {
    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))
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,
.translate-y-1\/2 {
    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))
}

.translate-y-1\/2 {
    --tw-translate-y: 50%
}

.-translate-x-24 {
    --tw-translate-x: -1.5rem
}

.-translate-x-24,
.-translate-x-48 {
    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))
}

.-translate-x-48 {
    --tw-translate-x: -3rem
}

.-translate-y-px {
    --tw-translate-y: -1px
}

.-translate-y-full,
.-translate-y-px {
    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))
}

.-translate-y-full {
    --tw-translate-y: -100%
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.rotate-90 {
    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))
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-\[30deg\] {
    --tw-rotate: 30deg
}

.-rotate-\[30deg\],
.rotate-\[30deg\] {
    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))
}

.-rotate-\[30deg\] {
    --tw-rotate: -30deg
}

.rotate-\[-8deg\] {
    --tw-rotate: -8deg
}

.rotate-\[-8deg\],
.rotate-\[8deg\] {
    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))
}

.rotate-\[8deg\] {
    --tw-rotate: 8deg
}

.-rotate-20 {
    --tw-rotate: -20deg
}

.-rotate-20,
.scale-\[\.6\] {
    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))
}

.scale-\[\.6\] {
    --tw-scale-x: .6;
    --tw-scale-y: .6
}

.scale-0 {
    --tw-scale-x: 0
}

.scale-0,
.scale-y-0 {
    --tw-scale-y: 0
}

.scale-0,
.scale-x-\[-1\],
.scale-y-0 {
    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))
}

.scale-x-\[-1\] {
    --tw-scale-x: -1
}

.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 spin {
    to {
        transform: rotate(1turn)
    }
}

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

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

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

.cursor-pointer {
    cursor: pointer
}

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

.resize {
    resize: both
}

.auto-rows-min {
    grid-auto-rows: min-content
}

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

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

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

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

.grid-cols-\[1fr_1fr_1fr_1fr_33\%\] {
    grid-template-columns: 1fr 1fr 1fr 1fr 33%
}

.grid-rows-\[2fr_1fr\] {
    grid-template-rows: 2fr 1fr
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-nowrap {
    flex-wrap: nowrap
}

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

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

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

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

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

.justify-center {
    justify-content: center
}

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

.gap-40 {
    gap: 2.5rem
}

.gap-16 {
    gap: 1rem
}

.gap-80 {
    gap: 5rem
}

.gap-y-10 {
    row-gap: .625rem
}

.gap-y-16 {
    row-gap: 1rem
}

.gap-y-4 {
    row-gap: .25rem
}

.gap-x-16 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-6 {
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

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

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

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

.overflow-y-hidden {
    overflow-y: hidden
}

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

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

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

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

.rounded {
    border-radius: .25rem
}

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

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

.rounded-8 {
    border-radius: .5rem
}

.rounded-16 {
    border-radius: 1rem
}

.rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.rounded-tl {
    border-top-left-radius: .25rem
}

.rounded-br-0 {
    border-bottom-right-radius: 0
}

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

.border {
    border-width: 1px
}

.border-\[0\.5px\] {
    border-width: .5px
}

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

.border-thin {
    border-width: .5px
}

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

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

.border-l {
    border-left-width: 1px
}

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

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

.border-b-\[3px\] {
    border-bottom-width: 3px
}

.border-b-thin {
    border-bottom-width: .5px
}

.border-t-\[3px\] {
    border-top-width: 3px
}

.border-l-0 {
    border-left-width: 0
}

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

.border-dotted {
    border-style: dotted
}

.border-current {
    border-color: currentColor
}

.border-darkGreen {
    --tw-border-opacity: 1;
    border-color: rgb(43 102 96/var(--tw-border-opacity))
}

.border-mint {
    --tw-border-opacity: 1;
    border-color: rgb(106 244 229/var(--tw-border-opacity))
}

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

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(17 17 17/var(--tw-border-opacity))
}

.border-l-transparent {
    border-left-color: transparent
}

.border-r-transparent {
    border-right-color: transparent
}

.border-b-transparent {
    border-bottom-color: transparent
}

.bg-lime {
    --tw-bg-opacity: 1;
    background-color: rgb(187 239 56/var(--tw-bg-opacity))
}

.bg-current {
    background-color: currentColor
}

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

.bg-darkMint {
    --tw-bg-opacity: 1;
    background-color: rgb(4 11 21/var(--tw-bg-opacity))
}

.bg-\[\#03030B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(3 3 11/var(--tw-bg-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-background {
    background-color: var(--background)
}

.bg-gray-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(32 32 32/var(--tw-bg-opacity))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-black {
    --tw-gradient-from: #111;
    --tw-gradient-to: hsla(0, 0%, 7%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-transparent {
    --tw-gradient-to: transparent
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

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

.bg-bottom {
    background-position: bottom
}

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

.fill-current {
    fill: currentColor
}

.fill-black {
    fill: #111
}

.stroke-current {
    stroke: currentColor
}

.stroke-\[12px\] {
    stroke-width: 12px
}

.stroke-\[\.5px\] {
    stroke-width: .5px
}

.stroke-\[6px\] {
    stroke-width: 6px
}

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

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

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

.p-36 {
    padding: 2.25rem
}

.p-0 {
    padding: 0
}

.p-24 {
    padding: 1.5rem
}

.p-2 {
    padding: .125rem
}

.p-\[2\.5vh\] {
    padding: 2.5vh
}

.p-12 {
    padding: .75rem
}

.p-8 {
    padding: .5rem
}

.p-16 {
    padding: 1rem
}

.p-4 {
    padding: .25rem
}

.p-20 {
    padding: 1.25rem
}

.p-6 {
    padding: .375rem
}

.px-\[0\.1em\] {
    padding-left: .1em;
    padding-right: .1em
}

.py-4 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-\[0\.2em\] {
    padding-top: .2em;
    padding-bottom: .2em
}

.px-\[0\.9em\] {
    padding-left: .9em;
    padding-right: .9em
}

.px-\[2\.5vh\] {
    padding-left: 2.5vh;
    padding-right: 2.5vh
}

.py-\[0\.2vh\] {
    padding-top: .2vh;
    padding-bottom: .2vh
}

.px-\[2vh\] {
    padding-left: 2vh;
    padding-right: 2vh
}

.py-\[20vh\] {
    padding-top: 20vh;
    padding-bottom: 20vh
}

.px-14 {
    padding-left: .875rem;
    padding-right: .875rem
}

.px-2 {
    padding-left: .125rem;
    padding-right: .125rem
}

.py-2 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.px-8 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-32 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-4 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py-8 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-18 {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem
}

.px-36 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.py-36 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.py-6 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-120 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

.px-12 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-16 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-96 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.pl-6 {
    padding-left: .375rem
}

.pr-24 {
    padding-right: 1.5rem
}

.pb-8 {
    padding-bottom: .5rem
}

.pt-\[100\%\] {
    padding-top: 100%
}

.pb-96 {
    padding-bottom: 6rem
}

.pb-32 {
    padding-bottom: 2rem
}

.pb-72 {
    padding-bottom: 4.5rem
}

.pt-8 {
    padding-top: .5rem
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-monument {
    font-family: Monument Grotesk Mono, monospace
}

.font-monument-extended {
    font-family: Monument Extended, sans-serif
}

.text-\[15vw\] {
    font-size: 15vw
}

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

.text-\[12vw\] {
    font-size: 12vw
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-xxxs {
    font-size: 8px
}

.text-32 {
    font-size: 2rem
}

.text-\[4\.1vh\] {
    font-size: 4.1vh
}

.text-\[1\.5vh\] {
    font-size: 1.5vh
}

.text-\[1\.4vh\] {
    font-size: 1.4vh
}

.text-\[4vh\] {
    font-size: 4vh
}

.text-xxs {
    font-size: 10px
}

.text-12 {
    font-size: .75rem
}

.text-40 {
    font-size: 2.5rem
}

.text-16 {
    font-size: 1rem
}

.text-10 {
    font-size: .625rem
}

.text-\[min\(132px\2c 29vw\)\] {
    font-size: min(132px, 29vw)
}

.text-60 {
    font-size: 3.75rem
}

.text-\[30vw\] {
    font-size: 30vw
}

.text-\[44vw\] {
    font-size: 44vw
}

.text-\[min\(29\.055vw\2c 326px\)\] {
    font-size: min(29.055vw, 326px)
}

.text-24 {
    font-size: 1.5rem
}

.text-\[min\(30\.837vw\2c 346px\)\] {
    font-size: min(30.837vw, 346px)
}

.text-\[min\(150px\2c 13\.37vw\)\] {
    font-size: min(150px, 13.37vw)
}

.text-\[min\(11\.71vw\2c 150px\)\] {
    font-size: min(11.71vw, 150px)
}

.text-\[min\(27\.34vw\2c 350px\)\] {
    font-size: min(27.34vw, 350px)
}

.text-\[min\(30\.30vw\2c 340px\)\] {
    font-size: min(30.3vw, 340px)
}

.text-\[min\(18\.5vw\2c 200px\)\] {
    font-size: min(18.5vw, 200px)
}

.text-14 {
    font-size: .875rem
}

.text-120 {
    font-size: 7.5rem
}

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

.text-96 {
    font-size: 6rem
}

.text-48 {
    font-size: 3rem
}

.text-28 {
    font-size: 1.75rem
}

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

.text-18 {
    font-size: 1.125rem
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.normal-case {
    text-transform: none
}

.leading-\[120\%\] {
    line-height: 120%
}

.leading-\[100\%\] {
    line-height: 100%
}

.leading-\[80\%\] {
    line-height: 80%
}

.leading-none {
    line-height: 1
}

.tracking-\[0\.01em\] {
    letter-spacing: .01em
}

.tracking-tight {
    letter-spacing: -.01em
}

.text-darkMint {
    --tw-text-opacity: 1;
    color: rgb(4 11 21/var(--tw-text-opacity))
}

.text-purple {
    --tw-text-opacity: 1;
    color: rgb(74 32 219/var(--tw-text-opacity))
}

.text-mint {
    --tw-text-opacity: 1;
    color: rgb(106 244 229/var(--tw-text-opacity))
}

.text-lime {
    --tw-text-opacity: 1;
    color: rgb(187 239 56/var(--tw-text-opacity))
}

.text-\[\#1F96D4\] {
    --tw-text-opacity: 1;
    color: rgb(31 150 212/var(--tw-text-opacity))
}

.text-\[\#FE9D00\] {
    --tw-text-opacity: 1;
    color: rgb(254 157 0/var(--tw-text-opacity))
}

.text-\[\#E5364D\] {
    --tw-text-opacity: 1;
    color: rgb(229 54 77/var(--tw-text-opacity))
}

.text-\[\#7250E4\] {
    --tw-text-opacity: 1;
    color: rgb(114 80 228/var(--tw-text-opacity))
}

.text-dark {
    --tw-text-opacity: 1;
    color: rgb(3 3 11/var(--tw-text-opacity))
}

.text-\[\#28BAF9\] {
    --tw-text-opacity: 1;
    color: rgb(40 186 249/var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(17 17 17/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.placeholder-current::-moz-placeholder {
    color: currentColor
}

.placeholder-current::placeholder {
    color: currentColor
}

.opacity-0 {
    opacity: 0
}

.opacity-75 {
    opacity: .75
}

.opacity-50 {
    opacity: .5
}

.opacity-20 {
    opacity: .2
}

.opacity-60 {
    opacity: .6
}

.opacity-10 {
    opacity: .1
}

.opacity-70 {
    opacity: .7
}

.opacity-\[0\.1\%\] {
    opacity: .1%
}

.opacity-30 {
    opacity: .3
}

.blur-none {
    --tw-blur: blur(0)
}

.blur-none,
.blur-xs {
    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)
}

.blur-xs {
    --tw-blur: blur(1px)
}

.drop-shadow-solid {
    --tw-drop-shadow: drop-shadow(0.375rem 0.375rem 0 hsla(0, 0%, 7%, .25))
}

.drop-shadow-solid,
.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)
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
    -webkit-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);
    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)
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s
}

.delay-75 {
    transition-delay: 75ms
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 80rem;
    padding-left: .375rem;
    padding-right: .375rem
}

.text-title {
    font-family: Monument Extended, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -.01em
}

.text-body,
.text-body-big,
.text-btn,
.text-btn-xs,
.text-subtitle {
    font-family: Monument Grotesk Mono, monospace;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -.01em
}

.text-body,
.text-btn-xs,
.text-subtitle {
    font-size: .75rem
}

.text-body-big {
    font-size: 1rem
}

.text-btn {
    font-size: 1.5rem
}

.\[fill-opacity\:\.5\] {
    fill-opacity: .5
}

.ui-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle
}

.ui-btn:disabled {
    opacity: .5
}

.ui-primary-btn,
.ui-secondary-btn {
    color: var(--background);
    transition: color .25s ease-out
}

.ui-primary-btn {
    padding: .125rem
}

.ui-primary-btn.theme-primary {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.ui-secondary-btn {
    padding-left: 1px;
    padding-right: 1px;
    height: calc(15/12 * 1em)
}

.ui-secondary-btn.theme-primary {
    color: var(--foreground)
}

@media(min-width:1024px) {
    .primary-container:hover .primary-background--hover {
        --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))
    }

    .primary-container:hover .ui-primary-btn {
        --tw-text-opacity: 1;
        color: rgb(17 17 17/var(--tw-text-opacity));
        animation: showOpacity .35s linear forwards
    }

    .intro .primary-container:hover .ui-primary-btn {
        --tw-bg-opacity: 1;
        background-color: rgb(90 255 185/var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(17 17 17/var(--tw-text-opacity))
    }

    .secondary-container:hover .secondary-background--hover {
        --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))
    }

    .secondary-container:hover .ui-secondary-btn {
        --tw-text-opacity: 1;
        color: rgb(17 17 17/var(--tw-text-opacity));
        animation: showOpacity .25s linear forwards
    }
}

.primary-background--default,
.primary-background--hover,
.secondary-background--default,
.secondary-background--hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    transition: transform .2s ease-out
}

.primary-background--default {
    background-color: var(--foreground)
}

.primary-background--hover {
    transform-origin: left;
    --tw-scale-x: 0;
    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));
    --tw-bg-opacity: 1;
    background-color: rgb(90 255 185/var(--tw-bg-opacity))
}

.secondary-background--default {
    background-color: var(--foreground)
}

.secondary-background--hover {
    transform-origin: left;
    --tw-scale-x: 0;
    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));
    --tw-bg-opacity: 1;
    background-color: rgb(90 255 185/var(--tw-bg-opacity))
}

.ui-cta-btn {
    border-radius: 1rem
}

.ui-cta-btn:disabled {
    color: hsla(0, 0%, 7%, .5);
    opacity: 1
}

.ui-cta-btn:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border-radius: 1rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(17 17 17/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-drop-shadow: drop-shadow(0.375rem 0.375rem 0 hsla(0, 0%, 7%, .25));
    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);
    background-color: var(--cta-background, #fff)
}

.ui-cta-btn.ui-cta-btn:not(:disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.ui-cta-btn.ui-cta-btn:not(:disabled):hover:before {
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17/var(--tw-bg-opacity))
}

.ui-cta-btn:not(:disabled).ui-cta-btn:hover:before {
    animation: scaleCTA .5s ease-out forwards
}

.ui-cta-btn:not(:disabled).ui-cta-btn:hover .split-div {
    opacity: 0;
    animation: scaleText .2s ease-out forwards
}

.ui-cta-btn:not(:disabled).ui-cta-btn:hover .split-div:nth-child(2) {
    animation-delay: .1s
}

.ui-cta-btn:not(:disabled).ui-cta-btn:hover .split-div:nth-child(3) {
    animation-delay: .2s
}

.ui-cta-btn:not(:disabled).ui-cta-btn:hover .split-div:nth-child(4) {
    animation-delay: .3s
}

.ui-cta-btn:not(:disabled).ui-cta-btn:hover .split-div:nth-child(5) {
    animation-delay: .4s
}

.web3-dropdown:hover .ui-btn {
    transform: scale(1) !important;
    animation-play-state: paused
}

@keyframes showOpacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes scaleCTA {
    0% {
        transform: scaleX(.9) scaleY(.9)
    }

    50% {
        transform: scaleX(1.1) scaleY(.9)
    }

    to {
        transform: scaleX(1) scaleY(1)
    }
}

@keyframes scaleText {
    0% {
        opacity: 0;
        transform: translateY(24px) scaleY(0)
    }

    to {
        opacity: 1;
        transform: translateY(1) scaleY(1)
    }
}

.UIGuide__modal {
    align-items: center;
    padding: 1.25rem;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: repeat(2, auto) minmax(1.5rem, auto);
    grid-template-areas: "subtitle subtitle subtitle" "text text text" ". title ."
}

@media(min-width:1024px) {
    .UIGuide__modal {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
        row-gap: 0;
        padding: 0 2.5rem 0 0;
        grid-template-columns: 12.5rem 1fr;
        grid-template-rows: 1.75rem repeat(5, auto) 1.75rem;
        grid-template-areas: "avatar ." "avatar title" "avatar subtitle" "avatar separator" "avatar text" "avatar body" "avatar ."
    }
}

.UIGuide__avatar {
    grid-area: title
}

@media(min-width:1024px) {
    .UIGuide__avatar {
        grid-area: avatar
    }
}

.UIGuide__title {
    grid-area: title
}

@media(max-width:640px) {
    .UIGuide__title {
        width: 120px
    }
}

.UIGuide__subtitle {
    grid-area: subtitle
}

.UIGuide__separator {
    grid-area: separator
}

.UIGuide__text {
    grid-area: text
}

.UIGuide__body {
    grid-area: 3/1/4/-1
}

@media(min-width:1024px) {
    .UIGuide__body {
        grid-area: body
    }
}

@media(max-width:640px) {
    .UIGuide .text-title {
        font-size: .625rem
    }

    .UIGuide .text-body-big {
        font-size: .75rem
    }
}

.UIGuide--prophecy .text-body-big {
    min-height: 3.75rem
}

@media(min-width:1024px) {
    .UIGuide--prophecy .text-body-big {
        min-height: 4rem
    }
}

.ChestDialog {
    top: var(--top);
    left: var(--left)
}

.ChestDialog__bubble__tail {
    top: calc(100% - 4px)
}

.glview,
.glview canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.Frame__layer {
    position: fixed;
    z-index: 999;
    inset: 0;
    pointer-events: none;
    background-position: 50%;
    background-repeat: repeat;
    will-change: transform;
    width: 100%;
    height: 100%
}

.Frame__layer--noise {
    inset: -30px;
    background-image: url(/images/noise.png);
    background-size: 200px 200px;
    opacity: .5;
    mix-blend-mode: overlay;
    animation: vhs-noise .25s steps(10) infinite
}

.Frame__layer--stripes {
    inset: -8px 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQBAMAAAAlsQiEAAAAD1BMVEUAAAAAAAAiACIAAAAAAAC7K2UdAAAABXRSTlMYFAcOC0Ge+LkAAAAYSURBVAjXYxCAQgUgBAEDIHQAQiAAiQEAF2ABoWxQQNEAAAAASUVORK5CYII=);
    background-size: 1px 16px;
    mix-blend-mode: hard-light;
    animation: vhs-stripes 2s steps(5) infinite
}

@keyframes vhs-noise {
    0% {
        transform: translate(0)
    }

    10% {
        transform: translate(-10px, -10px)
    }

    20% {
        transform: translate(-20px, 10px)
    }

    30% {
        transform: translate(10px, -20px)
    }

    40% {
        transform: translate(-10px, 30px)
    }

    50% {
        transform: translate(-20px, 10px)
    }

    60% {
        transform: translate(10px, 10px)
    }

    70% {
        transform: translateY(20px)
    }

    80% {
        transform: translate(-10px, -10px)
    }

    90% {
        transform: translate(20px, 10px)
    }
}

@keyframes vhs-stripes {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-8px)
    }

    40% {
        transform: translateY(-2px)
    }

    60% {
        transform: translateY(12px)
    }

    8% {
        transform: translateY(-4px)
    }
}

#mint-flow-text-bubble>.bubble_triangle {
    position: absolute;
    top: -32px;
    left: 20px;
    border-right: 32px solid #111;
    border-top: 32px solid transparent;
    z-index: 1
}

#mint-flow-text-bubble>.bubble_triangle_border {
    position: absolute;
    z-index: 0;
    top: -34px;
    left: 19px;
    border-left: none;
    border-right: 34px solid #bbef38;
    border-top: 34px solid transparent
}

body,
html {
    font-family: NB International, sans-serif;
    scroll-behavior: smooth;
    overscroll-behavior-y: none;
    -webkit-font-smoothing: antialiased;
    -ms-overflow-style: none;
    scrollbar-width: none;
    --tw-bg-opacity: 1;
    background-color: rgb(4 11 21/var(--tw-bg-opacity))
}

::-webkit-scrollbar {
    display: none
}

@supports not (aspect-ratio:16/9) {
    .aspect-\[435\/710\] {
        width: 36.76vh
    }
}

.undraggable {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

* {
    box-sizing: border-box
}

.landing-title {
    font-family: NB International, sans-serif;
    font-weight: 700;
    line-height: 80%;
    letter-spacing: -.03em
}

.landing-subtitle {
    font-family: Monument Grotesk Mono, monospace;
    font-weight: 700;
    letter-spacing: -.06em
}

.mint-title {
    font-family: KTF Compact, sans-serif;
    line-height: 75%;
    letter-spacing: .01em
}

.mint-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

@media(min-width:640px) {
    .mint-container {
        max-width: 1050px;
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }
}

.mint-description {
    font-family: Univers Condensed, sans-serif;
    line-height: 110%;
    letter-spacing: -.02em
}

.mint-label {
    font-family: Univers, sans-serif;
    line-height: 119%
}

.license>* {
    margin-bottom: 1.5rem
}

.license ol,
.license ul {
    list-style-type: auto;
    margin-left: 1rem
}

.license li>ol,
.license li>ul {
    list-style-type: lower-alpha
}

.license li li>ol,
.license li li>ul {
    list-style-type: lower-roman
}

.license li li li>ol,
.license li li li>ul {
    list-style-type: disc
}

.license li {
    margin-bottom: .75rem
}

.license a {
    text-decoration: underline
}

.header {
    font-size: 26px;
    letter-spacing: -.05em;
    line-height: 28px
}

.footer-link {
    font-family: Inter;
    letter-spacing: -.03em;
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase
}

.label {
    font-size: 8px
}

.label,
.label-lg {
    letter-spacing: .02em;
    font-weight: 300;
    text-transform: uppercase
}

.label-lg {
    font-size: .75rem;
    line-height: 1rem
}

.label-lg,
.title {
    color: currentColor
}

.title {
    font-family: Inter;
    letter-spacing: .02em;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 200;
    text-transform: uppercase
}

@media(min-width:768px) {
    .header {
        font-size: 44px;
        line-height: 48px
    }
}

.text-shadow {
    text-shadow: 0 0 12px
}

.gradient {
    animation: gradient 15s ease infinite
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.filter-shadow {
    filter: drop-shadow(0 0 2px currentColor);
    transition: filter .35s ease-in-out
}

.filter-shadow:hover {
    filter: drop-shadow(0 0 6px currentColor)
}

.hover\:bg-black\/5:hover {
    background-color: hsla(0, 0%, 7%, .05)
}

.hover\:bg-mint:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(106 244 229/var(--tw-bg-opacity))
}

.hover\:bg-lime:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(187 239 56/var(--tw-bg-opacity))
}

.hover\:px-10:hover {
    padding-left: .625rem;
    padding-right: .625rem
}

.hover\:text-darkMint:hover {
    --tw-text-opacity: 1;
    color: rgb(4 11 21/var(--tw-text-opacity))
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(17 17 17/var(--tw-text-opacity))
}

.hover\:opacity-20:hover {
    opacity: .2
}

.focus\:bg-lime:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(187 239 56/var(--tw-bg-opacity))
}

.focus\:text-black:focus {
    --tw-text-opacity: 1;
    color: rgb(17 17 17/var(--tw-text-opacity))
}

.disabled\:opacity-60:disabled {
    opacity: .6
}

.group:hover .group-hover\:translate-x-full {
    --tw-translate-x: 100%
}

.group:hover .group-hover\:translate-x-0,
.group:hover .group-hover\:translate-x-full {
    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))
}

.group:hover .group-hover\:translate-x-0 {
    --tw-translate-x: 0rem
}

.group:hover .group-hover\:-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))
}

@media(prefers-reduced-motion:reduce) {
    .motion-reduce\:transition-none {
        transition-property: none
    }
}

@media(min-width:480px) {
    .xs\:h-256 {
        height: 16rem
    }
}

@media(min-width:640px) {
    .sm\:absolute {
        position: absolute
    }

    .sm\:relative {
        position: relative
    }

    .sm\:left-0 {
        left: 0
    }

    .sm\:top-0 {
        top: 0
    }

    .sm\:order-1 {
        order: 1
    }

    .sm\:order-first {
        order: -9999
    }

    .sm\:-order-none {
        order: 0
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:mb-\[240px\] {
        margin-bottom: 240px
    }

    .sm\:mt-72 {
        margin-top: 4.5rem
    }

    .sm\:mt-28 {
        margin-top: 1.75rem
    }

    .sm\:mt-\[105px\] {
        margin-top: 105px
    }

    .sm\:mb-\[264px\] {
        margin-bottom: 264px
    }

    .sm\:mt-\[266px\] {
        margin-top: 266px
    }

    .sm\:mb-24 {
        margin-bottom: 1.5rem
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:h-\[calc\(100vh-84px\)\] {
        height: calc(100vh - 84px)
    }

    .sm\:h-\[25vw\] {
        height: 25vw
    }

    .sm\:min-h-\[1124px\] {
        min-height: 1124px
    }

    .sm\:w-\[12vh\] {
        width: 12vh
    }

    .sm\:w-\[min\(864px\2c 67vw\)\] {
        width: min(864px, 67vw)
    }

    .sm\:w-\[25vw\] {
        width: 25vw
    }

    .sm\:w-\[140px\] {
        width: 140px
    }

    .sm\:w-3\/4 {
        width: 75%
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:min-w-\[180px\] {
        min-width: 180px
    }

    .sm\:max-w-\[759px\] {
        max-width: 759px
    }

    .sm\:max-w-\[372px\] {
        max-width: 372px
    }

    .sm\:translate-x-0 {
        --tw-translate-x: 0rem
    }

    .sm\:translate-x-0,
    .sm\:translate-y-0 {
        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))
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0rem
    }

    .sm\:grid-cols-\[1fr_2fr\] {
        grid-template-columns: 1fr 2fr
    }

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

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

    .sm\:grid-rows-\[2fr_1fr_1fr\] {
        grid-template-rows: 2fr 1fr 1fr
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:items-stretch {
        align-items: stretch
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:gap-x-4 {
        -moz-column-gap: .25rem;
        column-gap: .25rem
    }

    .sm\:border-r-\[0\.5px\] {
        border-right-width: .5px
    }

    .sm\:border-t-\[3px\] {
        border-top-width: 3px
    }

    .sm\:border-l-\[3px\] {
        border-left-width: 3px
    }

    .sm\:border-r-\[3px\] {
        border-right-width: 3px
    }

    .sm\:border-b-0 {
        border-bottom-width: 0
    }

    .sm\:border-b-\[3px\] {
        border-bottom-width: 3px
    }

    .sm\:border-transparent {
        border-color: transparent
    }

    .sm\:p-24 {
        padding: 1.5rem
    }

    .sm\:p-16 {
        padding: 1rem
    }

    .sm\:px-64 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .sm\:py-\[10vh\] {
        padding-top: 10vh;
        padding-bottom: 10vh
    }

    .sm\:py-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .sm\:px-60 {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }

    .sm\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pb-36 {
        padding-bottom: 2.25rem
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-\[min\(7vh\2c 7vw\)\] {
        font-size: min(7vh, 7vw)
    }

    .sm\:text-\[2vh\] {
        font-size: 2vh
    }

    .sm\:text-16 {
        font-size: 1rem
    }

    .sm\:text-28 {
        font-size: 1.75rem
    }

    .sm\:text-\[min\(350px\2c 31\.19vw\)\] {
        font-size: min(350px, 31.19vw)
    }

    .sm\:text-14 {
        font-size: .875rem
    }

    .sm\:text-\[min\(28px\2c 2\.5vw\)\] {
        font-size: min(28px, 2.5vw)
    }

    .sm\:text-\[min\(5\.348vw\2c 60px\)\] {
        font-size: min(5.348vw, 60px)
    }

    .sm\:text-\[min\(14px\2c 1\.7vw\)\] {
        font-size: min(14px, 1.7vw)
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-\[min\(31\.12vw\2c 350px\)\] {
        font-size: min(31.12vw, 350px)
    }

    .sm\:text-\[min\(48\.48vw\2c 544px\)\] {
        font-size: min(48.48vw, 544px)
    }

    .sm\:text-160 {
        font-size: 10rem
    }

    .sm\:text-144 {
        font-size: 9rem
    }

    .sm\:text-24 {
        font-size: 1.5rem
    }
}

@media(min-width:768px) {
    .md\:left-0 {
        left: 0
    }

    .md\:mb-32 {
        margin-bottom: 2rem
    }

    .md\:flex {
        display: flex
    }

    .md\:inline-flex {
        display: inline-flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-\[36vw\] {
        height: 36vw
    }

    .md\:min-h-\[1650px\] {
        min-height: 1650px
    }

    .md\:min-h-\[320px\] {
        min-height: 320px
    }

    .md\:w-\[36vw\] {
        width: 36vw
    }

    .md\:min-w-\[320px\] {
        min-width: 320px
    }

    .md\:-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))
    }

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

    .md\:flex-row {
        flex-direction: row
    }

    .md\:p-24 {
        padding: 1.5rem
    }

    .md\:pb-48 {
        padding-bottom: 3rem
    }
}

@media(min-width:1024px) {
    .lg\:relative {
        position: relative
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:right-auto {
        right: auto
    }

    .lg\:top-auto {
        top: auto
    }

    .lg\:bottom-0 {
        bottom: 0
    }

    .lg\:left-1\/4 {
        left: 25%
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mt-10 {
        margin-top: .625rem
    }

    .lg\:mb-16 {
        margin-bottom: 1rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:h-2\/3 {
        height: 66.666667%
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-6\/12 {
        width: 50%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-800 {
        width: 50rem
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:grid-cols-\[1fr_2fr_1fr\] {
        grid-template-columns: 1fr 2fr 1fr
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:self-start {
        align-self: flex-start
    }

    .lg\:whitespace-nowrap {
        white-space: nowrap
    }

    .lg\:border {
        border-width: 1px
    }

    .lg\:border-0 {
        border-width: 0
    }

    .lg\:border-b {
        border-bottom-width: 1px
    }

    .lg\:border-r-\[3px\] {
        border-right-width: 3px
    }

    .lg\:p-2 {
        padding: .125rem
    }

    .lg\:p-48 {
        padding: 3rem
    }

    .lg\:p-72 {
        padding: 4.5rem
    }

    .lg\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lg\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .lg\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:py-120 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }

    .lg\:px-120 {
        padding-left: 7.5rem;
        padding-right: 7.5rem
    }

    .lg\:pb-16 {
        padding-bottom: 1rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-8 {
        font-size: .5rem
    }

    .lg\:text-12 {
        font-size: .75rem
    }

    .lg\:text-60 {
        font-size: 3.75rem
    }

    .lg\:text-32 {
        font-size: 2rem
    }

    .lg\:text-240 {
        font-size: 15rem
    }

    .lg\:text-18 {
        font-size: 1.125rem
    }
}

@media(min-width:1280px) {
    .xl\:bottom-32 {
        bottom: 2rem
    }

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

    .xl\:w-10\/12 {
        width: 83.333333%
    }

    .xl\:max-w-md {
        max-width: 28rem
    }

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

    .xl\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xl\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .xl\:pt-32 {
        padding-top: 2rem
    }

    .xl\:pb-32 {
        padding-bottom: 2rem
    }

    .xl\:text-240 {
        font-size: 15rem
    }

    .xl\:text-16 {
        font-size: 1rem
    }

    .xl\:text-36 {
        font-size: 2.25rem
    }

    .xl\:text-32 {
        font-size: 2rem
    }

    .xl\:text-14 {
        font-size: .875rem
    }
}

@media(min-width:1536px) {
    .\32xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .\32xl\:text-\[280px\] {
        font-size: 280px
    }
}

.\[\&\>\*\]\:h-\[45px\]>* {
    height: 45px
}

.\[\&\>\*\]\:px-20>* {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.\[\&\:not\(\:first-child\)\]\:ml-6:not(:first-child) {
    margin-left: .375rem
}

#metamaskbutton{
    font-size: 2rem;
    transition: 0.25s ease-in-out;
}

#metamaskbutton:hover{
    cursor: pointer;
    background-color: #6af4e5;
    color: black;
}