/* Freecash LP design system, extracted verbatim from template/Freecash*.html.
   Do not edit: theme overrides live in theme-winix.css. */

@font-face {
    font-family: Poppins Fallback;
    src: local(Arial);
    ascent-override: 93.62%;
    descent-override: 31.21%;
    line-gap-override: 8.92%;
    size-adjust: 112.16%
}

:root {
    --font-poppins: "Poppins", "Poppins Fallback"
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.5;
    font-family: var(--font-poppins), system-ui, sans-serif;
    -webkit-font-smoothing: auto;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: auto;
    touch-action: manipulation;
    font-weight: 400
}

body {
    font-feature-settings: "kern";
    min-height: 100%;
    margin: 0;
    position: relative
}

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

main {
    display: block
}

:where(a) {
    -webkit-text-decoration: inherit;
    background-color: #0000
}

:where(img) {
    border-style: none
}

:where(button, input, optgroup, select, textarea) {
    margin: 0;
    font-family: inherit;
    font-size: 100%
}

:where(button, input) {
    overflow: visible
}

:where(button, select) {
    text-transform: none
}

:where() {
    border-style: none;
    padding: 0
}

input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

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

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

template {
    display: none
}

[hidden] {
    display: none !important
}

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

:where(button) {
    background: 0 0
}

button::-moz-focus-inner {
    border: 0 !important
}

:where(button, input, optgroup, select, textarea) {
    line-height: inherit;
    color: inherit;
    padding: 0
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block
}

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

:where(select)::-ms-expand {
    display: none
}
    

