/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100% !important
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, 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
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.grecaptcha-badge {
    visibility: hidden
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes radar {
    0% {
        border: 0 solid hsla(0, 0%, 100%, .9)
    }

    to {
        border: 300px solid hsla(0, 0%, 100%, 0)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

@keyframes input-opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 0
    }
}

@font-face {
    font-family: Noto Sans;
    font-weight: 400;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSans/NotoSans-Regular.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSans/NotoSans-Regular.ttf) format("truetype");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116, u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb, u+1f??, u+0370-03ff, u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab, u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff, u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Noto Sans;
    font-weight: 500;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSans/NotoSans-Medium.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSans/NotoSans-Medium.ttf) format("truetype");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116, u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb, u+1f??, u+0370-03ff, u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab, u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff, u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Noto Sans;
    font-weight: 600;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSans/NotoSans-SemiBold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSans/NotoSans-SemiBold.ttf) format("truetype");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116, u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb, u+1f??, u+0370-03ff, u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab, u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff, u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Noto Sans;
    font-weight: 700;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSans/NotoSans-Bold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSans/NotoSans-Bold.ttf) format("truetype");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116, u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb, u+1f??, u+0370-03ff, u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab, u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff, u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Noto Sans;
    font-weight: 400;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansThai/NotoSansThai-Regular.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansThai/NotoSansThai-Regular.ttf) format("truetype");
    unicode-range: u+0e00-0e7f
}

@font-face {
    font-family: Noto Sans;
    font-weight: 600;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansThai/NotoSansThai-SemiBold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansThai/NotoSansThai-SemiBold.ttf) format("truetype");
    unicode-range: u+0e00-0e7f
}

@font-face {
    font-family: Noto Sans;
    font-weight: 700;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansThai/NotoSansThai-Bold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansThai/NotoSansThai-Bold.ttf) format("truetype");
    unicode-range: u+0e00-0e7f
}

@font-face {
    font-family: Noto Sans;
    font-weight: 400;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansKhmer/NotoSansKhmer-Regular.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansKhmer/NotoSansKhmer-Regular.ttf) format("truetype");
    unicode-range: u+1780-17ff
}

@font-face {
    font-family: Noto Sans;
    font-weight: 500;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansKhmer/NotoSansKhmer-Medium.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansKhmer/NotoSansKhmer-Medium.ttf) format("truetype");
    unicode-range: u+1780-17ff
}

@font-face {
    font-family: Noto Sans;
    font-weight: 600;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansKhmer/NotoSansKhmer-SemiBold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansKhmer/NotoSansKhmer-SemiBold.ttf) format("truetype");
    unicode-range: u+1780-17ff
}

@font-face {
    font-family: Noto Sans;
    font-weight: 700;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansKhmer/NotoSansKhmer-Bold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansKhmer/NotoSansKhmer-Bold.ttf) format("truetype");
    unicode-range: u+1780-17ff
}

@font-face {
    font-family: Noto Sans;
    font-weight: 400;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArabic/NotoSansArabic-Regular.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArabic/NotoSansArabic-Regular.ttf) format("truetype");
    unicode-range: u+06??, u+0750-077f, u+fb50-fdff, u+fe70-feff
}

@font-face {
    font-family: Noto Sans;
    font-weight: 600;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArabic/NotoSansArabic-SemiBold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArabic/NotoSansArabic-SemiBold.ttf) format("truetype");
    unicode-range: u+06??, u+0750-077f, u+fb50-fdff, u+fe70-feff
}

@font-face {
    font-family: Noto Sans;
    font-weight: 700;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArabic/NotoSansArabic-Bold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArabic/NotoSansArabic-Bold.ttf) format("truetype");
    unicode-range: u+06??, u+0750-077f, u+fb50-fdff, u+fe70-feff
}

@font-face {
    font-family: Noto Sans;
    font-weight: 400;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArmenian/NotoSansArmenian-Regular.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArmenian/NotoSansArmenian-Regular.ttf) format("truetype");
    unicode-range: u+0530-058f
}

@font-face {
    font-family: Noto Sans;
    font-weight: 500;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArmenian/NotoSansArmenian-Medium.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArmenian/NotoSansArmenian-Medium.ttf) format("truetype");
    unicode-range: u+0530-058f
}

@font-face {
    font-family: Noto Sans;
    font-weight: 600;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArmenian/NotoSansArmenian-SemiBold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArmenian/NotoSansArmenian-SemiBold.ttf) format("truetype");
    unicode-range: u+0530-058f
}

@font-face {
    font-family: Noto Sans;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArmenian/NotoSansArmenian-Bold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansArmenian/NotoSansArmenian-Bold.ttf) format("truetype");
    unicode-range: u+0530-058f
}

@font-face {
    font-family: Noto Sans;
    font-weight: 400;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansGeorgian/NotoSansGeorgian-Regular.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansGeorgian/NotoSansGeorgian-Regular.ttf) format("truetype");
    unicode-range: u+10a0-10ff
}

@font-face {
    font-family: Noto Sans;
    font-weight: 400;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansGeorgian/NotoSansGeorgian-Medium.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansGeorgian/NotoSansGeorgian-Medium.ttf) format("truetype");
    unicode-range: u+10a0-10ff
}

@font-face {
    font-family: Noto Sans;
    font-weight: 600;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansGeorgian/NotoSansGeorgian-SemiBold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansGeorgian/NotoSansGeorgian-SemiBold.ttf) format("truetype");
    unicode-range: u+10a0-10ff
}

@font-face {
    font-family: Noto Sans;
    font-weight: 700;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansGeorgian/NotoSansGeorgian-Bold.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansGeorgian/NotoSansGeorgian-Bold.ttf) format("truetype");
    unicode-range: u+10a0-10ff
}

@font-face {
    font-family: Noto Sans Math;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansMath/NotoSansMath-Regular.woff2) format("woff2"), url(https://indstatic.io/indstatic-main/fonts/noto/NotoSansMath/NotoSansMath-Regular.ttf) format("truetype");
    unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0330, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6, u+03f0-03f1, u+03f4-03f5, u+2034-2037, u+2057, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2102, u+210a-210e, u+2110-2112, u+2115, u+2119-211d, u+2124, u+2128, u+212c-212d, u+212f-2131, u+2133-2138, u+213c-2140, u+2145-2149, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b6, u+23d0, u+23dc-23e1, u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??, u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

.theme-dark {
    --background-primary: #1c2024;
    --background-secondary: #323942;
    --background-tertiary: #636e7a;
    --background-disabled: #495563;
    --background-accent: #7ebefc;
    --background-brand: #9dd90d;
    --text-and-icon-primary: #fff;
    --text-and-icon-secondary: #a2a9b7;
    --text-and-icon-oncolor: #1c2024;
    --text-and-icon-disabled: #636e7a;
    --text-and-icon-accent: #7ebefc;
    --border-primary: #495563;
    --border-disabled: #495563;
    --extensions-text-and-icon-error: #ff847e;
    --extensions-background-surface: #272c33;
    --extensions-text-and-icon-warning: #f90;
    --extensions-background-inverseprimary: #fff;
    --extensions-text-and-icon-success: #9dd90d;
    --extensions-background-overlaydark: rgba(0, 0, 0, .7);
    --extensions-background-overlaylight: rgba(0, 0, 0, .7);
    --extensions-text-and-icon-alwaysdark: #1c2024;
    --extensions-background-alwaysdark: #1c2024;
    --extensions-text-and-icon-alwayslight: #fff;
    --extensions-text-and-icon-onbrand: #323942;
    --extensions-background-alwayslight: #fff;
    --extensions-background-error: #ff847e;
    --extensions-border-accent: #7ebefc;
    --extensions-background-warning: #f90;
    --extensions-border-error: #ff847e;
    --extensions-background-success: #9dd90d;
    --extensions-border-success: #9dd90d;
    --extensions-background-lightsuccess: #10671c;
    --extensions-background-lightaccent: #0c4669;
    --extensions-background-lighterror: #722927;
    --extensions-background-lightwarning: #ffdf8d;
    --extensions-background-control: #9dd90d;
    --statement-background-primarypressed: #323942;
    --statement-background-secondarypressed: #495563;
    --statement-background-tertiarypressed: #495563;
    --statement-background-successpressed: #7cbe03;
    --statement-background-brandpressed: #7cbe03;
    --statement-background-lightsuccesspressed: #02952b;
    --statement-background-accentpressed: #5aa2f1;
    --statement-background-lightaccentpressed: #1a6198;
    --statement-background-errorpressed: #ff6158;
    --statement-background-lighterrorpressed: #a53531;
    --statement-background-warningpressed: #d87b00;
    --statement-background-lightwarningpressed: #ffce51;
    --statement-background-additional01pressed: #e55f12;
    --statement-background-additional04pressed: #ff6158;
    --statement-background-inverseprimarypressed: #e0e2e6;
    --statement-background-alwayslightpressed: #e0e2e6;
    --statement-background-controlpressed: #7cbe03;
    --statement-text-and-icon-primarypressed: #c9cdd6;
    --statement-text-and-icon-secondarypressed: #848e9c;
    --statement-text-and-icon-oncolorpressed: #323942;
    --statement-text-and-icon-successpressed: #7cbe03;
    --statement-text-and-icon-accentpressed: #5aa2f1;
    --statement-text-and-icon-errorpressed: #ff6158;
    --statement-text-and-icon-warningpressed: #d87b00;
    --statement-text-and-icon-alwaysdarkpressed: #323942;
    --statement-text-and-icon-onbrandpressed: #323942;
    --statement-border-primarypressed: #848e9c;
    --statement-border-successpressed: #7cbe03;
    --statement-border-accentpressed: #5aa2f1;
    --statement-border-errorpressed: #ff6158;
    --statement-border-focused: #befcc6;
    --additional-background-additional01: #ff6500;
    --additional-background-additional02: #323942;
    --additional-background-additional03: #323942;
    --additional-background-additional04: #ff847e;
    --additional-background-additional05: #697e8c;
    --additional-background-additional06: #708d82;
    --additional-background-additional07: #747a8d;
    --additional-background-additional08: #8b7571;
    --additional-background-progressbuttonbrand: #66a20f;
    --additional-background-progressbuttonaccent: #4087e1;
    --additional-background-splashscreen: #323942;
    --additional-shadow-primary: #272c33;
    --additional-skeleton-start: #3d4752;
    --additional-skeleton-end: #56616e;
    --information-light-brandlight: #3b7000;
    --information-light-sandlight: #76510a;
    --information-light-earthlight: #41600d;
    --information-light-waterlight: #155f4b;
    --information-light-airlight: #174d6b;
    --information-light-windlight: #383199;
    --information-light-stormlight: #682d66;
    --information-light-senselight: #6d2a3d;
    --information-light-firelight: #702f05;
    --information-light-crablight: #a53531;
    --information-light-whalelight: #1a6198;
    --information-light-chicklight: #aa5a00;
    --information-light-pandalight: #495563;
    --information-medium-brandmedium: #c1f11d;
    --information-medium-sandmedium: #ffdb5f;
    --information-medium-earthmedium: #b8ec69;
    --information-medium-watermedium: #89ebc6;
    --information-medium-airmedium: #93defe;
    --information-medium-windmedium: #d4c7ff;
    --information-medium-stormmedium: #f1b9f8;
    --information-medium-sensemedium: #fab;
    --information-medium-firemedium: #ffc0a6;
    --information-medium-crabmedium: #ff6158;
    --information-medium-whalemedium: #7ebefc;
    --information-medium-chickmedium: #ffce51;
    --information-medium-pandamedium: #bdc2ce;
    --information-dark-branddark: #cff552;
    --information-dark-sanddark: #ffe692;
    --information-dark-earthdark: #cff695;
    --information-dark-waterdark: #aef5d8;
    --information-dark-airdark: #b7f0ff;
    --information-dark-winddark: #e0d6ff;
    --information-dark-stormdark: #f9d1fe;
    --information-dark-sensedark: #ffc7d3;
    --information-dark-firedark: #ffdac8;
    --information-dark-crabdark: #ffaaa6;
    --information-dark-whaledark: #abdaff;
    --information-dark-chickdark: #ffdf8d;
    --information-dark-pandadark: #fff;
    --container-disabled: #272c33;
    --border-selected: #fff;
    --programs-background-basicprimary: #174d6b;
    --programs-background-basicsecondary: #27719b;
    --programs-background-platinumprimary: #7151ff;
    --programs-background-platinumsecondary: #5642db;
    --programs-background-platinumlight: #383199;
    --programs-background-platinumprimaryinverse: #d4c7ff;
    --line-height-xxs: 14px;
    --line-height-xs: 16px;
    --line-height-s: 19px;
    --line-height-m: 22px;
    --line-height-ml: 24px;
    --line-height-l: 27px;
    --line-height-xl: 32px;
    --line-height-xxl: 44px;
    --line-height-xxxl: 65px;
    --font-size-xxs: 10px;
    --font-size-xs: 12px;
    --font-size-s: 14px;
    --font-size-m: 16px;
    --font-size-ml: 18px;
    --font-size-l: 20px;
    --font-size-xl: 24px;
    --font-size-xxl: 32px;
    --font-size-xxxl: 48px;
    --font-weight-normal: 400;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-family-noto: "Noto Sans", sans-serif;
    --font-family-landing: Coolvetica, sans-serif;
    --spacers-none: 0px;
    --spacers-3xs: 2px;
    --spacers-2xs: 4px;
    --spacers-xs: 8px;
    --spacers-s: 12px;
    --spacers-m: 16px;
    --spacers-l: 20px;
    --spacers-xl: 24px;
    --spacers-2xl: 28px;
    --spacers-3xl: 32px;
    --spacers-4xl: 36px;
    --spacers-5xl: 40px;
    --spacers-6xl: 48px;
    --spacers-7xl: 56px;
    --spacers-8xl: 64px;
    --spacers-9xl: 96px;
    --shadow-s: 0px 2px 8px 0px rgba(39, 44, 51, .12);
    --shadow-m: 0px 5px 20px 0px rgba(39, 44, 51, .08);
    --shadow-l: 0px 2px 28px 0px rgba(39, 44, 51, .08)
}

.theme-light {
    --background-primary: #fff;
    --background-secondary: #f5f5f6;
    --background-tertiary: #d5d8df;
    --background-disabled: #fafafa;
    --background-accent: #4087e1;
    --background-brand: grey;
    --text-and-icon-primary: #323942;
    --text-and-icon-secondary: #848e9c;
    --text-and-icon-oncolor: #fff;
    --text-and-icon-disabled: #afb5c2;
    --text-and-icon-accent: #4087e1;
    --border-primary: #e0e2e6;
    --border-disabled: #ebeced;
    --extensions-text-and-icon-error: #d13d35;
    --extensions-background-surface: #fff;
    --extensions-text-and-icon-warning: #ffc13c;
    --extensions-background-inverseprimary: #323942;
    --extensions-text-and-icon-success: #02952b;
    --extensions-background-overlaydark: rgba(0, 0, 0, .5);
    --extensions-background-overlaylight: hsla(0, 0%, 100%, .7);
    --extensions-text-and-icon-alwaysdark: #323942;
    --extensions-background-alwaysdark: #1c2024;
    --extensions-text-and-icon-alwayslight: #fff;
    --extensions-text-and-icon-onbrand: #323942;
    --extensions-background-alwayslight: #fff;
    --extensions-background-error: #d13d35;
    --extensions-border-accent: #4087e1;
    --extensions-background-warning: #ffc13c;
    --extensions-border-error: #d13d35;
    --extensions-background-success: #02952b;
    --extensions-border-success: #02952b;
    --extensions-background-lightsuccess: #e7ffaf;
    --extensions-background-lightaccent: #e2f4ff;
    --extensions-background-lighterror: #ffdfde;
    --extensions-background-lightwarning: #fff1c0;
    --extensions-background-control: #323942;
    --statement-background-primarypressed: #f5f5f6;
    --statement-background-secondarypressed: #ebeced;
    --statement-background-tertiarypressed: #bdc2ce;
    --statement-background-successpressed: #0c7e23;
    --statement-background-brandpressed: #9dd90d;
    --statement-background-lightsuccesspressed: #d9fb76;
    --statement-background-accentpressed: #2c76c0;
    --statement-background-lightaccentpressed: #bde2ff;
    --statement-background-errorpressed: #a53531;
    --statement-background-lighterrorpressed: #ffbebb;
    --statement-background-warningpressed: #ffb423;
    --statement-background-lightwarningpressed: #ffdf8d;
    --statement-background-additional01pressed: #e55f12;
    --statement-background-additional04pressed: #f64337;
    --statement-background-inverseprimarypressed: #1c2024;
    --statement-background-alwayslightpressed: #f5f5f6;
    --statement-background-controlpressed: #495563;
    --statement-text-and-icon-primarypressed: #495563;
    --statement-text-and-icon-secondarypressed: #bdc2ce;
    --statement-text-and-icon-oncolorpressed: #f5f5f6;
    --statement-text-and-icon-successpressed: #0c7e23;
    --statement-text-and-icon-accentpressed: #2c76c0;
    --statement-text-and-icon-errorpressed: #a53531;
    --statement-text-and-icon-warningpressed: #d87b00;
    --statement-text-and-icon-alwaysdarkpressed: #495563;
    --statement-text-and-icon-onbrandpressed: #495563;
    --statement-border-primarypressed: #e0e2e6;
    --statement-border-successpressed: #0c7e23;
    --statement-border-accentpressed: #2c76c0;
    --statement-border-errorpressed: #a53531;
    --statement-border-focused: #70f077;
    --additional-background-additional01: #ff6500;
    --additional-background-additional02: #323942;
    --additional-background-additional03: #fff1c0;
    --additional-background-additional04: #ff847e;
    --additional-background-additional05: #d9f1ff;
    --additional-background-additional06: #e4fff2;
    --additional-background-additional07: #ebefff;
    --additional-background-additional08: #ffecda;
    --additional-background-progressbuttonbrand: #66a20f;
    --additional-background-progressbuttonaccent: #1a6198;
    --additional-background-splashscreen: #c1f11d;
    --additional-shadow-primary: #272c33;
    --additional-skeleton-start: #ebeced;
    --additional-skeleton-end: #e0e2e6;
    --information-light-brandlight: #e7ffaf;
    --information-light-sandlight: #fff2c3;
    --information-light-earthlight: #e5fdc1;
    --information-light-waterlight: #d2fcea;
    --information-light-airlight: #d9fcff;
    --information-light-windlight: #f0ebff;
    --information-light-stormlight: #fde8ff;
    --information-light-senselight: #ffe1e8;
    --information-light-firelight: #fff1e7;
    --information-light-crablight: #ffdfde;
    --information-light-whalelight: #cfeafe;
    --information-light-chicklight: #fff1c0;
    --information-light-pandalight: #ebeced;
    --information-medium-brandmedium: #c1f11d;
    --information-medium-sandmedium: #d49e06;
    --information-medium-earthmedium: #72ae16;
    --information-medium-watermedium: #33ac88;
    --information-medium-airmedium: #3890c3;
    --information-medium-windmedium: #7151ff;
    --information-medium-stormmedium: #b966be;
    --information-medium-sensemedium: #c75871;
    --information-medium-firemedium: #ce6538;
    --information-medium-crabmedium: #d13d35;
    --information-medium-whalemedium: #4087e1;
    --information-medium-chickmedium: #ffc13c;
    --information-medium-pandamedium: #848e9c;
    --information-dark-branddark: #2f5f00;
    --information-dark-sanddark: #76510a;
    --information-dark-earthdark: #41600d;
    --information-dark-waterdark: #155f4b;
    --information-dark-airdark: #174d6b;
    --information-dark-winddark: #383199;
    --information-dark-stormdark: #682d66;
    --information-dark-sensedark: #6d2a3d;
    --information-dark-firedark: #702f05;
    --information-dark-crabdark: #8b2f2c;
    --information-dark-whaledark: #0c4669;
    --information-dark-chickdark: #8f4900;
    --information-dark-pandadark: #323942;
    --container-disabled: #fff;
    --border-selected: #323942;
    --programs-background-basicprimary: #d9fcff;
    --programs-background-basicsecondary: #b7f0ff;
    --programs-background-platinumprimary: #7151ff;
    --programs-background-platinumsecondary: #5642db;
    --programs-background-platinumlight: #f0ebff;
    --programs-background-platinumprimaryinverse: #7151ff;
    --line-height-xxs: 14px;
    --line-height-xs: 16px;
    --line-height-s: 19px;
    --line-height-m: 22px;
    --line-height-ml: 24px;
    --line-height-l: 27px;
    --line-height-xl: 32px;
    --line-height-xxl: 44px;
    --line-height-xxxl: 65px;
    --font-size-xxs: 10px;
    --font-size-xs: 12px;
    --font-size-s: 14px;
    --font-size-m: 16px;
    --font-size-ml: 18px;
    --font-size-l: 20px;
    --font-size-xl: 24px;
    --font-size-xxl: 32px;
    --font-size-xxxl: 48px;
    --font-weight-normal: 400;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-family-noto: "Noto Sans", sans-serif;
    --font-family-landing: Coolvetica, sans-serif;
    --spacers-none: 0px;
    --spacers-3xs: 2px;
    --spacers-2xs: 4px;
    --spacers-xs: 8px;
    --spacers-s: 12px;
    --spacers-m: 16px;
    --spacers-l: 20px;
    --spacers-xl: 24px;
    --spacers-2xl: 28px;
    --spacers-3xl: 32px;
    --spacers-4xl: 36px;
    --spacers-5xl: 40px;
    --spacers-6xl: 48px;
    --spacers-7xl: 56px;
    --spacers-8xl: 64px;
    --spacers-9xl: 96px;
    --shadow-s: 0px 2px 8px 0px rgba(39, 44, 51, .12);
    --shadow-m: 0px 5px 20px 0px rgba(39, 44, 51, .08);
    --shadow-l: 0px 2px 28px 0px rgba(39, 44, 51, .08)
}

.s8vr08k {
    position: fixed;
    z-index: 1002;
    top: 68px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    padding: 0
}

@media (max-width:960px) {
    .s8vr08k {
        top: unset;
        bottom: 16px
    }
}

@media (max-width:600px) {
    .s8vr08k {
        inset-inline-end: auto;
        padding: 0 16px
    }
}

.s198bfw3 {
    position: relative;
    display: flex;
    align-items: center;
    width: 600px;
    max-width: 600px;
    box-sizing: border-box;
    padding: 16px 12px;
    margin-top: 8px;
    background: var(--s198bfw3-0);
    border-radius: 12px;
    color: var(--s198bfw3-1);
    font-size: 16px;
    line-height: 22px
}

.s198bfw3>svg {
    flex: 0 0 auto;
    -webkit-margin-end: 12px;
    margin-inline-end: 12px
}

@media (max-width:600px) {
    .s198bfw3 {
        width: 100%
    }
}

.s1h356vf {
    font-family: var(--s1h356vf-0);
    font-size: var(--s1h356vf-1);
    line-height: var(--s1h356vf-2);
    font-weight: var(--s1h356vf-3);
    margin: var(--s1h356vf-4);
    color: var(--s1h356vf-5)
}

.m1z0c27b {
    position: fixed;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, .5);
    justify-content: center;
    align-items: center
}

