@font-face {
	font-family: __DM_Sans_c48b40;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../media/56d4c7a1c09c3371-s.woff2) format("woff2");
	unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-family: __DM_Sans_c48b40;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../media/7e6a2e30184bb114-s.p.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-family: __DM_Sans_c48b40;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../media/56d4c7a1c09c3371-s.woff2) format("woff2");
	unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-family: __DM_Sans_c48b40;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../media/7e6a2e30184bb114-s.p.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-family: __DM_Sans_c48b40;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../media/56d4c7a1c09c3371-s.woff2) format("woff2");
	unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-family: __DM_Sans_c48b40;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../media/7e6a2e30184bb114-s.p.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-family: __DM_Sans_Fallback_c48b40;
	src: local("Arial");
	ascent-override: 94.90%;
	descent-override: 29.66%;
	line-gap-override: 0.00%;
	size-adjust: 104.53%
}

.__className_c48b40 {
	font-family: __DM_Sans_c48b40, __DM_Sans_Fallback_c48b40;
	font-style: normal
}
html {
    line-height: 1.5;
    text-size-adjust: 100%;
    font-family: system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    touch-action: manipulation;
}

:where(*) {
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
    overflow-wrap: break-word;
}

body {
    font-family: var(--fonts-body);
    color: var(--colors-white);
    background: var(--colors-black);
    transition-property: background-color;
    transition-duration: var(--transition-duration-normal);
    line-height: var(--lineHeights-base);
    font-size: var(--fontSizes-md);
    overflow-x: hidden;
    letter-spacing: -0.5px;
}
body {
    position: relative;
    min-height: 100%;
    margin: 0px;
    font-feature-settings: "kern";
}
*, ::before, ::after {
    border-color: var(--colors-chakra-border-color);
}