@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        :root,
        :host {
            --fc-skel-mix: .5;
            --fc-skel-bright: .4
        }

        *,
        :before,
        :after,
        ::backdrop {
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-pan-x: initial;
            --tw-pan-y: initial;
            --tw-pinch-zoom: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0#0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0#0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0#0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0#0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0#0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-text-shadow-color: initial;
            --tw-text-shadow-alpha: 100%;
            --tw-content: "";
            --ds-carousel-fade-start: 1;
            --ds-carousel-fade-end: 1;
            --scroll-edge-top: 0px;
            --scroll-edge-bottom: 0px
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: 1.25rem;
        --text-sm: .875rem;
        --text-sm--line-height: 1.375rem;
        --text-base: 1rem;
        --text-base--line-height: calc(1.5/1);
        --text-lg: 1.125rem;
        --text-lg--line-height: 1.625rem;
        --text-xl: 1.25rem;
        --text-xl--line-height: 1.75rem;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: 2rem;
        --text-3xl: 2rem;
        --text-3xl--line-height: 2.5rem;
        --text-4xl: 2.5rem;
        --text-4xl--line-height: 3rem;
        --text-5xl: 3rem;
        --text-5xl--line-height: 3.5rem;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --drop-shadow-sm: 0 1px 2px #00000026;
        --drop-shadow-lg: 0 4px 4px #00000026;
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-3xl: 64px;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --color-core-freecashGreen-50: #edfff6;
        --color-core-freecashGreen-100: #d6ffec;
        --color-core-freecashGreen-200: #afffda;
        --color-core-freecashGreen-300: #71ffc0;
        --color-core-freecashGreen-400: #2cfc9e;
        --color-core-freecashGreen-500: #01d676;
        --color-core-freecashGreen-600: #00bf66;
        --color-core-freecashGreen-700: #009653;
        --color-core-freecashGreen-800: #067544;
        --color-core-freecashGreen-900: #00361f;
        --color-core-freecashGreen-25-A10: #01d6761a;
        --color-core-freecashGreen-25-A30: #01d6764d;
        --color-core-freecashGreen-25-A50: #01d67680;
        --color-core-freecashGreen-25-A70: #01d676b3;
        --color-core-freecashGreen-25-A80: #01d676cc;
        --color-core-cyan-400: #0fd;
        --color-core-cyan-500: #10ffdd;
        --color-core-cyan-400-A10: #00ffdd1a;
        --color-core-cyan-500-A10: #10ffdd1a;
        --color-core-greyBlue-25: #ccd;
        --color-core-greyBlue-50: #a9a9ca;
        --color-core-greyBlue-100: #7d7d9e;
        --color-core-greyBlue-200: #525266;
        --color-core-greyBlue-300: #33334d;
        --color-core-greyBlue-400: #2f3043;
        --color-core-greyBlue-500: #252539;
        --color-core-greyBlue-600: #212134;
        --color-core-greyBlue-700: #1d1e30;
        --color-core-greyBlue-800: #1e1e2e;
        --color-core-greyBlue-900: #141523;
        --color-core-greyBlue-A-10: #1415231a;
        --color-core-greyBlue-A-30: #1415234d;
        --color-core-greyBlue-A-50: #14152380;
        --color-core-greyBlue-A-70: #141523b3;
        --color-core-greyBlue-A-80: #141523cc;
        --color-core-greyBlue-25-A10: #ccccdd1a;
        --color-core-greyBlue-25-A15: #ccccdd26;
        --color-core-greyBlue-25-A30: #ccccdd4d;
        --color-core-greyBlue-25-A50: #ccccdd80;
        --color-core-greyBlue-25-A70: #ccccddb3;
        --color-core-greyBlue-25-A80: #ccdc;
        --color-core-red-50: #fef2f2;
        --color-core-red-100: #fee2e2;
        --color-core-red-200: #fecaca;
        --color-core-red-300: #fca5a5;
        --color-core-red-400: #f97070;
        --color-core-red-500: #f04343;
        --color-core-red-600: #de2c2c;
        --color-core-red-700: #ba1b1b;
        --color-core-red-800: #9a1a1a;
        --color-core-red-900: #7f1d1d;
        --color-core-red-25-A10: #f043431a;
        --color-core-red-25-A30: #f043434d;
        --color-core-red-25-A50: #f0434380;
        --color-core-red-25-A70: #f04343b3;
        --color-core-red-25-A80: #f04343cc;
        --color-core-yellow-50: #fefde8;
        --color-core-yellow-100: #fffec2;
        --color-core-yellow-200: #fff889;
        --color-core-yellow-300: #ffeb32;
        --color-core-yellow-400: #fddd12;
        --color-core-yellow-500: #ecc206;
        --color-core-yellow-600: #cc9702;
        --color-core-yellow-700: #a36c05;
        --color-core-yellow-800: #86540d;
        --color-core-yellow-900: #724511;
        --color-core-yellow-25-A10: #ecc2061a;
        --color-core-yellow-25-A30: #ecc2064d;
        --color-core-yellow-25-A50: #ecc20680;
        --color-core-yellow-25-A70: #ecc206b3;
        --color-core-yellow-25-A80: #ecc206cc;
        --color-core-blue-50: #e0f4fe;
        --color-core-blue-100: #bbeafc;
        --color-core-blue-200: #7fd9fa;
        --color-core-blue-300: #3ac7f6;
        --color-core-blue-400: #11b1e6;
        --color-core-blue-500: #059fdb;
        --color-core-blue-600: #05719f;
        --color-core-blue-700: #096083;
        --color-core-blue-800: #0d506d;
        --color-core-blue-900: #093348;
        --color-core-blue-25-A10: #059fdb1a;
        --color-core-blue-25-A30: #059fdb4d;
        --color-core-blue-25-A50: #059fdb80;
        --color-core-blue-25-A70: #059fdbb3;
        --color-core-blue-25-A80: #059fdbcc;
        --color-core-neutral-0: #fff;
        --color-core-neutral-1000: #000;
        --color-core-neutral-0-A10: #ffffff1a;
        --color-core-neutral-0-A30: #ffffff4d;
        --color-core-neutral-0-A50: #ffffff80;
        --color-core-neutral-0-A70: #ffffffb3;
        --color-core-neutral-0-A80: #fffc;
        --color-core-neutral-1000-A10: #0000001a;
        --color-core-neutral-1000-A30: #0000004d;
        --color-core-neutral-1000-A50: #00000080;
        --color-core-neutral-1000-A70: #000000b3;
        --color-core-neutral-1000-A80: #000c;
        --color-core-gold-500: #ffe229;
        --color-core-gold-600: #b39a1e;
        --color-core-gold-500-A10: #ffe2291a;
        --color-core-gold-500-A30: #ffe2294d;
        --color-core-gold-500-A50: #ffe22980;
        --color-core-gold-500-A70: #ffe229b3;
        --color-core-gold-500-A80: #ffe229cc;
        --color-core-bronze-500: #ff9829;
        --color-core-bronze-600: #b3691e;
        --color-core-bronze-500-A10: #ff98291a;
        --color-core-bronze-500-A30: #ff98294d;
        --color-core-bronze-500-A50: #ff982980;
        --color-core-bronze-500-A70: #ff9829b3;
        --color-core-bronze-500-A80: #ff9829cc;
        --color-highlight-orange-50: #fff8ed;
        --color-highlight-orange-100: #fff0d5;
        --color-highlight-orange-200: #ffdda9;
        --color-highlight-orange-300: #ffc472;
        --color-highlight-orange-400: #fd9727;
        --color-highlight-orange-500: #fc8413;
        --color-highlight-orange-600: #ed6809;
        --color-highlight-orange-700: #c44e0a;
        --color-highlight-orange-800: #9c3d10;
        --color-highlight-orange-900: #7d3411;
        --color-highlight-orange-300-A10: #ffc4721a;
        --color-highlight-orange-25-A10: #fc84131a;
        --color-highlight-orange-25-A30: #fc84134d;
        --color-highlight-orange-25-A50: #fc841380;
        --color-highlight-orange-25-A70: #fc8413b3;
        --color-highlight-orange-25-A80: #fc8413cc;
        --color-highlight-fuschia-50: #fff4fe;
        --color-highlight-fuschia-100: #fee9fd;
        --color-highlight-fuschia-200: #fcd2f8;
        --color-highlight-fuschia-300: #f9aeee;
        --color-highlight-fuschia-400: #f47ee2;
        --color-highlight-fuschia-500: #e533c9;
        --color-highlight-fuschia-600: #cc2daf;
        --color-highlight-fuschia-700: #a9228e;
        --color-highlight-fuschia-800: #8a1e73;
        --color-highlight-fuschia-900: #711e5d;
        --color-highlight-fuschia-25-A10: #e533c91a;
        --color-highlight-fuschia-25-A30: #e533c94d;
        --color-highlight-fuschia-25-A50: #e533c980;
        --color-highlight-fuschia-25-A70: #e533c9b3;
        --color-highlight-fuschia-25-A80: #e533c9cc;
        --color-highlight-blueRibbon-50: #ecf1ff;
        --color-highlight-blueRibbon-100: #dde5ff;
        --color-highlight-blueRibbon-200: #c2d0ff;
        --color-highlight-blueRibbon-300: #9cafff;
        --color-highlight-blueRibbon-400: #7584ff;
        --color-highlight-blueRibbon-500: #555bff;
        --color-highlight-blueRibbon-600: #3e36f5;
        --color-highlight-blueRibbon-700: #352ad8;
        --color-highlight-blueRibbon-800: #2b25ae;
        --color-highlight-blueRibbon-900: #282689;
        --color-highlight-blueRibbon-25-A10: #555bff1a;
        --color-highlight-blueRibbon-25-A30: #555bff4d;
        --color-highlight-blueRibbon-25-A50: #555bff80;
        --color-highlight-blueRibbon-25-A70: #555bffb3;
        --color-highlight-blueRibbon-25-A80: #555bffcc;
        --color-highlight-purple-50: #e7eaf8;
        --color-highlight-purple-100: #d3d7f2;
        --color-highlight-purple-200: #b8bee9;
        --color-highlight-purple-300: #9c9edd;
        --color-highlight-purple-400: #8783d1;
        --color-highlight-purple-500: #7469c2;
        --color-highlight-purple-600: #6459a9;
        --color-highlight-purple-700: #524a8a;
        --color-highlight-purple-800: #45416e;
        --color-highlight-purple-900: #292640;
        --color-highlight-purple-25-A10: #7469c21a;
        --color-highlight-purple-25-A30: #7469c24d;
        --color-highlight-purple-25-A50: #7469c280;
        --color-highlight-purple-25-A70: #7469c2b3;
        --color-highlight-purple-25-A80: #7469c2cc;
        --color-highlight-grey-50: #fafafa;
        --color-highlight-grey-100: #f4f4f5;
        --color-highlight-grey-200: #e4e5e7;
        --color-highlight-grey-300: #d4d5d8;
        --color-highlight-grey-400: #8f929c;
        --color-highlight-grey-500: #70737b;
        --color-highlight-grey-600: #51545c;
        --color-highlight-grey-700: #3e4047;
        --color-highlight-grey-800: #27282a;
        --color-highlight-grey-900: #18191b;
        --color-highlight-grey-25-A10: #70737b1a;
        --color-highlight-grey-25-A30: #70737b4d;
        --color-highlight-grey-25-A50: #70737b80;
        --color-highlight-grey-25-A70: #70737bb3;
        --color-highlight-grey-25-A80: #70737bcc;
        --radius-01: .25rem;
        --radius-02: .5rem;
        --radius-03: .75rem;
        --radius-04: 1rem;
        --radius-05: 1.25rem;
        --radius-06: 1.5rem;
        --radius-07: 2rem;
        --radius-08: 6.25rem;
        --text-micro: .625rem;
        --text-micro-d: .75rem;
        --text-xs-d: .875rem;
        --text-sm-d: 1rem;
        --text-md: 1rem;
        --text-md-d: 1.125rem;
        --text-lg-d: 1.25rem;
        --text-xl-d: 1.5rem;
        --text-2xl-d: 2rem;
        --text-3xl-d: 2.5rem;
        --text-4xl-d: 3rem;
        --text-5xl-d: 3.5rem;
        --text-micro--line-height: .875rem;
        --text-micro-d--line-height: 1.25rem;
        --text-xs-d--line-height: 1.375rem;
        --text-sm-d--line-height: 1.5rem;
        --text-md--line-height: 1.5rem;
        --text-md-d--line-height: 1.625rem;
        --text-lg-d--line-height: 1.75rem;
        --text-xl-d--line-height: 2rem;
        --text-2xl-d--line-height: 2.5rem;
        --text-3xl-d--line-height: 3rem;
        --text-4xl-d--line-height: 3.5rem;
        --text-5xl-d--line-height: 4rem;
        --leading-micro: .875rem;
        --leading-micro-d: 1.25rem;
        --leading-xs: 1.25rem;
        --leading-xs-d: 1.375rem;
        --leading-sm: 1.375rem;
        --leading-sm-d: 1.5rem;
        --leading-md: 1.5rem;
        --leading-md-d: 1.625rem;
        --leading-lg: 1.625rem;
        --leading-lg-d: 1.75rem;
        --leading-xl: 1.75rem;
        --leading-xl-d: 2rem;
        --leading-2xl: 2rem;
        --leading-2xl-d: 2.5rem;
        --leading-3xl: 2.5rem;
        --leading-3xl-d: 3rem;
        --leading-4xl: 3rem;
        --leading-4xl-d: 3.5rem;
        --leading-5xl: 3.5rem;
        --leading-5xl-d: 4rem;
        --tracking-none: 0rem;
        --tracking-none-d: 0rem;
        --tracking-xs: -.005rem;
        --tracking-xs-d: -.01rem;
        --tracking-sm: -.01rem;
        --tracking-sm-d: -.015rem;
        --tracking-md: -.015rem;
        --tracking-md-d: -.02rem;
        --tracking-lg: -.02rem;
        --tracking-lg-d: -.025rem;
        --tracking-xl: -.025rem;
        --tracking-xl-d: -.03rem;
        --grid-margin-xs: 1rem;
        --grid-margin-sm: 1.5rem;
        --grid-margin-md: 1.5rem;
        --grid-max-content-width: 1392px;
        --container-ds-content: 1392px;
        --font-body: var(--font-poppins), sans-serif;
        --font-heading: var(--font-poppins), sans-serif;
        --font-poppins: var(--font-poppins), sans-serif;
        --z-overlay: 1400;
        --z-toast: 60;
        --header-height: 66px;
        --motion-duration-micro: .15s;
        --motion-duration-fast: .2s;
        --motion-duration-standard: .3s;
        --motion-duration-emphasis: .4s;
        --motion-ease-enter: cubic-bezier(0, 0, .2, 1);
        --motion-ease-exit: cubic-bezier(.4, 0, 1, 1);
        --motion-ease-standard: cubic-bezier(.4, 0, .2, 1);
        --motion-ease-pop: cubic-bezier(.34, 1.56, .64, 1);
        --ease-enter: var(--motion-ease-enter);
        --ease-exit: var(--motion-ease-exit);
        --ease-standard: var(--motion-ease-standard);
        --animate-accordion-down: accordion-down var(--motion-duration-standard) var(--motion-ease-standard), scrim-in var(--motion-duration-standard) var(--motion-ease-standard);
        --animate-accordion-up: accordion-up var(--motion-duration-standard) var(--motion-ease-standard), scrim-out var(--motion-duration-standard) var(--motion-ease-standard);
        --animate-button-beam: button-beam 3s infinite linear;
        --animate-payout-beam: payout-beam 3s infinite linear;
        --animate-skeleton-breathe: skeleton-breathe 2.8s ease-in-out infinite;
        --animate-text-shimmer: text-shimmer 3s linear infinite;
        --animate-tooltip-in: tooltip-in var(--motion-duration-micro) var(--motion-ease-enter) backwards;
        --animate-fade-in: fade-in var(--motion-duration-micro) var(--motion-ease-enter) backwards;
        --animate-content-fade-in: content-fade-in var(--motion-duration-standard) var(--motion-ease-enter) backwards;
        --animate-pop-in: pop-in var(--motion-duration-emphasis) var(--motion-ease-pop) backwards;
        --animate-new-tag-fade: scrim-out 3s var(--motion-ease-enter) forwards;
        --animate-reward-roll-out: reward-roll-out 1s var(--motion-ease-exit) 1s both;
        --animate-reward-roll-in: reward-roll-in 1s var(--motion-ease-enter) 1s both;
        --animate-reward-sparkle: nav-dot-ping 1s var(--motion-ease-enter) both;
        --animate-task-glow-sweep: task-glow-sweep 2s var(--motion-ease-standard) infinite alternate;
        --animate-task-glow-blink: task-glow-blink 6s var(--motion-ease-standard) forwards;
        --animate-modal-in: modal-in var(--motion-duration-fast) var(--motion-ease-enter) backwards;
        --animate-modal-out: modal-out var(--motion-duration-micro) var(--motion-ease-exit) forwards;
        --animate-scrim-in: scrim-in var(--motion-duration-fast) var(--motion-ease-enter) backwards;
        --animate-scrim-out: scrim-out var(--motion-duration-micro) var(--motion-ease-exit) forwards;
        --animate-sheet-in: sheet-in var(--motion-duration-standard) var(--motion-ease-enter) backwards;
        --animate-sheet-out: sheet-out var(--motion-duration-fast) var(--motion-ease-exit) forwards;
        --animate-sheet-floating-in: sheet-floating-in var(--motion-duration-standard) var(--motion-ease-enter) backwards;
        --animate-sheet-floating-out: sheet-floating-out var(--motion-duration-fast) var(--motion-ease-exit) forwards;
        --animate-drawer-in-right: drawer-in-right var(--motion-duration-fast) var(--motion-ease-enter) backwards;
        --animate-drawer-out-right: drawer-out-right var(--motion-duration-micro) var(--motion-ease-exit) forwards;
        --animate-drawer-in-left: drawer-in-left var(--motion-duration-fast) var(--motion-ease-enter) backwards;
        --animate-drawer-out-left: drawer-out-left var(--motion-duration-micro) var(--motion-ease-exit) forwards;
        --animate-drawer-in-top: drawer-in-top var(--motion-duration-fast) var(--motion-ease-enter) backwards;
        --animate-drawer-out-top: drawer-out-top var(--motion-duration-micro) var(--motion-ease-exit) forwards;
        --animate-pulse-ring-outer: pulse-ring-outer 5s infinite;
        --animate-pulse-ring-inner: pulse-ring-inner 5s infinite;
        --animate-widget-scale: widget-scale 1.7s linear forwards;
        --animate-widget-scale-track: widget-scale-track 1.7s linear forwards;
        --animate-widget-wipe: widget-wipe .17s linear forwards;
        --animate-widget-flash: widget-flash 1.7s linear;
        --animate-widget-increment-toast: widget-increment-toast 1.7s linear forwards;
        --animate-bell-swing: bell-swing 1.2s ease-in-out;
        --animate-lock-rattle: bell-swing .5s ease-in-out;
        --animate-nav-dot-ping: nav-dot-ping 1s var(--motion-ease-enter) infinite;
        --animate-progress-indeterminate: progress-indeterminate 1.4s linear infinite;
        --animate-countdown-pulse: countdown-pulse 2s var(--motion-ease-standard) infinite;
        --animate-reward-sparkle-loop: reward-sparkle 2s var(--motion-ease-standard) infinite;
        --animate-typing-dot-bounce: typing-dot-bounce 1.2s var(--motion-ease-standard) infinite;
        --animate-typing-pulse: typing-pulse 1.8s var(--motion-ease-standard) infinite;
        --animate-scroll-hint-bounce: scroll-hint-bounce 1.8s var(--motion-ease-standard) infinite;
        --breakpoint-lg: 1120px;
        --breakpoint-footer-lg: 70.8125rem;
        --color-core-appUsageAccent-500: #10ffdd;
        --color-core-appUsageAccent-500-A10: #10ffdd1a;
        --color-core-rewardsRush-500: #007c6b;
        --color-core-streakTab-500: #1a3037;
        --color-core-streakTab-600: #18413d;
        --color-core-gold-25-A10: #ffe2291a;
        --color-core-gold-25-A30: #ffe2294d;
        --color-core-gold-25-A50: #ffe22980;
        --color-core-gold-25-A70: #ffe229b3;
        --shadow-outline: 0 0 0 3px #4299e199;
        --animate-swing: swing 2s ease-in-out;
        --animate-progressIndeterminate: progressIndeterminate 1s ease infinite normal none running;
        --animate-progressbar: progressbar 3s linear infinite;
        --animate-tapMatchScaleIn: tapMatchScaleIn .4s cubic-bezier(.4, 0, .2, 1);
        --animate-tapMatchMatchBlink: tapMatchMatchBlink .3s linear 0s 3 forwards;
        --animate-tapMatchLostBlink: tapMatchLostBlink .3s linear 0s 3 forwards;
        --animate-affiliateShake: affiliateShake 8.8s infinite -6s;
        --animate-affiliateNudge: affiliateNudge 2s ease-in-out 2s infinite;
        --animate-affiliateNudgeNeg: affiliateNudgeNeg 2s ease-in-out 2s infinite;
        --animate-rewardsRushPulse: rewardsRushPulse 2s ease-in-out infinite;
        --animate-rewardsRushRipple: rewardsRushRipple 2s ease-out infinite;
        --animate-rewardsRushRippleDelayed: rewardsRushRipple 2s ease-out .4s infinite;
        --animate-lgRise: lgRise .82s cubic-bezier(.34, .12, .24, 1) .28s both;
        --animate-lgLift: lgLift .82s linear .28s both;
        --animate-lgPartUp: lgPartUp .5s cubic-bezier(.33, .85, .28, 1) .42s both;
        --animate-lgPartDown: lgPartDown .5s cubic-bezier(.33, .85, .28, 1) .42s both;
        --animate-lgRank: lgRank .26s cubic-bezier(.34, 1.4, .64, 1) 1.06s both;
        --animate-lgEdge: lgEdge .46s cubic-bezier(.22, 1, .36, 1) 1.08s forwards;
        --animate-revealIn: revealIn .4s ease-out both;
        --animate-partnerMarquee: partnerMarquee 20s ease-in-out 2s infinite;
        --animate-coinSlideOut: coinSlideOut 1s ease-in-out 1s forwards;
        --animate-streakGlow: streakGlow 3s ease-in-out infinite;
        --animate-streakRingPulse: streakRingPulse 3s ease-out infinite;
        --animate-scrollHintBounce: scrollHintBounce 1.8s cubic-bezier(.4, 0, .6, 1) infinite;
        --animate-cardPressBounce: cardPressBounce .3s;
        --animate-dailyTaskSlideOut: dailyTaskSlideOut 1s ease-in-out 1s forwards;
        --animate-taskValueSlideOut: taskValueSlideOut 1s ease-in-out 1s forwards;
        --animate-badgePulseScale: badgePulseScale 2s steps(1) infinite;
        --animate-overlayBgIn: overlayBgIn .2s ease-out both;
        --animate-overlayScrimIn: overlayScrimIn .2s ease-out both;
        --animate-overlayScrimOut: overlayScrimOut .2s ease-out both;
        --animate-searchV2FieldExpand: searchV2FieldExpand .2s ease-out both;
        --animate-searchV2FieldCollapse: searchV2FieldCollapse .2s ease-out both;
        --animate-contentOut: contentOut .2s ease-out both;
        --animate-contentIn: contentIn .2s ease-out both;
        --animate-bonusPulse: bonusPulse 3s infinite ease-in;
        --animate-offerBadgePulse: offerBadgePulse 2s step-end infinite;
        --animate-starBlink: starBlink 12s infinite;
        --animate-myOffersPulsate: myOffersPulsate 1s ease-out infinite;
        --animate-taskBlink: taskBlink 2s ease-in-out infinite;
        --animate-taskBlinkGold: taskBlinkGold 2s ease-in-out infinite;
        --animate-onboardingVideoBadgeShine: onboardingVideoBadgeShine 2.6s ease-in-out infinite;
        --animate-onboardingVideoBadgeGold: onboardingVideoBadgeGold 3.2s ease-in-out infinite;
        --animate-taskBlinkIntro: taskBlink 2s ease-in-out 3;
        --animate-vrIntroFade: vrIntroFade 7s ease-out forwards;
        --animate-vrGlowTravel: vrGlowTravel 2s ease-in-out infinite alternate;
        --animate-taskWheelSpin: arcSpin .8s ease-in-out;
        --animate-wheelIndicatorPulse: wheelIndicatorPulse 2.2s infinite;
        --animate-boostLightbeam: boostLightbeam 2s infinite linear;
        --animate-boostGemFadeBoost: boostGemFadeBoost 1s ease forwards;
        --animate-boostGemFadeBlack: boostGemFadeBlack 1s ease forwards;
        --animate-lotteryRevealRing: lotteryRevealRing 5s linear forwards;
        --animate-lotteryHintPulse: lotteryHintPulse 1.5s ease-out infinite;
        --animate-accordionDown: accordionDown .25s ease;
        --animate-accordionUp: accordionUp .25s ease;
        --animate-slideUpFadeIn: slideUpFadeIn .25s ease-out;
        --animate-modalOverlayShow: modalOverlayShow .2s ease-out;
        --animate-modalContentShow: modalContentShow .2s ease-out;
        --animate-slideFadeInX: slideFadeInX .2s ease-out;
        --animate-profilePageIn: profilePageIn .28s cubic-bezier(.22, 1, .36, 1) both;
        --animate-profilePageInBack: profilePageInBack .28s cubic-bezier(.22, 1, .36, 1) both;
        --animate-slideUpSheet: slideUpSheet .28s ease-out;
        --animate-streakRipple: streakRipple 3s ease-out infinite;
        --animate-widgetScale: widgetScale 1.7s linear forwards;
        --animate-fadeIn: fadeIn .3s ease-in-out forwards;
        --animate-fadeInUp: fadeInUp .4s ease-out both;
        --animate-fadeOut: fadeOut 3s ease-in-out forwards;
        --animate-tabContentFadeIn: fadeIn .3s ease-out;
        --animate-coverFadeIn: fadeIn .2s ease forwards;
        --animate-stackCardFadeIn: fadeIn .4s ease-out both;
        --animate-arcSpin: arcSpin 1.1s linear infinite;
        --animate-ldsDualRing: arcSpin 1.2s linear infinite;
        --animate-logoPulse: logoPulse 2.4s ease-in-out infinite;
        --animate-glowPulse: glowPulse 2.4s ease-in-out infinite;
        --animate-particleDrift: particleDrift 8s linear infinite;
        --animate-largeLightbeam: largeLightbeam 4s infinite linear;
        --animate-profilerPulse: profilerPulse 2.5s infinite;
        --animate-dialog-overlay-in: dialogOverlayIn .2s cubic-bezier(0, 0, .2, 1) both;
        --animate-dialog-in: dialogIn .2s cubic-bezier(0, 0, .2, 1) 60ms both;
        --animate-clickHandMove: clickHandMove 7s ease-in-out infinite;
        --animate-clickGlowPulse: clickGlowPulse 7s linear infinite;
        --animate-slideDownNotif: slideDownNotif .45s ease-out both;
        --animate-skeletonShimmer: skeletonShimmer 1s infinite;
        --animate-shimmer: shimmer 1s infinite;
        --animate-breathePulse: breathePulse 2.5s ease-in-out infinite;
        --animate-searchGlowPulse: searchGlowPulse 2s ease-in-out infinite;
        --animate-searchSparklePulse: searchSparklePulse 2s ease-in-out infinite;
        --animate-typingDotBounce: typingDotBounce 1.2s ease-in-out infinite;
        --animate-sparklePop: sparklePop 2s ease-in-out infinite;
        --animate-pendingPulse: pendingPulse 1.8s ease-in-out infinite;
        --animate-fcStaggerIn: fcStaggerIn var(--fc-stagger-dur, .34s) cubic-bezier(0, 0, .2, 1) backwards;
        --animate-instant-pending: instant-pending-spin .6s linear infinite, instant-pending-expire 10s linear forwards
    }
}