.m1qd3a9k,
.m1z0c27b {
    width: 100%;
    display: flex
}

.m1qd3a9k {
    position: relative;
    z-index: 1;
    padding: 64px;
    border-radius: 32px;
    background-color: var(--background-primary);
    height: auto;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

@media (max-width:710px) {
    .m1qd3a9k {
        max-height: none !important;
        border-radius: 0;
        padding: 16px !important;
        position: absolute;
        top: 0;
        bottom: 0
    }
}

.m11nv1o0 {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    inset-inline-end: 24px;
    top: 24px
}

.m11nv1o0,
.m4d24x4 {
    display: flex;
    justify-content: flex-end
}

@media (max-width:710px) {
    .m4d24x4 {
        background-color: var(--background-primary);
        position: fixed;
        bottom: 0;
        inset-inline-start: 0;
        width: 100%;
        padding: 16px;
        box-shadow: 0 4px 20px rgba(50, 57, 66, .14)
    }
}

.mh6lom6 {
    display: flex
}

.lf6do54 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: var(--lf6do54-0);
    gap: var(--lf6do54-1);
    transition: var(--lf6do54-2);
    transition-timing-function: ease-in-out;
    line-height: var(--lf6do54-3)
}

.lf6do54,
.loaxzdy {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.loaxzdy {
    margin-top: -2px
}

.b1en642a {
    box-sizing: border-box;
    outline: none;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--b1en642a-0);
    height: var(--b1en642a-1);
    border-radius: var(--b1en642a-2);
    background: #222;
    color: #fff;
    border: 2px solid grey;
    cursor: var(--b1en642a-6);
    pointer-events: var(--b1en642a-7);
    font-family: var(--b1en642a-8);
    font-size: var(--b1en642a-9);
    line-height: var(--b1en642a-10);
    font-weight: 500;
    position: relative;
    min-width: var(--b1en642a-11);
    width: var(--b1en642a-12);
    max-width: 100%;
    -webkit-tap-highlight-color: transparent
}

@media (hover:hover) {
    .b1en642a:hover {
        background: #F3F3F3;
        border: 2px solid black;
        color: var(--b1en642a-16)
    }
}

.b1en642a:active {
    background: var(--b1en642a-14);
    border: 2px solid var(--b1en642a-15);
    color: var(--b1en642a-16)
}

.b1en642a:active .lf6do54 {
    margin-top: 2px
}

.b1en642a:before {
    box-sizing: border-box;
    content: "";
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    display: var(--b1en642a-21);
    position: absolute;
    top: -5px;
    left: -5px;
    border-radius: var(--b1en642a-22);
    border: 3px solid var(--b1en642a-23)
}

.p1jxbf2q {
    width: var(--p1jxbf2q-0);
    height: var(--p1jxbf2q-0);
    flex: none
}

.lharb8i,
.p1jxbf2q {
    display: flex;
    justify-content: center;
    align-items: center
}

.lharb8i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    gap: var(--lharb8i-0)
}

.nbs4ndg {
    position: absolute;
    display: inline-flex;
    top: var(--nbs4ndg-0);
    right: var(--nbs4ndg-1);
    left: var(--nbs4ndg-2)
}

.b5ag10o {
    animation: spin-b5ag10o 2s linear infinite;
    color: var(--b5ag10o-0);
    transform: matrix(0, 1, 1, 0, 0, 0);
    transform-origin: 50% 50%
}

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

    to {
        transform: rotate(1turn)
    }
}

.mjg9ygb {
    width: 100%;
    position: absolute;
    inset: 0
}

.p1202ztt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 2px
}

@media (max-width:710px) {
    .p1202ztt {
        display: none
    }
}

.bmqxltc {
    width: 100%
}

@media (min-width:710px) {
    .bmqxltc {
        display: flex;
        column-gap: 16px;
        justify-content: space-between;
        align-items: center;
        padding: 20px 16px 20px 24px;
        background: var(--background-primary)
    }
}

.mr3cris {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: absolute;
    inset-inline-end: 11px;
    top: calc(50% - 100px)
}

@media (max-width:710px) {
    .mr3cris {
        display: none
    }
}

.b12kt89l {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    bottom: 0;
    inset-inline: 0
}

.b12kt89l button {
    position: relative
}

@media (max-width:710px) {
    .b12kt89l {
        inset-inline-start: 16px;
        inset-inline-end: 16px;
        bottom: 16px
    }

    .b12kt89l .bmqxltc button {
        width: 100%
    }
}

.bjca4pa {
    position: absolute;
    top: 8px;
    inset-inline-start: 8px
}

@media (min-width:710px) {
    .bjca4pa {
        inset-inline-start: auto;
        inset-inline-end: 11px;
        top: 16px
    }
}

.lwvih9u {
    bottom: 24px
}

@media (min-width:710px) {
    .lwvih9u {
        bottom: 16px;
        inset-inline-end: 11px
    }
}

.ma0er0b .m1qd3a9k {
    padding: 0 !important
}

@media (min-width:710px) {
    .ma0er0b .m1qd3a9k {
        border-radius: 16px;
        position: absolute;
        inset: 15% auto;
        max-width: 800px
    }
}

.t1ekqefo {
    font-size: var(--t1ekqefo-0);
    line-height: var(--t1ekqefo-1);
    font-weight: var(--t1ekqefo-2);
    color: var(--t1ekqefo-3)
}

.t1ekqefo,
.tvouehr {
    font-family: Noto Sans, sans-serif
}

.tvouehr {
    font-size: var(--tvouehr-0);
    line-height: var(--tvouehr-1);
    font-weight: var(--tvouehr-2);
    color: var(--tvouehr-3)
}

.le6tdcy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: var(--le6tdcy-0);
    gap: 8px;
    transition: 1ms;
    transition-timing-function: ease-in-out
}

.le6tdcy,
.lptwgdc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lptwgdc {
    margin-top: -2px;
    font-weight: 500
}

.b6thxkl {
    box-sizing: border-box;
    outline: none;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--b6thxkl-0);
    height: var(--b6thxkl-1);
    border-radius: 100px;
    background: var(--b6thxkl-2);
    color: var(--b6thxkl-3);
    border: 1px solid transparent;
    cursor: pointer;
    pointer-events: var(--b6thxkl-4);
    font-family: var(--b6thxkl-5);
    font-size: var(--b6thxkl-6);
    position: relative;
    margin: 0 5px;
    min-width: var(--b6thxkl-7);
    width: auto;
    box-shadow: var(--b6thxkl-8);
    font-weight: 500;
    -webkit-tap-highlight-color: transparent
}

@media (hover:hover) {
    .b6thxkl:hover {
        background: var(--b6thxkl-10);
        color: var(--b6thxkl-11)
    }
}

.b6thxkl:active {
    background: var(--b6thxkl-10);
    color: var(--b6thxkl-11)
}

.b6thxkl:active .le6tdcy {
    margin-top: 2px
}

.b6thxkl:before {
    box-sizing: border-box;
    content: "";
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    display: var(--b6thxkl-15);
    position: absolute;
    top: -6px;
    left: -6px;
    border-radius: 100px;
    border: 3px solid var(--b6thxkl-16)
}