.chakra-ui-dark :host:not([data-theme]), .chakra-ui-dark :root:not([data-theme]), .chakra-ui-dark [data-theme]:not([data-theme]), [data-theme="dark"] :host:not([data-theme]), [data-theme="dark"] :root:not([data-theme]), [data-theme="dark"] [data-theme]:not([data-theme]), :host[data-theme="dark"], :root[data-theme="dark"], [data-theme][data-theme="dark"] {
    --colors-chakra-body-text: var(--colors-whiteAlpha-900);
    --colors-chakra-body-bg: var(--colors-gray-800);
    --colors-chakra-border-color: var(--colors-whiteAlpha-300);
    --colors-chakra-inverse-text: var(--colors-gray-800);
    --colors-chakra-subtle-bg: var(--colors-gray-700);
    --colors-chakra-subtle-text: var(--colors-gray-400);
    --colors-chakra-placeholder-color: var(--colors-whiteAlpha-400);
}
.css-1fkm9vo {
    float: right;
    min-height: 100vh;
    height: 100%;
    position: relative;
    width: 100%;
    background: var(--colors-black);
    transition: top 0.2s linear, bottom 0.2s linear, width 0.35s;
}
.css-vxacve {
    margin-inline: auto;
    min-height: 100vh;
}
.css-1o00b0e {
    display: flex;
    position: relative;
    height: 100vh;
}
@media screen and (min-width: 1280px) {
    .css-10l967x {
        padding-inline-start: 50px;
    }
}
@media screen and (min-width: 992px) {
    .css-10l967x {
        flex-direction: row;
        height: 100vh;
        padding-inline-start: 40px;
    }
}
@media screen and (min-width: 768px) {
    .css-10l967x {
        height: unset;
    }
}
@media screen and (min-width: 480px) {
    .css-10l967x {
        height: initial;
    }
}
.css-10l967x {
    display: flex;
    flex-direction: column;
    width: 100%;
    -webkit-box-pack: start;
    justify-content: start;
}
@media screen and (min-width: 992px) {
    .css-1fc01nm {
/*        width: calc(-50px + 50vw);*/
    }
}
.css-1fc01nm {
    display: flex;
    flex-direction: column;
    height: 100%;
}
@media screen and (min-width: 768px) {
    .css-1q3zgtn {
        -webkit-box-pack: center;
        justify-content: center;
        max-width: max-content;
        margin-bottom: 60px;
        padding-inline: 0px;
        margin-top: 14vh;
    }
}
.css-1q3zgtn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: 58px;
    max-width: 100%;
    width: 100%;
    margin-inline: auto;
    height: 100%;
    margin-bottom: 10px;
    padding-inline: 55px;
    margin-top: 50px;
}
@media screen and (min-width: 768px) {
    .css-1w14fha {
        width: 200px;
        height: 100px;
        -webkit-box-align: center;
        align-items: center;
    }
}
.css-1w14fha {
    display: flex;
    width: 150px;
    height: 100px;
    -webkit-box-align: center;
    align-items: center;
}
.css-jflm5j {
    overflow: hidden;
    position: relative;
    object-fit: cover;
    z-index: 2;
}
.css-6cnn7x {
    object-fit: fill;
}
img {
    border-style: none;
}
:where(img, video) {
    max-width: 100%;
    height: auto;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block;
}
@media screen and (min-width: 992px) {
    .css-knzzgi {
        margin-top: 20px;
        margin-inline: unset;
    }
}
@media screen and (min-width: 768px) {
    .css-knzzgi {
        width: 420px;
    }
}
.css-knzzgi {
    display: flex;
    flex-direction: column;
    z-index: 2;
    max-width: 100%;
    background: var(--colors-transparent);
    border-radius: 15px;
}
.css-1ds45qk {
    text-align: center;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .css-1tjx8mc {
        line-height: 1.2;
    }
}
.css-1tjx8mc {
    font-family: var(--fonts-heading);
    font-weight: var(--fontWeights-bold);
    line-height: 1.33;
    font-size: 36px;
    margin-bottom: 10px;
}
:where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) {
    margin: 0px;
}
.css-13dv47i {
    margin-bottom: 36px;
    margin-inline-start: 4px;
    font-weight: 400;
    font-size: var(--fontSizes-md);
}
.css-1fsil5n {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 16px;
    box-shadow: rgba(112, 144, 176, 0.08) 45px 76px 113px 7px;
    transition: 0.25s;
    box-sizing: border-box;
    min-width: var(--sizes-10);
    padding-inline-start: var(--space-4);
    padding-inline-end: var(--space-4);
    background: var(--colors-brand-500);
    color: var(--colors-black);
    font-size: var(--fontSizes-sm);
    font-weight: 500;
    height: 50px;
    margin-bottom: 24px;
    width: 100%;
}
.css-1fsil5n:hover, .css-1fsil5n[data-hover] {
    filter: brightness(80%);
}
button {
    background: transparent;
    padding: 0px;
}
@media screen and (min-width: 768px) {
    .css-133ptlg {
        padding-inline: 0px;
    }
}
.css-133ptlg {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    margin-top: auto;
    padding-bottom: 40px;
    padding-inline: 20px;
    z-index: 3;
}
@media screen and (min-width: 768px) {
    .css-trpzp2 {
        flex-direction: row;
    }
}
.css-trpzp2 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: var(--fontSizes-sm);
    margin-right: 0px;
}
@media screen and (min-width: 1280px) {
    .css-9xea23 {
        text-align: start;
    }
}
@media screen and (min-width: 768px) {
    .css-9xea23 {
        margin-right: 12px;
    }
}
.css-9xea23 {
    font-weight: 500;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 15px;
}
.css-hcgl9s {
    display: flex;
}
.css-5hicrt {
    margin-right: 12px;
}
.css-s5jey4 {
    transition-property: var(--transition-property-common);
    transition-duration: var(--transition-duration-fast);
    transition-timing-function: var(--transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: inherit;
    box-shadow: var(--shadows-none);
}
a {
    background-color: transparent;
    color: inherit;
    text-decoration: inherit;
}
.css-s7q13k {
    overflow: hidden;
    position: relative;
    height: 20px;
    width: 94px;
}
.css-6cnn7x {
    object-fit: fill;
}
.css-sky5df {
    list-style-type: none;
    display: flex;
    font-size: var(--fontSizes-sm);
}
@media screen and (min-width: 992px) {
    .css-18g2y6f {
        margin-right: 12px;
    }
}
.css-18g2y6f {
    margin-right: 41px;
}
.css-kuktj5 {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: baseline;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: var(--lineHeights-normal);
    border-radius: 16px;
    box-shadow: rgba(112, 144, 176, 0.08) 45px 76px 113px 7px;
    transition: 0.25s;
    box-sizing: border-box;
    height: auto;
    min-width: var(--sizes-10);
    padding-inline-start: var(--space-4);
    padding-inline-end: var(--space-4);
    padding: 0px;
    text-decoration: underline;
    font-size: var(--fontSizes-sm);
    font-weight: 400;
    color: var(--colors-white);
}
@media screen and (min-width: 992px) {
    .css-1uqt45k {
        width: 50vw;
    }
}
.css-1uqt45k {
    height: 100%;
    position: absolute;
    right: 0px;
    overflow: hidden;
}
@media screen and (min-width: 1280px) {
    .css-do109r {
        border-bottom-left-radius: 200px;
    }
}
@media screen and (min-width: 992px) {
    .css-do109r {
        background-position: 50% center;
        border-bottom-left-radius: 120px;
    }
}
.css-do109r {
    display: flex;
    -webkit-box-align: end;
    align-items: end;
    -webkit-box-pack: center;
    justify-content: center;
    background: url("https://images.moonpass.io/devve/login-side.png") 25% center / cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.css-dlx94g {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    z-index: var(--zIndices-modal);
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}
.css-1mnvao8 {
    display: flex;
    width: 100vw;
    height: var(--chakra-vh);
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: var(--zIndices-modal);
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: auto;
    overscroll-behavior-y: none;
}
.chakra-ui-dark .css-1egjuec:not([data-theme]), [data-theme="dark"] .css-1egjuec:not([data-theme]), .css-1egjuec[data-theme="dark"] {
    --modal-bg: var(--colors-gray-700);
    --modal-shadow: var(--shadows-dark-lg);
}
@media screen and (min-width: 768px) {
    .css-1egjuec {
        width: 659px;
    }
}
.css-1egjuec {
    display: flex;
    flex-direction: column;
    width: 360px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    border-radius: var(--radii-md);
    color: inherit;
    margin-top: auto;
    margin-bottom: auto;
    margin-inline: auto;
    --modal-bg: var(--colors-white);
    --modal-shadow: var(--shadows-lg);
    box-shadow: var(--modal-shadow);
    position: absolute;
    z-index: var(--zIndices-popover);
    border: var(--borders-none);
    backdrop-filter: blur(25px);
    background: rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 768px) {
    .css-ht27gi {
        width: 60px;
        height: 60px;
        font-size: 25px;
    }
}
.css-ht27gi {
    outline: transparent solid 2px;
    outline-offset: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: var(--radii-md);
    transition-property: var(--transition-property-common);
    transition-duration: var(--transition-duration-normal);
    background: var(--close-button-bg);
    --close-button-size: var(--sizes-8);
    position: absolute;
    top: var(--space-2);
    right: var(--space-3);
    width: 60px;
    height: 60px;
    font-size: 25px;
    color: var(--colors-white);
}
.css-onkibi {
    width: 1em;
    height: 1em;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    vertical-align: middle;
}
@media screen and (min-width: 768px) {
    .css-128nffy {
        padding-inline: 64px;
        padding-top: 65px;
        padding-bottom: 145px;
    }
}
.css-128nffy {
    padding-top: 44px;
    padding-bottom: 55px;
    flex: 1 1 0%;
    padding-inline: 16px;
}
.css-q3wy64 {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}
@media screen and (min-width: 768px) {
    .css-1b80r91 {
        margin-bottom: 65px;
    }
}
.css-1b80r91 {
    margin-bottom: 40px;
    font-size: 36px;
    font-weight: 700;
    color: var(--colors-white);
}
@media screen and (min-width: 768px) {
    .css-1i151v9 {
        gap: 20px;
    }
}
.css-1i151v9 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media screen and (min-width: 768px) {
    .css-123y4ov {
        width: 450px;
        height: 90px;
        padding: 12px;
        gap: 12px;
    }
}
.css-123y4ov {
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: inherit;
    font-weight: var(--fontWeights-semibold);
    box-shadow: rgba(112, 144, 176, 0.08) 45px 76px 113px 7px;
    transition: 0.25s;
    box-sizing: border-box;
    min-width: var(--sizes-10);
    font-size: var(--fontSizes-md);
    padding-inline-start: var(--space-4);
    padding-inline-end: var(--space-4);
    background: none rgb(204, 98, 40);
    margin: 0px;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 280px;
    height: 60px;
    padding: 7px;
    gap: 7px;
    border-radius: var(--radii-full);
    text-transform: none;
    color: rgb(255, 255, 255);
}
.css-1wh2kri {
    display: inline-flex;
    align-self: center;
    flex-shrink: 0;
    margin-inline-end: 0.5rem;
}
@media screen and (min-width: 768px) {
    .css-1j1p7w8 {
        width: 64px;
        height: 64px;
    }
}
.css-1j1p7w8 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: var(--colors-white);
    border-radius: 50%;
    width: 42px;
    height: 42px;
}
@media screen and (min-width: 768px) {
    .css-7tvukn {
        width: 35px;
        height: 35px;
    }
}
.css-7tvukn {
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    vertical-align: middle;
}
@media screen and (min-width: 768px) {
    .css-dog9an {
        font-size: 20px;
    }
}
.css-dog9an {
    font-size: 14px;
    font-weight: 400;
}
@media screen and (min-width: 768px) {
    .css-1mfaue9 {
        width: 450px;
        height: 90px;
        padding: 12px;
        gap: 12px;
    }
}
.css-1mfaue9 {
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: inherit;
    font-weight: var(--fontWeights-semibold);
    box-shadow: rgba(112, 144, 176, 0.08) 45px 76px 113px 7px;
    transition: 0.25s;
    box-sizing: border-box;
    min-width: var(--sizes-10);
    font-size: var(--fontSizes-md);
    padding-inline-start: var(--space-4);
    padding-inline-end: var(--space-4);
    background: none rgb(59, 153, 252);
    margin: 0px;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 280px;
    height: 60px;
    padding: 7px;
    gap: 7px;
    border-radius: var(--radii-full);
    text-transform: none;
    color: rgb(255, 255, 255);
}
@media screen and (min-width: 768px) {
    .css-1qh0oqd {
        width: 450px;
        height: 90px;
        padding: 12px;
        gap: 12px;
    }
}
.css-1qh0oqd {
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: inherit;
    font-weight: var(--fontWeights-semibold);
    box-shadow: rgba(112, 144, 176, 0.08) 45px 76px 113px 7px;
    transition: 0.25s;
    box-sizing: border-box;
    min-width: var(--sizes-10);
    font-size: var(--fontSizes-md);
    padding-inline-start: var(--space-4);
    padding-inline-end: var(--space-4);
    background: none rgb(37, 93, 239);
    margin: 0px;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 280px;
    height: 60px;
    padding: 7px;
    gap: 7px;
    border-radius: var(--radii-full);
    text-transform: none;
    color: rgb(255, 255, 255);
}
:host, :root, [data-theme] {
    --chakra-ring-inset: var(--chakra-empty,/*!*/ /*!*/);
    --chakra-ring-offset-width: 0px;
    --chakra-ring-offset-color: #fff;
    --chakra-ring-color: rgba(66, 153, 225, 0.6);
    --chakra-ring-offset-shadow: 0 0 #0000;
    --chakra-ring-shadow: 0 0 #0000;
    --chakra-space-x-reverse: 0;
    --chakra-space-y-reverse: 0;
    --colors-transparent: transparent;
    --colors-current: currentColor;
    --colors-black: #000000;
    --colors-white: #FFFFFF;
    --colors-whiteAlpha-50: rgba(255, 255, 255, 0.04);
    --colors-whiteAlpha-100: rgba(255, 255, 255, 0.06);
    --colors-whiteAlpha-200: rgba(255, 255, 255, 0.08);
    --colors-whiteAlpha-300: rgba(255, 255, 255, 0.16);
    --colors-whiteAlpha-400: rgba(255, 255, 255, 0.24);
    --colors-whiteAlpha-500: rgba(255, 255, 255, 0.36);
    --colors-whiteAlpha-600: rgba(255, 255, 255, 0.48);
    --colors-whiteAlpha-700: rgba(255, 255, 255, 0.64);
    --colors-whiteAlpha-800: rgba(255, 255, 255, 0.80);
    --colors-whiteAlpha-900: rgba(255, 255, 255, 0.92);
    --colors-blackAlpha-50: rgba(0, 0, 0, 0.04);
    --colors-blackAlpha-100: rgba(0, 0, 0, 0.06);
    --colors-blackAlpha-200: rgba(0, 0, 0, 0.08);
    --colors-blackAlpha-300: rgba(0, 0, 0, 0.16);
    --colors-blackAlpha-400: rgba(0, 0, 0, 0.24);
    --colors-blackAlpha-500: rgba(0, 0, 0, 0.36);
    --colors-blackAlpha-600: rgba(0, 0, 0, 0.48);
    --colors-blackAlpha-700: rgba(0, 0, 0, 0.64);
    --colors-blackAlpha-800: rgba(0, 0, 0, 0.80);
    --colors-blackAlpha-900: rgba(0, 0, 0, 0.92);
    --colors-gray-50: #F7FAFC;
    --colors-gray-100: #FAFCFE;
    --colors-gray-200: #E2E8F0;
    --colors-gray-300: #CBD5E0;
    --colors-gray-400: #A0AEC0;
    --colors-gray-500: #718096;
    --colors-gray-600: #4A5568;
    --colors-gray-700: #2D3748;
    --colors-gray-800: #1A202C;
    --colors-gray-900: #171923;
    --colors-red-50: #FFF5F5;
    --colors-red-100: #FEEFEE;
    --colors-red-200: #FEB2B2;
    --colors-red-300: #FC8181;
    --colors-red-400: #F56565;
    --colors-red-500: #EE5D50;
    --colors-red-600: #E31A1A;
    --colors-red-700: #9B2C2C;
    --colors-red-800: #822727;
    --colors-red-900: #63171B;
    --colors-orange-50: #FFFAF0;
    --colors-orange-100: #FEEBC8;
    --colors-orange-200: #FBD38D;
    --colors-orange-300: #F6AD55;
    --colors-orange-400: #ED8936;
    --colors-orange-500: #DD6B20;
    --colors-orange-600: #C05621;
    --colors-orange-700: #9C4221;
    --colors-orange-800: #7B341E;
    --colors-orange-900: #652B19;
    --colors-yellow-50: #FFFFF0;
    --colors-yellow-100: #FFF6DA33;
    --colors-yellow-200: #FAF089;
    --colors-yellow-300: #F6E05E;
    --colors-yellow-400: #ECC94B;
    --colors-yellow-500: #D69E2E;
    --colors-yellow-600: #B7791F;
    --colors-yellow-700: #975A16;
    --colors-yellow-800: #744210;
    --colors-yellow-900: #5F370E;
    --colors-green-50: #F0FFF4;
    --colors-green-100: #05CD991A;
    --colors-green-200: #9AE6B4;
    --colors-green-300: #68D391;
    --colors-green-400: #48BB78;
    --colors-green-500: #01B574;
    --colors-green-600: #2F855A;
    --colors-green-700: #276749;
    --colors-green-800: #22543D;
    --colors-green-900: #1C4532;
    --colors-teal-50: #E6FFFA;
    --colors-teal-100: #B2F5EA;
    --colors-teal-200: #81E6D9;
    --colors-teal-300: #4FD1C5;
    --colors-teal-400: #38B2AC;
    --colors-teal-500: #319795;
    --colors-teal-600: #2C7A7B;
    --colors-teal-700: #285E61;
    --colors-teal-800: #234E52;
    --colors-teal-900: #1D4044;
    --colors-blue-50: #EFF4FB;
    --colors-blue-100: #bee3f8;
    --colors-blue-200: #90cdf4;
    --colors-blue-300: #63b3ed;
    --colors-blue-400: #1E78FF;
    --colors-blue-500: #1665DB;
    --colors-blue-600: #2b6cb0;
    --colors-blue-700: #2c5282;
    --colors-blue-800: #2a4365;
    --colors-blue-900: #1A365D;
    --colors-cyan-50: #EDFDFD;
    --colors-cyan-100: #C4F1F9;
    --colors-cyan-200: #9DECF9;
    --colors-cyan-300: #76E4F7;
    --colors-cyan-400: #0BC5EA;
    --colors-cyan-500: #00B5D8;
    --colors-cyan-600: #00A3C4;
    --colors-cyan-700: #0987A0;
    --colors-cyan-800: #086F83;
    --colors-cyan-900: #065666;
    --colors-purple-50: #FAF5FF;
    --colors-purple-100: #E9D8FD;
    --colors-purple-200: #D6BCFA;
    --colors-purple-300: #B794F4;
    --colors-purple-400: #9F7AEA;
    --colors-purple-500: #805AD5;
    --colors-purple-600: #6B46C1;
    --colors-purple-700: #553C9A;
    --colors-purple-800: #44337A;
    --colors-purple-900: #322659;
    --colors-pink-50: #FFF5F7;
    --colors-pink-100: #FED7E2;
    --colors-pink-200: #FBB6CE;
    --colors-pink-300: #F687B3;
    --colors-pink-400: #ED64A6;
    --colors-pink-500: #D53F8C;
    --colors-pink-600: #B83280;
    --colors-pink-700: #97266D;
    --colors-pink-800: #702459;
    --colors-pink-900: #521B41;
    --colors-linkedin-50: #E8F4F9;
    --colors-linkedin-100: #CFEDFB;
    --colors-linkedin-200: #9BDAF3;
    --colors-linkedin-300: #68C7EC;
    --colors-linkedin-400: #34B3E4;
    --colors-linkedin-500: #00A0DC;
    --colors-linkedin-600: #008CC9;
    --colors-linkedin-700: #0077B5;
    --colors-linkedin-800: #005E93;
    --colors-linkedin-900: #004471;
    --colors-facebook-50: #E8F4F9;
    --colors-facebook-100: #D9DEE9;
    --colors-facebook-200: #B7C2DA;
    --colors-facebook-300: #6482C0;
    --colors-facebook-400: #4267B2;
    --colors-facebook-500: #385898;
    --colors-facebook-600: #314E89;
    --colors-facebook-700: #29487D;
    --colors-facebook-800: #223B67;
    --colors-facebook-900: #1E355B;
    --colors-messenger-50: #D0E6FF;
    --colors-messenger-100: #B9DAFF;
    --colors-messenger-200: #A2CDFF;
    --colors-messenger-300: #7AB8FF;
    --colors-messenger-400: #2E90FF;
    --colors-messenger-500: #0078FF;
    --colors-messenger-600: #0063D1;
    --colors-messenger-700: #0052AC;
    --colors-messenger-800: #003C7E;
    --colors-messenger-900: #002C5C;
    --colors-whatsapp-50: #dffeec;
    --colors-whatsapp-100: #b9f5d0;
    --colors-whatsapp-200: #90edb3;
    --colors-whatsapp-300: #65e495;
    --colors-whatsapp-400: #3cdd78;
    --colors-whatsapp-500: #22c35e;
    --colors-whatsapp-600: #179848;
    --colors-whatsapp-700: #0c6c33;
    --colors-whatsapp-800: #01421c;
    --colors-whatsapp-900: #001803;
    --colors-twitter-50: #E5F4FD;
    --colors-twitter-100: #C8E9FB;
    --colors-twitter-200: #A8DCFA;
    --colors-twitter-300: #83CDF7;
    --colors-twitter-400: #57BBF5;
    --colors-twitter-500: #1DA1F2;
    --colors-twitter-600: #1A94DA;
    --colors-twitter-700: #1681BF;
    --colors-twitter-800: #136B9E;
    --colors-twitter-900: #0D4D71;
    --colors-telegram-50: #E3F2F9;
    --colors-telegram-100: #C5E4F3;
    --colors-telegram-200: #A2D4EC;
    --colors-telegram-300: #7AC1E4;
    --colors-telegram-400: #47A9DA;
    --colors-telegram-500: #0088CC;
    --colors-telegram-600: #007AB8;
    --colors-telegram-700: #006BA1;
    --colors-telegram-800: #005885;
    --colors-telegram-900: #003F5E;
    --colors-brand-50: #F3F0FF;
    --colors-brand-100: #6AD2FF;
    --colors-brand-200: #B8A8FF;
    --colors-brand-300: #9982FF;
    --colors-brand-400: #57B8DE;
    --colors-brand-500: #d5ff00;
    --colors-brand-600: #0fff50;
    --colors-brand-700: #191793;
    --colors-brand-800: #190793;
    --colors-brand-900: #020502;
    --colors-btnText: #000;
    --colors-brandScheme-100: #E9E3FF;
    --colors-brandScheme-200: #7551FF;
    --colors-brandScheme-300: #7551FF;
    --colors-brandScheme-400: #7551FF;
    --colors-brandScheme-500: #422AFB;
    --colors-brandScheme-600: #3311DB;
    --colors-brandScheme-700: #02044A;
    --colors-brandScheme-800: #190793;
    --colors-brandScheme-900: #02044A;
    --colors-brandTabs-100: #E9E3FF;
    --colors-brandTabs-200: #422AFB;
    --colors-brandTabs-300: #422AFB;
    --colors-brandTabs-400: #422AFB;
    --colors-brandTabs-500: #422AFB;
    --colors-brandTabs-600: #3311DB;
    --colors-brandTabs-700: #02044A;
    --colors-brandTabs-800: #190793;
    --colors-brandTabs-900: #02044A;
    --colors-secondaryGray-100: #E0E5F2;
    --colors-secondaryGray-200: #E1E9F8;
    --colors-secondaryGray-300: #F4F7FE;
    --colors-secondaryGray-400: #E9EDF7;
    --colors-secondaryGray-500: #8F9BBA;
    --colors-secondaryGray-600: #A3AED0;
    --colors-secondaryGray-700: #707EAE;
    --colors-secondaryGray-800: #707EAE;
    --colors-secondaryGray-900: #1B2559;
    --colors-navy-50: #d0dcfb;
    --colors-navy-100: #aac0fe;
    --colors-navy-200: #a3b9f8;
    --colors-navy-300: #728fea;
    --colors-navy-400: #3652ba;
    --colors-navy-500: #1b3bbb;
    --colors-navy-600: #24388a;
    --colors-navy-700: #1B254B;
    --colors-navy-800: #111c44;
    --colors-navy-900: #0b1437;
    --borders-none: 0;
    --borders-1px: 1px solid;
    --borders-2px: 2px solid;
    --borders-4px: 4px solid;
    --borders-8px: 8px solid;
    --fonts-heading: '__DM_Sans_c48b40','__DM_Sans_Fallback_c48b40';
    --fonts-body: '__DM_Sans_c48b40','__DM_Sans_Fallback_c48b40';
    --fonts-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --fontSizes-3xs: 0.45rem;
    --fontSizes-2xs: 0.625rem;
    --fontSizes-xs: 0.75rem;
    --fontSizes-sm: 0.875rem;
    --fontSizes-md: 1rem;
    --fontSizes-lg: 1.125rem;
    --fontSizes-xl: 1.25rem;
    --fontSizes-2xl: 1.5rem;
    --fontSizes-3xl: 1.875rem;
    --fontSizes-4xl: 2.25rem;
    --fontSizes-5xl: 3rem;
    --fontSizes-6xl: 3.75rem;
    --fontSizes-7xl: 4.5rem;
    --fontSizes-8xl: 6rem;
    --fontSizes-9xl: 8rem;
    --fontWeights-hairline: 100;
    --fontWeights-thin: 200;
    --fontWeights-light: 300;
    --fontWeights-normal: 400;
    --fontWeights-medium: 500;
    --fontWeights-semibold: 600;
    --fontWeights-bold: 700;
    --fontWeights-extrabold: 800;
    --fontWeights-black: 900;
    --letterSpacings-tighter: -0.05em;
    --letterSpacings-tight: -0.025em;
    --letterSpacings-normal: 0;
    --letterSpacings-wide: 0.025em;
    --letterSpacings-wider: 0.05em;
    --letterSpacings-widest: 0.1em;
    --lineHeights-3: .75rem;
    --lineHeights-4: 1rem;
    --lineHeights-5: 1.25rem;
    --lineHeights-6: 1.5rem;
    --lineHeights-7: 1.75rem;
    --lineHeights-8: 2rem;
    --lineHeights-9: 2.25rem;
    --lineHeights-10: 2.5rem;
    --lineHeights-normal: normal;
    --lineHeights-none: 1;
    --lineHeights-shorter: 1.25;
    --lineHeights-short: 1.375;
    --lineHeights-base: 1.5;
    --lineHeights-tall: 1.625;
    --lineHeights-taller: 2;
    --radii-none: 0;
    --radii-sm: 0.125rem;
    --radii-base: 0.25rem;
    --radii-md: 0.375rem;
    --radii-lg: 0.5rem;
    --radii-xl: 0.75rem;
    --radii-2xl: 1rem;
    --radii-3xl: 1.5rem;
    --radii-full: 9999px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-7: 1.75rem;
    --space-8: 2rem;
    --space-9: 2.25rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-14: 3.5rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-28: 7rem;
    --space-32: 8rem;
    --space-36: 9rem;
    --space-40: 10rem;
    --space-44: 11rem;
    --space-48: 12rem;
    --space-52: 13rem;
    --space-56: 14rem;
    --space-60: 15rem;
    --space-64: 16rem;
    --space-72: 18rem;
    --space-80: 20rem;
    --space-96: 24rem;
    --space-px: 1px;
    --space-0-5: 0.125rem;
    --space-1-5: 0.375rem;
    --space-2-5: 0.625rem;
    --space-3-5: 0.875rem;
    --shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6);
    --shadows-inner: inset 0 2px 4px 0 rgba(0,0,0,0.06);
    --shadows-none: none;
    --shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px,rgba(0, 0, 0, 0.2) 0px 5px 10px,rgba(0, 0, 0, 0.4) 0px 15px 40px;
    --sizes-1: 0.25rem;
    --sizes-2: 0.5rem;
    --sizes-3: 0.75rem;
    --sizes-4: 1rem;
    --sizes-5: 1.25rem;
    --sizes-6: 1.5rem;
    --sizes-7: 1.75rem;
    --sizes-8: 2rem;
    --sizes-9: 2.25rem;
    --sizes-10: 2.5rem;
    --sizes-12: 3rem;
    --sizes-14: 3.5rem;
    --sizes-16: 4rem;
    --sizes-20: 5rem;
    --sizes-24: 6rem;
    --sizes-28: 7rem;
    --sizes-32: 8rem;
    --sizes-36: 9rem;
    --sizes-40: 10rem;
    --sizes-44: 11rem;
    --sizes-48: 12rem;
    --sizes-52: 13rem;
    --sizes-56: 14rem;
    --sizes-60: 15rem;
    --sizes-64: 16rem;
    --sizes-72: 18rem;
    --sizes-80: 20rem;
    --sizes-96: 24rem;
    --sizes-px: 1px;
    --sizes-0-5: 0.125rem;
    --sizes-1-5: 0.375rem;
    --sizes-2-5: 0.625rem;
    --sizes-3-5: 0.875rem;
    --sizes-max: max-content;
    --sizes-min: min-content;
    --sizes-full: 100%;
    --sizes-3xs: 14rem;
    --sizes-2xs: 16rem;
    --sizes-xs: 20rem;
    --sizes-sm: 24rem;
    --sizes-md: 28rem;
    --sizes-lg: 32rem;
    --sizes-xl: 36rem;
    --sizes-2xl: 42rem;
    --sizes-3xl: 48rem;
    --sizes-4xl: 56rem;
    --sizes-5xl: 64rem;
    --sizes-6xl: 72rem;
    --sizes-7xl: 80rem;
    --sizes-8xl: 90rem;
    --sizes-prose: 60ch;
    --sizes-container-sm: 640px;
    --sizes-container-md: 768px;
    --sizes-container-lg: 1024px;
    --sizes-container-xl: 1280px;
    --zIndices-hide: -1;
    --zIndices-auto: auto;
    --zIndices-base: 0;
    --zIndices-docked: 10;
    --zIndices-dropdown: 1000;
    --zIndices-sticky: 1100;
    --zIndices-banner: 1200;
    --zIndices-overlay: 1300;
    --zIndices-modal: 1400;
    --zIndices-popover: 1500;
    --zIndices-skipLink: 1600;
    --zIndices-toast: 1700;
    --zIndices-tooltip: 1800;
    --transition-property-common: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
    --transition-property-colors: background-color,border-color,color,fill,stroke;
    --transition-property-dimensions: width,height;
    --transition-property-position: left,right,top,bottom;
    --transition-property-background: background-color,background-image,background-position;
    --transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --transition-duration-ultra-fast: 50ms;
    --transition-duration-faster: 100ms;
    --transition-duration-fast: 150ms;
    --transition-duration-normal: 200ms;
    --transition-duration-slow: 300ms;
    --transition-duration-slower: 400ms;
    --transition-duration-ultra-slow: 500ms;
    --blur-none: 0;
    --blur-sm: 4px;
    --blur-base: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --breakpoints-base: 0em;
    --breakpoints-sm: 480px;
    --breakpoints-md: 768px;
    --breakpoints-lg: 992px;
    --breakpoints-xl: 1280px;
    --breakpoints-2xl: 1536px;
    --breakpoints-3xl: 1920px;
}