@layer base {

    *,
    :after,
    :before,
    ::backdrop {
        border-color: var(--color-highlight-grey-200, currentcolor)
    }

    ::file-selector-button {
        border-color: var(--color-highlight-grey-200, currentcolor)
    }
}

@layer components;

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

.sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0
}

.inset-y-4 {
    inset-block: calc(var(--spacing)*4)
}

.start-0 {
    inset-inline-start: calc(var(--spacing)*0)
}

.end-0 {
    inset-inline-end: calc(var(--spacing)*0)
}

.-top-44 {
    top: calc(var(--spacing)*-44)
}

.top-0 {
    top: 0
}

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

.top-1\/3 {
    top: 33.3333%
}

.top-4 {
    top: calc(var(--spacing)*4)
}

.top-10 {
    top: calc(var(--spacing)*10)
}

.top-16 {
    top: calc(var(--spacing)*16)
}

.right-0 {
    right: 0
}

.right-5 {
    right: calc(var(--spacing)*5)
}

.right-16 {
    right: calc(var(--spacing)*16)
}

.bottom-0 {
    bottom: 0
}

.bottom-2 {
    bottom: calc(var(--spacing)*2)
}

.bottom-\[12\%\] {
    bottom: 12%
}

.bottom-\[16\%\] {
    bottom: 16%
}

.-left-44 {
    left: calc(var(--spacing)*-44)
}

.left-0 {
    left: 0
}

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

.left-5 {
    left: calc(var(--spacing)*5)
}

.left-20 {
    left: calc(var(--spacing)*20)
}

.left-32 {
    left: calc(var(--spacing)*32)
}

.left-\[12px\] {
    left: 12px
}

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

.isolate {
    isolation: isolate
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-99 {
    z-index: 99
}

.z-1000 {
    z-index: 1000
}

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

.row-start-1 {
    grid-row-start: 1
}

.m-0 {
    margin: 0
}

.mx-\[0\.01em\] {
    margin-inline: .01em
}

.mx-auto {
    margin-inline: auto
}

.mt-\(--cw-mt-base\) {
    margin-top: var(--cw-mt-base)
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: var(--spacing)
}

.mt-1\.5 {
    margin-top: calc(var(--spacing)*1.5)
}

.mt-2 {
    margin-top: calc(var(--spacing)*2)
}

.mt-3 {
    margin-top: calc(var(--spacing)*3)
}

.mt-4 {
    margin-top: calc(var(--spacing)*4)
}

.mt-5 {
    margin-top: calc(var(--spacing)*5)
}

.mt-6 {
    margin-top: calc(var(--spacing)*6)
}

.mt-10 {
    margin-top: calc(var(--spacing)*10)
}

.mt-12 {
    margin-top: calc(var(--spacing)*12)
}

.mt-14 {
    margin-top: calc(var(--spacing)*14)
}

.mt-20 {
    margin-top: calc(var(--spacing)*20)
}

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

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

.mt-auto {
    margin-top: auto
}

.-mr-14 {
    margin-right: calc(var(--spacing)*-14)
}

.mr-4 {
    margin-right: calc(var(--spacing)*4)
}

.-mb-8 {
    margin-bottom: calc(var(--spacing)*-8)
}

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

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

.mb-\(--btn-press\) {
    margin-bottom: var(--btn-press)
}

.mb-5 {
    margin-bottom: calc(var(--spacing)*5)
}

.mb-6 {
    margin-bottom: calc(var(--spacing)*6)
}

.mb-8 {
    margin-bottom: calc(var(--spacing)*8)
}

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

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

.block {
    display: block
}

.contents {
    display: contents
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.inline-block {
    display: inline-block
}

.inline-flex {
    display: inline-flex
}

.aspect-square {
    aspect-ratio: 1
}

.size-3\.5 {
    width: calc(var(--spacing)*3.5);
    height: calc(var(--spacing)*3.5)
}

.size-5 {
    width: calc(var(--spacing)*5);
    height: calc(var(--spacing)*5)
}

.size-\[3px\] {
    width: 3px;
    height: 3px
}

.size-\[38px\] {
    width: 38px;
    height: 38px
}

.h-\(--header-height\) {
    height: var(--header-height)
}

.h-5 {
    height: calc(var(--spacing)*5)
}

.h-6 {
    height: calc(var(--spacing)*6)
}

.h-9\.5 {
    height: calc(var(--spacing)*9.5)
}

.h-10 {
    height: calc(var(--spacing)*10)
}

.h-11 {
    height: calc(var(--spacing)*11)
}

.h-12 {
    height: calc(var(--spacing)*12)
}

.h-20 {
    height: calc(var(--spacing)*20)
}

.h-36 {
    height: calc(var(--spacing)*36)
}

.h-\[1\.18em\] {
    height: 1.18em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.max-h-\(--header-height\) {
    max-height: var(--header-height)
}

.max-h-dvh {
    max-height: 100dvh
}

.min-h-\(--header-height\) {
    min-height: var(--header-height)
}

.min-h-0 {
    min-height: 0
}

.min-h-9\.5 {
    min-height: calc(var(--spacing)*9.5)
}

.min-h-dvh {
    min-height: 100dvh
}

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

.w-\(--side-nav-width\) {
    width: var(--side-nav-width)
}

.w-0 {
    width: 0
}

.w-5 {
    width: calc(var(--spacing)*5)
}

.w-6 {
    width: calc(var(--spacing)*6)
}

.w-10 {
    width: calc(var(--spacing)*10)
}

.w-11 {
    width: calc(var(--spacing)*11)
}

.w-12 {
    width: calc(var(--spacing)*12)
}

.w-20 {
    width: calc(var(--spacing)*20)
}

.w-24 {
    width: calc(var(--spacing)*24)
}

.w-28 {
    width: calc(var(--spacing)*28)
}

.w-32 {
    width: calc(var(--spacing)*32)
}

.w-36 {
    width: calc(var(--spacing)*36)
}

.w-40 {
    width: calc(var(--spacing)*40)
}

.w-\[0\.95em\] {
    width: .95em
}

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

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

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

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

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

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

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

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

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

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

.w-auto {
    width: auto
}

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: max-content
}

.w-screen {
    width: 100vw
}

.max-w-2xl {
    max-width: var(--container-2xl)
}

.max-w-3xl {
    max-width: var(--container-3xl)
}

.max-w-4xl {
    max-width: var(--container-4xl)
}

.max-w-5xl {
    max-width: var(--container-5xl)
}

.max-w-6xl {
    max-width: var(--container-6xl)
}

.max-w-7xl {
    max-width: var(--container-7xl)
}

.max-w-\[52ch\] {
    max-width: 52ch
}

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

.max-w-\[calc\(var\(--grid-max-content-width\)\+3rem\)\] {
    max-width: calc(var(--grid-max-content-width) + 3rem)
}

.max-w-md {
    max-width: var(--container-md)
}

.max-w-none {
    max-width: none
}

.max-w-xl {
    max-width: var(--container-xl)
}

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

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

.flex-1 {
    flex: 1
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.basis-\[calc\(50\%-0\.75rem\)\] {
    flex-basis: calc(50% - .75rem)
}

.origin-top-left {
    transform-origin: 0 0
}

.-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.translate-y-24 {
    --tw-translate-y: calc(var(--spacing)*24);
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.translate-y-\[3px\] {
    --tw-translate-y: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.scale-\[\.88\] {
    scale: .88
}

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

.rotate-\[-3deg\] {
    rotate: -3deg
}

.rotate-\[-4deg\] {
    rotate: -4deg
}

.rotate-\[-6deg\] {
    rotate: -6deg
}

.rotate-\[4deg\] {
    rotate: 4deg
}

.rotate-\[6deg\] {
    rotate: 6deg
}

.\[transform\:translateY\(12px\)\] {
    transform: translateY(12px)
}

.transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
}

.cursor-pointer {
    cursor: pointer
}

.list-none {
    list-style-type: none
}

.appearance-none {
    appearance: none
}

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

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

.flex-col {
    flex-direction: column
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

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

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

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

.justify-center {
    justify-content: center
}

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

.gap-0 {
    gap: 0
}

.gap-1 {
    gap: var(--spacing)
}

.gap-1\.5 {
    gap: calc(var(--spacing)*1.5)
}

.gap-2 {
    gap: calc(var(--spacing)*2)
}

.gap-3 {
    gap: calc(var(--spacing)*3)
}

.gap-4 {
    gap: calc(var(--spacing)*4)
}

.gap-5 {
    gap: calc(var(--spacing)*5)
}

.gap-6 {
    gap: calc(var(--spacing)*6)
}

.gap-8 {
    gap: calc(var(--spacing)*8)
}

.gap-\[0\.09em\] {
    gap: .09em
}

.gap-\[1px\] {
    gap: 1px
}

.gap-\[3px\] {
    gap: 3px
}

.gap-\[8px\] {
    gap: 8px
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[20\.5px\] {
    gap: 20.5px
}

:where(.space-y-2\.5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))
}

.gap-x-3 {
    -moz-column-gap: calc(var(--spacing)*3);
    column-gap: calc(var(--spacing)*3)
}

.gap-x-6 {
    -moz-column-gap: calc(var(--spacing)*6);
    column-gap: calc(var(--spacing)*6)
}

.gap-y-2 {
    row-gap: calc(var(--spacing)*2)
}

.gap-y-8 {
    row-gap: calc(var(--spacing)*8)
}

.self-center {
    align-self: center
}

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

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

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

.overflow-hidden {
    overflow: hidden
}

.overflow-x-clip {
    overflow-x: clip
}

.rounded-01 {
    border-radius: var(--radius-01)
}

.rounded-02 {
    border-radius: var(--radius-02)
}

.rounded-2xl {
    border-radius: var(--radius-2xl)
}

.rounded-3xl {
    border-radius: var(--radius-3xl)
}

.rounded-07 {
    border-radius: var(--radius-07)
}

.rounded-\[0\.12em\] {
    border-radius: .12em
}

.rounded-\[4px\] {
    border-radius: 4px
}

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

.rounded-\[15px\] {
    border-radius: 15px
}

.rounded-full {
    border-radius: 3.40282e38px
}

.rounded-xl {
    border-radius: var(--radius-xl)
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

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

.border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px
}

.border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
}

.border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
}

.border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px
}

.border-none {
    --tw-border-style: none;
    border-style: none
}

.border-solid {
    --tw-border-style: solid;
    border-style: solid
}

.border-\[hsl\(var\(--lp-card\)\)\] {
    border-color: hsl(var(--lp-card))
}

.border-core-freecashGreen-500 {
    border-color: var(--color-core-freecashGreen-500)
}

.border-core-greyBlue-200 {
    border-color: var(--color-core-greyBlue-200)
}

.border-core-greyBlue-300 {
    border-color: var(--color-core-greyBlue-300)
}

.border-core-greyBlue-500 {
    border-color: var(--color-core-greyBlue-500)
}

.border-core-greyBlue-800 {
    border-color: var(--color-core-greyBlue-800)
}

.border-core-neutral-0-A10 {
    border-color: var(--color-core-neutral-0-A10)
}

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

.border-white\/5 {
    border-color: #ffffff0d
}

@supports (color:color-mix(in lab, red, red)) {
    .border-white\/5 {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent)
    }
}

.border-white\/10 {
    border-color: #ffffff1a
}

@supports (color:color-mix(in lab, red, red)) {
    .border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
    }
}

.bg-\[\#1C1E30\] {
    background-color: #1c1e30
}

.bg-\[\#0866FF\] {
    background-color: #0866ff
}

.bg-\[\#141523\] {
    background-color: #141523
}

.bg-\[\#D9A441\] {
    background-color: #d9a441
}

.bg-\[\#F5851F\] {
    background-color: #f5851f
}

.bg-core-freecashGreen-500 {
    background-color: var(--color-core-freecashGreen-500)
}