.p1wpmmff {
    width: var(--p1wpmmff-0);
    height: var(--p1wpmmff-0);
    color: var(--p1wpmmff-2);
    flex: none
}

.l1izuu1c,
.p1wpmmff {
    display: flex;
    justify-content: center;
    align-items: center
}

.l1izuu1c {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.n1yks9yq {
    position: absolute;
    display: inline-flex;
    top: var(--n1yks9yq-0);
    right: var(--n1yks9yq-1);
    left: var(--n1yks9yq-2)
}

.b8b8mvd {
    width: 100%;
    height: 100%
}

.a8cd450 {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    position: absolute;
    color: var(--a8cd450-0);
    transform: var(--a8cd450-1);
    z-index: 1
}

.a8cd450 svg {
    flex: none;
    transform: var(--a8cd450-2)
}

.b1tx8xpg {
    z-index: var(--b1tx8xpg-0);
    position: relative
}

.tb4a3et {
    background: var(--tb4a3et-0);
    border-radius: 20px;
    width: var(--tb4a3et-1);
    padding: 16px;
    box-shadow: var(--shadow-m);
    box-sizing: border-box
}

.h1arfgui {
    display: flex;
    align-items: center
}

.t1qgybnj {
    color: var(--t1qgybnj-0);
    font-weight: 700;
    margin-bottom: 4px
}

.s1ppz3ym,
.t1qgybnj {
    font-family: Noto Sans, Helvetica, Helvetica New, Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 19px
}

.s1ppz3ym {
    color: var(--s1ppz3ym-0);
    font-weight: 400
}

.cy2is5x {
    background: transparent;
    border: none;
    padding: 0;
    color: var(--cy2is5x-0);
    margin: 0 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.bvtujdi {
    width: var(--bvtujdi-0);
    height: var(--bvtujdi-1);
    background: var(--background-secondary);
    border-radius: var(--bvtujdi-3);
    cursor: progress
}

@media (prefers-reduced-motion:no-preference) {
    .bvtujdi {
        animation: skeleton-bvtujdi 2.2s linear infinite
    }
}

@keyframes skeleton-bvtujdi {
    0% {
        background: var(--additional-skeleton-start)
    }

    50% {
        background: var(--additional-skeleton-end)
    }

    to {
        background: var(--additional-skeleton-start)
    }
}

.s1exay2i>div:not(:first-child) {
    margin-top: var(--s1exay2i-0)
}

html body,
html html {
    font-family: var(--font-family-noto);
    width: 100%
}

@supports (-webkit-touch-callout:none) {

    html body:focus-within .snack-container,
    html html:focus-within .snack-container {
        position: absolute;
        bottom: 270px;
        -webkit-overflow-scrolling: touch !important;
        overflow: auto !important;
        height: 100% !important
    }
}

@supports (-webkit-touch-callout:none) {

    html body:focus-within,
    html html:focus-within {
        -webkit-overflow-scrolling: touch !important;
        overflow: auto !important;
        height: 100% !important
    }
}

html body button,
html html button {
    line-height: 1.45
}

html * {
    box-sizing: border-box
}

html a {
    color: var(--text-and-icon-secondary)
}

html input:-webkit-autofill,
html input:-webkit-autofill:active,
html input:-webkit-autofill:focus,
html input:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 1000px transparent !important
}

html .grecaptcha-badge {
    visibility: hidden
}

.r1tp05er {
    display: flex;
    -webkit-text-decoration: none;
    text-decoration: none;
    flex-direction: column;
    justify-content: space-between;
    color: var(--text-and-icon-primary);
    position: relative;
    padding: 24px;
    background: var(--background-primary);
    border-radius: 16px;
    transition: .3s;
    height: 100%;
    width: 100%;
    box-shadow: 0 2px 8px 0 rgba(39, 44, 51, .12)
}

.r1tp05er:hover {
    cursor: pointer;
    box-shadow: 0 5px 20px 0 rgba(39, 44, 51, .08)
}

@media (max-width:768px) {
    .r1tp05er {
        padding: 16px
    }
}

.r139rypd {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    -webkit-letter-spacing: -.2px;
    -moz-letter-spacing: -.2px;
    -ms-letter-spacing: -.2px;
    letter-spacing: -.2px
}

.r139rypd,
.r139rypd span {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.r139rypd span {
    text-transform: capitalize
}

.r139rypd svg {
    min-width: 24px;
    min-height: 24px;
    height: 28px;
    margin: 0 4px
}

.r139rypd p {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:768px) {

    .r139rypd,
    .r139rypd span {
        font-size: 16px;
        line-height: 22px
    }
}

.rjzpjab {
    margin: 8px 0 0;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 28px;
    color: var(--text-and-icon-secondary)
}

@media (max-width:768px) {
    .rjzpjab {
        font-size: 16px !important;
        line-height: 22px !important
    }
}

.bplllpa {
    display: flex;
    flex-direction: column;
    font-family: var(--bplllpa-0)
}

.lrbgizq {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    color: var(--lrbgizq-2);
    font-weight: 500
}

.l1w6xd7a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ll76pbs {
    display: flex;
    margin-left: 2px;
    color: var(--extensions-text-and-icon-error)
}

.ha74w8d {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
    margin-top: var(--ha74w8d-2);
    color: var(--ha74w8d-3);
    font-weight: 500
}

.h1ebtqw7 {
    display: flex;
    justify-content: space-between
}

.bn7cu42 {
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--bn7cu42-0);
    width: 100%;
    border-radius: 8px;
    padding: 14px 16px;
    transition: border-color .15s, background-color .15s;
    cursor: var(--bn7cu42-1);
    background: var(--bn7cu42-2);
    border: 2px solid var(--bn7cu42-3)
}

@media (hover:hover) {
    .bn7cu42 {
        -webkit-tap-highlight-color: transparent
    }

    .bn7cu42:hover {
        background: var(--bn7cu42-5);
        border: 2px solid var(--bn7cu42-6)
    }
}

.pgi2hjf {
    width: 24px;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    color: var(--pgi2hjf-0)
}

.p13ih4tu,
.pgi2hjf {
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .1s
}

.p13ih4tu {
    width: var(--p13ih4tu-0);
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
    color: var(--p13ih4tu-1)
}

.itgr0ej {
    outline: none;
    background: inherit;
    border: none;
    width: 100%;
    font-size: 16px;
    font-family: Noto Sans, Helvetica, Helvetica New, Arial, sans-serif;
    line-height: 20px;
    font-weight: 500;
    padding: 0;
    margin-top: var(--itgr0ej-0);
    color: var(--itgr0ej-1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.itgr0ej::placeholder {
    color: var(--itgr0ej-2)
}

.fw4xcs5 {
    position: absolute;
    left: var(--fw4xcs5-0);
    right: var(--fw4xcs5-1);
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-flex;
    line-height: var(--line-height-m);
    align-items: center;
    padding: var(--fw4xcs5-3);
    pointer-events: none;
    box-sizing: border-box
}

.f12bgeeg {
    display: inline-block;
    transition: transform .3s, font-size .3s;
    font-size: var(--f12bgeeg-0);
    transform: var(--f12bgeeg-1);
    transform-origin: var(--f12bgeeg-2);
    color: var(--text-and-icon-secondary);
    box-sizing: border-box
}

.f12bgeeg,
.i1vgtz70 {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.i1vgtz70 {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: var(--i1vgtz70-0);
    line-height: var(--i1vgtz70-1);
    font-family: var(--i1vgtz70-2);
    color: var(--i1vgtz70-3);
    background-color: transparent;
    text-align: start;
}

.date-time-input::placeholder {
    color: var(--placeholder-color);
    /* Replace with your desired color */
    font-size: 14px;
    /* Adjust font size as needed */
    font-family: 'Noto Sans', sans-serif;
    /* Optional font-family */
    font-style: italic;
    /* Example of adding a style */
}

.date-time-input {
    color: var(--text-color);
    font-size: 12px !important;
    
    /* Default color for the text */
}

.date-time-input:focus {
    color: var(--primary-color);
    /* Color when input is focused */
    font-weight: bold;
    font-size: 12px !important;
    /* Example: make the selected text bold */
}


.b1ykgfqm,
.i1vgtz70 {
    width: 100%;
    outline: none
}

.b1ykgfqm {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 12px 16px;
    color: var(--b1ykgfqm-0);
    background-color: var(--b1ykgfqm-1);
    border-radius: 8px;
    border: 2px solid var(--b1ykgfqm-2)
}

.b1ykgfqm:active {
    background-color: var(--b1ykgfqm-3);
    border: 2px solid var(--b1ykgfqm-4)
}

.cinol3m {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p1g7jftr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: var(--p1g7jftr-0);
    margin-left: var(--p1g7jftr-1);
    box-sizing: border-box
}

.p1g7jftr,
.p1g7jftr svg {
    width: 24px;
    height: 24px
}

.conicdh.p1g7jftr {
    color: var(--conicdh-0);
    margin-right: var(--conicdh-1);
    margin-left: var(--conicdh-2)
}

.p4jc4so {
    padding: 120px 0 48px
}

@media (max-width:1024px) {
    .p4jc4so {
        padding: 80px 0 40px
    }
}

.plrffkt {
    grid-gap: 24px 16px;
    gap: 24px 16px;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 80px
}

@media (max-width:1024px) {
    .plrffkt {
        margin-top: 40px;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }
}

@media (max-width:780px) {
    .plrffkt {
        grid-template-columns: repeat(1, 1fr)
    }
}

.s1ifyyn2 {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px
}

.s1ifyyn2 div {
    cursor: pointer;
    color: var(--text-and-icon-accent);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width:640px) {
    .s1ifyyn2 {
        margin-top: 24px;
        justify-content: center
    }
}

.ryqbzcx {
    position: relative;
    padding: 40px 72px 40px 40px;
    background: var(--background-primary);
    border-radius: 48px;
    transition: .3s;
    height: 100%
}

.ryqbzcx:hover {
    cursor: pointer;
    box-shadow: 0 2px 8px 0 rgba(39, 44, 51, .12)
}

@media (max-width:780px) {
    .ryqbzcx {
        padding: 24px 56px 24px 24px;
        border-radius: 32px
    }
}

.r1cnfqb5 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--text-and-icon-primary);
    -webkit-letter-spacing: -.2px;
    -moz-letter-spacing: -.2px;
    -ms-letter-spacing: -.2px;
    letter-spacing: -.2px
}

@media (max-width:1024px) {
    .r1cnfqb5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 27px
    }
}

.r1mej081 {
    margin: 20px 0 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--text-and-icon-primary)
}

@media (max-width:1024px) {
    .r1mej081 {
        margin: 8px 0 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

.rw0zf4z {
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:780px) {
    .rw0zf4z {
        right: 20px
    }
}

.p1w5s0uq {
    padding: 120px 0 48px
}

@media (max-width:1024px) {
    .p1w5s0uq {
        padding: 80px 0 40px
    }
}

.p1ahjbui {
    grid-gap: 24px 16px;
    gap: 24px 16px;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 80px
}

@media (max-width:1024px) {
    .p1ahjbui {
        margin-top: 40px;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }
}

@media (max-width:780px) {
    .p1ahjbui {
        grid-template-columns: repeat(1, 1fr)
    }
}

.sv8ujlh {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px
}

.sv8ujlh div {
    cursor: pointer;
    color: var(--text-and-icon-accent);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width:640px) {
    .sv8ujlh {
        margin-top: 24px;
        justify-content: center
    }
}

.t9njda {
    margin-bottom: 56px;
    max-width: 920px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--extensions-text-and-icon-alwayslight)
}

@media (max-width:520px) {
    .t9njda {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 20px
    }


}

.c11s0dut {
    /* margin-top: 64px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--text-and-icon-oncolor)
}

@media (max-width:1440px) {
    .c11s0dut {
        max-width: none;
        padding: 0 32px
    }
}



@media (max-width:640px) {
    .c11s0dut {
        padding: 0 16px
    }
}

.c11s0dut h1 {
    margin-top: 80px;
    font-size: 88px;
    line-height: 88px;
    max-width: 1150px;
    font-weight: 600;
    margin-bottom: 32px;
    color: var(--extensions-text-and-icon-alwayslight)
}

.c11s0dut h1 span {
    color: #f5f5f6;
    /* text-shadow: 1px 1px 1px White; */
}

@media (max-width:780px) {
    .c11s0dut h1 {
        margin-bottom: 20px;
        font-size: 48px;
        line-height: 60px
    }
}

@media (max-width:520px) {
    .c11s0dut h1 {
        margin-bottom: 30px;
        font-size: 38px;
        line-height: 41x

    }
}

.c11s0dut div {
    display: none;
    margin-bottom: 56px;
    max-width: 920px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--extensions-text-and-icon-alwayslight)
}

@media (max-width:520px) {
    .c11s0dut div {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 20px
    }
}

.omvope0 {
    background: url("../AsanCars_files/main_bg.webp");

    padding-bottom: 96px;
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    background-size: cover;
    position: relative;
    z-index: 1
}

@media (max-width:520px) {
    .omvope0 {
        
        padding-bottom: 0;
        background: linear-gradient(0deg, var(--background-secondary) 50%, transparent 50%), url("../AsanCars_files/main_bg.webp");
        background-size: cover;
        -webkit-backdrop-filter: initial;
        backdrop-filter: none
    }
}

.o10rjvm3 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.o10rjvm3>span {
    height: 100% !important
}

.o10rjvm3 img {
    object-fit: cover
}

.h18yawhw {
    pointer-events: none;
    bottom: 38px;
    padding: 16px 0;
    padding-inline: 16px 24px;
    text-align: start;
    transition: opacity .3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    filter: drop-shadow(0 4px 20px rgba(50, 57, 66, .14));
    box-shadow: 0 4px 20px rgba(50, 57, 66, .14);
    border-radius: 16px;
    background: var(--extensions-background-surface);
    width: 328px
}

.h18yawhw,
.h18yawhw:after {
    position: absolute;
    z-index: 1
}

.h18yawhw:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    -webkit-border-start: 9px solid transparent;
    border-inline-start: 9px solid transparent;
    border-top: 10px solid var(--extensions-background-surface);
    -webkit-border-end: 9px solid transparent;
    border-inline-end: 9px solid transparent;
    inset-inline-start: 48%;
    bottom: -10px
}

.h18yawhw div {
    width: 100%;
    text-wrap: initial
}

.h18yawhw div:first-child {
    margin-bottom: 16px
}

@media (max-width:520px) {
    .h18yawhw {
        bottom: auto;
        top: 38px;
        width: 100%;
        inset-inline-start: 0;
        inset-inline-end: 0
    }

    .h18yawhw:after {
        inset-inline-start: 35%;
        bottom: auto;
        top: -10px;
        transform: rotate(180deg)
    }
}

.h1t4kad7 {
    position: relative;
    display: inline-flex;
    flex-direction: column-reverse
}

.h1t4kad7,
.h1t4kad7 .hint-icon {
    justify-content: center;
    align-items: center
}

.h1t4kad7 .hint-icon {
    z-index: 1;
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
    display: flex
}

@media (max-width:640px) {
    .h1t4kad7 .hint-icon svg {
        height: 20px;
        width: 20px
    }
}

@media (max-width:520px) {
    .h1t4kad7 {
        position: static
    }
}

