/* DaisyUI Components */
@keyframes button-pop { 0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}100%{transform:scale(1)} }
@keyframes checkmark { 0%{background-position-y:5px}50%{background-position-y:-2px}100%{background-position-y:0} }
@keyframes modal-pop { 0%{opacity:0} }
@keyframes progress-loading { 50%{background-position-x:-115%} }
@keyframes radiomark { 0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}100%{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset} }
@keyframes rating-pop { 0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}100%{transform:translateY(0)} }
@keyframes skeleton { from{background-position:150%}to{background-position:-50%} }
@keyframes toast-pop { 0%{transform:scale(.9);opacity:0}100%{transform:scale(1);opacity:1} }
@keyframes bounce { 0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)} }
@keyframes ping { 100%,75%{transform:scale(2);opacity:0} }
@keyframes pulse { 50%{opacity:.5} }
@keyframes spin { to{transform:rotate(360deg)} }

/* Tailwind JIT Generated Classes */
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.max-w-none{max-width:none}.border{border-width:1px}.border-none{border-style:none}.p-4{padding:1rem}


    @layer properties {
        @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
            * {
                --clxxtranslate-x: 0;
                --clxxtranslate-y: 0;
                --clxxtranslate-z: 0;
                --clxxscale-x: 1;
                --clxxscale-y: 1;
                --clxxscale-z: 1;
                --clxxrotate-x: initial;
                --clxxrotate-y: initial;
                --clxxrotate-z: initial;
                --clxxskew-x: initial;
                --clxxskew-y: initial;
                --clxxspace-y-reverse: 0;
                --clxxborder-style: solid;
                --clxxgradient-position: initial;
                --clxxgradient-from: #0000;
                --clxxgradient-via: #0000;
                --clxxgradient-to: #0000;
                --clxxgradient-stops: initial;
                --clxxgradient-via-stops: initial;
                --clxxgradient-from-position: 0%;
                --clxxgradient-via-position: 50%;
                --clxxgradient-to-position: 100%;
                --clxxleading: initial;
                --clxxfont-weight: initial;
                --clxxtracking: initial;
                --clxxshadow: 0 0 #0000;
                --clxxshadow-color: initial;
                --clxxshadow-alpha: 100%;
                --clxxinset-shadow: 0 0 #0000;
                --clxxinset-shadow-color: initial;
                --clxxinset-shadow-alpha: 100%;
                --clxxring-color: initial;
                --clxxring-shadow: 0 0 #0000;
                --clxxinset-ring-color: initial;
                --clxxinset-ring-shadow: 0 0 #0000;
                --clxxring-inset: initial;
                --clxxring-offset-width: 0px;
                --clxxring-offset-color: #fff;
                --clxxring-offset-shadow: 0 0 #0000;
                --clxxblur: initial;
                --clxxbrightness: initial;
                --clxxcontrast: initial;
                --clxxgrayscale: initial;
                --clxxhue-rotate: initial;
                --clxxinvert: initial;
                --clxxopacity: initial;
                --clxxsaturate: initial;
                --clxxsepia: initial;
                --clxxdrop-shadow: initial;
                --clxxdrop-shadow-color: initial;
                --clxxdrop-shadow-alpha: 100%;
                --clxxdrop-shadow-size: initial;
                --clxxbackdrop-blur: initial;
                --clxxbackdrop-brightness: initial;
                --clxxbackdrop-contrast: initial;
                --clxxbackdrop-grayscale: initial;
                --clxxbackdrop-hue-rotate: initial;
                --clxxbackdrop-invert: initial;
                --clxxbackdrop-opacity: initial;
                --clxxbackdrop-saturate: initial;
                --clxxbackdrop-sepia: initial;
                --clxxduration: initial;
                --clxxease: initial;
            }

        }

    }


    @layer theme {
        :root {
            --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --color-gray-800: oklch(27.8% .033 256.848);
            --color-white: #fff;
            --spacing: .25rem;
            --container-sm: 24rem;
            --container-lg: 32rem;
            --container-xl: 36rem;
            --container-2xl: 42rem;
            --container-3xl: 48rem;
            --container-6xl: 72rem;
            --container-7xl: 80rem;
            --text-xs: .75rem;
            --text-xs--line-height: calc(1/.75);
            --text-sm: .875rem;
            --text-sm--line-height: calc(1.25/.875);
            --text-base: 1rem;
            --text-base--line-height: calc(1.5/1);
            --text-lg: 1.125rem;
            --text-lg--line-height: calc(1.75/1.125);
            --text-xl: 1.25rem;
            --text-xl--line-height: calc(1.75/1.25);
            --text-2xl: 1.5rem;
            --text-2xl--line-height: calc(2/1.5);
            --text-3xl: 1.875rem;
            --text-3xl--line-height: calc(2.25/1.875);
            --text-4xl: 2.25rem;
            --text-4xl--line-height: calc(2.5/2.25);
            --text-5xl: 3rem;
            --text-5xl--line-height: 1;
            --text-6xl: 3.75rem;
            --text-6xl--line-height: 1;
            --text-7xl: 4.5rem;
            --text-7xl--line-height: 1;
            --font-weight-extralight: 200;
            --font-weight-light: 300;
            --font-weight-medium: 500;
            --font-weight-semibold: 600;
            --font-weight-bold: 700;
            --font-weight-extrabold: 800;
            --tracking-tight: -.025em;
            --tracking-wide: .025em;
            --tracking-wider: .05em;
            --leading-tight: 1.25;
            --leading-relaxed: 1.625;
            --radius-md: .375rem;
            --radius-lg: .5rem;
            --radius-xl: .75rem;
            --radius-2xl: 1rem;
            --radius-3xl: 1.5rem;
            --ease-out: cubic-bezier(0, 0, .2, 1);
            --blur-md: 12px;
            --blur-lg: 16px;
            --blur-3xl: 64px;
            --default-transition-duration: .15s;
            --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            --default-font-family: 'IranSans', sans-serif;
            --default-mono-font-family: 'IranSans', sans-serif;
        }

    }


    @layer base {
        * {
            box-sizing: border-box;
            border: 0px solid;
            margin: 0px;
            padding: 0px;
        }

        html {
            tab-size: 4;
            line-height: 1.5;
            font-family: "IranSans", sans-serif;
            font-feature-settings: var(--default-font-feature-settings, normal);
            font-variation-settings: var(--default-font-variation-settings, normal);
        }

        h1 {
            font-size: inherit;
            font-weight: inherit;
        }

        img {
            vertical-align: middle;
            display: block;
        }

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

        :root {
            --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
        }

        :root {
            background-color: var(--root-bg, var(--color-base-100));
            color: var(--color-base-content);
        }

        :root {
            scrollbar-color: currentcolor rgba(0, 0, 0, 0);
        }

        @supports (color:color-mix(in lab, red, red)) {
            :root {
                scrollbar-color: color-mix(in oklch, currentcolor 35%, rgba(0, 0, 0, 0)) rgba(0, 0, 0, 0);
            }

        }

        @media (prefers-color-scheme: dark) {
            :root:not([data-theme]) {
                color-scheme: dark;
                --color-base-100: oklch(20% .042 265.755);
                --color-base-200: oklch(10% .042 265.755);
                --color-base-300: oklch(0% 0 0);
                --color-base-content: oklch(96% .003 264.542);
                --color-primary: oklch(48% .0926 195.19);
                --color-primary-content: oklch(88% .0926 195.19);
                --color-secondary: oklch(78% .154 211.53);
                --color-secondary-content: oklch(39% .07 227.392);
                --color-accent: oklch(77% .152 181.912);
                --color-accent-content: oklch(43% .078 188.216);
                --color-neutral: oklch(15% .03 270);
                --color-neutral-content: oklch(100% 0 0);
                --color-info: oklch(74% .16 232.661);
                --color-info-content: oklch(29% .066 243.157);
                --color-success: oklch(76% .177 163.223);
                --color-success-content: oklch(26% .051 172.552);
                --color-warning: oklch(90% .182 98.111);
                --color-warning-content: oklch(47% .114 61.907);
                --color-error: oklch(71% .194 13.428);
                --color-error-content: oklch(27% .105 12.094);
                --radius-selector: 2rem;
                --radius-field: 2rem;
                --radius-box: 1rem;
                --size-selector: .25rem;
                --size-field: .21875rem;
                --border: 2px;
                --depth: 0;
                --noise: 0;
            }

        }

        :where(:root) {
            color-scheme: dark;
            --color-base-100: oklch(20% .042 265.755);
            --color-base-200: oklch(10% .042 265.755);
            --color-base-300: oklch(0% 0 0);
            --color-base-content: oklch(96% .003 264.542);
            --color-primary: oklch(48% .0926 195.19);
            --color-primary-content: oklch(88% .0926 195.19);
            --color-secondary: oklch(78% .154 211.53);
            --color-secondary-content: oklch(39% .07 227.392);
            --color-accent: oklch(77% .152 181.912);
            --color-accent-content: oklch(43% .078 188.216);
            --color-neutral: oklch(15% .03 270);
            --color-neutral-content: oklch(100% 0 0);
            --color-info: oklch(74% .16 232.661);
            --color-info-content: oklch(29% .066 243.157);
            --color-success: oklch(76% .177 163.223);
            --color-success-content: oklch(26% .051 172.552);
            --color-warning: oklch(90% .182 98.111);
            --color-warning-content: oklch(47% .114 61.907);
            --color-error: oklch(71% .194 13.428);
            --color-error-content: oklch(27% .105 12.094);
            --radius-selector: 2rem;
            --radius-field: 2rem;
            --radius-box: 1rem;
            --size-selector: .25rem;
            --size-field: .21875rem;
            --border: 2px;
            --depth: 0;
            --noise: 0;
        }

    }


    @layer components;


    @layer utilities {
        .clxxv {
            pointer-events: none;
        }

        .absolute {
            position: absolute;
        }

        .relative {
            position: relative;
        }

        .clxxfh {
            inset: calc(var(--spacing)*0);
        }

        .clxxdh {
            top: calc(var(--spacing)*-24);
        }

        .clxxoi {
            top: calc(var(--spacing)*12);
        }

        .clxxze {
            right: calc(var(--spacing)*-24);
        }

        .clxxeg {
            bottom: calc(var(--spacing)*0);
        }

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

        .clxxig {
            left: 50%;
        }

        .clxxqi {
            z-index: calc(-10);
        }

        .clxxnl {
            z-index: 0;
        }

        .clxxzk {
            z-index: 10;
        }

        .container {
            width: 100%;
        }

        @media (min-width: 40rem) {
            .container {
                max-width: 40rem;
            }

        }

        @media (min-width: 48rem) {
            .container {
                max-width: 48rem;
            }

        }

        @media (min-width: 64rem) {
            .container {
                max-width: 64rem;
            }

        }

        @media (min-width: 80rem) {
            .container {
                max-width: 80rem;
            }

        }

        @media (min-width: 96rem) {
            .container {
                max-width: 96rem;
            }

        }

        .clxxsh {
            margin-inline: auto;
        }

        .clxxvg {
            margin-top: -5%;
        }

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

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

        .flex {
            display: flex;
        }

        .clxxxi {
            height: calc(var(--spacing)*1.5);
        }

        .clxxdf {
            height: 36rem;
        }

        .clxxff {
            height: 44rem;
        }

        .clxxgg {
            height: 48vh;
        }

        .clxxhg {
            height: 50vh;
        }

        .clxxcd {
            min-height: 100vh;
        }

        .clxxnj {
            width: calc(var(--spacing)*1.5);
        }

        .clxxwf {
            width: 25rem;
        }

        .clxxxf {
            width: 36rem;
        }

        .clxxyf {
            width: 44rem;
        }

        .clxxpi {
            width: 100%;
        }

        .clxxah {
            width: 100vw;
        }

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

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

        .clxxne {
            max-width: none;
        }

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

        .clxxfg {
            flex-direction: column;
        }

        .clxxvc {
            align-items: center;
        }

        .clxxlb {
            justify-content: center;
        }

        .clxxya {
            overflow: hidden;
        }

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

        .clxxed {
            border-radius: 3.40282e38px;
        }

        .border {
            border-style: var(--clxxborder-style);
            border-width: 1px;
        }

        .clxxf {
            border-color: var(--color-base-content);
        }

        @supports (color:color-mix(in lab, red, red)) {
            .clxxf {
                border-color: color-mix(in oklab, var(--color-base-content)10%, transparent);
            }

        }

        .clxxeb {
            background-color: var(--color-base-200);
        }

        @supports (color:color-mix(in lab, red, red)) {
            .clxxeb {
                background-color: color-mix(in oklab, var(--color-base-200)30%, transparent);
            }

        }

        .clxxz {
            background-color: var(--color-base-content);
        }

        @supports (color:color-mix(in lab, red, red)) {
            .clxxz {
                background-color: color-mix(in oklab, var(--color-base-content)8%, transparent);
            }

        }

        .clxxac {
            background-color: var(--color-primary);
        }

        @supports (color:color-mix(in lab, red, red)) {
            .clxxac {
                background-color: color-mix(in oklab, var(--color-primary)20%, transparent);
            }

        }

        .clxxqa {
            background-color: var(--color-secondary);
        }

        @supports (color:color-mix(in lab, red, red)) {
            .clxxqa {
                background-color: color-mix(in oklab, var(--color-secondary)18%, transparent);
            }

        }

        .clxxga {
            --clxxgradient-position: to bottom in oklab;
        }

        .clxxga,
        .clxxha {
            background-image: linear-gradient(var(--clxxgradient-stops));
        }

        .clxxha {
            --clxxgradient-position: to right in oklab;
        }

        .clxxia {
            --clxxgradient-position: to top in oklab;
            background-image: linear-gradient(var(--clxxgradient-stops));
        }

        .clxxec {
            --clxxgradient-from: var(--color-base-100);
            --clxxgradient-stops: var(--clxxgradient-via-stops, var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-to)var(--clxxgradient-to-position));
        }

        .clxxfc {
            --clxxgradient-from: var(--color-base-200);
            --clxxgradient-stops: var(--clxxgradient-via-stops, var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-to)var(--clxxgradient-to-position));
        }

        .clxxuc {
            --clxxgradient-from: var(--color-primary);
            --clxxgradient-stops: var(--clxxgradient-via-stops, var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-to)var(--clxxgradient-to-position));
        }

        .clxxta {
            --clxxgradient-from: var(--color-primary);
        }

        @supports (color:color-mix(in lab, red, red)) {
            .clxxta {
                --clxxgradient-from: color-mix(in oklab, var(--color-primary)20%, transparent);
            }

        }

        .clxxta {
            --clxxgradient-stops: var(--clxxgradient-via-stops, var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-to)var(--clxxgradient-to-position));
        }

        .clxxka {
            --clxxgradient-from: transparent;
            --clxxgradient-stops: var(--clxxgradient-via-stops, var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-to)var(--clxxgradient-to-position));
        }

        .clxxid {
            --clxxgradient-via: var(--color-base-100);
            --clxxgradient-via-stops: var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-via)var(--clxxgradient-via-position), var(--clxxgradient-to)var(--clxxgradient-to-position);
            --clxxgradient-stops: var(--clxxgradient-via-stops);
        }

        .clxxbb {
            --clxxgradient-via: var(--color-base-100);
        }

        @supports (color:color-mix(in lab, red, red)) {
            .clxxbb {
                --clxxgradient-via: color-mix(in oklab, var(--color-base-100)90%, transparent);
            }

        }

        .clxxbb {
            --clxxgradient-via-stops: var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-via)var(--clxxgradient-via-position), var(--clxxgradient-to)var(--clxxgradient-to-position);
            --clxxgradient-stops: var(--clxxgradient-via-stops);
        }

        .clxxxb {
            --clxxgradient-via: var(--color-primary);
        }

        @supports (color:color-mix(in lab, red, red)) {
            .clxxxb {
                --clxxgradient-via: color-mix(in oklab, var(--color-primary)10%, transparent);
            }

        }

        .clxxxb {
            --clxxgradient-via-stops: var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-via)var(--clxxgradient-via-position), var(--clxxgradient-to)var(--clxxgradient-to-position);
            --clxxgradient-stops: var(--clxxgradient-via-stops);
        }

        .clxxge {
            --clxxgradient-to: var(--color-base-100);
            --clxxgradient-stops: var(--clxxgradient-via-stops, var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-to)var(--clxxgradient-to-position));
        }

        .clxxhd {
            --clxxgradient-to: var(--color-secondary);
            --clxxgradient-stops: var(--clxxgradient-via-stops, var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-to)var(--clxxgradient-to-position));
        }

        .clxxab {
            --clxxgradient-to: var(--color-secondary);
        }

        @supports (color:color-mix(in lab, red, red)) {
            .clxxab {
                --clxxgradient-to: color-mix(in oklab, var(--color-secondary)20%, transparent);
            }

        }

        .clxxab {
            --clxxgradient-stops: var(--clxxgradient-via-stops, var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-to)var(--clxxgradient-to-position));
        }

        .clxxtb {
            --clxxgradient-to: transparent;
            --clxxgradient-stops: var(--clxxgradient-via-stops, var(--clxxgradient-position), var(--clxxgradient-from)var(--clxxgradient-from-position), var(--clxxgradient-to)var(--clxxgradient-to-position));
        }

        .clxxoc {
            background-clip: text;
        }

        .clxxmk {
            padding-inline: calc(var(--spacing)*3);
        }

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

        .clxxki {
            padding-block: calc(var(--spacing)*1.5);
        }

        .clxxgj {
            padding-top: calc(var(--spacing)*28);
        }

        .clxxfe {
            text-align: center;
        }

        .clxxzg {
            font-size: var(--text-5xl);
            line-height: var(--clxxleading, var(--text-5xl--line-height));
        }

        .clxxzh {
            font-size: var(--text-xs);
            line-height: var(--clxxleading, var(--text-xs--line-height));
        }

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

        .clxxsa {
            --clxxfont-weight: var(--font-weight-extralight);
            font-weight: var(--font-weight-extralight);
        }

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

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

        .clxxo {
            color: var(--color-base-content);
        }

        @supports (color:color-mix(in lab, red, red)) {
            .clxxo {
                color: color-mix(in oklab, var(--color-base-content)80%, transparent);
            }

        }

        .clxxna {
            color: rgba(0, 0, 0, 0);
        }

        .clxxmf {
            opacity: 0.06;
        }

        .clxxpe {
            opacity: 0.2;
        }

        .clxxqe {
            opacity: 0.25;
        }

        .clxxre {
            opacity: 0.45;
        }

        .clxxof {
            --clxxshadow: 0 10px 15px -3px var(--clxxshadow-color, #0000001a), 0 4px 6px -4px var(--clxxshadow-color, #0000001a);
        }

        .clxxof {
            box-shadow: var(--clxxinset-shadow), var(--clxxinset-ring-shadow), var(--clxxring-offset-shadow), var(--clxxring-shadow), var(--clxxshadow);
        }

        .clxxbg {
            --clxxblur: blur(var(--blur-3xl));
        }

        .clxxbg {
            filter: var(--clxxblur, )var(--clxxbrightness, )var(--clxxcontrast, )var(--clxxgrayscale, )var(--clxxhue-rotate, )var(--clxxinvert, )var(--clxxsaturate, )var(--clxxsepia, )var(--clxxdrop-shadow, );
        }

        .clxxfa {
            backdrop-filter: var(--clxxbackdrop-blur, )var(--clxxbackdrop-brightness, )var(--clxxbackdrop-contrast, )var(--clxxbackdrop-grayscale, )var(--clxxbackdrop-hue-rotate, )var(--clxxbackdrop-invert, )var(--clxxbackdrop-opacity, )var(--clxxbackdrop-saturate, )var(--clxxbackdrop-sepia, );
        }

        .clxxfa {
            --clxxbackdrop-blur: blur(var(--blur-md));
        }

        .clxxwb {
            transition-property: all;
            transition-timing-function: var(--clxxease, var(--default-transition-timing-function));
            transition-duration: var(--clxxduration, var(--default-transition-duration));
        }

        .clxxqc {
            --clxxduration: .3s;
            transition-duration: 0.3s;
        }

        @media (hover: hover) {
            .clxxh:hover {
                background-color: var(--color-base-200);
            }

            @supports (color:color-mix(in lab, red, red)) {
                .clxxh:hover {
                    background-color: color-mix(in oklab, var(--color-base-200)50%, transparent);
                }

            }

            .clxxua:hover {
                --clxxshadow: 0 20px 25px -5px var(--clxxshadow-color, #0000001a), 0 8px 10px -6px var(--clxxshadow-color, #0000001a);
                box-shadow: var(--clxxinset-shadow), var(--clxxinset-ring-shadow), var(--clxxring-offset-shadow), var(--clxxring-shadow), var(--clxxshadow);
            }

        }

        @media (min-width: 48rem) {
            .clxxzd {
                font-size: var(--text-6xl);
                line-height: var(--clxxleading, var(--text-6xl--line-height));
            }

        }

        @media (min-width: 64rem) {
            .clxxxc {
                width: 40rem;
            }

            .clxxvd {
                font-size: var(--text-7xl);
                line-height: var(--clxxleading, var(--text-7xl--line-height));
            }

        }

    }


    @keyframes dropdown {
        0% {
            opacity: 0;
        }

    }


    @keyframes radio {
        0% {
            padding: 5px;
        }

        50% {
            padding: 3px;
        }

    }


    @keyframes toast {
        0% {
            opacity: 0;
            scale: 0.9;
        }

        100% {
            opacity: 1;
            scale: 1;
        }

    }


    @keyframes rating {

        0%,
        40% {
            filter: brightness(1.05) contrast(1.05);
            scale: 1.1;
        }

    }


    @keyframes skeleton {
        0% {
            background-position: 150% center;
        }

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

    }


    @keyframes progress {
        50% {
            background-position-x: -115%;
        }

    }


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    @media (max-width: 446px) {
        h1.clxxzg {
            font-size: 2rem;
        }

    }