.bg-core-greyBlue-25 {
    background-color: var(--color-core-greyBlue-25)
}

.bg-core-greyBlue-200 {
    background-color: var(--color-core-greyBlue-200)
}

.bg-core-greyBlue-400 {
    background-color: var(--color-core-greyBlue-400)
}

.bg-core-greyBlue-700 {
    background-color: var(--color-core-greyBlue-700)
}

.bg-core-greyBlue-900 {
    background-color: var(--color-core-greyBlue-900)
}

.bg-core-neutral-0 {
    background-color: var(--color-core-neutral-0)
}

.bg-highlight-grey-900 {
    background-color: var(--color-highlight-grey-900)
}

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

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

@supports (color:color-mix(in lab, red, red)) {
    .bg-white\/10 {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
    }
}

.\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_15\%\,black_85\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#0000, #000 15% 85%, #0000);
    mask-image: linear-gradient(#0000, #000 15% 85%, #0000)
}

.fill-core-freecashGreen-500 {
    fill: var(--color-core-freecashGreen-500)
}

.fill-core-greyBlue-100 {
    fill: var(--color-core-greyBlue-100)
}

.stroke-\[hsl\(var\(--lp-foreground\)\/0\.15\)\] {
    stroke: hsl(var(--lp-foreground)/.15)
}

.stroke-\[hsl\(var\(--lp-pipe\)\/0\.4\)\] {
    stroke: hsl(var(--lp-pipe)/.4)
}

.stroke-\[hsl\(var\(--lp-primary\)\)\] {
    stroke: hsl(var(--lp-primary))
}

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

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

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

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

.p-0 {
    padding: 0
}

.p-2 {
    padding: calc(var(--spacing)*2)
}

.p-5 {
    padding: calc(var(--spacing)*5)
}

.p-6 {
    padding: calc(var(--spacing)*6)
}

.p-8 {
    padding: calc(var(--spacing)*8)
}

.px-0 {
    padding-inline: 0
}

.px-4 {
    padding-inline: calc(var(--spacing)*4)
}

.px-5 {
    padding-inline: calc(var(--spacing)*5)
}

.px-6 {
    padding-inline: calc(var(--spacing)*6)
}

.px-8 {
    padding-inline: calc(var(--spacing)*8)
}

.px-\[8px\] {
    padding-inline: 8px
}

.px-\[20px\] {
    padding-inline: 20px
}

.py-2\.75 {
    padding-block: calc(var(--spacing)*2.75)
}

.py-3 {
    padding-block: calc(var(--spacing)*3)
}

.py-5 {
    padding-block: calc(var(--spacing)*5)
}

.py-6 {
    padding-block: calc(var(--spacing)*6)
}

.pt-\(--safe-area-top\) {
    padding-top: var(--safe-area-top)
}

.pt-0 {
    padding-top: 0
}

.pt-4 {
    padding-top: calc(var(--spacing)*4)
}

.pt-5 {
    padding-top: calc(var(--spacing)*5)
}

.pt-6 {
    padding-top: calc(var(--spacing)*6)
}

.pt-10 {
    padding-top: calc(var(--spacing)*10)
}

.pt-16 {
    padding-top: calc(var(--spacing)*16)
}

.pt-20 {
    padding-top: calc(var(--spacing)*20)
}

.pt-40 {
    padding-top: calc(var(--spacing)*40)
}

.pr-1 {
    padding-right: var(--spacing)
}

.pr-\[15px\] {
    padding-right: 15px
}

.pb-0 {
    padding-bottom: 0
}

.pb-5 {
    padding-bottom: calc(var(--spacing)*5)
}

.pb-6 {
    padding-bottom: calc(var(--spacing)*6)
}

.pb-8 {
    padding-bottom: calc(var(--spacing)*8)
}

.pb-10 {
    padding-bottom: calc(var(--spacing)*10)
}

.pb-12 {
    padding-bottom: calc(var(--spacing)*12)
}

.pb-16 {
    padding-bottom: calc(var(--spacing)*16)
}

.pb-20 {
    padding-bottom: calc(var(--spacing)*20)
}

.pb-\[0\.04em\] {
    padding-bottom: .04em
}

.pb-\[70px\] {
    padding-bottom: 70px
}

.pl-4 {
    padding-left: calc(var(--spacing)*4)
}

.pl-11 {
    padding-left: calc(var(--spacing)*11)
}

.pl-\[42px\] {
    padding-left: 42px
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.align-middle {
    vertical-align: middle
}

.font-body {
    font-family: var(--font-body)
}

.font-poppins {
    font-family: var(--font-poppins)
}

.text-md {
    font-size: var(--text-md)
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
}

.text-xs {
    font-size: var(--text-xs)
}

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

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

.text-\[14px\] {
    font-size: 14px
}

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

.text-\[16px\] {
    font-size: 16px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[26px\] {
    font-size: 26px
}

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

.text-\[clamp\(1\.4rem\,7\.5vw\,3\.5rem\)\] {
    font-size: clamp(1.4rem, 7.5vw, 3.5rem)
}

.text-\[clamp\(1\.875rem\,9vw\,2\.25rem\)\] {
    font-size: clamp(1.875rem, 9vw, 2.25rem)
}

.leading-4 {
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4)
}

.leading-5 {
    --tw-leading: calc(var(--spacing)*5);
    line-height: calc(var(--spacing)*5)
}

.leading-6 {
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6)
}

.leading-7 {
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7)
}

.leading-9 {
    --tw-leading: calc(var(--spacing)*9);
    line-height: calc(var(--spacing)*9)
}

.leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4
}

.leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05
}

.leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em
}

.leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px
}

.leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px
}

.leading-md {
    --tw-leading: var(--leading-md);
    line-height: var(--leading-md)
}

.leading-none {
    --tw-leading: 1;
    line-height: 1
}

.leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed)
}

.leading-sm {
    --tw-leading: var(--leading-sm);
    line-height: var(--leading-sm)
}

.leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight)
}

.leading-xs {
    --tw-leading: var(--leading-xs);
    line-height: var(--leading-xs)
}

.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}

.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
}

.font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}

.tracking-none {
    --tw-tracking: var(--tracking-none);
    letter-spacing: var(--tracking-none)
}

.tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight)
}

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

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

.whitespace-nowrap {
    white-space: nowrap
}

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

.text-\[color\:var\(--fc-text-color\)\] {
    color: var(--fc-text-color)
}

.text-\[hsl\(var\(--lp-background\)\)\] {
    color: hsl(var(--lp-background))
}

.text-core-freecashGreen-500 {
    color: var(--color-core-freecashGreen-500)
}

.text-core-greyBlue-50 {
    color: var(--color-core-greyBlue-50)
}

.text-core-greyBlue-100 {
    color: var(--color-core-greyBlue-100)
}

.text-core-greyBlue-900 {
    color: var(--color-core-greyBlue-900)
}

.text-core-neutral-0 {
    color: var(--color-core-neutral-0)
}

.text-core-neutral-1000 {
    color: var(--color-core-neutral-1000)
}

.text-inherit {
    color: inherit
}

.text-white {
    color: var(--color-white)
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
}

.no-underline {
    text-decoration-line: none
}