.f16qqh9m {
    padding: 0 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

@media (max-width:640px) {
    .f16qqh9m {
        padding: 0 16px
    }
}

@media (max-width:520px) {
    .f16qqh9m {
        padding: 0
    }
}

.o1xx41c8 {
    transition: all .3s;
    height: 56px;
    width: 100%
}

@media (max-width:520px) {
    .o1xx41c8 {
        max-width: none;
        width: 100%
    }
}

.o1xx41c8 div {
    align-self: center;
    margin-left: 0
}

.o1xx41c8 div:first-child {
    align-self: flex-end;
    height: 22px
}

.o1xx41c8 input {
    padding: 0
}

.tqevn24 div:first-child {
    height: 56px;
    width: 100%;
    padding: 8px 0;
    padding-inline: 14px;
    display: flex;
    align-items: var(--tqevn24-0)
}

.tqevn24 div:first-child .o1xx41c8 {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.ptwzx10 {
    display: flex;
    flex-wrap: wrap;
    height: 64px;
    overflow: hidden;
    gap: 24px;
    width: 100%;
    align-items: center;
    max-width: 1544px;
    margin-top: 24px
}

@media (max-width:520px) {
    .ptwzx10 {
        height: auto;
        padding: 0 16px
    }
}

.suojfhl {
    display: none;
    justify-content: flex-end;
    margin-top: 32px
}

.suojfhl div {
    cursor: pointer;
    color: var(--text-and-icon-accent);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width:640px) {
    .suojfhl {
        display: flex;
        margin-top: 24px;
        justify-content: center
    }
}

.ol1koxb {
    position: relative;
    max-width: var(--ol1koxb-0);
    width: 100%;
    min-width: 108px
}

@media (max-width:1280px) {
    .ol1koxb {
        max-width: none
    }
}

@media (max-width:640px) {
    .ol1koxb {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

@media (max-width:520px) {
    .ol1koxb {
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        max-width: none;
        width: 100%
    }
}

.ol1koxb .o1xx41c8 {
    display: flex
}

.ol1koxb .placeholder {
    position: absolute;
    pointer-events: none;
    top: 8px;
    z-index: 1;
    inset-inline-start: 16px;
    color: var(--text-and-icon-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.f1if40dg {
    margin-top: 18px;
    text-align: start;
    -webkit-column-gap: 16px;
    grid-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(216px, 1fr)) 176px 112px 192px minmax(172px, 192px)
}

.f1if40dg>button {
    border-radius: 8px
}

@media (max-width:1366px) {
    .f1if40dg {
        row-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }

    .f1if40dg>div:first-child {
        grid-column-start: 1;
        grid-column-end: 3
    }

    .f1if40dg>div:nth-child(2) {
        grid-column-start: 3;
        grid-column-end: 5
    }

    .f1if40dg {
        grid-template-columns: 1fr 120px 1fr 120px
    }

    .f1if40dg>div:nth-child(5) {
        grid-column-start: 3;
        grid-column-end: 5
    }

    .f1if40dg>button {
        grid-column-start: 1;
        grid-column-end: 5
    }
}

@media (max-width:700px) {
    .f1if40dg {
        grid-template-columns: 3fr 2fr;
        grid-template-rows: repeat(5, 1fr)
    }

    .f1if40dg>div:first-child,
    .f1if40dg>div:nth-child(2),
    .f1if40dg>div:nth-child(5) {
        grid-column-start: 1;
        grid-column-end: 3
    }

    .f1if40dg>div:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 2
    }

    .f1if40dg>button {
        grid-column-start: 1;
        grid-column-end: 3
    }
}

.s1j7tbwe {
    display: flex;
    justify-content: space-between;
    margin-top: var(--s1j7tbwe-0);
    text-align: start;
    column-gap: 16px
}

.s1j7tbwe>div {
    width: 16.6%
}

@media (max-width:1280px) {
    .s1j7tbwe {
        flex-wrap: wrap
    }

    .s1j7tbwe>div {
        width: 32% !important;
        max-width: none !important;
        margin-bottom: 16px
    }

    .s1j7tbwe>button {
        width: 32%;
        max-width: none
    }
}

@media (max-width:960px) {
    .s1j7tbwe>div {
        width: 48% !important;
        max-width: none
    }

    .s1j7tbwe>button {
        width: 48%;
        max-width: none
    }
}

@media (max-width:640px) {
    .s1j7tbwe {
        flex-wrap: wrap
    }

    .s1j7tbwe>div {
        width: 100% !important;
        max-width: none !important;
        margin-bottom: 16px
    }

    .s1j7tbwe>button {
        width: 100%;
        max-width: none
    }
}

.i1isydsd {
    max-width: 295px;
    width: 20%
}

@media (max-width:640px) {
    .i1isydsd {
        max-width: none;
        width: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        margin-bottom: 20px
    }
}

.c121tp27 {
    padding: 8px 20px
}

.c121tp27 span {
    display: flex;
    align-items: center;
    overflow: initial;
    margin-left: 0
}

.c1fr9dn3 {
    overflow: initial;
    flex-wrap: wrap
}

.c1fr9dn3 .c121tp27 {
    margin-right: 0;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.r17ste15 {
    display: flex;
    column-gap: 24px;
    color: var(--text-and-icon-primary);
    width: 100%
}

@media (max-width:640px) {
    .r17ste15 {
        flex-wrap: wrap
    }
}

.ckh63hv {
    position: relative
}

.r17xyfaq,
.r17xyfaq label {
    display: flex;
    align-items: center
}

.r17xyfaq label {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: var(--text-and-icon-primary)
}

.r17xyfaq label input+div {
    margin-right: 0;
    -webkit-margin-end: 12px;
    margin-inline-end: 12px
}

@media (max-width:640px) {
    .r17xyfaq {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse
    }

    .r17xyfaq label {
        font-weight: 500;
        font-size: 16px;
        line-height: 40px
    }

    .r17xyfaq label input+div {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

@media (max-width:520px) {
    .s1n2rxgh {
        width: 100%
    }
}

.hlkfre1 {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-and-icon-secondary)
}

.m13mawuw {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 20px
}

.m13mawuw div,
.m13mawuw input {
    direction: var(--m13mawuw-0)
}

.m13mawuw>div:first-child {
    height: 56px
}

.m13mawuw>div:not(:first-child) {
    inset-inline-start: 0
}

.m13mawuw>div>div:first-child {
    display: none
}

@media (max-width:640px) {
    .m13mawuw {
        margin-bottom: 0
    }
}

.i1hevmqy {
    display: flex;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    width: 192px;
    max-width: 192px;
    position: absolute;
    top: 56px;
    inset-inline-start: 0;
    padding: 20px;
    background: var(--extensions-background-surface);
    box-shadow: 0 4px 20px rgba(50, 57, 66, .14);
    border-radius: 16px
}

.i1hevmqy>div {
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--text-and-icon-primary)
}

.i1hevmqy button {
    max-width: 40px
}

@media (max-width:520px) {
    .i1hevmqy {
        width: 100%;
        position: relative;
        top: auto;
        padding: 0;
        max-width: none;
        box-shadow: none
    }

    .i1hevmqy button {
        max-width: 56px;
        width: 56px;
        height: 56px
    }

    .i1hevmqy>div {
        font-weight: 700;
        font-size: 32px;
        line-height: 44px
    }
}

.c1uysmya {
    padding: 0;
    width: 40px;
    max-width: 40px;
    min-width: 40px
}

.m1fyrnag {
    display: var(--m1fyrnag-0);
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.oz1g0y7 {
    pointer-events: none;
    color: var(--text-and-icon-primary);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    top: 27px;
    left: 17px;
    position: absolute
}

.oz1g0y7>span {
    visibility: hidden
}

.f1iqx6as {
    display: flex;
    padding: 130px 0;
    justify-content: center;
    align-items: center
}

@media (max-width:640px) {
    .f1iqx6as {
        padding: 250px 0
    }
}

@media (max-width:520px) {
    .p19si7jo {
        width: 30% !important
    }
}

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

.dvyc6bg .o1xx41c8>div {
    display: none
}

@media (max-width:520px) {
    .dvyc6bg {
        width: 60% !important
    }
}

.c1afhmc9 {
    display: flex;
    align-items: center;
    column-gap: 24px
}

.c10zskg1 {
    border: 1px solid var(--border-primary);
    align-self: stretch;
    margin: 4px 0
}

.ddftwnz {
    display: flex;
    gap: 16px;
    grid-template-columns: 1fr minmax(140px, 180px)
}

.ddftwnz,
.ddftwnz>:first-child {
    width: 100%
}

.ddftwnz>:nth-child(2) {
    min-width: 140px;
    max-width: 180px;
    flex-basis: 100%
}

@media screen and (max-width:360px) {
    .ddftwnz>:nth-child(2) {
        min-width: 90px;
        max-width: 180px
    }
}

.c144qq6l input {
    padding-right: 0 !important
}

.by0mbp6 {
    position: var(--by0mbp6-0);
    top: 0;
    bottom: 0;
    width: 100%;
    display: var(--by0mbp6-1);
    z-index: var(--by0mbp6-2);
    background: var(--by0mbp6-3)
}

.bbosj7q,
.by0mbp6 * {
    box-sizing: border-box
}

.bbosj7q {
    position: var(--bbosj7q-0);
    bottom: 0;
    width: 100%;
    max-height: 96%;
    background: var(--bbosj7q-1);
    color: var(--bbosj7q-2);
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    z-index: var(--bbosj7q-3);
    font-family: var(--bbosj7q-4);
    transition: var(--bbosj7q-5);
    transform: var(--bbosj7q-6);
    padding-top: var(--bbosj7q-7);
    height: var(--bbosj7q-8);
    display: flex;
    flex-direction: column
}

@keyframes move-bbosj7q {
    to {
        transform: var(--bbosj7q-6)
    }
}

.rwjneiu {
    border: none;
    background: none;
    outline: none;
    -webkit-tap-highlight-color: transparent
}

.gfanq3j.rwjneiu {
    height: var(--gfanq3j-0);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 1
}

.gfanq3j.rwjneiu:before {
    content: "";
    display: block;
    width: 32px;
    height: 4px;
    background: var(--gfanq3j-1);
    border-radius: 100px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    flex: none
}

.psy8oti.rwjneiu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    position: absolute;
    cursor: pointer;
    height: 56px;
    width: 56px;
    top: 0
}

.psy8oti.rwjneiu>svg {
    color: var(--psy8oti-1);
    width: 24px;
    height: 24px;
    flex: none
}

.pbe1jkq.rwjneiu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 12px 16px 12px 0;
    flex: none;
    position: absolute;
    cursor: pointer;
    height: 56px;
    width: 56px;
    top: 0
}

.pbe1jkq.rwjneiu>svg {
    color: var(--pbe1jkq-1);
    width: 24px;
    height: 24px;
    flex: none
}

.bi54g6f {
    position: relative;
    min-height: var(--bi54g6f-0);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex-direction: column;
    flex: none
}

.bi54g6f>.psy8oti {
    left: var(--bi54g6f-2);
    right: var(--bi54g6f-3)
}

.bi54g6f>.pbe1jkq {
    left: var(--bi54g6f-3);
    right: var(--bi54g6f-2)
}

.t1naxa2p {
    min-height: var(--t1naxa2p-0);
    display: inline-flex;
    align-items: flex-start;
    width: 100%;
    padding: 12px 56px 0;
    box-sizing: border-box;
    text-align: center
}

.r16rtgxq,
.t1naxa2p {
    justify-content: center
}

.r16rtgxq {
    background: var(--r16rtgxq-0);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    color: var(--r16rtgxq-1)
}

.r16rtgxq>svg {
    flex: none
}

.bshfgbs {
    width: 100%;
    overflow-y: auto;
    box-shadow: var(--bshfgbs-0);
    transition: box-shadow .2s;
    flex: 1 1
}

.bxlx10u {
    background: var(--bxlx10u-0);
    gap: 8px;
    padding: 16px
}

.bxlx10u,
.bzahu6t {
    display: flex;
    flex-direction: column
}

.bzahu6t {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    align-items: center;
    box-sizing: border-box;
    z-index: 100
}

.bzahu6t.entering {
    animation: fadeIn-bzahu6t 90ms ease-in forwards
}

.bzahu6t.exiting {
    animation: fadeOut-bzahu6t 90ms ease-in forwards
}

@keyframes fadeIn-bzahu6t {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut-bzahu6t {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.o16tlthj {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    align-items: center;
    background-color: var(--o16tlthj-0);
    opacity: .5
}

.m19r0uwy,
.o16tlthj {
    position: absolute;
    display: flex;
    flex-direction: column
}

.m19r0uwy {
    font-size: var(--font-family-noto);
    overflow: hidden;
    max-width: var(--m19r0uwy-1);
    max-height: 442px;
    width: var(--m19r0uwy-2);
    background: var(--m19r0uwy-3);
    border-radius: var(--m19r0uwy-4);
    box-shadow: var(--m19r0uwy-5);
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 50px))
}

.m11f2a4r {
    font-family: var(--font-family-noto);
    font-size: var(--font-size-m);
    line-height: var(--line-height-m);
    overflow: auto;
    padding: 0 32px
}

.m11f2a4r,
.mk9rog9 {
    position: relative;
    display: flex;
    color: var(--text-and-icon-primary);
    box-sizing: border-box
}

.mk9rog9 {
    justify-content: space-between;
    padding: 24px 32px 16px;
    box-shadow: var(--mk9rog9-1);
    transition: box-shadow .2s
}

.m140nooo {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4px 0 0;
    box-sizing: border-box;
    width: 40px;
    margin-right: -10px;
    cursor: pointer;
    border: none;
    box-shadow: none;
    background: transparent
}

.m1d9ucpb {
    width: 20px;
    height: 20px;
    color: var(--text-and-icon-secondary);
    cursor: pointer
}

.m1jimj00 {
    overflow: auto;
    display: flex;
    justify-content: flex-end;
    padding: 20px 32px 24px;
    flex-shrink: 0;
    box-shadow: var(--m1jimj00-0);
    transition: box-shadow .2s
}

.b1d6pkzk {
    display: flex;
    flex-direction: var(--b1d6pkzk-0);
    flex-wrap: var(--b1d6pkzk-1);
    justify-content: var(--b1d6pkzk-2);
    align-items: var(--b1d6pkzk-3);
    position: relative;
    gap: var(--b1d6pkzk-4);
    max-width: var(--b1d6pkzk-5);
    max-height: var(--b1d6pkzk-6);
    min-width: var(--b1d6pkzk-7);
    min-height: var(--b1d6pkzk-8);
    width: var(--b1d6pkzk-9);
    height: var(--b1d6pkzk-10);
    padding: var(--b1d6pkzk-11) var(--b1d6pkzk-12) var(--b1d6pkzk-13) var(--b1d6pkzk-14);
    margin: var(--b1d6pkzk-15) var(--b1d6pkzk-16) var(--b1d6pkzk-17) var(--b1d6pkzk-18)
}

.b1d6pkzk,
.bbpfpcu {
    box-sizing: border-box
}

.bbpfpcu {
    font-family: var(--bbpfpcu-0);
    font-weight: 400;
    padding: var(--bbpfpcu-1);
    border-radius: var(--bbpfpcu-2);
    font-size: var(--bbpfpcu-3);
    line-height: var(--bbpfpcu-4);
    height: var(--bbpfpcu-5);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: var(--bbpfpcu-6);
    color: var(--bbpfpcu-7);
    cursor: var(--bbpfpcu-8);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    outline: none;
    min-width: 0;
    flex: var(--bbpfpcu-9);
    pointer-events: var(--bbpfpcu-10);
    -webkit-tap-highlight-color: transparent
}

@media (hover:hover) {
    .bbpfpcu:hover {
        background: var(--bbpfpcu-12)
    }
}

.bbpfpcu:focus-visible {
    border: 2px solid var(--bbpfpcu-13)
}

.tv5z3ir {
    flex: 1 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p16q1jzt {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px
}

.p16q1jzt svg {
    fill: var(--p16q1jzt-0)
}

.p1bcxwm2 {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px
}

.p1bcxwm2 svg {
    fill: var(--p1bcxwm2-0)
}

.cmfqztx {
    border: none;
    background: transparent;
    color: var(--cmfqztx-0);
    pointer-events: var(--cmfqztx-1);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-left: 4px;
    cursor: var(--cmfqztx-2)
}

.cmfqztx svg {
    flex: none
}

.c166e4uo {
    border-radius: 100px;
    background-color: var(--c166e4uo-0);
    color: var(--c166e4uo-1);
    font-size: 14px;
    line-height: 19px;
    padding: var(--c166e4uo-3);
    min-width: var(--c166e4uo-4);
    height: var(--c166e4uo-4);
    -webkit-margin-inline-start: var(--c166e4uo-6);
    -webkit-margin-start: var(--c166e4uo-6);
    margin-inline-start: var(--c166e4uo-6);
    display: flex;
    align-items: center;
    justify-content: center
}

.c166e4uo,
.cioqqql {
    font-weight: var(--font-weight-medium);
    box-sizing: border-box
}

.cioqqql {
    color: var(--cioqqql-0);
    font-size: var(--cioqqql-1);
    line-height: var(--cioqqql-2);
    -webkit-margin-inline-start: var(--cioqqql-4);
    -webkit-margin-start: var(--cioqqql-4);
    margin-inline-start: var(--cioqqql-4)
}

.b1x5q8rg {
    display: flex;
    flex-direction: var(--b1x5q8rg-0);
    flex-wrap: var(--b1x5q8rg-1);
    overflow-x: var(--b1x5q8rg-2);
    -ms-overflow-style: none;
    -webkit-scrollbar-width: none;
    -moz-scrollbar-width: none;
    -ms-scrollbar-width: none;
    scrollbar-width: none
}

.b1x5q8rg .bbpfpcu {
    margin-right: 8px;
    margin-bottom: var(--b1x5q8rg-4)
}

.b1x5q8rg .bbpfpcu:last-child {
    margin-right: 0
}

.b1x5q8rg::-webkit-scrollbar {
    display: none
}

.caq7xki {
    margin-top: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--text-and-icon-oncolor)
}

@media (max-width:1440px) {
    .caq7xki {
        max-width: none;
        padding: 0 32px
    }
}

@media (max-width:960px) {
    .caq7xki {
        margin-top: 32px
    }
}

@media (max-width:640px) {
    .caq7xki {
        padding: 0 16px
    }
}

.caq7xki h1 {
    font-size: 88px;
    line-height: 88px;
    max-width: 1150px;
    font-weight: 600;
    margin-bottom: 32px;
    color: var(--extensions-text-and-icon-alwayslight)
}

.caq7xki h1 span {
    color: var(--background-brand)
}

@media (max-width:780px) {
    .caq7xki h1 {
        margin-bottom: 20px;
        font-size: 48px;
        line-height: 60px
    }
}

@media (max-width:520px) {
    .caq7xki h1 {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 38px
    }
}

.caq7xki div {
    margin-bottom: 56px;
    max-width: 920px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--extensions-text-and-icon-alwayslight)
}

@media (max-width:520px) {
    .caq7xki div {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 20px
    }
}

.ozpzp41 {
    background: url(/assets/bg_hero2.jpg);
    padding-bottom: 96px;
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    background-size: cover;
    position: relative;
    z-index: 1
}

@media (max-width:520px) {
    .ozpzp41 {
        padding-bottom: 0;
        background: linear-gradient(0deg, var(--background-secondary) 50%, transparent 50%), url(/assets/bg_hero2.jpg);
        background-size: cover
    }
}

.o1j9tvya {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.o1j9tvya>span {
    height: 100% !important
}

.o1j9tvya img {
    object-fit: cover
}

.f1krzn0k {
    padding: 0 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

@media (max-width:640px) {
    .f1krzn0k {
        padding: 0 16px
    }
}

@media (max-width:520px) {
    .f1krzn0k {
        padding: 0
    }
}

.s139vjto {
    margin-top: var(--s139vjto-0);
    text-align: start;
    -webkit-column-gap: 16px;
    grid-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    width: 100%;
    grid-row-gap: 12px;
    row-gap: 12px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr)
}

@media (min-width:1281px) {
    .s139vjto {
        grid-template-columns: repeat(2, minmax(180px, 1fr)) 176px 112px 240px max-content;
        column-gap: 2px
    }

    .s139vjto>div:first-child>div>div>div {
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }

    .s139vjto>div:nth-child(2)>div>div>div,
    .s139vjto>div:nth-child(3)>div>div>div>div,
    .s139vjto>div:nth-child(4)>div>div {
        border-radius: 0
    }

    .s139vjto>div:nth-child(5)>div>div>div {
        border-start-start-radius: 0;
        border-end-start-radius: 0
    }

    .s139vjto>button {
        border-radius: 8px;
        -webkit-margin-start: 6px;
        margin-inline-start: 6px
    }
}

@media (max-width:1280px) {
    .s139vjto {
        column-gap: 12px
    }

    .s139vjto>div:first-child {
        grid-column: 1/span 6
    }

    .s139vjto>div:nth-child(2) {
        grid-column: 7/span 6
    }

    .s139vjto>div:nth-child(3) {
        grid-column: 1/span 3
    }

    .s139vjto>div:nth-child(4) {
        grid-column: 4/span 3
    }

    .s139vjto>div:nth-child(5) {
        grid-column: 7/span 3
    }

    .s139vjto>button {
        border-radius: 8px;
        grid-column: 10/span 3
    }
}

@media (max-width:960px) {
    .s139vjto>div:nth-child(1n+2) {
        grid-column: 1/span 6
    }

    .s139vjto>button,
    .s139vjto>div:nth-child(2n) {
        grid-column: 7/span 6
    }
}

@media (max-width:640px) {
    .s139vjto>div:first-child>div>div>div {
        border-end-start-radius: 4px;
        border-end-end-radius: 4px
    }

    .s139vjto>div:nth-child(2)>div>div>div {
        border-start-start-radius: 4px;
        border-start-end-radius: 4px
    }

    .s139vjto>div:first-child {
        grid-column: 1/span 12
    }

    .s139vjto>div:nth-child(2) {
        grid-column: 1/span 12;
        -webkit-margin-before: -6px;
        margin-block-start: -6px
    }

    .s139vjto>button,
    .s139vjto>div:nth-child(3),
    .s139vjto>div:nth-child(4),
    .s139vjto>div:nth-child(5),
    .s139vjto>div:nth-child(6),
    .s139vjto>div:nth-child(7) {
        grid-column: 1/span 12
    }

    .s139vjto>button {
        border-radius: 8px
    }
}

.c57jdiy {
    padding: 8px 20px
}

.c57jdiy span {
    display: flex;
    align-items: center;
    overflow: initial;
    margin-left: 0
}

.c1qxost1 {
    overflow: initial;
    flex-wrap: wrap
}

.c1qxost1 .c57jdiy {
    margin-right: 0;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
    display: flex;
    align-items: center;
    column-gap: 4px;
    position: relative
}

@media (max-width:520px) {
    .s1jff80y {
        width: 100%
    }
}

.mlspiv4 {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 20px
}

.mlspiv4 div,
.mlspiv4 input {
    direction: var(--mlspiv4-0)
}

.mlspiv4>div:first-child {
    height: 56px
}

.mlspiv4>div:not(:first-child) {
    inset-inline-start: 0
}

.mlspiv4>div>div:first-child {
    display: none
}

@media (max-width:640px) {
    .mlspiv4 {
        margin-bottom: 0
    }
}

.iuew6oc {
    display: flex;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    width: 192px;
    max-width: 192px;
    position: absolute;
    top: 56px;
    inset-inline-start: 0;
    padding: 20px;
    background: var(--extensions-background-surface);
    box-shadow: 0 4px 20px rgba(50, 57, 66, .14);
    border-radius: 16px
}

.iuew6oc>div {
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--text-and-icon-primary)
}

.iuew6oc button {
    max-width: 40px
}

@media (max-width:520px) {
    .iuew6oc {
        width: 100%;
        position: relative;
        top: auto;
        padding: 0;
        max-width: none;
        box-shadow: none
    }

    .iuew6oc button {
        max-width: 56px;
        width: 56px;
        height: 56px
    }

    .iuew6oc>div {
        font-weight: 700;
        font-size: 32px;
        line-height: 44px
    }
}

.celbc2r {
    padding: 0;
    width: 40px;
    max-width: 40px;
    min-width: 40px
}

.m1o5jdr2 {
    display: var(--m1o5jdr2-0);
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.in766ft {
    margin: 4px 0 0
}

.in766ft div {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: var(--text-and-icon-secondary)
}

.c16dcqxi {
    cursor: pointer;
    min-height: 40px;
    max-height: 40px;
    min-width: 40px;
    max-width: 40px;
    border-radius: 50%;
    border: 4px solid var(--background-primary);
    background: var(--background-secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.d1v64oof {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-template-columns: 1fr minmax(140px, 180px);
    width: 100%
}

@media screen and (max-width:360px) {
    .d1v64oof {
        grid-template-columns: 1fr minmax(90px, 180px)
    }
}

.c1wxcvg1 input {
    padding-right: 0 !important
}

.t1x936p {
    display: flex;
    align-items: center
}

.du5zrwp {
    position: absolute;
    visibility: visible;
    z-index: 1001;
    top: 56px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    background-color: var(--extensions-background-surface);
    min-width: 360px
}

@media (min-width:521px) {
    .du5zrwp {
        filter: drop-shadow(0 4px 20px rgba(50, 57, 66, .14))
    }
}

.dph74md {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    padding: 8px 16px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start
}

.dph74md span {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--text-and-icon-secondary)
}

.dph74md:hover {
    background-color: var(--background-secondary)
}

.s1l8h4w5 {
    height: 56px;
    width: 100%;
    transition: all .3s
}

.s1l8h4w5 input {
    padding: 0
}

@media (max-width:520px) {
    .s1l8h4w5 {
        width: 100%
    }
}

.s1l8h4w5 div {
    align-self: center;
    margin-left: 0
}

.s1l8h4w5>div:first-child {
    width: auto
}

.ifjuww8 {
    position: relative;
    min-width: 168px;
    width: 100%;
    transition: all .3s
}

@media (max-width:640px) {
    .ifjuww8 {
        max-width: none;
        width: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.ifjuww8 .s1l8h4w5 {
    display: flex;
    align-items: center;
    padding: 16px 12px
}

.ifjuww8 .s1l8h4w5 input {
    line-height: var(--ifjuww8-0)
}

.ij2c3as {
    color: var(--text-and-icon-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    background: var(--background-primary);
    display: flex;
    align-items: center;
    column-gap: 4px;
    padding: 2px 10px 2px 8px;
    border-radius: 16px;
    min-width: max-content
}

.ij2c3as span {
    cursor: pointer
}

@media (max-width:560px) {
    .ij2c3as {
        position: absolute;
        top: 1px;
        z-index: 1000;
        inset-inline-start: 12px
    }

    .ifjuww8 .s1l8h4w5 {
        display: flex;
        align-items: center;
        padding: 30px 12px 12px 12px;
    }
}

.rr5977v>div:first-child {
    padding: 12px 16px 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: left
}

.pgozgvu {
    padding: 0 0 88px
}

.r9ex6o0 {
    padding: 40px;
    background: var(--background-primary);
    border-radius: 48px;
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    row-gap: 32px
}

.r9ex6o0 h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    margin: 0
}

.r9ex6o0 a {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--text-and-icon-accent)
}

@media (max-width:580px) {
    .r9ex6o0 {
        row-gap: 16px
    }
}

.d1kv476l {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-height: var(--d1kv476l-0);
    grid-row-gap: 16px;
    row-gap: 16px;
    -webkit-column-gap: 32px;
    grid-column-gap: 32px;
    column-gap: 32px;
    overflow: hidden
}

.d1kv476l a {
    color: var(--text-and-icon-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-align: start;
    justify-content: flex-start
}

@media (max-width:860px) {
    .d1kv476l {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:580px) {
    .d1kv476l {
        grid-template-columns: 1fr;
        max-height: var(--d1kv476l-1)
    }
}

.c9cxqyc {
    -webkit-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    display: flex;
    align-items: center
}

.c9cxqyc svg {
    height: 24px;
    width: 24px
}

.c9cxqyc span {
    display: flex;
    align-items: center;
    overflow: initial;
    margin-left: 0
}

.r37i5xj {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap;
    white-space: nowrap;
    position: relative;
    padding: 18px;
    background: var(--background-primary);
    border-radius: 48px;
    transition: .3s;
    height: 100%;
    width: max-content;
    box-shadow: 0 2px 8px 0 rgba(39, 44, 51, .12)
}

.r37i5xj:hover {
    cursor: pointer;
    box-shadow: 0 5px 20px 0 rgba(39, 44, 51, .08)
}

@media (max-width:520px) {
    .r37i5xj {
        padding: 24px;
        white-space: normal
    }
}

.rovhoni {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    -webkit-letter-spacing: -.2px;
    -moz-letter-spacing: -.2px;
    -ms-letter-spacing: -.2px;
    letter-spacing: -.2px
}

.rovhoni p {
    margin: 0
}

.rovhoni svg {
    min-width: 24px;
    min-height: 24px;
    height: 28px;
    margin: 0 4px
}

.r1prs817 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: var(--text-and-icon-secondary)
}

.s1tbwj5j {
    display: none;
    justify-content: flex-end;
    margin-top: 32px
}

.s1tbwj5j div {
    cursor: pointer;
    color: var(--text-and-icon-accent);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width:640px) {
    .s1tbwj5j {
        display: flex;
        margin-top: 24px;
        justify-content: center
    }
}

.pdps9gw {
    display: flex;
    flex-wrap: wrap;
    height: 64px;
    overflow: hidden;
    gap: 24px;
    width: 100%;
    align-items: center;
    max-width: 1544px;
    margin-top: 24px
}

@media (max-width:520px) {
    .pdps9gw {
        height: auto;
        padding: 0 16px
    }
}

.hd9iur1 {
    color: var(--text-and-icon-accent)
}

.f5i8904.fw4xcs5 {
    padding-top: 17px;
    box-sizing: border-box;
    height: auto;
    max-height: 100%;
    align-items: flex-start;
    overflow: hidden
}

.f5i8904.fw4xcs5:before {
    content: "";
    position: absolute;
    background: var(--f5i8904-0);
    border-radius: 8px 8px 0 0;
    top: 2px;
    left: 2px;
    right: 15px;
    height: 26px
}

.f6f8rqb.f12bgeeg {
    display: var(--f6f8rqb-0);
    width: var(--f6f8rqb-1);
    font-size: var(--f6f8rqb-2);
    line-height: var(--line-height-m);
    font-weight: 500;
    transform: var(--f6f8rqb-4);
    white-space: var(--f6f8rqb-5);
    max-height: 100%;
    -webkit-line-clamp: var(--f6f8rqb-6);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.f6f8rqb.f12bgeeg:before {
    left: 0;
    height: 11px
}

.f6f8rqb.f12bgeeg:after,
.f6f8rqb.f12bgeeg:before {
    top: -7px;
    background-color: inherit;
    position: absolute;
    content: "";
    display: block;
    right: 0
}

.f6f8rqb.f12bgeeg:after {
    height: 28px;
    width: 42px;
    left: 100%
}

.bxkkpit {
    outline: none;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    min-height: var(--bxkkpit-0);
    height: var(--bxkkpit-1);
    width: 100%;
    border-radius: 8px;
    padding: var(--bxkkpit-2);
    font-size: var(--font-size-m);
    line-height: var(--line-height-m);
    font-weight: var(--font-weight-medium);
    font-family: var(--font-family-noto);
    resize: var(--bxkkpit-7);
    color: var(--bxkkpit-8);
    cursor: var(--bxkkpit-9);
    background: var(--bxkkpit-10);
    border: 2px solid var(--bxkkpit-11);
    -webkit-tap-highlight-color: transparent
}

@media (hover:hover) {
    .bxkkpit:hover {
        border: 2px solid var(--bxkkpit-14)
    }

    .bxkkpit:hover,
    .bxkkpit:hover+.f5i8904 .f6f8rqb,
    .bxkkpit:hover+.f5i8904:before {
        background: var(--bxkkpit-13)
    }
}

.bxkkpit:focus {
    border: 2px solid var(--bxkkpit-20);
    background: var(--bxkkpit-21)
}

.bxkkpit:focus:hover {
    background: var(--bxkkpit-10)
}

.bxkkpit:focus:hover+.f5i8904:before {
    background: var(--background-secondary)
}

.bxkkpit::placeholder {
    color: var(--bxkkpit-25)
}

.s19v4zx9 {
    position: relative
}

.s19v4zx9 .bxkkpit:focus+.f5i8904 .f6f8rqb {
    display: block;
    font-size: 14px;
    transform: translateY(-11px);
    white-space: nowrap
}

.s19v4zx9 .bxkkpit+.f5i8904 .f6f8rqb {
    background: var(--s19v4zx9-6)
}

@media (hover:hover) {

    .s19v4zx9 .bxkkpit:hover+.f5i8904 .f6f8rqb,
    .s19v4zx9 .bxkkpit:hover+.f5i8904:before {
        background: var(--s19v4zx9-11)
    }
}

.s19v4zx9 .bxkkpit:focus+.f5i8904 .f6f8rqb {
    background: var(--s19v4zx9-17)
}

.s19v4zx9 .bxkkpit:focus+.f5i8904:before {
    background: var(--background-secondary)
}

.stnc3qe {
    position: relative;
    display: flex
}

.c160af8x {
    display: flex;
    flex-shrink: 0;
    margin-left: var(--spacers-m);
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
    margin-top: var(--spacers-2xs)
}

.n1xinspx {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    -webkit-clip: rect(0, 0, 0, 0);
    clip: rect(0, 0, 0, 0);
    border: 0
}

.c1g5z9ps {
    color: var(--c1g5z9ps-0)
}

.mihlxnj {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    z-index: 2;
    justify-content: space-between;
    padding: 12px 8px;
    background: var(--extensions-background-alwaysdark)
}

.mihlxnj,
.mihlxnj>div {
    display: flex;
    align-items: center
}

@media (min-width:560px) {
    .mihlxnj {
        display: none
    }
}

.l1ytfyra {
    display: flex;
    align-items: center
}

.l1ytfyra div {
    color: var(--extensions-background-alwayslight)
}

.l1ytfyra svg {
    min-width: 56px
}

.dg7tpxq {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.dg7tpxq span {
    color: var(--extensions-background-alwayslight)
}

.b1wr4rv6 {
    position: absolute;
    z-index: var(--b1wr4rv6-0);
    width: var(--b1wr4rv6-1);
    background: var(--b1wr4rv6-2);
    border-radius: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: var(--shadow-m)
}

.b1wr4rv6,
.d1jixr42 {
    box-sizing: border-box
}

.d1jixr42 {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    padding: var(--d1jixr42-0)
}

.d1jixr42>button,
.d1jixr42>div {
    background: var(--extensions-background-surface)
}

.bdlhx7j {
    list-style-type: none;
    margin: 0;
    padding: 0;
    outline: none;
    display: block;
    overflow: hidden
}

.bdlhx7j,
.o17r6vnm {
    box-sizing: border-box
}

.o17r6vnm {
    -webkit-text-decoration: none;
    text-decoration: none;
    padding: 0 16px;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: var(--o17r6vnm-0)
}

.o17r6vnm:active {
    background: var(--o17r6vnm-1)
}

.t5560g0 {
    font-family: var(--t5560g0-0);
    line-height: 22px;
    font-size: 16px
}

.lefsdh8 {
    display: inline-flex;
    align-items: center;
    width: 100%;
    gap: 4px
}

.cd0edgf.t5560g0 {
    color: var(--cd0edgf-0);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 1px;
    max-width: 70%;
    display: inline-block
}

.c1qzjysb.t5560g0 {
    color: var(--c1qzjysb-0);
    position: relative;
    top: 1px
}

.e3vrebm.t5560g0 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--e3vrebm-0)
}

.h1tcsmdw {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    -webkit-clip: rect(0 0 0 0);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.b6u7xxh {
    border: 1px solid transparent;
    background: transparent;
    outline: none;
    padding: var(--b6u7xxh-0);
    margin: 0;
    border-radius: var(--b6u7xxh-1);
    width: 68px;
    flex: none;
    height: calc(100% + 2px);
    left: -1px;
    top: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    opacity: var(--b6u7xxh-2);
    pointer-events: var(--b6u7xxh-3);
    color: var(--b6u7xxh-4)
}

.b6u7xxh:focus,
.b6u7xxh:focus-visible {
    border: 1px solid var(--b6u7xxh-5)
}

.b6u7xxh:focus:not(:focus-visible) {
    border: 1px solid transparent
}

.b6u7xxh:active {
    background: var(--b6u7xxh-6)
}

.b6u7xxh svg {
    flex: none
}

.b11t7pac {
    box-sizing: border-box;
    outline: none;
    display: inline-flex;
    align-items: center;
    height: var(--b11t7pac-0);
    width: 100%;
    border-radius: 8px;
    padding: var(--b11t7pac-1);
    position: relative;
    background: var(--b11t7pac-2);
    border: 2px solid var(--b11t7pac-3)
}

.b11t7pac,
.b11t7pac input {
    cursor: var(--b11t7pac-4)
}

.b11t7pac:focus {
    border: 2px solid var(--b11t7pac-3)
}

.fg0lu29 {
    height: var(--fg0lu29-0);
    width: var(--fg0lu29-0)
}

.fg0lu29>img {
    width: inherit
}

.ii22mhe {
    position: relative;
    flex: 1 1;
    display: flex;
    align-items: center
}

.i1e5zkh6 {
    outline: none;
    background: inherit;
    border: none;
    width: 100%;
    margin-top: var(--i1e5zkh6-0);
    font-size: 16px;
    font-family: Noto Sans, Helvetica, Helvetica New, Arial, sans-serif;
    line-height: 20px;
    padding: 0 4px;
    direction: ltr;
    text-align: var(--i1e5zkh6-1);
    color: var(--i1e5zkh6-2);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.i1e5zkh6::placeholder {
    color: var(--i1e5zkh6-3)
}

.b11aadnu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: var(--b11aadnu-0);
    transform: translateZ(0)
}

.ijebvn5 {
    padding: 16px 12px;
    box-sizing: border-box;
    width: 100%
}

.l1hawagc.bdlhx7j {
    display: block
}

.ok6xxt5 {
    -webkit-text-decoration: none;
    text-decoration: none;
    padding: 0 16px;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    border: 2px solid transparent;
    outline: none;
    cursor: pointer
}

.ok6xxt5:focus {
    border-color: var(--extensions-border-accent)
}

.ok6xxt5:focus,
.ok6xxt5:hover {
    background-color: var(--background-secondary)
}

.ok6xxt5:active {
    background: var(--statement-background-primarypressed)
}

.stelns2.b6u7xxh {
    cursor: pointer;
    border-color: var(--stelns2-0);
    height: 100%;
    position: relative;
    border-start-start-radius: 8px;
    border-end-start-radius: 8px;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
    padding-inline-end: 7px;
    -webkit-padding-end: 7px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    background-color: var(--stelns2-1);
    pointer-events: var(--stelns2-2);
    border-width: 2px
}

.stelns2.b6u7xxh:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: var(--stelns2-3);
    left: var(--stelns2-4);
    width: 1px;
    z-index: 1;
    background-color: var(--stelns2-1)
}

.stelns2.b6u7xxh:focus-visible {
    border-color: var(--border-selected) !important
}

.stelns2.b6u7xxh:focus-visible:after {
    background-color: var(--border-selected) !important
}

.stelns2.b6u7xxh:focus {
    border-color: var(--stelns2-0)
}

.i6f3ls9 {
    height: calc(100%);
    flex-grow: 1;
    width: 100%;
    box-sizing: border-box;
    padding-inline-end: 15px;
    -webkit-padding-end: 15px;
    display: flex;
    align-items: center;
    border: 2px solid var(--i6f3ls9-0);
    border-left-width: 0;
    border-start-end-radius: 8px;
    border-end-end-radius: 8px;
    position: relative
}

.i6f3ls9:focus {
    border: 2px solid var(--i6f3ls9-0)
}

.i6f3ls9:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: var(--i6f3ls9-2);
    left: var(--i6f3ls9-3);
    width: 1px;
    background-color: var(--i6f3ls9-4)
}

@media (hover:hover) {
    .i6f3ls9:hover:before {
        background-color: var(--i6f3ls9-6)
    }
}

.i6f3ls9:focus-visible {
    border-color: var(--border-selected)
}

.i6f3ls9:focus-visible:before {
    background-color: var(--i6f3ls9-4)
}

.b2v5mpv.b11t7pac {
    padding: 0;
    border: 0;
    background: var(--b2v5mpv-0);
    height: var(--b2v5mpv-1)
}

@media (hover:hover) {

    .b2v5mpv.b11t7pac:hover .i6f3ls9,
    .b2v5mpv.b11t7pac:hover .stelns2 {
        background: var(--b2v5mpv-5)
    }

    .b2v5mpv.b11t7pac:hover .i6f3ls9:after,
    .b2v5mpv.b11t7pac:hover .stelns2:after {
        background-color: var(--b2v5mpv-5)
    }

    .b2v5mpv.b11t7pac:hover .stelns2:hover {
        background: var(--b2v5mpv-5)
    }

    .b2v5mpv.b11t7pac:hover .stelns2:hover~.i6f3ls9 {
        background: var(--b2v5mpv-0)
    }
}

.l9iktjd.lefsdh8 {
    min-width: 0
}

.cifyqa8.cd0edgf.t5560g0 {
    max-width: unset
}

.i76s810 {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: var(--i76s810-0);
    height: var(--i76s810-0);
    border-radius: var(--i76s810-2);
    background-color: var(--i76s810-3);
    color: var(--text-and-icon-oncolor);
    fill: var(--text-and-icon-oncolor);
    border-width: var(--i76s810-6);
    border-style: solid;
    border-color: var(--i76s810-7);
    box-shadow: var(--i76s810-8);
    flex: none;
    margin: var(--i76s810-9)
}

.re1dgoy {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: -1
}

.l8wyls8 {
    position: relative;
    display: flex;
    align-items: flex-start;
    cursor: var(--l8wyls8-0);
    pointer-events: var(--l8wyls8-1);
    min-height: var(--l8wyls8-2);
    -webkit-tap-highlight-color: transparent
}

@media (hover:hover) {
    .l8wyls8:hover .i76s810 {
        background: var(--l8wyls8-5);
        border-color: var(--l8wyls8-6)
    }
}

.c1k0dk4y {
    font-size: var(--c1k0dk4y-0);
    font-family: var(--font-family-noto);
    font-weight: 500;
    color: var(--c1k0dk4y-2);
    direction: var(--c1k0dk4y-3);
    height: 100%;
    line-height: var(--c1k0dk4y-4);
    transition: color 1ms ease-in
}

.cuj1wdj {
    width: var(--cuj1wdj-0);
    height: var(--cuj1wdj-1);
    opacity: var(--cuj1wdj-2);
    transition: 1ms ease-in
}

.df47n2y {
    z-index: 1001;
    top: 66px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    background-color: #fff
}

.s8hmbdc {
    height: 76px;
    width: 100%;
    transition: all .3s
}

.s8hmbdc input {
    padding: 0
}

@media (max-width:520px) {
    .s8hmbdc {
        width: 100%
    }
}

.s8hmbdc div {
    align-self: center;
    margin-left: 0
}

.i1y8f7ra {
    position: relative;
    height: 76px;
    max-width: 295px;
    width: 100%;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    transition: all .3s
}

@media (max-width:520px) {
    .i1y8f7ra {
        max-width: none;
        width: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.i1y8f7ra .s8hmbdc {
    height: 22px;
    padding: 0;
    display: flex;
    align-items: var(--i1y8f7ra-0)
}

.i1y8f7ra .s8hmbdc input {
    line-height: var(--i1y8f7ra-1)
}

.i1y8f7ra>div {
    height: 76px
}

.i1y8f7ra .placeholder {
    position: absolute;
    pointer-events: none;
    top: 8px;
    inset-inline-start: 16px;
    color: var(--text-and-icon-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    z-index: 1
}

.m16lmqzi {
    position: fixed;
    background: var(--background-primary);
    width: 100vw;
    top: 0;
    inset-inline-start: 0;
    bottom: 0;
    inset-inline-end: 0;
    z-index: 1000;
    overflow-y: scroll
}

.m16lmqzi>button {
    position: fixed;
    inset-inline-start: 16px;
    bottom: 16px;
    inset-inline-end: 16px
}

@supports (-webkit-touch-callout:none) {
    .m16lmqzi:focus-within>button {
        position: absolute;
        bottom: 270px
    }
}

.mlyls5n {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    justify-content: space-between
}

.m19eapxg {
    padding: 8px 16px;
    row-gap: 16px;
    display: flex;
    flex-direction: column
}

.m1nkqokk {
    position: relative;
    width: 100%;
    transition: all .3s
}

.m1nkqokk .s8hmbdc {
    display: flex;
    align-items: flex-end;
    padding: 8px 16px
}

.m1nkqokk .s8hmbdc input {
    line-height: var(--m1nkqokk-0)
}

.m1nkqokk .placeholder {
    position: absolute;
    pointer-events: none;
    top: 8px;
    inset-inline-start: 16px;
    color: var(--text-and-icon-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    z-index: 2
}

.m1jlm0k8 {
    display: block
}

.c4c02lz {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    background: var(--background-secondary);
    border-radius: 50%
}

.m16wzax9 {
    position: relative
}

.m16wzax9>div:first-child {
    height: 76px;
    align-items: flex-end;
    padding: 12px
}

.m1vcbt9w {
    position: absolute;
    inset-inline-end: 24px;
    transform: rotate(90deg);
    z-index: 1;
    top: 60px
}

.bosxe5g {
    display: flex;
    position: relative;
    background: var(--bosxe5g-0);
    color: var(--bosxe5g-1);
    border: var(--bosxe5g-2);
    box-shadow: none;
    font-family: var(--font-family-noto);
    text-align: var(--bosxe5g-4);
    padding: 0;
    cursor: var(--bosxe5g-5);
    pointer-events: var(--bosxe5g-6);
    align-items: stretch;
    transition: background-color .15s;
    -webkit-tap-highlight-color: transparent;
    outline: unset;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bosxe5g,
.bosxe5g:after {
    box-sizing: border-box;
    width: 100%
}

.bosxe5g:after {
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border: 2px solid transparent
}

.bosxe5g:focus-visible,
.bosxe5g:focus-visible:hover {
    background: var(--statement-background-primarypressed)
}

.bosxe5g:focus-visible:after,
.bosxe5g:focus-visible:hover:after {
    border: 2px solid var(--bosxe5g-8)
}

@media (hover:hover) {

    .bosxe5g:active,
    .bosxe5g:hover {
        background: var(--statement-background-primarypressed)
    }
}

.c1dnsfnd {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: var(--c1dnsfnd-0) var(--c1dnsfnd-3) var(--c1dnsfnd-1) var(--c1dnsfnd-2);
    min-height: var(--c1dnsfnd-4);
    vertical-align: top;
    box-sizing: border-box;
    flex: 1 1;
    overflow: hidden
}

.c1djh9am.c1dnsfnd div+div {
    margin-top: 4px
}

.pr41qc {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--pr41qc-0) var(--pr41qc-2) var(--pr41qc-0) var(--pr41qc-3);
    box-sizing: border-box;
    vertical-align: top
}

.iw6p0ri,
.pr41qc {
    display: inline-flex
}

.iw6p0ri {
    align-items: center;
    justify-content: center;
    min-width: var(--iw6p0ri-0);
    min-height: var(--iw6p0ri-0)
}

.btu1h8r {
    font-size: var(--btu1h8r-0);
    line-height: var(--btu1h8r-1);
    color: var(--btu1h8r-2)
}

.b1qzka6c,
.btu1h8r {
    transition: color .2s
}

.b1qzka6c {
    font-size: var(--b1qzka6c-0);
    line-height: var(--b1qzka6c-1);
    color: var(--b1qzka6c-2);
    font-weight: 500;
    text-align: start;
    width: 100%
}

.cjahwvq {
    justify-content: center
}

.cjahwvq,
.p11p0s8n {
    display: inline-flex;
    align-items: center;
    padding: 0 16px;
    gap: 8px
}

.p11p0s8n {
    align-self: stretch;
    max-height: var(--p11p0s8n-0);
    box-sizing: border-box
}

.c1pty07r {
    max-width: 1544px;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden
}

.c1pty07r h2 {
    font-weight: 600
}

@media (max-width:1544px) {
    .c1pty07r {
        max-width: 1440px
    }
}

@media (max-width:1440px) {
    .c1pty07r {
        max-width: none;
        padding: 0 32px
    }
}

@media (max-width:640px) {
    .c1pty07r {
        padding: 0 16px
    }
}

.lq4b571 {
    background: var(--background-secondary)
}

.h1vpyt5m {
    position: static;
    z-index: 0;
    padding-right: 32px;
    display: inline-block;
    -webkit-letter-spacing: -.04em;
    -moz-letter-spacing: -.04em;
    -ms-letter-spacing: -.04em;
    letter-spacing: -.04em;
    color: var(--text-and-icon-primary)
}

.h1vpyt5m .highlight {
    position: relative;
    z-index: 0
}

.h1vpyt5m .highlight:after {
    content: "";
    display: block;
    height: 16px;
    width: calc(100% + 30px);
    background: var(--background-brand);
    position: absolute;
    inset-inline-end: -32px;
    bottom: 16px;
    z-index: -1
}

@media (max-width:780px) {
    .h1vpyt5m .highlight:after {
        height: 8px;
        bottom: 8px
    }
}

.h4x70ac {
    position: static;
    z-index: 0;
    display: inline-block;
    -webkit-letter-spacing: -.04em;
    -moz-letter-spacing: -.04em;
    -ms-letter-spacing: -.04em;
    letter-spacing: -.04em
}

.c1cxzo33,
.h4x70ac {
    color: var(--text-and-icon-primary)
}

.c1cxzo33 {
    position: relative;
    width: 100%;
    z-index: 1;
    padding: var(--c1cxzo33-0);
    background-color: var(--background-primary);
    max-width: var(--c1cxzo33-1);
    border-radius: var(--spacers-3xl);
    text-align: center
}

@media (max-width:780px) {
    .c1cxzo33 {
        padding: 32px
    }
}

@media (max-width:520px) {
    .c1cxzo33 {
        padding: var(--c1cxzo33-2);
        box-shadow: var(--c1cxzo33-3);
        border-radius: var(--c1cxzo33-4)
    }
}

.tz8zj6d {
    margin: 24px 0 8px;
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.tz8zj6d>a {
    color: #02952b;
    font-weight: 400
}

.l178ila8 {
    margin-top: 24px;
    color: #00ac3c;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.d1mmavrz {
    position: absolute;
    visibility: var(--d1mmavrz-0);
    z-index: 1001;
    top: 56px;
    overflow: hidden;
    width: 100%;
    max-height: 460px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    background-color: var(--extensions-background-surface);
    min-width: 360px
}

@media (min-width:521px) {
    .d1mmavrz {
        filter: drop-shadow(0 4px 20px rgba(50, 57, 66, .14))
    }
}

.d12ijwnk {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    padding: 8px 16px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start
}

.d12ijwnk span {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--text-and-icon-secondary)
}

.d12ijwnk:hover {
    background-color: var(--background-secondary)
}

.sjhqpgl {
    height: 56px;
    width: 100%;
    transition: all .3s
}

.sjhqpgl input {
    padding: 0
}

@media (max-width:520px) {
    .sjhqpgl {
        width: 100%
    }
}

.sjhqpgl div {
    align-self: center;
    margin-left: 0
}

.iapu4nw {
    position: relative;
    min-width: 168px;
    width: 100%;
    transition: all .3s
}

@media (max-width:640px) {
    .iapu4nw {
        max-width: none;
        width: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.iapu4nw .sjhqpgl {
    height: 56px;
    display: flex
}

.iapu4nw .sjhqpgl input {
    line-height: var(--iapu4nw-0)
}

.iapu4nw .placeholder {
    position: absolute;
    pointer-events: none;
    top: 8px;
    z-index: 1;
    inset-inline-start: 16px;
    color: var(--text-and-icon-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.d1q9bom8 {
    z-index: 1001;
    top: 66px;
    border: none;
    background-color: #fff
}

.d1q9bom8,
.daooc0y {
    width: 100%;
    box-sizing: border-box
}

.daooc0y {
    display: inline-block;
    overflow: hidden;
    height: 56px;
    padding: 8px 16px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.daooc0y span {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--text-and-icon-secondary)
}

.daooc0y:hover {
    background-color: #f5f5f6
}

.s1owmq7c {
    height: 56px;
    width: 100%;
    transition: all .3s
}

.s1owmq7c input {
    padding: 0
}

@media (max-width:520px) {
    .s1owmq7c {
        width: 100%
    }
}

.s1owmq7c div {
    align-self: center;
    margin-left: 0
}

.i12tl0cn {
    position: relative;
    max-width: 295px;
    width: 100%;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    transition: all .3s
}

@media (max-width:520px) {
    .i12tl0cn {
        max-width: none;
        width: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.i12tl0cn .s1owmq7c {
    display: flex;
    align-items: var(--i12tl0cn-0);
    padding: var(--i12tl0cn-1)
}

.i12tl0cn .s1owmq7c input {
    line-height: var(--i12tl0cn-2)
}

.i12tl0cn>div {
    height: 56px
}

.i12tl0cn .placeholder {
    position: absolute;
    pointer-events: none;
    top: 8px;
    inset-inline-start: 16px;
    color: var(--text-and-icon-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    z-index: 1
}

.m1ptkd3m {
    position: fixed;
    background: var(--background-primary);
    width: 100vw;
    top: 0;
    inset-inline-start: 0;
    bottom: 0;
    inset-inline-end: 0;
    z-index: 1000;
    overflow-y: scroll
}

.m1lxcrpv {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    justify-content: space-between
}

.m2ijs1e {
    padding: 8px 16px
}

.mmcn74a {
    position: relative;
    width: 100%;
    transition: all .3s
}

.mmcn74a .s1owmq7c {
    display: flex;
    align-items: var(--mmcn74a-0);
    padding: var(--mmcn74a-1)
}

.mmcn74a .s1owmq7c input {
    line-height: var(--mmcn74a-2)
}

.mmcn74a .placeholder {
    position: absolute;
    pointer-events: none;
    top: 8px;
    inset-inline-start: 16px;
    color: var(--text-and-icon-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    z-index: 2
}

.mmqtuoq {
    display: block
}

.c1b4rf14 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    background: var(--background-secondary);
    border-radius: 50%
}

.m1iw146r {
    position: relative
}

.m1iw146r>div:first-child {
    height: 56px
}

.mwga7ho {
    position: absolute;
    inset-inline-end: 16px;
    top: 16px;
    transform: rotate(90deg)
}

.s9qrqgk {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    transition: all .3s;
    padding: 0
}

@media (max-width:1240px) {
    .s9qrqgk {
        max-width: none
    }
}

@media (max-width:640px) {
    .s9qrqgk {
        max-width: none;
        margin-bottom: 20px
    }
}

.i11256jg {
    position: relative
}

.i11256jg .placeholder {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    top: 8px;
    inset-inline-start: 16px;
    color: var(--text-and-icon-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.i11256jg input {
    padding: 0;
    min-width: max-content
}

.i11256jg .s9qrqgk {
    display: flex;
    align-items: var(--i11256jg-0)
}

.i11256jg .s9qrqgk input {
    line-height: var(--i11256jg-1)
}

.i11256jg .react-datepicker-wrapper {
    width: 100%
}

.i11256jg .react-datepicker__input-container>div {
    height: 56px;
    width: 100%;
    padding: 8px 0;
    padding-inline: 16px;
    display: flex;
    align-items: var(--i11256jg-0)
}

.i11256jg .react-datepicker__input-container>div .s9qrqgk {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

@media (max-width:1240px) {
    .i11256jg {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

@media (max-width:640px) {
    .i11256jg {
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        width: 100%
    }

    .i11256jg .s9qrqgk {
        margin-bottom: 0
    }
}

.i11256jg .react-datepicker {
    box-sizing: border-box;
    border: none;
    background-color: var(--background-primary);
    max-height: 368px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(50, 57, 66, .14);
    border-radius: 16px;
    display: flex
}

.i11256jg .react-datepicker * {
    font-family: Noto Sans, sans-serif
}

.i11256jg .react-datepicker:after {
    content: "";
    display: block;
    height: 16px;
    width: 100%;
    position: absolute;
    background-color: var(--background-primary);
    bottom: 0
}

.i11256jg .react-datepicker__header {
    border: none;
    background-color: transparent;
    padding: 0
}

.i11256jg .react-datepicker__month-container {
    padding: 24px 16px 16px
}

.i11256jg .react-datepicker__time-container {
    -webkit-border-start: 1px solid var(--border-primary);
    border-inline-start: 1px solid var(--border-primary);
    padding: 24px 0 0;
    min-width: 96px;
    width: auto;
    position: relative
}

.i11256jg .react-datepicker__time-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: 33px;
    background: linear-gradient(0deg, var(--background-primary) 0, var(--background-primary) 5.66%, hsla(0, 0%, 100%, 0) 98.75%)
}

.i11256jg .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 100%
}

.i11256jg .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list {
    height: 288px !important
}

.i11256jg .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 8px;
    margin: 0 16px;
    border-radius: 4px;
    height: auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--text-and-icon-primary)
}

.i11256jg .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--disabled {
    color: var(--text-and-icon-disabled);
    display: none
}

.i11256jg .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
    background-color: var(--background-brand);
    font-weight: 700
}

.i11256jg .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
    background-color: var(--background-secondary)
}

.i11256jg .react-datepicker-time__header {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-and-icon-primary);
    padding: 0 16px
}

.i11256jg .react-datepicker__header--time {
    padding-bottom: 16px
}

.i11256jg .react-datepicker__triangle {
    display: none
}

.i11256jg .react-datepicker-popper {
    padding: 0 !important;
    z-index: 2
}

.i11256jg .react-datepicker__day {
    font-size: 16px
}

.i11256jg .react-datepicker__day,
.i11256jg .react-datepicker__day-name,
.i11256jg .react-datepicker__time-name {
    line-height: 48px;
    width: 48px;
    height: 48px;
    margin: 0
}

.i11256jg .react-datepicker__day-names {
    margin-top: 16px
}

.i11256jg .react-datepicker__navigation {
    top: 24px;
    height: 24px;
    width: 24px
}

.i11256jg .react-datepicker__navigation--next {
    right: auto;
    background: url(/assets/images/icons/chevron-right.svg);
    inset-inline-end: 16px;
    transform: var(--i11256jg-3)
}

.i11256jg .react-datepicker__navigation--next span {
    display: none
}

.i11256jg .react-datepicker__navigation--next.react-datepicker__navigation--next--with-time {
    inset-inline-start: 328px
}

.i11256jg .react-datepicker__navigation--previous {
    background: url(/assets/images/icons/chevron-left.svg);
    inset-inline-start: 16px;
    transform: var(--i11256jg-3)
}

.i11256jg .react-datepicker__navigation--previous span {
    display: none
}

.i11256jg .react-datepicker__navigation-icon:before {
    border-color: var(--text-and-icon-secondary)
}

.i11256jg .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #e0e2e6
}

.i11256jg .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
    border-bottom-color: var(--background-primary)
}

.i11256jg .react-datepicker__month {
    margin: 0
}

.i11256jg .react-datepicker__current-month:first-letter {
    text-transform: uppercase
}

.i11256jg .react-datepicker__current-month {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-and-icon-primary)
}

.i11256jg .react-datepicker__day,
.i11256jg .react-datepicker__day-name {
    color: var(--text-and-icon-primary);
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 500
}

.i11256jg .react-datepicker__day-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-and-icon-secondary);
    text-transform: uppercase
}

.i11256jg .react-datepicker__day--disabled {
    color: var(--text-and-icon-disabled)
}

.i11256jg .react-datepicker__day--in-range,
.i11256jg .react-datepicker__day--in-selecting-range,
.i11256jg .react-datepicker__day--selected,
.i11256jg .react-datepicker__month-text--in-range,
.i11256jg .react-datepicker__month-text--in-selecting-range,
.i11256jg .react-datepicker__month-text--selected,
.i11256jg .react-datepicker__quarter-text--in-range,
.i11256jg .react-datepicker__quarter-text--in-selecting-range,
.i11256jg .react-datepicker__quarter-text--selected,
.i11256jg .react-datepicker__year-text--in-range,
.i11256jg .react-datepicker__year-text--in-selecting-range,
.i11256jg .react-datepicker__year-text--selected {
    position: relative;
    background-color: var(--background-brand);
    color: var(--extensions-text-and-icon-onbrand);
    z-index: 1;
    font-weight: 700
}

.i11256jg .react-datepicker__day--keyboard-selected,
.i11256jg .react-datepicker__month-text--keyboard-selected,
.i11256jg .react-datepicker__quarter-text--keyboard-selected,
.i11256jg .react-datepicker__year-text--keyboard-selected {
    background-color: transparent;
    color: var(--extensions-text-and-icon-onbrand)
}

.i11256jg .react-datepicker__day--in-range:hover,
.i11256jg .react-datepicker__day--in-selecting-range:hover,
.i11256jg .react-datepicker__day--keyboard-selected:hover,
.i11256jg .react-datepicker__day--selected:hover,
.i11256jg .react-datepicker__month-text--in-range:hover,
.i11256jg .react-datepicker__month-text--in-selecting-range:hover,
.i11256jg .react-datepicker__month-text--selected:hover,
.i11256jg .react-datepicker__quarter-text--in-range:hover,
.i11256jg .react-datepicker__quarter-text--in-selecting-range:hover,
.i11256jg .react-datepicker__quarter-text--selected:hover,
.i11256jg .react-datepicker__year-text--in-range:hover,
.i11256jg .react-datepicker__year-text--in-selecting-range:hover,
.i11256jg .react-datepicker__year-text--selected:hover {
    background-color: var(--background-secondary);
    color: var(--extensions-text-and-icon-onbrand)
}

.lc9p2nm {
    position: fixed;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    background: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.ujw8hcu {
    transition: all .3s;
    height: 56px;
    width: 100%
}

@media (max-width:520px) {
    .ujw8hcu {
        max-width: none;
        width: 100%
    }
}

.ujw8hcu div:first-child {
    align-self: flex-end;
    height: 22px
}

.ujw8hcu input {
    padding: 0
}

.upk4lwu {
    position: relative
}

.ulsey0 {
    pointer-events: none;
    color: var(--text-and-icon-primary);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    top: 27px;
    inset-inline-start: 18px;
    position: absolute
}

.ulsey0>span {
    visibility: hidden
}

.tg1ukqx div {
    pointer-events: none
}

.tg1ukqx:active .ujw8hcu {
    background-color: var(--statement-background-secondarypressed);
    border-color: var(--statement-background-secondarypressed)
}

.cnej3wt {
    align-items: flex-start;
    padding: 0 !important
}

@media (max-width:960px) {
    .cnej3wt {
        align-items: center !important
    }
}

.suptzn1 {
    width: 40px;
    height: 40px;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
    display: flex;
    justify-content: var(--suptzn1-0)
}

.h16qs0li {
    margin-top: 4px;
    color: var(--text-and-icon-secondary)
}

.h16qs0li,
.h16qs0li div,
.h16qs0li span {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.h7ntl2q {
    position: relative;
    z-index: 2;
    padding: 24px 32px;
    width: 100%;
    box-sizing: border-box;
    transition: transform .3s ease;
    background: transparent;
    display: flex;
    align-self: flex-start;
    align-items: center;
    justify-content: space-between
}

@media (max-width:960px) {
    .h7ntl2q {
        background: var(--h7ntl2q-0)
    }
}

@media (max-width:640px) {
    .h7ntl2q {
        padding: 8px 16px
    }
}

.h7ntl2q svg {
    height: 40px
}

.h2jww4n {
    display: block;
    width: 100%
}

.h6npib7 {
    cursor: pointer;
    padding: 0 14.5px;
    border-radius: 100px;
    transition: .3s;
    min-width: 40px
}

.hwkblaw {
    display: none;
    width: 100%
}

.lbdbpel {
    font-size: 16px;
    padding: 0 50px 0 0
}

.lbdbpel a {
    font-weight: 400;
    white-space: nowrap;
    color: #7c8698
}

.lbdbpel a:hover {
    color: #1b1b1c
}

.lbdbpel button {
    font-weight: 400;
    font-size: 16px;
    background: none;
    border: none;
    cursor: pointer;
    color: #7c8698
}

.s1jy5hiz {
    position: absolute;
    top: 50px;
    display: var(--s1jy5hiz-0);
    flex-direction: column;
    z-index: 1000;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 32px 0 rgb(0 0 0/8%);
    overflow: auto
}

.s1jy5hiz div {
    min-width: 200px
}

.s1jy5hiz a {
    width: 100%;
    color: #7c8698;
    -webkit-text-decoration: none;
    text-decoration: none
}

.s1jy5hiz a:hover {
    color: #1b1b1c !important
}

.l5hn762 a {
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    padding: 9px 16px;
    min-height: 40px;
    color: var(--text-and-icon-primary)
}

.lhqrj3f {
    position: relative;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    display: flex;
    justify-content: flex-end
}

.s18zxe3h {
    width: 100vw;
    position: fixed;
    z-index: 2;
    top: 72px;
    inset-inline-start: 0;
    bottom: 0;
    transform: var(--s18zxe3h-0);
    transition: transform .2s ease-in-out;
    box-sizing: border-box;
    padding: 16px;
    background: #fff;
    min-height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden
}

.l1nn0uo9 {
    display: flex;
    flex-wrap: wrap
}

.c1ckzqn8 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 100px;
    margin: 0 8px 16px 0;
    flex-direction: row;
    padding: 6px 12px;
    background: var(--c1ckzqn8-0) !important;
    line-height: 0
}

.c1ckzqn8 a,
.c1ckzqn8 p {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--c1ckzqn8-1)
}

.mespyjd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    width: 100%;
    padding: 0
}

.mespyjd p {
    font-weight: 600;
    font-size: 16px
}

.a17v74wg {
    width: 12px;
    transform: var(--a17v74wg-0);
    transition: transform .2s ease-in-out
}

.st0vyk1 {
    width: 28px;
    margin: 0 0 0 10px
}

@media (max-width:600px) {
    .st0vyk1 {
        width: 28px
    }
}

.h1o3m61r a {
    font-size: 16px
}

.h1wufs6g {
    display: flex;
    align-items: center;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

.h1wufs6g .h6npib7 {
    background: var(--h1wufs6g-0);
    border-color: var(--h1wufs6g-0);
    color: var(--h1wufs6g-2)
}

.h1wufs6g .h6npib7:hover {
    color: var(--text-and-icon-oncolor);
    border-color: #495563;
    background: #495563
}

@media (max-width:960px) {
    .h1wufs6g .h6npib7 {
        background: var(--h1wufs6g-3)
    }
}

.tcuvs6k {
    margin-bottom: 56px;
    max-width: 920px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--extensions-text-and-icon-alwayslight)
}

@media (max-width:520px) {
    .tcuvs6k {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 20px
    }
}

.c1aipaeh {
    margin-top: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--text-and-icon-oncolor)
}

@media (max-width:1440px) {
    .c1aipaeh {
        max-width: none;
        padding: 0 32px
    }
}

@media (max-width:960px) {
    .c1aipaeh {
        margin-top: 32px
    }
}

@media (max-width:640px) {
    .c1aipaeh {
        padding: 0 16px
    }
}

.c1aipaeh h1 {
    font-size: 88px;
    line-height: 88px;
    max-width: 1150px;
    font-weight: 600;
    margin-bottom: 32px;
    color: var(--extensions-text-and-icon-alwayslight)
}

.c1aipaeh h1 span {
    color: var(--background-brand)
}

@media (max-width:780px) {
    .c1aipaeh h1 {
        margin-bottom: 20px;
        font-size: 48px;
        line-height: 60px
    }
}

@media (max-width:520px) {
    .c1aipaeh h1 {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 38px
    }
}

.c1aipaeh div {
    margin-bottom: 56px;
    max-width: 920px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--extensions-text-and-icon-alwayslight)
}

@media (max-width:520px) {
    .c1aipaeh div {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 20px
    }
}

.o1lxrr0x {
    background: url(/assets/images/bg_hero2.jpeg);
    padding-bottom: 96px;
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    background-size: cover;
    position: relative;
    z-index: 1
}

@media (max-width:520px) {
    .o1lxrr0x {
        padding-bottom: 0;
        background: linear-gradient(0deg, var(--background-secondary) 50%, transparent 50%), url(/assets/images/bg_hero2.jpeg);
        background-size: cover
    }
}

.o1bd4sap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.o1bd4sap>span {
    height: 100% !important
}

.o1bd4sap img {
    object-fit: cover
}

.s12blxln {
    position: fixed;
    width: 100%;
    z-index: 30;
    background: var(--background-primary);
    bottom: 0;
    margin: 0 -16px;
    padding: 16px;
    box-shadow: 0 4px 28px 0 #272c3314
}

.s1dhlxep {
    margin-top: var(--s1dhlxep-0);
    text-align: start;
    -webkit-column-gap: 16px;
    grid-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    width: 100%;
    grid-template-columns: var(--s1dhlxep-1);
    grid-auto-flow: column
}

@media screen and (max-width:820px) {
    .s1dhlxep {
        margin-top: 16px
    }
}

.s1dhlxep>button {
    border-radius: 8px
}

@media (max-width:1480px) {
    .s1dhlxep {
        row-gap: 16px;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }

    .s1dhlxep>div:first-child {
        grid-column: 1/span 6
    }

    .s1dhlxep>div:nth-child(2) {
        grid-column: 7/span 6
    }

    .s1dhlxep>div:nth-child(3) {
        grid-column: var(--s1dhlxep-2)
    }

    .s1dhlxep>div:nth-child(4) {
        grid-column: var(--s1dhlxep-3)
    }

    .s1dhlxep>div:nth-child(5) {
        grid-column: var(--s1dhlxep-4)
    }

    .s1dhlxep>div:nth-child(6) {
        grid-column: var(--s1dhlxep-5)
    }

    .s1dhlxep>button {
        grid-column: 1/span 12
    }
}

@media (max-width:820px) {

    .s1dhlxep>.s12blxln,
    .s1dhlxep>div:first-child,
    .s1dhlxep>div:nth-child(2),
    .s1dhlxep>div:nth-child(3),
    .s1dhlxep>div:nth-child(4),
    .s1dhlxep>div:nth-child(5),
    .s1dhlxep>div:nth-child(6),
    .s1dhlxep>div:nth-child(7) {
        grid-column: 1/span 12
    }
}

.c1d47vb7 {
    padding: 8px 20px
}

.c1d47vb7 span {
    display: flex;
    align-items: center;
    overflow: initial;
    margin-left: 0
}

.cxyjvey {
    overflow: initial;
    flex-wrap: wrap
}

.cxyjvey .c1d47vb7 {
    margin-right: 0;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.r1fitjmi {
    display: flex;
    column-gap: 24px;
    color: var(--text-and-icon-primary);
    width: 100%
}

@media (max-width:640px) {
    .r1fitjmi {
        flex-wrap: wrap
    }
}

.c1rw4wlk {
    position: relative
}

.rfn8cjq,
.rfn8cjq label {
    display: flex;
    align-items: center
}

.rfn8cjq label {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: var(--text-and-icon-primary)
}

.rfn8cjq label input+div {
    margin-right: 0;
    -webkit-margin-end: 12px;
    margin-inline-end: 12px
}

@media (max-width:640px) {
    .rfn8cjq {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse
    }

    .rfn8cjq label {
        font-weight: 500;
        font-size: 16px;
        line-height: 40px
    }

    .rfn8cjq label input+div {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

@media (max-width:520px) {
    .sm2sscy {
        width: 100%
    }
}

.hlgfv9s {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-and-icon-secondary)
}

.m1gcquuo {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 20px
}

.m1gcquuo div,
.m1gcquuo input {
    direction: var(--m1gcquuo-0)
}

.m1gcquuo>div:first-child {
    height: 56px
}

.m1gcquuo>div:not(:first-child) {
    inset-inline-start: 0
}

.m1gcquuo>div>div:first-child {
    display: none
}

@media (max-width:640px) {
    .m1gcquuo {
        margin-bottom: 0
    }
}

.i1t0gwfn {
    display: flex;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    width: 192px;
    max-width: 192px;
    position: absolute;
    top: 56px;
    inset-inline-start: 0;
    padding: 20px;
    background: var(--extensions-background-surface);
    box-shadow: 0 4px 20px rgba(50, 57, 66, .14);
    border-radius: 16px
}

.i1t0gwfn>div {
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--text-and-icon-primary)
}

.i1t0gwfn button {
    max-width: 40px
}

@media (max-width:520px) {
    .i1t0gwfn {
        width: 100%;
        position: relative;
        top: auto;
        padding: 0;
        max-width: none;
        box-shadow: none
    }

    .i1t0gwfn button {
        max-width: 56px;
        width: 56px;
        height: 56px
    }

    .i1t0gwfn>div {
        font-weight: 700;
        font-size: 32px;
        line-height: 44px
    }
}

.c1creszx {
    padding: 0;
    width: 40px;
    max-width: 40px;
    min-width: 40px
}

.m142rvkp {
    display: var(--m142rvkp-0);
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.fhz3k54 {
    display: flex;
    padding: 130px 0;
    justify-content: center;
    align-items: center
}

@media (max-width:640px) {
    .fhz3k54 {
        padding: 250px 0
    }
}

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

.d1n8w739 .ujw8hcu>div {
    display: none
}

.c10l7r6j {
    display: flex;
    align-items: center;
    column-gap: 24px
}

.c1htveao {
    border: 1px solid var(--border-primary);
    align-self: stretch;
    margin: 4px 0
}

.tbvjhqm {
    display: flex;
    align-items: center
}

.wlf0thy {
    justify-content: space-between;
    width: 100%;
    padding: 16px;
    border-radius: 16px;
    background: var(--extensions-background-lightaccent);
    margin-bottom: 20px
}

.wlf0thy,
.wlf0thy div {
    display: flex;
    align-items: center;
    color: var(--text-and-icon-primary)
}

.wlf0thy div {
    column-gap: 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    -webkit-letter-spacing: -.2px;
    -moz-letter-spacing: -.2px;
    -ms-letter-spacing: -.2px;
    letter-spacing: -.2px
}

@media (max-width:960px) {
    .wlf0thy div {
        column-gap: 8px
    }
}

.mgnu4qd {
    width: 100%;
    padding: 0 24px 56px
}

@media (max-width:1024px) {
    .mgnu4qd {
        padding: 0 0 32px
    }
}

.mp41hhh {
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
    color: var(--text-and-icon-primary);
    text-align: center
}

.m1ijbmxz {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--text-and-icon-secondary);
    text-align: center;
    margin: 16px 0 32px
}

.mqpde23 {
    height: 16px
}

@media (max-width:1024px) {
    .mqpde23 {
        height: 0;
        margin-bottom: -8px
    }
}

@media (max-width:320px) {
    .c1qxost1 {
        overflow: initial;
        flex-wrap: nowrap;
    }
}

.t60ys72 {
    display: var(--t60ys72-0);
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.b1uod7w9,
.b1uod7w9 h2 {
    min-height: auto
}

.b1uod7w9 h2 {
    padding: 20px 56px 0
}





 @media screen and (max-width: 480px) {

        .ij2c3as {
  
    padding: 0px 8px 0px 8px;
  
}
 }