@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');

body {
    background: #1a191e;
    color: white;
    font-family: 'Open Sans', sans-serif;
}

.code {
  position: absolute;
  left: 10%;
  top: 40%;
}

.code div:first-child {
  font-size: 3.5em;
}

.code div:last-child {
  font-size: 1.5em;
}

         @layer properties;
         @layer theme, base, components, utilities;
         @layer theme {
         :root, :host {
         --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
         --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
         "Courier New", monospace;
         --color-rose-500: oklch(64.5% 0.246 16.439);
         --color-gray-400: oklch(70.7% 0.022 261.325);
         --color-black: #000;
         --color-white: #fff;
         --spacing: 0.25rem;
         --container-xs: 20rem;
         --text-sm: 0.875rem;
         --text-sm--line-height: calc(1.25 / 0.875);
         --font-weight-semibold: 600;
         --font-weight-bold: 700;
         --radius-md: 0.375rem;
         --radius-lg: 0.5rem;
         --radius-2xl: 1rem;
         --ease-in: cubic-bezier(0.4, 0, 1, 1);
         --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
         --default-transition-duration: 150ms;
         --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         --default-font-family: var(--font-sans);
         --default-mono-font-family: var(--font-mono);
         }
         }
         @layer base {
         *, ::after, ::before, ::backdrop, ::file-selector-button {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
         border: 0 solid;
         }
         html, :host {
         line-height: 1.5;
         -webkit-text-size-adjust: 100%;
         tab-size: 4;
         font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
         font-feature-settings: var(--default-font-feature-settings, normal);
         font-variation-settings: var(--default-font-variation-settings, normal);
         -webkit-tap-highlight-color: transparent;
         }
         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;
         -webkit-text-decoration: inherit;
         text-decoration: inherit;
         }
         b, strong {
         font-weight: bolder;
         }
         code, kbd, samp, pre {
         font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
         font-feature-settings: var(--default-mono-font-feature-settings, normal);
         font-variation-settings: var(--default-mono-font-variation-settings, normal);
         font-size: 1em;
         }
         small {
         font-size: 80%;
         }
         sub, sup {
         font-size: 75%;
         line-height: 0;
         position: relative;
         vertical-align: baseline;
         }
         sub {
         bottom: -0.25em;
         }
         sup {
         top: -0.5em;
         }
         table {
         text-indent: 0;
         border-color: inherit;
         border-collapse: collapse;
         }
         :-moz-focusring {
         outline: auto;
         }
         progress {
         vertical-align: baseline;
         }
         summary {
         display: list-item;
         }
         ol, ul, menu {
         list-style: none;
         }
         img, svg, video, canvas, audio, iframe, embed, object {
         display: block;
         vertical-align: middle;
         }
         img, video {
         max-width: 100%;
         height: auto;
         }
         button, input, select, optgroup, textarea, ::file-selector-button {
         font: inherit;
         font-feature-settings: inherit;
         font-variation-settings: inherit;
         letter-spacing: inherit;
         color: inherit;
         border-radius: 0;
         background-color: transparent;
         opacity: 1;
         }
         :where(select:is([multiple], [size])) optgroup {
         font-weight: bolder;
         }
         :where(select:is([multiple], [size])) optgroup option {
         padding-inline-start: 20px;
         }
         ::file-selector-button {
         margin-inline-end: 4px;
         }
         ::placeholder {
         opacity: 1;
         }
         @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
         ::placeholder {
         color: currentcolor;
         @supports (color: color-mix(in lab, red, red)) {
         color: color-mix(in oklab, currentcolor 50%, transparent);
         }
         }
         }
         textarea {
         resize: vertical;
         }
         ::-webkit-search-decoration {
         -webkit-appearance: none;
         }
         ::-webkit-date-and-time-value {
         min-height: 1lh;
         text-align: inherit;
         }
         ::-webkit-datetime-edit {
         display: inline-flex;
         }
         ::-webkit-datetime-edit-fields-wrapper {
         padding: 0;
         }
         ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
         padding-block: 0;
         }
         ::-webkit-calendar-picker-indicator {
         line-height: 1;
         }
         :-moz-ui-invalid {
         box-shadow: none;
         }
         button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
         appearance: button;
         }
         ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
         height: auto;
         }
         [hidden]:where(:not([hidden="until-found"])) {
         display: none !important;
         }
         }
         @layer utilities {
         .pointer-events-none {
         pointer-events: none;
         }
         .absolute {
         position: absolute;
         }
         .relative {
         position: relative;
         }
         .sticky {
         position: sticky;
         }
         .inset-0 {
         inset: calc(var(--spacing) * 0);
         }
         .inset-y-0 {
         inset-block: calc(var(--spacing) * 0);
         }
         .top-0 {
         top: calc(var(--spacing) * 0);
         }
         .top-3 {
         top: calc(var(--spacing) * 3);
         }
         .top-10 {
         top: calc(var(--spacing) * 10);
         }
         .top-\[80px\] {
         top: 80px;
         }
         .right-0 {
         right: calc(var(--spacing) * 0);
         }
         .right-\[5\%\] {
         right: 5%;
         }
         .left-0 {
         left: calc(var(--spacing) * 0);
         }
         .z-10 {
         z-index: 10;
         }
         .container {
         width: 100%;
         @media (width >= 460px) {
         max-width: 460px;
         }
         @media (width >= 660px) {
         max-width: 660px;
         }
         @media (width >= 750px) {
         max-width: 750px;
         }
         @media (width >= 1010px) {
         max-width: 1010px;
         }
         @media (width >= 80rem) {
         max-width: 80rem;
         }
         @media (width >= 96rem) {
         max-width: 96rem;
         }
         }
         .mx-2 {
         margin-inline: calc(var(--spacing) * 2);
         }
         .mx-auto {
         margin-inline: auto;
         }
         .my-3 {
         margin-block: calc(var(--spacing) * 3);
         }
         .mt-3 {
         margin-top: calc(var(--spacing) * 3);
         }
         .mt-4 {
         margin-top: calc(var(--spacing) * 4);
         }
         .mt-5 {
         margin-top: calc(var(--spacing) * 5);
         }
         .mt-\[4px\] {
         margin-top: 4px;
         }
         .mb-8 {
         margin-bottom: calc(var(--spacing) * 8);
         }
         .mb-\[10px\] {
         margin-bottom: 10px;
         }
         .block {
         display: block;
         }
         .flex {
         display: flex;
         }
         .grid {
         display: grid;
         }
         .hidden {
         display: none;
         }
         .inline-flex {
         display: inline-flex;
         }
         .h-2 {
         height: calc(var(--spacing) * 2);
         }
         .h-5 {
         height: calc(var(--spacing) * 5);
         }
         .h-8 {
         height: calc(var(--spacing) * 8);
         }
         .h-10 {
         height: calc(var(--spacing) * 10);
         }
         .h-\[30px\] {
         height: 30px;
         }
         .h-\[35px\] {
         height: 35px;
         }
         .h-\[39px\] {
         height: 39px;
         }
         .h-\[50px\] {
         height: 50px;
         }
         .h-\[60px\] {
         height: 60px;
         }
         .h-\[120px\] {
         height: 120px;
         }
         .h-\[200px\] {
         height: 200px;
         }
         .h-\[220px\] {
         height: 220px;
         }
         .h-\[400px\] {
         height: 400px;
         }
         .h-full {
         height: 100%;
         }
         .max-h-full {
         max-height: 100%;
         }
         .min-h-\[100px\] {
         min-height: 100px;
         }
         .min-h-\[200px\] {
         min-height: 200px;
         }
         .min-h-\[400px\] {
         min-height: 400px;
         }
         .min-h-screen {
         min-height: 100vh;
         }
         .\!w-\[170px\] {
         width: 170px !important;
         }
         .w-2 {
         width: calc(var(--spacing) * 2);
         }
         .w-5 {
         width: calc(var(--spacing) * 5);
         }
         .w-\[28px\] {
         width: 28px;
         }
         .w-\[45px\] {
         width: 45px;
         }
         .w-\[50px\] {
         width: 50px;
         }
         .w-\[100px\] {
         width: 100px;
         }
         .w-\[130px\] {
         width: 130px;
         }
         .w-\[260px\] {
         width: 260px;
         }
         .w-\[400px\] {
         width: 400px;
         }
         .w-fit {
         width: fit-content;
         }
         .w-full {
         width: 100%;
         }
         .max-w-\[1920px\] {
         max-width: 1920px;
         }
         .max-w-full {
         max-width: 100%;
         }
         .min-w-10 {
         min-width: calc(var(--spacing) * 10);
         }
         .min-w-\[198px\] {
         min-width: 198px;
         }
         .min-w-\[200px\] {
         min-width: 200px;
         }
         .min-w-xs {
         min-width: var(--container-xs);
         }
         .flex-1 {
         flex: 1;
         }
         .flex-\[\.2_1_0\%\] {
         flex: .2 1 0%;
         }
         .flex-\[1_1_0\%\] {
         flex: 1 1 0%;
         }
         .flex-none {
         flex: none;
         }
         .shrink-0 {
         flex-shrink: 0;
         }
         .-translate-x-10 {
         --tw-translate-x: calc(var(--spacing) * -10);
         translate: var(--tw-translate-x) var(--tw-translate-y);
         }
         .translate-x-12 {
         --tw-translate-x: calc(var(--spacing) * 12);
         translate: var(--tw-translate-x) var(--tw-translate-y);
         }
         .translate-y-\[-1\.4rem\] {
         --tw-translate-y: -1.4rem;
         translate: var(--tw-translate-x) var(--tw-translate-y);
         }
         .rotate-180 {
         rotate: 180deg;
         }
         .cursor-pointer {
         cursor: pointer;
         }
         .resize {
         resize: both;
         }
         .snap-x {
         scroll-snap-type: x var(--tw-scroll-snap-strictness);
         }
         .snap-mandatory {
         --tw-scroll-snap-strictness: mandatory;
         }
         .grid-rows-2 {
         grid-template-rows: repeat(2, minmax(0, 1fr));
         }
         .flex-col {
         flex-direction: column;
         }
         .flex-wrap {
         flex-wrap: wrap;
         }
         .items-center {
         align-items: center;
         }
         .items-end {
         align-items: flex-end;
         }
         .justify-between {
         justify-content: space-between;
         }
         .justify-center {
         justify-content: center;
         }
         .gap-1 {
         gap: calc(var(--spacing) * 1);
         }
         .gap-2 {
         gap: calc(var(--spacing) * 2);
         }
         .gap-3 {
         gap: calc(var(--spacing) * 3);
         }
         .gap-4 {
         gap: calc(var(--spacing) * 4);
         }
         .gap-6 {
         gap: calc(var(--spacing) * 6);
         }
         .gap-\[0_2px\] {
         gap: 0 2px;
         }
         .gap-\[0_6px\] {
         gap: 0 6px;
         }
         .gap-\[4px_9px\] {
         gap: 4px 9px;
         }
         .gap-\[12px\] {
         gap: 12px;
         }
         .gap-px {
         gap: 1px;
         }
         .space-y-1 {
         :where(& > :not(:last-child)) {
         --tw-space-y-reverse: 0;
         margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
         margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
         }
         }
         .space-y-2 {
         :where(& > :not(:last-child)) {
         --tw-space-y-reverse: 0;
         margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
         margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
         }
         }
         .space-y-3 {
         :where(& > :not(:last-child)) {
         --tw-space-y-reverse: 0;
         margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
         margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
         }
         }
         .space-y-4 {
         :where(& > :not(:last-child)) {
         --tw-space-y-reverse: 0;
         margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
         margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
         }
         }
         .space-y-5 {
         :where(& > :not(:last-child)) {
         --tw-space-y-reverse: 0;
         margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
         margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
         }
         }
         .gap-y-2 {
         row-gap: calc(var(--spacing) * 2);
         }
         .gap-y-5 {
         row-gap: calc(var(--spacing) * 5);
         }
         .self-center {
         align-self: center;
         }
         .overflow-hidden {
         overflow: hidden;
         }
         .overflow-x-scroll {
         overflow-x: scroll;
         }
         .rounded-2xl {
         border-radius: var(--radius-2xl);
         }
         .rounded-\[4px\] {
         border-radius: 4px;
         }
         .rounded-\[6px\] {
         border-radius: 6px;
         }
         .rounded-\[8px\] {
         border-radius: 8px;
         }
         .rounded-\[12px\] {
         border-radius: 12px;
         }
         .rounded-\[14px\] {
         border-radius: 14px;
         }
         .rounded-\[16px\] {
         border-radius: 16px;
         }
         .rounded-full {
         border-radius: calc(infinity * 1px);
         }
         .rounded-lg {
         border-radius: var(--radius-lg);
         }
         .rounded-md {
         border-radius: var(--radius-md);
         }
         .border {
         border-style: var(--tw-border-style);
         border-width: 1px;
         }
         .border-2 {
         border-style: var(--tw-border-style);
         border-width: 2px;
         }
         .border-none {
         --tw-border-style: none;
         border-style: none;
         }
         .border-\[\#3a4142\] {
         border-color: #3a4142;
         }
         .border-\[\#303030\] {
         border-color: #303030;
         }
         .border-gray-400 {
         border-color: var(--color-gray-400);
         }
         .border-white\/20 {
         border-color: color-mix(in srgb, #fff 20%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
         border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
         }
         }
         .bg-\[\#3a4142\] {
         background-color: #3a4142;
         }
         .bg-\[\#151233\] {
         background-color: #151233;
         }
         .bg-\[\#46464667\] {
         background-color: #46464667;
         }
         .bg-\[rgba\(255\,255\,255\,0\.06\)\] {
         background-color: rgba(255,255,255,0.06);
         }
         .bg-rose-500 {
         background-color: var(--color-rose-500);
         }
         .bg-skin {
         background-color: #221f42;
         }
         .bg-skinLight {
         background-color: #2c294d;
         }
         .bg-success {
         background-color: #2aee88;
         }
         .bg-gradient-to-t {
         --tw-gradient-position: to top in oklab;
         background-image: linear-gradient(var(--tw-gradient-stops));
         }
         .from-\[\#141414\] {
         --tw-gradient-from: #141414;
         --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
         }
         .to-transparent {
         --tw-gradient-to: transparent;
         --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
         }
         .object-contain {
         object-fit: contain;
         }
         .object-cover {
         object-fit: cover;
         }
         .object-bottom {
         object-position: bottom;
         }
         .p-2 {
         padding: calc(var(--spacing) * 2);
         }
         .p-3 {
         padding: calc(var(--spacing) * 3);
         }
         .p-4 {
         padding: calc(var(--spacing) * 4);
         }
         .p-5 {
         padding: calc(var(--spacing) * 5);
         }
         .p-\[0_16px\] {
         padding: 0 16px;
         }
         .p-\[0px_8px\] {
         padding: 0px 8px;
         }
         .p-\[12px_8px_8px\] {
         padding: 12px 8px 8px;
         }
         .p-\[34px_24px\] {
         padding: 34px 24px;
         }
         .px-1 {
         padding-inline: calc(var(--spacing) * 1);
         }
         .px-2 {
         padding-inline: calc(var(--spacing) * 2);
         }
         .px-3 {
         padding-inline: calc(var(--spacing) * 3);
         }
         .px-3\.5 {
         padding-inline: calc(var(--spacing) * 3.5);
         }
         .px-4 {
         padding-inline: calc(var(--spacing) * 4);
         }
         .py-1 {
         padding-block: calc(var(--spacing) * 1);
         }
         .py-2 {
         padding-block: calc(var(--spacing) * 2);
         }
         .py-3 {
         padding-block: calc(var(--spacing) * 3);
         }
         .py-8 {
         padding-block: calc(var(--spacing) * 8);
         }
         .pt-10 {
         padding-top: calc(var(--spacing) * 10);
         }
         .pr-3 {
         padding-right: calc(var(--spacing) * 3);
         }
         .pr-\[4px\] {
         padding-right: 4px;
         }
         .pb-\[24px\] {
         padding-bottom: 24px;
         }
         .pl-2 {
         padding-left: calc(var(--spacing) * 2);
         }
         .pl-3 {
         padding-left: calc(var(--spacing) * 3);
         }
         .pl-10 {
         padding-left: calc(var(--spacing) * 10);
         }
         .text-left {
         text-align: left;
         }
         .text-right {
         text-align: right;
         }
         .text-sm {
         font-size: var(--text-sm);
         line-height: var(--tw-leading, var(--text-sm--line-height));
         }
         .text-\[8px\] {
         font-size: 8px;
         }
         .text-\[10px\] {
         font-size: 10px;
         }
         .text-\[11\.5px\] {
         font-size: 11.5px;
         }
         .text-\[12px\] {
         font-size: 12px;
         }
         .text-\[13px\] {
         font-size: 13px;
         }
         .text-\[14px\] {
         font-size: 14px;
         }
         .text-\[15px\] {
         font-size: 15px;
         }
         .text-\[16px\] {
         font-size: 16px;
         }
         .leading-\[1\.2\] {
         --tw-leading: 1.2;
         line-height: 1.2;
         }
         .leading-\[30px\] {
         --tw-leading: 30px;
         line-height: 30px;
         }
         .leading-\[100\%\] {
         --tw-leading: 100%;
         line-height: 100%;
         }
         .font-\[12px\] {
         --tw-font-weight: 12px;
         font-weight: 12px;
         }
         .font-\[500\] {
         --tw-font-weight: 500;
         font-weight: 500;
         }
         .font-\[600\] {
         --tw-font-weight: 600;
         font-weight: 600;
         }
         .font-\[700\] {
         --tw-font-weight: 700;
         font-weight: 700;
         }
         .font-bold {
         --tw-font-weight: var(--font-weight-bold);
         font-weight: var(--font-weight-bold);
         }
         .font-semibold {
         --tw-font-weight: var(--font-weight-semibold);
         font-weight: var(--font-weight-semibold);
         }
         .overflow-ellipsis {
         text-overflow: ellipsis;
         }
         .text-ellipsis {
         text-overflow: ellipsis;
         }
         .whitespace-nowrap {
         white-space: nowrap;
         }
         .text-\[rgb\(21\,18\,51\)\] {
         color: rgb(21,18,51);
         }
         .text-black {
         color: var(--color-black);
         }
         .text-lemon {
         color: #ee2a96;
         }
         .text-skinTextMuted {
         color: rgba(255, 255, 255, 0.5);
         }
         .text-success {
         color: #2aee88;
         }
         .text-white {
         color: var(--color-white);
         }
         .text-white\/50 {
         color: color-mix(in srgb, #fff 50%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
         color: color-mix(in oklab, var(--color-white) 50%, transparent);
         }
         }
         .opacity-0 {
         opacity: 0%;
         }
         .shadow-sm {
         --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
         }
         .transition-all {
         transition-property: all;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration));
         }
         .transition-colors {
         transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration));
         }
         .transition-transform {
         transition-property: transform, translate, scale, rotate;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration));
         }
         .duration-100 {
         --tw-duration: 100ms;
         transition-duration: 100ms;
         }
         .duration-200 {
         --tw-duration: 200ms;
         transition-duration: 200ms;
         }
         .duration-300 {
         --tw-duration: 300ms;
         transition-duration: 300ms;
         }
         .ease-in {
         --tw-ease: var(--ease-in);
         transition-timing-function: var(--ease-in);
         }
         .ease-in-out {
         --tw-ease: var(--ease-in-out);
         transition-timing-function: var(--ease-in-out);
         }
         .outline-none {
         --tw-outline-style: none;
         outline-style: none;
         }
         .select-none {
         -webkit-user-select: none;
         user-select: none;
         }
         .group-hover\:opacity-100 {
         &:is(:where(.group):hover *) {
         @media (hover: hover) {
         opacity: 100%;
         }
         }
         }
         .hover\:scale-\[0\.9\] {
         &:hover {
         @media (hover: hover) {
         scale: 0.9;
         }
         }
         }
         .hover\:scale-\[1\.01\] {
         &:hover {
         @media (hover: hover) {
         scale: 1.01;
         }
         }
         }
         .hover\:scale-\[98\%\] {
         &:hover {
         @media (hover: hover) {
         scale: 98%;
         }
         }
         }
         .hover\:bg-\[\#1e1b38\] {
         &:hover {
         @media (hover: hover) {
         background-color: #1e1b38;
         }
         }
         }
         .hover\:bg-\[\#242829\] {
         &:hover {
         @media (hover: hover) {
         background-color: #242829;
         }
         }
         }
         .hover\:text-lemon {
         &:hover {
         @media (hover: hover) {
         color: #ee2a96;
         }
         }
         }
         .focus\:border-lemon {
         &:focus {
         border-color: #ee2a96;
         }
         }
         .focus\:ring-2 {
         &:focus {
         --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
         }
         }
         .focus\:ring-lemon {
         &:focus {
         --tw-ring-color: #ee2a96;
         }
         }
         .focus\:outline-none {
         &:focus {
         --tw-outline-style: none;
         outline-style: none;
         }
         }
         .xs\:h-\[240px\] {
         @media (width >= 460px) {
         height: 240px;
         }
         }
         .xs\:w-\[150px\] {
         @media (width >= 460px) {
         width: 150px;
         }
         }
         .xs\:w-\[198px\] {
         @media (width >= 460px) {
         width: 198px;
         }
         }
         .xs\:text-\[13px\] {
         @media (width >= 460px) {
         font-size: 13px;
         }
         }
         .xs\:text-\[14px\] {
         @media (width >= 460px) {
         font-size: 14px;
         }
         }
         .xs\:text-\[15px\] {
         @media (width >= 460px) {
         font-size: 15px;
         }
         }
         .sm\:block {
         @media (width >= 660px) {
         display: block;
         }
         }
         .sm\:w-\[190px\] {
         @media (width >= 660px) {
         width: 190px;
         }
         }
         .sm\:min-w-\[440px\] {
         @media (width >= 660px) {
         min-width: 440px;
         }
         }
         .sm\:flex-row {
         @media (width >= 660px) {
         flex-direction: row;
         }
         }
         .sm\:p-4 {
         @media (width >= 660px) {
         padding: calc(var(--spacing) * 4);
         }
         }
         .sm\:p-\[0px_24px\] {
         @media (width >= 660px) {
         padding: 0px 24px;
         }
         }
         .sm\:p-\[12px_24px\] {
         @media (width >= 660px) {
         padding: 12px 24px;
         }
         }
         .sm\:px-6 {
         @media (width >= 660px) {
         padding-inline: calc(var(--spacing) * 6);
         }
         }
         .md\:h-\[48px\] {
         @media (width >= 750px) {
         height: 48px;
         }
         }
         .md\:p-\[0_24px\] {
         @media (width >= 750px) {
         padding: 0 24px;
         }
         }
         .md\:text-\[14px\] {
         @media (width >= 750px) {
         font-size: 14px;
         }
         }
         .md\:text-\[16px\] {
         @media (width >= 750px) {
         font-size: 16px;
         }
         }
         .md\:text-\[17px\] {
         @media (width >= 750px) {
         font-size: 17px;
         }
         }
         .lg\:h-\[calc\(100vh-130px\)\] {
         @media (width >= 1010px) {
         height: calc(100vh - 130px);
         }
         }
         .lg\:w-\[300px\] {
         @media (width >= 1010px) {
         width: 300px;
         }
         }
         .lg\:w-\[calc\(100\%-300px\)\] {
         @media (width >= 1010px) {
         width: calc(100% - 300px);
         }
         }
         .lg\:flex-row {
         @media (width >= 1010px) {
         flex-direction: row;
         }
         }
         .lg\:px-8 {
         @media (width >= 1010px) {
         padding-inline: calc(var(--spacing) * 8);
         }
         }
         }
         .underline-link {
         display: inline-flex;
         -moz-box-align: center;
         align-items: center;
         text-decoration: underline;
         color: rgba(255, 255, 255, 0.5);
         cursor: pointer;
         column-gap: 4px;
         font-size: 14px;
         font-family: 'neue_plak', sans-serif;
         font-weight: 500;
         font-style: normal;
         color: linear-gradient(95deg, #17191a 50%, transparent 100%, #242829 20%);
         }
         body {
         font-family: 'Noto Sans', sans-serif;
         }
         .hide-scroll {
         -ms-overflow-style: none;
         scrollbar-width: none;
         }
         .hide-scroll::-webkit-scrollbar {
         display: none;
         }
         @property --tw-translate-x {
         syntax: "*";
         inherits: false;
         initial-value: 0;
         }
         @property --tw-translate-y {
         syntax: "*";
         inherits: false;
         initial-value: 0;
         }
         @property --tw-translate-z {
         syntax: "*";
         inherits: false;
         initial-value: 0;
         }
         @property --tw-scroll-snap-strictness {
         syntax: "*";
         inherits: false;
         initial-value: proximity;
         }
         @property --tw-space-y-reverse {
         syntax: "*";
         inherits: false;
         initial-value: 0;
         }
         @property --tw-border-style {
         syntax: "*";
         inherits: false;
         initial-value: solid;
         }
         @property --tw-gradient-position {
         syntax: "*";
         inherits: false;
         }
         @property --tw-gradient-from {
         syntax: "
         <color>
         ";
         inherits: false;
         initial-value: #0000;
         }
         @property --tw-gradient-via {
         syntax: "
         <color>
         ";
         inherits: false;
         initial-value: #0000;
         }
         @property --tw-gradient-to {
         syntax: "
         <color>
         ";
         inherits: false;
         initial-value: #0000;
         }
         @property --tw-gradient-stops {
         syntax: "*";
         inherits: false;
         }
         @property --tw-gradient-via-stops {
         syntax: "*";
         inherits: false;
         }
         @property --tw-gradient-from-position {
         syntax: "
         <length-percentage>
         ";
         inherits: false;
         initial-value: 0%;
         }
         @property --tw-gradient-via-position {
         syntax: "
         <length-percentage>
         ";
         inherits: false;
         initial-value: 50%;
         }
         @property --tw-gradient-to-position {
         syntax: "
         <length-percentage>
         ";
         inherits: false;
         initial-value: 100%;
         }
         @property --tw-leading {
         syntax: "*";
         inherits: false;
         }
         @property --tw-font-weight {
         syntax: "*";
         inherits: false;
         }
         @property --tw-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000;
         }
         @property --tw-shadow-color {
         syntax: "*";
         inherits: false;
         }
         @property --tw-shadow-alpha {
         syntax: "
         <percentage>
         ";
         inherits: false;
         initial-value: 100%;
         }
         @property --tw-inset-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000;
         }
         @property --tw-inset-shadow-color {
         syntax: "*";
         inherits: false;
         }
         @property --tw-inset-shadow-alpha {
         syntax: "
         <percentage>
         ";
         inherits: false;
         initial-value: 100%;
         }
         @property --tw-ring-color {
         syntax: "*";
         inherits: false;
         }
         @property --tw-ring-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000;
         }
         @property --tw-inset-ring-color {
         syntax: "*";
         inherits: false;
         }
         @property --tw-inset-ring-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000;
         }
         @property --tw-ring-inset {
         syntax: "*";
         inherits: false;
         }
         @property --tw-ring-offset-width {
         syntax: "
         <length>
         ";
         inherits: false;
         initial-value: 0px;
         }
         @property --tw-ring-offset-color {
         syntax: "*";
         inherits: false;
         initial-value: #fff;
         }
         @property --tw-ring-offset-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000;
         }
         @property --tw-duration {
         syntax: "*";
         inherits: false;
         }
         @property --tw-ease {
         syntax: "*";
         inherits: false;
         }
         @layer properties {
         @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
         *, ::before, ::after, ::backdrop {
         --tw-translate-x: 0;
         --tw-translate-y: 0;
         --tw-translate-z: 0;
         --tw-scroll-snap-strictness: proximity;
         --tw-space-y-reverse: 0;
         --tw-border-style: solid;
         --tw-gradient-position: initial;
         --tw-gradient-from: #0000;
         --tw-gradient-via: #0000;
         --tw-gradient-to: #0000;
         --tw-gradient-stops: initial;
         --tw-gradient-via-stops: initial;
         --tw-gradient-from-position: 0%;
         --tw-gradient-via-position: 50%;
         --tw-gradient-to-position: 100%;
         --tw-leading: initial;
         --tw-font-weight: initial;
         --tw-shadow: 0 0 #0000;
         --tw-shadow-color: initial;
         --tw-shadow-alpha: 100%;
         --tw-inset-shadow: 0 0 #0000;
         --tw-inset-shadow-color: initial;
         --tw-inset-shadow-alpha: 100%;
         --tw-ring-color: initial;
         --tw-ring-shadow: 0 0 #0000;
         --tw-inset-ring-color: initial;
         --tw-inset-ring-shadow: 0 0 #0000;
         --tw-ring-inset: initial;
         --tw-ring-offset-width: 0px;
         --tw-ring-offset-color: #fff;
         --tw-ring-offset-shadow: 0 0 #0000;
         --tw-duration: initial;
         --tw-ease: initial;
         }
         }
         }
          .vue-inspector-container[data-v-31d1379f] {
         cursor: pointer;
         position: fixed;
         text-align: center;
         z-index: 2147483647;
         font-family: Arial, Helvetica, sans-serif;
         }
         .vue-inspector-card[data-v-31d1379f] {
         font-family: Arial, Helvetica, sans-serif;
         padding: 5px 8px;
         border-radius: 4px;
         text-align: left;
         color:#e9e9e9;
         font-size: 14px;
         background-color:#42b883;
         box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
         }
         .vue-inspector-card .tip[data-v-31d1379f] {
         font-size: 11px;
         opacity: 0.7;
         }
         .vue-inspector-banner[data-v-31d1379f] {
         display: none;
         position: absolute;
         margin: 0;
         width: 260px;
         text-decoration: none;
         }
         .vue-inspector-container:hover .vue-inspector-banner[data-v-31d1379f] {
         display: block;
         }
         .vue-inspector-container--disabled:hover .vue-inspector-banner[data-v-31d1379f] {
         display: none;
         }
         .vue-inspector-floats[data-v-31d1379f] {
         z-index: 2147483647;
         position: fixed;
         transform: translateX(-50%);
         pointer-events: none;
         }
         .vue-inspector-size-indicator[data-v-31d1379f] {
         z-index: 2147483646;
         position: fixed;
         background-color:#42b88325;
         border: 1px solid #42b88350;
         border-radius: 5px;
         pointer-events: none;
         }
         .vue-inspector-animated[data-v-31d1379f] {
         transition: all 0.1s ease-in;
         }
         @media (prefers-reduced-motion) {
         .vue-inspector-animated[data-v-31d1379f] {
         transition: none !important;
         }
         }