.underline {
    text-decoration-line: underline
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-60 {
    opacity: .6
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-\[0_0_44px_hsl\(var\(--lp-primary\)\/0\.4\)\] {
    --tw-shadow: 0 0 44px var(--tw-shadow-color, hsl(var(--lp-primary)/.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-\[0_10px_28px_-12px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-shadow: 0 10px 28px -12px var(--tw-shadow-color, #0000008c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-\[0px_4px_0px_0px_var\(--social-shadow\)\] {
    --tw-shadow: 0px 4px 0px 0px var(--tw-shadow-color, var(--social-shadow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.\[box-shadow\:0px_var\(--btn-press\)_0px_0px_var\(--btn-shadow\)\] {
    box-shadow: 0px var(--btn-press) 0px 0px var(--btn-shadow)
}

.ring-white\/10 {
    --tw-ring-color: #ffffff1a
}

@supports (color:color-mix(in lab, red, red)) {
    .ring-white\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent)
    }
}

.outline-hidden {
    --tw-outline-style: none;
    outline-style: none
}

@media (forced-colors:active) {
    .outline-hidden {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.drop-shadow-\[0_12px_28px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-drop-shadow-size: drop-shadow(0 12px 28px var(--tw-drop-shadow-color, #00000073));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
}

.drop-shadow-lg {
    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
}

.transition-\[background\] {
    transition-property: background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
}

.transition-\[color\,background-color\,border-color\,box-shadow\] {
    transition-property: color, background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
}

.transition-\[grid-template-rows\] {
    transition-property: grid-template-rows
}

.transition-\[height\,transform\] {
    transition-property: height, transform
}

.transition-\[opacity\,transform\] {
    transition-property: opacity, transform
}

.transition-\[padding\] {
    transition-property: padding
}

.transition-\[transform\,box-shadow\] {
    transition-property: transform, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
}

.transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
}

.transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

.transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

.duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s
}

.duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s
}

.duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s
}

.duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s
}

.duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s
}

.ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out)
}

.ease-standard {
    --tw-ease: var(--ease-standard);
    transition-timing-function: var(--ease-standard)
}

.outline-none {
    --tw-outline-style: none;
    outline-style: none
}

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

.\[--btn-press\:0\.25rem\] {
    --btn-press: .25rem
}

.\[--lp-card-up\:0px\] {
    --lp-card-up: 0px
}

.\[--lp-fold-grow\:0px\] {
    --lp-fold-grow: 0px
}

.\[--lp-in-scale\:0\.94\] {
    --lp-in-scale: .94
}

.\[--social-shadow\:\#0D0D0D\] {
    --social-shadow: #0d0d0d
}

.\[--social-shadow\:\#154FAD\] {
    --social-shadow: #154fad
}

.\[--social-shadow\:\#D6D6D6\] {
    --social-shadow: #d6d6d6
}

.\[backface-visibility\:hidden\] {
    backface-visibility: hidden
}

.\[stroke-linecap\:round\] {
    stroke-linecap: round
}

@media (hover:hover) {
    .group-hover\:scale-110:is(:where(.group):hover *) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .group-hover\:cursor-pointer:is(:where(.group):hover *) {
        cursor: pointer
    }

    .group-hover\:border-core-freecashGreen-400:is(:where(.group):hover *) {
        border-color: var(--color-core-freecashGreen-400)
    }

    .group-hover\:bg-core-neutral-0:is(:where(.group):hover *) {
        background-color: var(--color-core-neutral-0)
    }

    .group-hover\:stroke-core-freecashGreen-500:is(:where(.group):hover *) {
        stroke: var(--color-core-freecashGreen-500)
    }

    .group-hover\:text-core-freecashGreen-400:is(:where(.group):hover *) {
        color: var(--color-core-freecashGreen-400)
    }

    .group-hover\:text-core-freecashGreen-500:is(:where(.group):hover *) {
        color: var(--color-core-freecashGreen-500)
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
        opacity: 0
    }

    .group-hover\:opacity-20:is(:where(.group):hover *) {
        opacity: .2
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1
    }

    .group-hover\:blur-sm:is(:where(.group):hover *) {
        --tw-blur: blur(var(--blur-sm));
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .group-hover\:\[animation-fill-mode\:forwards\]:is(:where(.group):hover *) {
        animation-fill-mode: forwards
    }

    .group-hover\/dot\:bg-core-greyBlue-200:is(:where(.group\/dot):hover *) {
        background-color: var(--color-core-greyBlue-200)
    }
}

.group-focus-visible\:ring-2:is(:where(.group):focus-visible *) {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.group-focus-visible\:ring-core-freecashGreen-400:is(:where(.group):focus-visible *) {
    --tw-ring-color: var(--color-core-freecashGreen-400)
}

.group-disabled\:opacity-60:is(:where(.group):disabled *) {
    opacity: .6
}

@media (hover:hover) {
    .group-data-\[state\=checked\]\/ctrl\:group-hover\/row\:bg-core-freecashGreen-25-A10:is(:where(.group\/ctrl)[data-state=checked] *):is(:where(.group\/row):hover *) {
        background-color: var(--color-core-freecashGreen-25-A10)
    }
}

.group-data-\[state\=checked\]\/ctrl\:group-focus-visible\/ctrl\:bg-core-freecashGreen-25-A30:is(:where(.group\/ctrl)[data-state=checked] *):is(:where(.group\/ctrl):focus-visible *) {
    background-color: var(--color-core-freecashGreen-25-A30)
}

@media (hover:hover) {
    .group-data-\[state\=unchecked\]\/ctrl\:group-hover\/row\:bg-core-greyBlue-25-A15:is(:where(.group\/ctrl)[data-state=unchecked] *):is(:where(.group\/row):hover *) {
        background-color: var(--color-core-greyBlue-25-A15)
    }
}

.group-data-\[state\=unchecked\]\/ctrl\:group-focus-visible\/ctrl\:bg-core-greyBlue-25-A30:is(:where(.group\/ctrl)[data-state=unchecked] *):is(:where(.group\/ctrl):focus-visible *) {
    background-color: var(--color-core-greyBlue-25-A30)
}

.peer-checked\:translate-x-\[16px\]:is(:where(.peer):checked~*) {
    --tw-translate-x: 16px;
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.peer-checked\:translate-x-\[20px\]:is(:where(.peer):checked~*) {
    --tw-translate-x: 20px;
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.peer-checked\:translate-x-\[24px\]:is(:where(.peer):checked~*) {
    --tw-translate-x: 24px;
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.peer-checked\:bg-core-freecashGreen-500:is(:where(.peer):checked~*) {
    background-color: var(--color-core-freecashGreen-500)
}

.placeholder\:font-normal::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
}

.placeholder\:text-core-greyBlue-50::placeholder {
    color: var(--color-core-greyBlue-50)
}

.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-0:before {
    content: var(--tw-content);
    inset: 0
}

.before\:z-\[-1\]:before {
    content: var(--tw-content);
    z-index: -1
}

.before\:bg-core-freecashGreen-500:before {
    content: var(--tw-content);
    background-color: var(--color-core-freecashGreen-500)
}

.before\:opacity-20:before {
    content: var(--tw-content);
    opacity: .2
}

.before\:blur-\[20\.5px\]:before {
    content: var(--tw-content);
    --tw-blur: blur(20.5px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
}

.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:invisible:after {
    content: var(--tw-content);
    visibility: hidden
}

.after\:col-start-1:after {
    content: var(--tw-content);
    grid-column-start: 1
}

.after\:row-start-1:after {
    content: var(--tw-content);
    grid-row-start: 1
}

.after\:content-\[attr\(data-final\)\]:after {
    --tw-content: attr(data-final);
    content: var(--tw-content)
}

@media (hover:hover) {
    .hover\:border-transparent:hover {
        border-color: #0000
    }

    .hover\:bg-\[var\(--social-hover-bg\)\]:hover {
        background-color: var(--social-hover-bg)
    }

    .hover\:bg-core-freecashGreen-600:hover {
        background-color: var(--color-core-freecashGreen-600)
    }

    .hover\:bg-core-greyBlue-300:hover {
        background-color: var(--color-core-greyBlue-300)
    }

    .hover\:bg-core-greyBlue-800:hover {
        background-color: var(--color-core-greyBlue-800)
    }

    .hover\:no-underline:hover {
        text-decoration-line: none
    }

    .hover\:underline:hover {
        text-decoration-line: underline
    }

    .hover\:opacity-80:hover {
        opacity: .8
    }

    .hover\:\[box-shadow\:0px_var\(--btn-press\)_0px_0px_var\(--btn-shadow\)\]:hover {
        box-shadow: 0px var(--btn-press) 0px 0px var(--btn-shadow)
    }

    .hover\:brightness-110:hover {
        --tw-brightness: brightness(110%);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }
}

.focus\:placeholder\:text-\[\#0000\]:focus::-moz-placeholder {
    color: #0000
}

.focus\:placeholder\:text-transparent:focus::-moz-placeholder {
    color: #0000
}

.focus-visible\:border-core-greyBlue-300:focus-visible {
    border-color: var(--color-core-greyBlue-300)
}

.focus-visible\:shadow-none:focus-visible {
    --tw-shadow: 0 0#0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.focus-visible\:shadow-none\!:focus-visible {
    --tw-shadow: 0 0#0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
}

.focus-visible\:shadow-outline:focus-visible {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #4299e199);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.focus-visible\:ring-core-freecashGreen-400:focus-visible {
    --tw-ring-color: var(--color-core-freecashGreen-400)
}

.active\:translate-y-\(--btn-press\):active {
    --tw-translate-y: var(--btn-press);
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.active\:translate-y-\[4px\]:active {
    --tw-translate-y: 4px;
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.active\:bg-core-freecashGreen-500:active {
    background-color: var(--color-core-freecashGreen-500)
}

.active\:bg-core-greyBlue-200:active {
    background-color: var(--color-core-greyBlue-200)
}

.active\:shadow-none:active {
    --tw-shadow: 0 0#0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.active\:\[box-shadow\:none\]:active {
    box-shadow: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:opacity-40:disabled {
    opacity: .4
}

.has-focus-visible\:outline-2:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px
}

.has-focus-visible\:outline-offset-2:has(:focus-visible) {
    outline-offset: 2px
}

.has-focus-visible\:outline-core-freecashGreen-500:has(:focus-visible) {
    outline-color: var(--color-core-freecashGreen-500)
}

.has-focus-visible\:outline-solid:has(:focus-visible) {
    --tw-outline-style: solid;
    outline-style: solid
}

.has-\[\:focus-visible\]\:ring-2:has(:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.has-\[\:focus-visible\]\:ring-core-freecashGreen-400:has(:focus-visible) {
    --tw-ring-color: var(--color-core-freecashGreen-400)
}

.has-\[\:focus-visible\]\:ring-offset-2:has(:focus-visible) {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
}

.has-\[\:focus-visible\]\:ring-offset-transparent:has(:focus-visible) {
    --tw-ring-offset-color: transparent
}

.has-\[\[data-stretched-action\]\:focus-visible\]\:ring-2:has([data-stretched-action]:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.has-\[\[data-stretched-action\]\:focus-visible\]\:ring-core-freecashGreen-400:has([data-stretched-action]:focus-visible) {
    --tw-ring-color: var(--color-core-freecashGreen-400)
}

@media (prefers-reduced-motion:no-preference) {
    @media (hover:hover) {
        .motion-safe\:group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing)*-.5);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}

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

@media not all and (min-width:640px) {
    .max-\[640px\]\:scale-\[\.78\] {
        scale: .78
    }
}

@media (min-width:469px) {
    .min-\[469px\]\:max-w-\[372px\] {
        max-width: 372px
    }
}

@media (min-width:640px) {
    .min-\[640px\]\:mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

    .min-\[640px\]\:mt-14 {
        margin-top: calc(var(--spacing)*14)
    }

    .min-\[640px\]\:mt-16 {
        margin-top: calc(var(--spacing)*16)
    }

    .min-\[640px\]\:mt-20 {
        margin-top: calc(var(--spacing)*20)
    }

    .min-\[640px\]\:mt-24 {
        margin-top: calc(var(--spacing)*24)
    }

    .min-\[640px\]\:mt-\[76px\] {
        margin-top: 76px
    }

    .min-\[640px\]\:mr-8 {
        margin-right: calc(var(--spacing)*8)
    }

    .min-\[640px\]\:-mb-10 {
        margin-bottom: calc(var(--spacing)*-10)
    }

    .min-\[640px\]\:-mb-\[374px\] {
        margin-bottom: -374px
    }

    .min-\[640px\]\:mb-12 {
        margin-bottom: calc(var(--spacing)*12)
    }

    .min-\[640px\]\:block {
        display: block
    }

    .min-\[640px\]\:h-\[1\.3em\] {
        height: 1.3em
    }

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

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

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

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

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

    .min-\[640px\]\:w-28 {
        width: calc(var(--spacing)*28)
    }

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

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

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

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

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

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

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

    .min-\[640px\]\:translate-y-1\/2 {
        --tw-translate-y: calc(1/2*100%);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .min-\[640px\]\:scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .min-\[640px\]\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .min-\[640px\]\:flex-row {
        flex-direction: row
    }

    .min-\[640px\]\:items-start {
        align-items: flex-start
    }

    .min-\[640px\]\:justify-between {
        justify-content: space-between
    }

    .min-\[640px\]\:gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .min-\[640px\]\:border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .min-\[640px\]\:border-l-2 {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px
    }

    .min-\[640px\]\:border-solid {
        --tw-border-style: solid;
        border-style: solid
    }

    .min-\[640px\]\:border-white\/10 {
        border-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .min-\[640px\]\:border-white\/10 {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .min-\[640px\]\:p-7 {
        padding: calc(var(--spacing)*7)
    }

    .min-\[640px\]\:px-10 {
        padding-inline: calc(var(--spacing)*10)
    }

    .min-\[640px\]\:py-7 {
        padding-block: calc(var(--spacing)*7)
    }

    .min-\[640px\]\:pt-0 {
        padding-top: 0
    }

    .min-\[640px\]\:pt-14 {
        padding-top: calc(var(--spacing)*14)
    }

    .min-\[640px\]\:pt-28 {
        padding-top: calc(var(--spacing)*28)
    }

    .min-\[640px\]\:pt-32 {
        padding-top: calc(var(--spacing)*32)
    }

    .min-\[640px\]\:pt-44 {
        padding-top: calc(var(--spacing)*44)
    }

    .min-\[640px\]\:pb-14 {
        padding-bottom: calc(var(--spacing)*14)
    }

    .min-\[640px\]\:pb-16 {
        padding-bottom: calc(var(--spacing)*16)
    }

    .min-\[640px\]\:pb-24 {
        padding-bottom: calc(var(--spacing)*24)
    }

    .min-\[640px\]\:pb-28 {
        padding-bottom: calc(var(--spacing)*28)
    }

    .min-\[640px\]\:pl-6 {
        padding-left: calc(var(--spacing)*6)
    }

    .min-\[640px\]\:text-\[14px\] {
        font-size: 14px
    }

    .min-\[640px\]\:text-\[16px\] {
        font-size: 16px
    }

    .min-\[640px\]\:text-\[18px\] {
        font-size: 18px
    }

    .min-\[640px\]\:text-\[24px\] {
        font-size: 24px
    }

    .min-\[640px\]\:text-\[30px\] {
        font-size: 30px
    }

    .min-\[640px\]\:text-\[36px\] {
        font-size: 36px
    }

    .min-\[640px\]\:text-\[40px\] {
        font-size: 40px
    }

    .min-\[640px\]\:text-\[48px\] {
        font-size: 48px
    }

    .min-\[640px\]\:leading-5 {
        --tw-leading: calc(var(--spacing)*5);
        line-height: calc(var(--spacing)*5)
    }

    .min-\[640px\]\:leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
    }

    .min-\[640px\]\:leading-7 {
        --tw-leading: calc(var(--spacing)*7);
        line-height: calc(var(--spacing)*7)
    }

    .min-\[640px\]\:leading-9 {
        --tw-leading: calc(var(--spacing)*9);
        line-height: calc(var(--spacing)*9)
    }

    .min-\[640px\]\:leading-10 {
        --tw-leading: calc(var(--spacing)*10);
        line-height: calc(var(--spacing)*10)
    }

    .min-\[640px\]\:leading-\[1\.15\] {
        --tw-leading: 1.15;
        line-height: 1.15
    }

    .min-\[640px\]\:leading-none {
        --tw-leading: 1;
        line-height: 1
    }
}

@media (min-width:700px) {
    .phoneMax\:fixed {
        position: fixed
    }

    .phoneMax\:mt-\(--cw-mt-phone\) {
        margin-top: var(--cw-mt-phone)
    }

    .phoneMax\:hidden {
        display: none
    }

    .phoneMax\:pb-0 {
        padding-bottom: 0
    }
}

@media (min-width:768px) {
    .md\:top-1\/2 {
        top: 50%
    }

    .md\:right-8 {
        right: calc(var(--spacing)*8)
    }

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

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

    .md\:order-2 {
        order: 2
    }

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

    .md\:mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .md\:mt-6 {
        margin-top: calc(var(--spacing)*6)
    }

    .md\:mt-16 {
        margin-top: calc(var(--spacing)*16)
    }

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

    .md\:block {
        display: block
    }

    .md\:contents {
        display: contents
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-40 {
        height: calc(var(--spacing)*40)
    }

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

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

    .md\:w-40 {
        width: calc(var(--spacing)*40)
    }

    .md\:w-44 {
        width: calc(var(--spacing)*44)
    }

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

    .md\:max-w-xs {
        max-width: var(--container-xs)
    }

    .md\:-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .md\:scale-125 {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .md\:scale-\[1\.04\] {
        scale: 1.04
    }

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

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

    .md\:items-center {
        align-items: center
    }

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

    .md\:gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .md\:gap-20 {
        gap: calc(var(--spacing)*20)
    }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:p-8 {
        padding: calc(var(--spacing)*8)
    }

    .md\:p-10 {
        padding: calc(var(--spacing)*10)
    }

    .md\:px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .md\:px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .md\:py-12 {
        padding-block: calc(var(--spacing)*12)
    }

    .md\:pt-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pb-14 {
        padding-bottom: calc(var(--spacing)*14)
    }

    .md\:pl-0 {
        padding-left: 0
    }

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

    .md\:text-\[16px\] {
        font-size: 16px
    }

    .md\:text-\[18px\] {
        font-size: 18px
    }

    .md\:text-\[24px\] {
        font-size: 24px
    }

    .md\:leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
    }

    .md\:leading-7 {
        --tw-leading: calc(var(--spacing)*7);
        line-height: calc(var(--spacing)*7)
    }

    .md\:leading-8 {
        --tw-leading: calc(var(--spacing)*8);
        line-height: calc(var(--spacing)*8)
    }

    .md\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .md\:shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    @media (hover:hover) {
        .md\:group-hover\:flex:is(:where(.group):hover *) {
            display: flex
        }

        .md\:group-hover\:opacity-20:is(:where(.group):hover *) {
            opacity: .2
        }

        .md\:group-hover\:opacity-20\!:is(:where(.group):hover *) {
            opacity: .2 !important
        }

        .md\:group-hover\:blur-sm:is(:where(.group):hover *) {
            --tw-blur: blur(var(--blur-sm));
            filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
        }

        .md\:group-hover\:filter-\[blur\(8px\)\]:is(:where(.group):hover *) {
            filter: blur(8px)
        }
    }
}

@media (min-width:768px) {
    @media not all and (min-width:1024px) {
        .min-\[768px\]\:max-\[1024px\]\:scale-\[\.88\] {
            scale: .88
        }
    }
}

@media (min-width:1024px) {
    .min-\[1024px\]\:right-20 {
        right: calc(var(--spacing)*20)
    }

    .min-\[1024px\]\:col-span-1 {
        grid-column: span 1/span 1
    }

    .min-\[1024px\]\:mx-0 {
        margin-inline: 0
    }

    .min-\[1024px\]\:mt-0 {
        margin-top: 0
    }

    .min-\[1024px\]\:mb-8 {
        margin-bottom: calc(var(--spacing)*8)
    }

    .min-\[1024px\]\:block {
        display: block
    }

    .min-\[1024px\]\:hidden {
        display: none
    }

    .min-\[1024px\]\:h-14 {
        height: calc(var(--spacing)*14)
    }

    .min-\[1024px\]\:w-14 {
        width: calc(var(--spacing)*14)
    }

    .min-\[1024px\]\:max-w-none {
        max-width: none
    }

    .min-\[1024px\]\:translate-y-16 {
        --tw-translate-y: calc(var(--spacing)*16);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .min-\[1024px\]\:scale-\[1\.1\] {
        scale: 1.1
    }

    .min-\[1024px\]\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .min-\[1024px\]\:grid-cols-\[1\.2fr_0\.9fr\] {
        grid-template-columns: 1.2fr .9fr
    }

    .min-\[1024px\]\:justify-end {
        justify-content: flex-end
    }

    .min-\[1024px\]\:justify-start {
        justify-content: flex-start
    }

    .min-\[1024px\]\:gap-8 {
        gap: calc(var(--spacing)*8)
    }

    .min-\[1024px\]\:gap-12 {
        gap: calc(var(--spacing)*12)
    }

    .min-\[1024px\]\:gap-24 {
        gap: calc(var(--spacing)*24)
    }

    .min-\[1024px\]\:px-12 {
        padding-inline: calc(var(--spacing)*12)
    }

    .min-\[1024px\]\:pl-10 {
        padding-left: calc(var(--spacing)*10)
    }

    .min-\[1024px\]\:text-left {
        text-align: left
    }

    .min-\[1024px\]\:text-\[18px\] {
        font-size: 18px
    }

    .min-\[1024px\]\:leading-7 {
        --tw-leading: calc(var(--spacing)*7);
        line-height: calc(var(--spacing)*7)
    }
}

@media (min-width:1200px) {
    .tabletMax\:flex {
        display: flex
    }

    .tabletMax\:hidden {
        display: none
    }

    .tabletMax\:w-screen {
        width: 100vw
    }

    .tabletMax\:pl-0 {
        padding-left: 0
    }
}

@media (min-width:1280px) {
    .xl\:absolute {
        position: absolute
    }

    .xl\:inset-x-0 {
        inset-inline: 0
    }

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

    .xl\:right-28 {
        right: calc(var(--spacing)*28)
    }

    .xl\:mt-\[var\(--lp-photo-rest\)\] {
        margin-top: var(--lp-photo-rest)
    }

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

    .xl\:block {
        display: block
    }

    .xl\:flex {
        display: flex
    }

    .xl\:h-0 {
        height: 0
    }

    .xl\:h-\[var\(--lp-card-height\,auto\)\] {
        height: var(--lp-card-height, auto)
    }

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

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

    .xl\:max-w-none {
        max-width: none
    }

    .xl\:-translate-y-\[var\(--lp-card-up\)\] {
        --tw-translate-y: calc(var(--lp-card-up)*-1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .xl\:translate-y-0 {
        --tw-translate-y: 0px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .xl\:grid-cols-\[0\.9fr_1\.2fr\] {
        grid-template-columns: .9fr 1.2fr
    }

    .xl\:flex-col {
        flex-direction: column
    }

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

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

    .xl\:overflow-hidden {
        overflow: hidden
    }

    .xl\:pb-\[var\(--lp-fold-grow\)\] {
        padding-bottom: var(--lp-fold-grow)
    }

    .xl\:leading-none {
        --tw-leading: 1;
        line-height: 1
    }
}

@media (min-width:24.375rem) {
    .footer-sm\:gap-x-6 {
        -moz-column-gap: calc(var(--spacing)*6);
        column-gap: calc(var(--spacing)*6)
    }
}

@media (min-width:30rem) {
    .ds\:text-md-d {
        font-size: var(--text-md-d)
    }

    .ds\:text-xs-d {
        font-size: var(--text-xs-d)
    }

    .ds\:leading-md-d {
        --tw-leading: var(--leading-md-d);
        line-height: var(--leading-md-d)
    }

    .ds\:leading-xs-d {
        --tw-leading: var(--leading-xs-d);
        line-height: var(--leading-xs-d)
    }

    .ds\:tracking-none-d {
        --tw-tracking: var(--tracking-none-d);
        letter-spacing: var(--tracking-none-d)
    }
}

@media (min-width:70.8125rem) {
    .footer-lg\:block {
        display: block
    }

    .footer-lg\:hidden {
        display: none
    }

    .footer-lg\:w-\[167px\] {
        width: 167px
    }

    .footer-lg\:min-w-0 {
        min-width: 0
    }

    .footer-lg\:flex-1 {
        flex: 1
    }

    .footer-lg\:grow-0 {
        flex-grow: 0
    }

    .footer-lg\:basis-auto {
        flex-basis: auto
    }

    .footer-lg\:grid-rows-\[1fr\] {
        grid-template-rows: 1fr
    }

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

    .footer-lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    .footer-lg\:items-start {
        align-items: flex-start
    }

    .footer-lg\:justify-between {
        justify-content: space-between
    }

    .footer-lg\:justify-start {
        justify-content: flex-start
    }

    .footer-lg\:gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .footer-lg\:gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .footer-lg\:gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .footer-lg\:gap-x-8 {
        -moz-column-gap: calc(var(--spacing)*8);
        column-gap: calc(var(--spacing)*8)
    }

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

    .footer-lg\:border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .footer-lg\:border-none {
        --tw-border-style: none;
        border-style: none
    }

    .footer-lg\:border-solid {
        --tw-border-style: solid;
        border-style: solid
    }

    .footer-lg\:border-core-greyBlue-500 {
        border-color: var(--color-core-greyBlue-500)
    }

    .footer-lg\:py-0 {
        padding-block: 0
    }

    .footer-lg\:pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .footer-lg\:pt-10 {
        padding-top: calc(var(--spacing)*10)
    }

    .footer-lg\:pr-24 {
        padding-right: calc(var(--spacing)*24)
    }

    .footer-lg\:pb-0 {
        padding-bottom: 0
    }

    .footer-lg\:pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }
}

.rtl\:\[mask-image\:linear-gradient\(to_left\,var\(--color-core-neutral-1000\)_calc\(100\%-2\.5rem\)\,transparent_100\%\)\]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) {
    -webkit-mask-image: linear-gradient(to left, var(--color-core-neutral-1000) calc(100% - 2.5rem), transparent 100%);
    -webkit-mask-image: linear-gradient(to left, var(--color-core-neutral-1000) calc(100% - 2.5rem), transparent 100%);
    -webkit-mask-image: linear-gradient(to left, var(--color-core-neutral-1000) calc(100% - 2.5rem), transparent 100%);
    mask-image: linear-gradient(to left, var(--color-core-neutral-1000) calc(100% - 2.5rem), transparent 100%)
}

.rtl\:\[-webkit-mask-image\:linear-gradient\(to_left\,var\(--color-core-neutral-1000\)_calc\(100\%-2\.5rem\)\,transparent_100\%\)\]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) {
    -webkit-mask-image: linear-gradient(to left, var(--color-core-neutral-1000) calc(100% - 2.5rem), transparent 100%)
}

.\[\&\:\:-webkit-media-controls-start-playback-button\]\:hidden::-webkit-media-controls-start-playback-button {
    display: none
}

.\[\&\:\:-webkit-outer-spin-button\]\:hidden::-webkit-outer-spin-button {
    display: none
}

.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    appearance: none
}

.\[\&\:has\(option\:checked\:disabled\)\]\:text-core-greyBlue-50:has(option:checked:disabled) {
    color: var(--color-core-greyBlue-50)
}

.\[\&\:hover_\*\]\:fill-core-freecashGreen-500:hover * {
    fill: var(--color-core-freecashGreen-500)
}

.\[\&\:hover_\*\]\:text-core-neutral-0:hover * {
    color: var(--color-core-neutral-0)
}

.\[\&\:hover_\*\]\:transition-all:hover * {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

.\[\&\:hover_\*\]\:duration-70:hover * {
    --tw-duration: 70ms;
    transition-duration: 70ms
}

.\[\&\:hover_\*\]\:ease-in:hover * {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in)
}

.\[\&\>svg\]\:size-full>svg {
    width: 100%;
    height: 100%
}

.\[\&\[aria-invalid\=true\]\:not\(\:focus\)\]\:border-core-red-600[aria-invalid=true]:not(:focus) {
    border-color: var(--color-core-red-600)
}

.\[\&\[aria-invalid\=true\]\:not\(\:focus\)\]\:shadow-\[0_0_0_1px_var\(--color-core-red-600\)\][aria-invalid=true]:not(:focus) {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-core-red-600));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.\[\&\[aria-invalid\=true\]\:not\(\:focus-visible\)\]\:border-core-red-600[aria-invalid=true]:not(:focus-visible) {
    border-color: var(--color-core-red-600)
}

.\[\&\[aria-invalid\=true\]\:not\(\:focus-visible\)\]\:shadow-\[0_0_0_1px_var\(--color-core-red-600\)\][aria-invalid=true]:not(:focus-visible) {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-core-red-600));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

@media (hover:hover) {
    @media (min-width:1120px) {
        @media (hover:hover) {
            .\[\@media\(hover\:hover\)\]\:lg\:group-hover\:opacity-10:is(:where(.group):hover *) {
                opacity: .1
            }

            .\[\@media\(hover\:hover\)\]\:lg\:group-hover\:opacity-80:is(:where(.group):hover *) {
                opacity: .8
            }

            .\[\@media\(hover\:hover\)\]\:lg\:group-hover\:opacity-100:is(:where(.group):hover *) {
                opacity: 1
            }

            .\[\@media\(hover\:hover\)\]\:lg\:group-hover\:blur-\[3px\]:is(:where(.group):hover *) {
                --tw-blur: blur(3px);
                filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
            }
        }
    }
}

@keyframes nav-host-squash {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(.84)
    }
}

@keyframes nav-host-tilt-right {

    0%,
    to {
        transform: scale(1) rotate(0)
    }

    50% {
        transform: scale(.84) rotate(14deg)
    }
}

@keyframes nav-host-tilt-left {

    0%,
    to {
        transform: scale(1) rotate(0)
    }

    50% {
        transform: scale(.84) rotate(-18deg)
    }
}

@keyframes nav-earn-body {

    0%,
    to {
        transform: scale(1) rotate(0)
    }

    50% {
        transform: scale(1.12) rotate(-10deg)
    }
}

@keyframes nav-cashout-body {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(3px)
    }
}

@keyframes nav-cashout-accent {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-3.5px)
    }
}

@keyframes nav-deals-accent {

    0%,
    to {
        transform: translate(0)
    }

    50% {
        transform: translate(-3px, -1.5px)
    }
}

@keyframes nav-myoffers-body {

    0%,
    to {
        transform: translate(0) rotate(0)
    }

    50% {
        transform: translate(-5px) rotate(-15deg)
    }
}

@keyframes nav-myoffers-accent {

    0%,
    to {
        transform: translate(0) rotate(0)
    }

    50% {
        transform: translate(5px) rotate(9deg)
    }
}

@keyframes nav-quests-body {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.24)
    }
}

@keyframes nav-survey-body {

    0%,
    to {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-14deg)
    }
}

@keyframes nav-survey-accent {

    0%,
    to {
        transform: rotate(0)
    }

    50% {
        transform: rotate(14deg)
    }
}

.text-button-md {
    letter-spacing: 0;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1rem
}

@property --ds-carousel-fade-start {
    syntax: "<number>";
    inherits: false;
    initial-value: 1
}

@property --ds-carousel-fade-end {
    syntax: "<number>";
    inherits: false;
    initial-value: 1
}

:root {
    --shimmer-bg: linear-gradient(90deg, #fff0 0, #ffffff0d 20%, #ffffff1a 60%, #fff0 100%)
}

@keyframes fcStaggerReveal {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

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

@keyframes fcStaggerSafety {
    to {
        opacity: 1
    }
}

@keyframes earnSkeletonBreathe {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .55
    }
}

@keyframes questsRevealSettle {
    0% {
        opacity: .55
    }

    to {
        opacity: 1
    }
}

@property --scroll-edge-top {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --scroll-edge-bottom {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --fc-skel-mix {
    syntax: "<number>";
    inherits: true;
    initial-value: .5
}

@property --fc-skel-bright {
    syntax: "<number>";
    inherits: true;
    initial-value: .4
}

@keyframes fc-skel {

    0%,
    to {
        --fc-skel-mix: 0;
        --fc-skel-bright: .34
    }

    50% {
        --fc-skel-mix: 1;
        --fc-skel-bright: .47
    }
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-pan-x {
    syntax: "*";
    inherits: false
}

@property --tw-pan-y {
    syntax: "*";
    inherits: false
}

@property --tw-pinch-zoom {
    syntax: "*";
    inherits: false
}

@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0#0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0#0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0#0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0#0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0#0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-text-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-text-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

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

@keyframes accordion-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

@keyframes button-beam {
    0% {
        transform: translate(-60%)
    }

    20%,
    to {
        transform: translate(60%)
    }
}

@keyframes payout-beam {
    0% {
        transform: translate(-130%)
    }

    26.667%,
    to {
        transform: translate(130%)
    }
}

@keyframes skeleton-breathe {

    0%,
    to {
        background-color: var(--color-core-greyBlue-500)
    }

    50% {
        background-color: var(--color-core-greyBlue-300)
    }
}

@keyframes text-shimmer {

    0%,
    12% {
        background-position: 130% -30%;
        animation-timing-function: cubic-bezier(.33, 0, .28, 1)
    }

    58%,
    to {
        background-position: -30% 130%
    }
}

@keyframes tooltip-in {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

@keyframes pop-in {
    0% {
        opacity: 0;
        scale: 0
    }

    to {
        opacity: 1;
        scale: 1
    }
}

@keyframes task-glow-sweep {
    0% {
        top: 0%
    }

    to {
        top: 100%
    }
}

@keyframes task-glow-blink {
    0% {
        opacity: 0
    }

    8%,
    42%,
    75% {
        opacity: 1
    }

    25%,
    58% {
        opacity: .3
    }

    to {
        opacity: 0
    }
}

@keyframes modal-in {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes modal-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.95)
    }
}

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

    to {
        opacity: 1
    }
}

@keyframes reward-roll-out {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes reward-roll-in {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

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

@keyframes scrim-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes sheet-in {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

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

@keyframes sheet-out {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes sheet-floating-in {
    0% {
        transform: translateY(calc(100% + max(1.5rem, var(--safe-area-bottom, 0px))))
    }

    to {
        transform: translateY(0)
    }
}

@keyframes sheet-floating-out {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(calc(100% + max(1.5rem, var(--safe-area-bottom, 0px))))
    }
}

@keyframes drawer-in-right {
    0% {
        opacity: 0;
        transform: translate(100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes drawer-out-right {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(100%)
    }
}

@keyframes drawer-in-left {
    0% {
        opacity: 0;
        transform: translate(-100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes drawer-out-left {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-100%)
    }
}

@keyframes drawer-in-top {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

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

@keyframes drawer-out-top {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes pulse-ring-outer {
    0% {
        box-shadow: 0 0 0 0 var(--pulse-color, var(--color-core-freecashGreen-500))
    }

    50%,
    to {
        box-shadow: 0 0 0 var(--pulse-size, 24px) transparent
    }
}

@keyframes pulse-ring-inner {
    20% {
        box-shadow: 0 0 0 0 var(--pulse-color, var(--color-core-freecashGreen-500))
    }

    to {
        box-shadow: 0 0 0 calc(var(--pulse-size, 24px)*.6) transparent
    }
}

@keyframes bell-swing {

    0%,
    to {
        rotate: none
    }

    11% {
        rotate: -15deg
    }

    22% {
        rotate: 15deg
    }

    33% {
        rotate: -15deg
    }

    44% {
        rotate: 15deg
    }

    56% {
        rotate: -15deg
    }

    67% {
        rotate: 15deg
    }

    78% {
        rotate: -15deg
    }

    89% {
        rotate: 15deg
    }
}

@keyframes widget-scale {

    0%,
    80%,
    to {
        box-shadow: 0 2px 0 0 var(--widget-normal, transparent)
    }

    10%,
    40% {
        box-shadow: 0 0 0 1px var(--widget-normal, transparent)
    }
}

@keyframes widget-scale-track {

    0%,
    80%,
    to {
        scale: 1
    }

    10%,
    40% {
        scale: 1.05
    }
}

@keyframes widget-wipe {
    0% {
        translate: 350%
    }

    to {
        translate: -350%
    }
}

@keyframes widget-flash {
    15% {
        color: var(--color-core-neutral-0)
    }
}

@keyframes widget-increment-toast {
    0% {
        opacity: 1;
        transform: translate(-50%)
    }

    40% {
        opacity: 1;
        transform: translate(-50%, 18%)
    }

    45%,
    to {
        opacity: 0;
        transform: translate(-50%, 20%)
    }
}

@keyframes nav-dot-ping {
    0% {
        opacity: 0;
        transform: scale(.1)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1.2)
    }
}

@keyframes progress-indeterminate {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(250%)
    }
}

@keyframes countdown-pulse {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(.96)
    }
}

@keyframes reward-sparkle {

    0%,
    to {
        opacity: 0;
        transform: scale(.5)
    }

    50% {
        opacity: 1;
        transform: scale(1.2)
    }
}

@keyframes typing-dot-bounce {

    0%,
    60%,
    to {
        transform: translateY(0)
    }

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

@keyframes typing-pulse {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@keyframes scroll-hint-bounce {

    0%,
    55%,
    to {
        transform: translateY(0)
    }

    30% {
        transform: translateY(4px)
    }
}

@keyframes instant-pending-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes instant-pending-expire {

    0%,
    95% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes swing {

    0%,
    to {
        transform: rotate(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: rotate(-15deg)
    }

    20%,
    40%,
    60%,
    80% {
        transform: rotate(15deg)
    }
}

@keyframes slideUpFadeIn {
    0% {
        opacity: 0;
        transform: translateY(12px)
    }

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

@keyframes modalOverlayShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modalContentShow {
    0% {
        opacity: 0;
        translate: -50% -50%;
        scale: .95
    }

    to {
        opacity: 1;
        translate: -50% -50%;
        scale: 1
    }
}

@keyframes slideFadeInX {
    0% {
        opacity: 0;
        transform: translate(500px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes profilePageIn {
    0% {
        opacity: 0;
        transform: translate(100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes profilePageInBack {
    0% {
        opacity: 0;
        transform: translate(-100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes slideUpSheet {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes streakRipple {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        transform: scale(var(--ripple-scale, 1.5));
        opacity: 0
    }
}

@keyframes widgetScale {

    0%,
    80%,
    to {
        box-shadow: 0 2px 0 0 var(--w-normal);
        scale: 1
    }

    10%,
    40% {
        box-shadow: 0 0 0 1px var(--w-normal);
        scale: 1.05
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(.5rem)
    }

    50% {
        opacity: 0
    }

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

    to {
        transform: rotate(360deg)
    }
}

@keyframes logoPulse {

    0%,
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }

    50% {
        opacity: .85;
        transform: translate(-50%, -50%) scale(1.08)
    }
}

@keyframes glowPulse {

    0%,
    to {
        opacity: .4;
        transform: translate(-50%, -50%) scale(.92)
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.08)
    }
}

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

    to {
        transform: rotate(-360deg)
    }
}

@keyframes largeLightbeam {
    0% {
        top: -100%
    }

    15%,
    to {
        top: 100%
    }
}

@keyframes profilerPulse {
    0% {
        box-shadow: 0 0 0 0 var(--color-core-freecashGreen-500)
    }

    50%,
    to {
        box-shadow: 0 0 0 5px #0000
    }
}

@keyframes dialogOverlayIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dialogIn {
    0% {
        opacity: 0;
        translate: -50% calc(6px - 50%);
        scale: .8
    }

    to {
        opacity: 1;
        translate: -50% -50%;
        scale: 1
    }
}

@keyframes clickHandMove {
    0% {
        translate: 85% 140%;
        scale: .85
    }

    45% {
        translate: -10% -45%;
        scale: 1
    }

    65% {
        translate: -10% -45%;
        scale: 1
    }

    to {
        translate: 85% 140%;
        scale: .85
    }
}

@keyframes clickGlowPulse {
    0% {
        opacity: .05;
        transform: scale(.75)
    }

    10% {
        opacity: .05;
        transform: scale(.75)
    }

    25% {
        opacity: .1;
        transform: scale(.78)
    }

    35% {
        opacity: .2;
        transform: scale(.85)
    }

    40% {
        opacity: .35;
        transform: scale(.95)
    }

    45% {
        opacity: .65;
        transform: scale(1.1)
    }

    65% {
        opacity: .65;
        transform: scale(1.1)
    }

    70% {
        opacity: .35;
        transform: scale(.95)
    }

    75% {
        opacity: .2;
        transform: scale(.85)
    }

    85% {
        opacity: .1;
        transform: scale(.78)
    }

    to {
        opacity: .05;
        transform: scale(.75)
    }
}

@keyframes slideDownNotif {
    0% {
        opacity: 0;
        transform: translateY(-12px)
    }

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

@keyframes accordionDown {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

@keyframes accordionUp {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

@keyframes skeletonShimmer {
    to {
        translate: 100%
    }
}

@keyframes shimmer {
    to {
        transform: translate(100%)
    }
}

@keyframes breathePulse {

    0%,
    to {
        background-color: var(--color-core-greyBlue-800);
        box-shadow: none
    }

    50% {
        background-color: #26d97138;
        box-shadow: inset 0 0 30px #26d97166, 0 0 20px #26d9714d
    }
}

@keyframes searchGlowPulse {

    0%,
    to {
        opacity: .55;
        filter: blur(2px)
    }

    50% {
        opacity: .75;
        filter: blur(3px)
    }
}

@keyframes searchSparklePulse {

    0%,
    to {
        opacity: .85;
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }
}

@keyframes typingDotBounce {

    0%,
    60%,
    to {
        transform: translateY(0)
    }

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

@keyframes sparklePop {

    0%,
    to {
        opacity: 0;
        transform: scale(.5)
    }

    50% {
        opacity: 1;
        transform: scale(1.2)
    }
}

@keyframes pendingPulse {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .6
    }
}

@keyframes fcStaggerIn {
    0% {
        opacity: 0;
        transform: translateY(var(--fc-stagger-y, 10px))
    }

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

@keyframes affiliateShake {
    0% {
        transform: translate(0)
    }

    95% {
        transform: translate(5px)
    }

    96% {
        transform: translate(0)
    }

    97% {
        transform: translate(10px)
    }

    98% {
        transform: translate(0)
    }

    99% {
        transform: translate(5px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes affiliateNudge {
    0% {
        transform: translate(0)
    }

    20% {
        transform: translate(5px)
    }

    40% {
        transform: translate(0)
    }

    60% {
        transform: translate(5px)
    }

    80% {
        transform: translate(0)
    }
}

@keyframes affiliateNudgeNeg {
    0% {
        transform: translate(0)
    }

    20% {
        transform: translate(-5px)
    }

    40% {
        transform: translate(0)
    }

    60% {
        transform: translate(-5px)
    }

    80% {
        transform: translate(0)
    }
}

@keyframes rewardsRushPulse {

    0%,
    60%,
    to {
        transform: scale(1)
    }

    30% {
        transform: scale(1.1)
    }
}

@keyframes rewardsRushRipple {
    0% {
        opacity: .5;
        transform: scale(1)
    }

    70%,
    to {
        opacity: 0;
        transform: scale(2.2)
    }
}

@keyframes lgRise {
    0% {
        transform: translate3d(0, var(--rise), 0)
    }

    to {
        transform: translate(0)
    }
}

@keyframes lgLift {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes lgPartUp {
    0% {
        transform: translate3d(0, calc(var(--pitch)/2), 0)
    }

    to {
        transform: translate(0)
    }
}

@keyframes lgPartDown {
    0% {
        transform: translate3d(0, calc(var(--pitch)/-2), 0)
    }

    to {
        transform: translate(0)
    }
}

@keyframes lgRank {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes lgEdge {
    0% {
        opacity: 0;
        transform: scale(1.07)
    }

    55% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes revealIn {
    0% {
        opacity: 0;
        transform: scale(.96)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes partnerMarquee {
    0% {
        left: 0
    }

    50% {
        left: -620px
    }

    to {
        left: 0
    }
}

@keyframes coinSlideOut {
    0% {
        transform: translate(1%)
    }

    90% {
        transform: translate(-51%)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes streakGlow {
    0% {
        background: var(--color-highlight-orange-25-A10)
    }

    50% {
        background: var(--color-highlight-orange-25-A50)
    }

    to {
        background: var(--color-highlight-orange-25-A10)
    }
}

@keyframes streakRingPulse {
    0% {
        border-color: var(--color-highlight-orange-25-A30);
        transform: scale(1)
    }

    to {
        border-color: #0000;
        transform: scale(1.5)
    }
}

@keyframes scrollHintBounce {

    0%,
    55%,
    to {
        transform: translateY(0)
    }

    30% {
        transform: translateY(4px)
    }
}

@keyframes dailyTaskSlideOut {
    0% {
        transform: translateY(2px)
    }

    95% {
        transform: translateY(-32px)
    }

    to {
        transform: translateY(-30px)
    }
}

@keyframes taskValueSlideOut {
    0% {
        transform: translateY(2px)
    }

    95% {
        transform: translateY(-22px)
    }

    to {
        transform: translateY(-20px)
    }
}

@keyframes badgePulseScale {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(.98)
    }
}

@keyframes overlayBgIn {
    0% {
        background-color: #0000
    }

    to {
        background-color: var(--color-core-greyBlue-900)
    }
}

@keyframes overlayScrimIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes overlayScrimOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes searchV2FieldExpand {
    0% {
        max-width: var(--search-v2-compact-width, 168px)
    }

    to {
        max-width: calc(100vw - 2rem)
    }
}

@keyframes searchV2FieldCollapse {
    0% {
        max-width: calc(100vw - 2rem)
    }

    to {
        max-width: var(--search-v2-compact-width, 168px)
    }
}

@keyframes contentOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(8px)
    }
}

@keyframes contentIn {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

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

@keyframes bonusPulse {
    0% {
        box-shadow: 0 0 0 0px var(--color-core-freecashGreen-25-A50);
        inset: 0
    }

    20% {
        inset: -5px;
        box-shadow: 0 0 0 4px #0000
    }
}

@keyframes offerBadgePulse {

    0%,
    49%,
    to {
        transform: scale(1)
    }

    50%,
    99% {
        transform: scale(1.08)
    }
}

@keyframes starBlink {

    0%,
    41.66%,
    to {
        color: #0000
    }

    42.66%,
    44.66%,
    50.66%,
    52.66% {
        color: var(--color-core-yellow-500)
    }

    45.66%,
    49.66%,
    53.66%,
    58.33% {
        color: #0000
    }
}

@keyframes myOffersPulsate {
    0% {
        opacity: 0;
        transform: scale(.1)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1.2)
    }
}

@keyframes taskBlink {

    0%,
    to {
        border-color: var(--color-core-freecashGreen-25-A70);
        box-shadow: 0 0 4px 2px var(--color-core-freecashGreen-25-A50)
    }

    50% {
        border-color: var(--color-core-freecashGreen-25-A30);
        box-shadow: 0 0 4px 2px var(--color-core-freecashGreen-25-A10)
    }
}

@keyframes taskBlinkGold {

    0%,
    to {
        border-color: var(--color-core-gold-25-A70);
        box-shadow: 0 0 4px 2px var(--color-core-gold-25-A50)
    }

    50% {
        border-color: var(--color-core-gold-25-A50);
        box-shadow: 0 0 4px 2px var(--color-core-gold-25-A30)
    }
}

@keyframes onboardingVideoBadgeShine {
    0% {
        left: -150%
    }

    35%,
    to {
        left: 150%
    }
}

@keyframes onboardingVideoBadgeGold {
    0% {
        background-position: 200%0
    }

    45%,
    to {
        background-position: -60%0
    }
}

@keyframes vrIntroFade {

    0%,
    85% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes vrGlowTravel {
    0% {
        transform: translateY(-22px)
    }

    to {
        transform: translateY(22px)
    }
}

@keyframes wheelIndicatorPulse {
    0% {
        transform: translate(-50%)
    }

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

    to {
        transform: translate(-50%)
    }
}

@keyframes boostLightbeam {
    0% {
        transform: translate(-100%)
    }

    20%,
    to {
        transform: translate(100%)
    }
}

@keyframes boostGemFadeBoost {
    0% {
        color: var(--color-core-freecashGreen-500)
    }

    to {
        color: var(--color-core-yellow-500)
    }
}

@keyframes boostGemFadeBlack {
    0% {
        color: var(--color-core-greyBlue-300)
    }

    to {
        color: var(--color-core-yellow-500)
    }
}

@keyframes lotteryRevealRing {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: var(--ring-length)
    }
}

@keyframes lotteryHintPulse {
    0% {
        border-color: var(--color-highlight-purple-25-A50);
        transform: scale(1)
    }

    to {
        border-color: #0000;
        transform: scale(1.5)
    }
}

@keyframes progressIndeterminate {
    0% {
        left: -40%
    }

    to {
        left: 100%
    }
}

@keyframes progressbar {
    0% {
        transform: translate(-40%)
    }

    60% {
        transform: translate(100%)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes tapMatchScaleIn {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    60% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes tapMatchMatchBlink {

    0%,
    to {
        border-color: var(--color-core-freecashGreen-500)
    }

    50% {
        border-color: #0000
    }
}

@keyframes cardPressBounce {
    0% {
        animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        transform: scale(1)
    }

    33% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: scale(.96)
    }

    70% {
        animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        transform: scale(1.012)
    }

    to {
        transform: scale(1)
    }
}

@keyframes tapMatchLostBlink {

    0%,
    to {
        border-color: var(--color-core-red-500)
    }

    50% {
        border-color: #0000
    }
}
    

input {
    -webkit-text-fill-color: currentColor
}

:where([data-fc-footer] img:not([width]):not([height])) {
    max-width: 140px;
    max-height: 48px
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--color-core-greyBlue-400) var(--color-core-greyBlue-600)
}

body {
    scrollbar-width: auto;
    scrollbar-color: auto
}

:where(:not(html, body))::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

:where(:not(html, body))::-webkit-scrollbar-track {
    background: var(--color-core-greyBlue-600);
    -webkit-box-shadow: inset 1px 1px 2px var(--color-core-neutral-1000-A10)
}

:where(:not(html, body))::-webkit-scrollbar-thumb {
    background: var(--color-core-greyBlue-400);
    -webkit-box-shadow: inset 1px 1px 2px var(--color-core-neutral-1000-A30)
}

:where(:not(html, body))::-webkit-scrollbar-thumb:hover {
    background: var(--color-highlight-grey-400)
}

:where(:not(html, body))::-webkit-scrollbar-thumb:active {
    background: var(--color-highlight-grey-400);
    -webkit-box-shadow: inset 1px 1px 2px var(--color-core-neutral-1000-A30)
}

:root {
    --gray-200: var(--color-core-greyBlue-50);
    --w2a-banner-height: 64px
}

:root {
    --bottom-nav-height: 74px;
    --header-height: calc(66px + var(--safe-area-top));
    --secondary-header-height: 48px;
    --side-nav-width: 220px;
    --bottom-nav-space: var(--footer-height, var(--bottom-nav-height));
    --overlay-bottom-inset: var(--bottom-nav-space);
    --visible-bottom-nav-space: var(--bottom-nav-space)
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    :root {
        --side-nav-width: 200px
    }
}

@media only screen and (max-width:1199px) {
    :root {
        --side-nav-width: auto
    }
}

:root {
    --safe-area-top: 0px;
    --safe-area-bottom: env(safe-area-inset-bottom, 0px)
}

@media (min-width:1200px) {
    :root {
        --bottom-nav-space: 0px
    }
}

:where(body) {
    background-color: var(--color-core-greyBlue-900);
    color: var(--color-core-neutral-0);
    font-family: var(--font-poppins), -apple-system, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    overflow-x: hidden
}

:where(html, #__next) {
    min-width: 100%
}

:where(html) {
    -webkit-tap-highlight-color: transparent
}

@media (hover:none) and (pointer:coarse) {
    :where(*) {
        -webkit-user-select: none;
        user-select: none;
        -webkit-touch-callout: none
    }

    :where(input, textarea, select, [contenteditable]) {
        -webkit-user-select: text;
        user-select: text;
        -webkit-touch-callout: default
    }
}

:where(a) {
    cursor: pointer;
    color: inherit;
    text-decoration: none
}

:where(.react-mobile-navigation>a:hover) {
    text-decoration: none
}

@media (max-width:1200px) {
    #fc-toast-viewport-bottom-left {
        bottom: var(--visible-bottom-nav-space) !important
    }
}

#fc-toast-viewport-top-right {
    top: var(--header-height) !important
}

@keyframes claim-counter-in {
    0% {
        opacity: 0
    }
}
    

.lp-v12 {
    --lp-background: 232 26% 11%;
    --lp-foreground: 0 0% 100%;
    --lp-card: 230 24% 15%;
    --lp-primary: 152 99% 42%;
    --lp-muted: 233 22% 18%;
    --lp-muted-foreground: 240 23% 73%;
    --lp-border: 240 20% 25%;
    --lp-pipe: 225 13% 60%;
    background-color: hsl(var(--lp-background));
    color: hsl(var(--lp-foreground));
    font-weight: 400
}

:where(.lp-v12) :where(h1, h2, h3, h4, h5, h6, p, figure, figcaption) {
    margin: 0
}

:where(.lp-v12) :where(img, svg) {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    display: block
}

:where(.lp-v12) :where(img) {
    max-width: 100%;
    height: auto
}

:where(.lp-v12) :where(button) {
    font: inherit;
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0;
    padding: 0
}

.lp-v12 .lp-bg-background {
    background-color: hsl(var(--lp-background))
}

.lp-v12 .lp-bg-card {
    background-color: hsl(var(--lp-card))
}

.lp-v12 .lp-bg-primary {
    background-color: hsl(var(--lp-primary))
}

.lp-v12 .lp-bg-primary\/15 {
    background-color: hsl(var(--lp-primary)/.15)
}

.lp-v12 .lp-text-primary {
    color: hsl(var(--lp-primary))
}

.lp-v12 .lp-text-foreground {
    color: hsl(var(--lp-foreground))
}

.lp-v12 .lp-text-foreground\/85 {
    color: hsl(var(--lp-foreground)/.85)
}

.lp-v12 .lp-text-foreground\/70 {
    color: hsl(var(--lp-foreground)/.7)
}

.lp-v12 .lp-text-foreground\/50 {
    color: hsl(var(--lp-foreground)/.5)
}

.lp-v12 .lp-text-foreground\/45 {
    color: hsl(var(--lp-foreground)/.45)
}

.lp-v12 .lp-border-border\/60 {
    border-color: hsl(var(--lp-border)/.6)
}

.lp-v12 .lp-border-primary {
    border-color: hsl(var(--lp-primary))
}

.lp-v12 .lp-panel {
    border: 1px solid hsl(var(--lp-foreground)/.1);
    box-shadow: inset 0 1px 0 0 hsl(var(--lp-foreground)/.08);
    background-image: linear-gradient(to bottom right, #252945, #1e2136, #191c2e)
}

.lp-v12 .lp-glow-soft {
    background-image: radial-gradient(closest-side, hsl(var(--lp-primary)/.03) 0%, hsl(var(--lp-primary)/.03) 55%, hsl(var(--lp-primary)/0) 100%)
}

.lp-v12 .lp-glow-strong {
    background-image: radial-gradient(closest-side, hsl(var(--lp-primary)/.22), transparent)
}

.lp-v12 .lp-fade-y:before,
.lp-v12 .lp-fade-y:after {
    content: "";
    z-index: 1;
    pointer-events: none;
    height: 12%;
    position: absolute;
    left: 0;
    right: 0
}

.lp-v12 .lp-fade-y:before {
    background-image: linear-gradient(to bottom, hsl(var(--lp-card)), transparent);
    top: 0
}

.lp-v12 .lp-fade-y:after {
    background-image: linear-gradient(to top, hsl(var(--lp-card)), transparent);
    bottom: 0
}

.lp-v12 .lp-fade-x:before,
.lp-v12 .lp-fade-x:after {
    content: "";
    z-index: 1;
    pointer-events: none;
    width: 32%;
    position: absolute;
    top: 0;
    bottom: 0
}

.lp-v12 .lp-fade-x:before {
    background-image: linear-gradient(to right, hsl(var(--lp-card)) 0%, hsl(var(--lp-card)) 37.5%, transparent 100%);
    left: 0
}

.lp-v12 .lp-fade-x:after {
    background-image: linear-gradient(to left, hsl(var(--lp-card)) 0%, hsl(var(--lp-card)) 37.5%, transparent 100%);
    right: 0
}

@media (min-width:640px) and (max-width:1279px) {

    .lp-v12 .lp-fade-x:before,
    .lp-v12 .lp-fade-x:after {
        width: 15%
    }

    .lp-v12 .lp-fade-x:before {
        background-image: linear-gradient(to right, hsl(var(--lp-card)), transparent)
    }

    .lp-v12 .lp-fade-x:after {
        background-image: linear-gradient(to left, hsl(var(--lp-card)), transparent)
    }
}

.lp-v12 img {
    color: #0000
}

@keyframes lp-line-rise {
    0% {
        transform: translateY(.55em)
    }

    to {
        transform: none
    }
}

@keyframes lp-line-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.lp-v12 .lp-line {
    animation: lp-line-rise 1s cubic-bezier(.22, 1, .36, 1) var(--lp-line-delay, 0s) both, lp-line-fade .8s ease-out var(--lp-line-delay, 0s) both;
    display: block
}

@media (prefers-reduced-motion:reduce) {
    .lp-v12 .lp-line {
        animation: none
    }
}

@keyframes lp-in-rise {
    0% {
        opacity: 0;
        transform: translateY(var(--lp-in-y, 22px))
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes lp-in-pop {
    0% {
        opacity: 0;
        transform: translateY(var(--lp-in-y, 24px)) scale(var(--lp-in-scale, .8)) rotate(var(--lp-in-rotate, 0deg))
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1) rotate(var(--lp-in-rotate, 0deg))
    }
}

.lp-v12 .lp-in-pop {
    --lp-in-name: lp-in-pop
}

.lp-v12 [data-lp-in-now] {
    animation: var(--lp-in-name, lp-in-rise) .65s cubic-bezier(.22, 1, .36, 1) var(--lp-in-delay, 0s) both
}

.lp-v12 .lp-in {
    opacity: 1;
    transform: rotate(var(--lp-in-rotate, 0deg))
}

.lp-v12 .lp-in-armed,
.lp-v12 .lp-in-armed .lp-in {
    opacity: 0;
    transform: translateY(var(--lp-in-y, 22px)) scale(var(--lp-in-scale, 1)) rotate(var(--lp-in-rotate, 0deg))
}

.lp-v12 .lp-in-armed.lp-in-seen,
.lp-v12 .lp-in-armed.lp-in-seen .lp-in {
    animation: var(--lp-in-name, lp-in-rise) .65s cubic-bezier(.22, 1, .36, 1) var(--lp-in-delay, 0s) both
}

@media (prefers-reduced-motion:reduce) {

    .lp-v12 .lp-in,
    .lp-v12 [data-lp-in-now],
    .lp-v12 .lp-in.lp-in-seen,
    .lp-v12 .lp-in-seen .lp-in {
        opacity: 1;
        transform: rotate(var(--lp-in-rotate, 0deg));
        animation: none
    }
}

@keyframes lp-scroll-left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes lp-marquee-up {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-50%)
    }
}

@keyframes lp-marquee-down {
    0% {
        transform: translateY(-50%)
    }

    to {
        transform: translateY(0)
    }
}

.lp-v12 .lp-scroll-left {
    animation: 25s linear infinite lp-scroll-left
}

.lp-v12 .lp-track {
    will-change: transform;
    animation: 110s linear infinite lp-marquee-up
}

.lp-v12 .lp-track-rev {
    will-change: transform;
    animation: 110s linear infinite lp-marquee-down
}

.lp-v12 .lp-reel {
    animation-duration: var(--lp-reel-dur, 50s);
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.lp-v12 .lp-reel {
    animation-name: lp-marquee-up
}

@media (prefers-reduced-motion:reduce) {
    .lp-v12 .lp-reel {
        animation: none
    }
}

.lp-v12 .lp-col:hover .lp-track,
.lp-v12 .lp-col:hover .lp-track-rev {
    animation-play-state: paused
}

@media (max-width:767px) {

    .lp-v12 .lp-track,
    .lp-v12 .lp-track-rev {
        animation-duration: 75s
    }

    .lp-v12 [data-marquee-track] {
        animation-duration: 70s !important
    }
}

@media (prefers-reduced-motion:reduce) {

    .lp-v12 .lp-track,
    .lp-v12 .lp-track-rev,
    .lp-v12 .lp-scroll-left {
        animation: none
    }
}

.lp-v12:lang(ja) {
    font-feature-settings: normal
}

.lp-v12 :is(h1, h2, h3):lang(ja),
.lp-v12 .lp-phrase-wrap:lang(ja) {
    word-break: keep-all;
    overflow-wrap: anywhere;
    text-wrap: balance
}

@supports (word-break:auto-phrase) {

    .lp-v12 :is(h1, h2, h3):lang(ja),
    .lp-v12 .lp-phrase-wrap:lang(ja) {
        word-break: auto-phrase
    }
}