<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta content="Version - (2.5.2)" name="version" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <meta
        content="alexistogel, alexistogel togel, alexistogel login, alexistogel apk, alexistogel link, alexistogel daftar, alexistogel alternatif, TOGEL ONLINE, download TOGEL ONLINE, TOGEL ONLINE, TOTO MACAU, TOGEL MACAU, ALEXISTOGEL LOGIN, TOGEL ONLINE gacor, BANDAR TOTO MACAU, download BANDAR TOTO MACAU"
        name="keywords" />
    <meta content="TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026" name="title" />
    <meta
        content="ALEXISTOGEL adalah situs togel online resmi dan bandar Toto Macau terpercaya 2026 dengan pasaran lengkap, sistem stabil, transaksi cepat, dan layanan 24 jam."
        name="description" />
    <meta content="index, follow" name="robots" />
    <meta content="website" property="og:type" />
    <link href="https://togel-online.llc/" rel="canonical" />
    <link href="https://official-togel-online-alexistogel.pages.dev/" rel="amphtml">
    <link rel="alternate" href="https://official-togel-online-alexistogel.pages.dev/" />
    <link rel="alternate" hreflang="en" href="https://official-togel-online-alexistogel.pages.dev/" />
    <link rel="alternate" hreflang="x-default" href="https://official-togel-online-alexistogel.pages.dev/" />
    <link hreflang="id-ID" href="https://official-togel-online-alexistogel.pages.dev/" rel="alternate" />
    
    <link rel="icon"
        href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFdrsT2OT1A5zPJNisAvg4GajxoE5pT0Xp8cFTbtR4ZKWSlj8g3-zNXnI6M6Pme2PnrdpjLWbXKHYctpTXovkIAm0la0uGKKnIEZOOnWA9QxYRq8koa3v8XaIxB402EQdmL5gs-CuF9A1a1bH9qT2EW5BPIdD6-Y3tRMTE8velW0aWOuXV-epXGwLQx14/s1600/Alexistogel-login.png"
        type="image/x-icon">
    <link rel="apple-touch-icon"
        href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFdrsT2OT1A5zPJNisAvg4GajxoE5pT0Xp8cFTbtR4ZKWSlj8g3-zNXnI6M6Pme2PnrdpjLWbXKHYctpTXovkIAm0la0uGKKnIEZOOnWA9QxYRq8koa3v8XaIxB402EQdmL5gs-CuF9A1a1bH9qT2EW5BPIdD6-Y3tRMTE8velW0aWOuXV-epXGwLQx14/s1600/Alexistogel-login.png">
    <meta content="https://togel-online.llc/" property="og:url" />
    <meta content="ALEXISTOGEL" property="og:site_name" />
    <meta content="instock" property="og:availability" />
    <meta content="id_ID" property="og:locale" />
    <meta content="en_US" property="og:locale:alternate" />
    <meta content="TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026"
        property="og:title" />
    <meta
        content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEjeFlCo4YssHhQB4A-H0Fc-zQsKyo7CTOE6bVeXPvooAlfwq16fNpdbLhpC2I4IIz26iijaa33KawAX0jK8i4JcJxR4vPUld6TOCOQbjG1Rkl2bYNVqfcxBvX3v4AkCcoO0H53FLwQLISrsY6FaP6oFKTa6_6Eph6R0S2OkxQemoqRUr2FJHbql2zZR/s16000/6801f6c7-db30-4ff5-9c87-44d5739bb7a2.png"
        property="og:image" />
    <meta content="ALEXISTOGEL" property="og:image:alt" />
    <meta
        content="ALEXISTOGEL adalah situs togel online resmi dan bandar Toto Macau terpercaya 2026 dengan pasaran lengkap, sistem stabil, transaksi cepat, dan layanan 24 jam."
        property="og:description" />
    <meta content="summary_large_image" property="twitter:card" />
    <meta content="TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026"
        property="twitter:title" />
    <meta
        content="ALEXISTOGEL adalah situs togel online resmi dan bandar Toto Macau terpercaya 2026 dengan pasaran lengkap, sistem stabil, transaksi cepat, dan layanan 24 jam."
        property="twitter:description" />
    <meta
        content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEjeFlCo4YssHhQB4A-H0Fc-zQsKyo7CTOE6bVeXPvooAlfwq16fNpdbLhpC2I4IIz26iijaa33KawAX0jK8i4JcJxR4vPUld6TOCOQbjG1Rkl2bYNVqfcxBvX3v4AkCcoO0H53FLwQLISrsY6FaP6oFKTa6_6Eph6R0S2OkxQemoqRUr2FJHbql2zZR/s16000/6801f6c7-db30-4ff5-9c87-44d5739bb7a2.png"
        property="twitter:image" />
    <meta name="geo.region" content="id_ID" />
    <meta name="geo.country" content="id" />
    <meta name="geo.placename" content="Indonesia" />
    <meta name="googlebot" content="all" />
    <meta name="language" content="id-ID" />
    <meta name="author" content="ALEXISTOGEL" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="1 days" />
    <meta name="rating" content="general" />
    <meta name="next-head-count" content="14" />
    <meta name="google-site-verification" content="5-twh6CCOI0WM4a8iqHGY2qMVbePa-K2ceGAci2ZdPM" />
    <style>
        @charset "UTF-8";

        /*!
#Version :  2.1.7 #
*/
        /*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/
        *,
        :after,
        :before {
            box-sizing: border-box;
            border: 0 solid #e5e7eb
        }

        :after,
        :before {
            --tw-content: ""
        }

        html {
            line-height: 1.5;
            -webkit-text-size-adjust: 100%;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
            font-feature-settings: normal;
            font-variation-settings: normal
        }

        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-size: 1em
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: initial
        }

        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;
            color: inherit;
            margin: 0;
            padding: 0
        }

        button,
        select {
            text-transform: none
        }

        [type=button],
        [type=reset],
        [type=submit],
        button {
            -webkit-appearance: button;
            background-color: initial;
            background-image: none
        }

        :-moz-focusring {
            outline: auto
        }

        :-moz-ui-invalid {
            box-shadow: none
        }

        progress {
            vertical-align: initial
        }

        ::-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
        }

        fieldset,
        legend {
            padding: 0
        }

        menu,
        ol,
        ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

        dialog {
            padding: 0
        }

        textarea {
            resize: vertical
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            opacity: 1;
            color: #9ca3af
        }

        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] {
            display: none
        }

        :root,
        [data-theme] {
            background-color: hsl(var(--b1)/var(--tw-bg-opacity, 1));
            color: hsl(var(--bc)/var(--tw-text-opacity, 1))
        }

        html {
            -webkit-tap-highlight-color: transparent
        }

        :root {
            color-scheme: light;
            --pf: 208 85% 38%;
            --sf: 38 90% 43%;
            --af: 174 75% 39%;
            --nf: 214 20% 14%;
            --in: 198 93% 60%;
            --inc: 198 100% 12%;
            --suc: 84 32% 12%;
            --wac: 24 55% 13%;
            --erc: 11 100% 91%;
            --rounded-box: 1rem;
            --rounded-btn: 0.5rem;
            --rounded-badge: 1.9rem;
            --animation-btn: 0.25s;
            --animation-input: .2s;
            --btn-text-case: uppercase;
            --btn-focus-scale: 0.95;
            --border-btn: 1px;
            --tab-border: 1px;
            --tab-radius: 0.5rem;
            --p: 208 85% 45%;
            --pc: 259 96% 91%;
            --s: 38 90% 50%;
            --sc: 314 100% 91%;
            --a: 174 75% 46%;
            --ac: 174 75% 11%;
            --n: 214 20% 21%;
            --nc: 212 19% 87%;
            --b1: 0 0% 100%;
            --b2: 0 0% 95%;
            --b3: 180 2% 90%;
            --bc: 215 28% 17%;
            primary-50: #044b95;
            primary-40: #0958aa;
            primary-20: #368be2;
            primary-10: #6ca5e0;
            secondary-50: #cc8000;
            secondary-40: #da8d0b;
            secondary-20: #f0af42;
            secondary-10: #eec787;
            secondary-red: #ee2b2e;
            secondary-red-50: #b00;
            secondary-red-40: #dc1013;
            secondary-red-20: #fd474a;
            secondary-red-10: #ffedee;
            neutral-70: #151823;
            neutral-60: #434755;
            neutral-50: #70727d;
            neutral-40: #9c9da6;
            neutral-30: #dcdee3;
            neutral-20: #eff3f6;
            neutral-10: #f8fbfc;
            white: #fff;
            transparent: #0000;
            --er: 359 85% 55%;
            error-50: #ffedee;
            --wa: 25 100% 56%;
            --su: 85 54% 52%
        }

        @font-face {
            font-family: Inter;
            font-weight: 100;
            src: url(https://cdn-klik.klikindomaret.com/assets/web/css/assets/fonts/Inter-Thin.ttf) format("ttf")
        }

        @font-face {
            font-family: Inter;
            font-weight: 200;
            src: url(https://cdn-klik.klikindomaret.com/assets/web/css/assets/fonts/Inter-ExtraLight.ttf) format("ttf")
        }

        @font-face {
            font-family: Inter;
            font-weight: 300;
            src: url(https://cdn-klik.klikindomaret.com/assets/web/css/assets/fonts/Inter-Light.ttf) format("ttf")
        }

        @font-face {
            font-family: Inter;
            font-weight: 400;
            src: url(https://cdn-klik.klikindomaret.com/assets/web/css/assets/fonts/Inter-Regular.ttf) format("ttf")
        }

        @font-face {
            font-family: Inter;
            font-weight: 500;
            src: url(https://cdn-klik.klikindomaret.com/assets/web/css/assets/fonts/Inter-Medium.ttf) format("ttf")
        }

        @font-face {
            font-family: Inter;
            font-weight: 600;
            src: url(https://cdn-klik.klikindomaret.com/assets/web/css/assets/fonts/Inter-SemiBold.ttf) format("ttf")
        }

        @font-face {
            font-family: Inter;
            font-weight: 700;
            src: url(https://cdn-klik.klikindomaret.com/assets/web/css/assets/fonts/Inter-Bold.ttf) format("ttf")
        }

        @font-face {
            font-family: Inter;
            font-weight: 800;
            src: url(https://cdn-klik.klikindomaret.com/assets/web/css/assets/fonts/Inter-ExtraBold.ttf) format("ttf")
        }

        @font-face {
            font-family: Inter;
            font-weight: 900;
            src: url(https://cdn-klik.klikindomaret.com/assets/web/css/assets/fonts/Inter-Black.ttf) format("ttf")
        }

        html {
            font-family: Inter, sans-serif
        }

        body,
        html {
            font-size: 16px
        }

        *,
        ::backdrop,
        :after,
        :before {
            --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: #3b82f680;
            --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:
        }

        .container {
            width: 100%;
            margin-right: auto;
            margin-left: auto
        }

        @media (min-width:1216px) {
            .container {
                max-width: 1216px
            }
        }

        .alert {
            display: grid;
            width: 100%;
            grid-auto-flow: row;
            align-content: flex-start;
            align-items: center;
            justify-items: center;
            gap: 1rem;
            text-align: center;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--b2)/var(--tw-border-opacity));
            padding: 1rem;
            --tw-text-opacity: 1;
            color: hsl(var(--bc)/var(--tw-text-opacity));
            border-radius: var(--rounded-box, 1rem);
            --alert-bg: hsl(var(--b2));
            --alert-bg-mix: hsl(var(--b1));
            background-color: var(--alert-bg)
        }

        @media (min-width:640px) {
            .alert {
                grid-auto-flow: column;
                grid-template-columns: auto minmax(auto, 1fr);
                justify-items: start;
                text-align: left
            }
        }

        .avatar.placeholder>div {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-timing-function: cubic-bezier(0, 0, .2, 1);
            transition-duration: .2s;
            height: 1.25rem;
            font-size: .875rem;
            line-height: 1.25rem;
            width: -moz-fit-content;
            width: fit-content;
            padding-left: .563rem;
            padding-right: .563rem;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--b2)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b1)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--bc)/var(--tw-text-opacity));
            border-radius: var(--rounded-badge, 1.9rem)
        }

        .breadcrumbs {
            max-width: 100%;
            overflow-x: auto;
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .breadcrumbs>ol,
        .breadcrumbs>ul {
            display: flex;
            align-items: center;
            white-space: nowrap;
            min-height: -moz-min-content;
            min-height: min-content
        }

        .breadcrumbs>ol>li,
        .breadcrumbs>ul>li {
            display: flex;
            align-items: center
        }

        .breadcrumbs>ol>li>a,
        .breadcrumbs>ul>li>a {
            display: flex;
            cursor: pointer;
            align-items: center
        }

        @media (hover:hover) {

            .breadcrumbs>ol>li>a:hover,
            .breadcrumbs>ul>li>a:hover {
                text-decoration-line: underline
            }

            .checkbox-primary:hover {
                --tw-border-opacity: 1;
                border-color: hsl(var(--p)/var(--tw-border-opacity))
            }

            .label a:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--bc)/var(--tw-text-opacity))
            }

            .menu li>:not(ul):not(.menu-title):not(details).active,
            .menu li>:not(ul):not(.menu-title):not(details):active,
            .menu li>details>summary:active {
                --tw-bg-opacity: 1;
                background-color: hsl(var(--n)/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: hsl(var(--nc)/var(--tw-text-opacity))
            }

            .menu li>:not(ul):not(.menu-title):not(details).\!active {
                --tw-bg-opacity: 1 !important;
                background-color: hsl(var(--n)/var(--tw-bg-opacity)) !important;
                --tw-text-opacity: 1 !important;
                color: hsl(var(--nc)/var(--tw-text-opacity)) !important
            }

            .radio-primary:hover {
                --tw-border-opacity: 1;
                border-color: hsl(var(--p)/var(--tw-border-opacity))
            }

            .tab:hover {
                --tw-text-opacity: 1
            }

            .table tr.hover:hover,
            .table tr.hover:nth-child(2n):hover {
                --tw-bg-opacity: 1;
                background-color: hsl(var(--b2)/var(--tw-bg-opacity))
            }

            .table-zebra tr.hover:hover,
            .table-zebra tr.hover:nth-child(2n):hover {
                --tw-bg-opacity: 1;
                background-color: hsl(var(--b3)/var(--tw-bg-opacity))
            }
        }

        .btn {
            display: inline-flex;
            flex-shrink: 0;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            border-color: #0000;
            border-color: hsl(var(--b2)/var(--tw-border-opacity));
            text-align: center;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-timing-function: cubic-bezier(0, 0, .2, 1);
            transition-duration: .2s;
            border-radius: var(--rounded-btn, .5rem);
            height: 3rem;
            padding-left: 1rem;
            padding-right: 1rem;
            font-size: .875rem;
            line-height: 1.25rem;
            line-height: 1em;
            min-height: 3rem;
            gap: .5rem;
            font-weight: 600;
            text-decoration-line: none;
            border-width: var(--border-btn, 1px);
            animation: button-pop var(--animation-btn, .25s) ease-out;
            text-transform: var(--btn-text-case, uppercase);
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b2)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--bc)/var(--tw-text-opacity));
            outline-color: hsl(var(--bc)/1)
        }

        .btn-disabled,
        .btn:disabled,
        .btn[disabled] {
            pointer-events: none
        }

        .btn-circle,
        .btn-square {
            height: 3rem;
            width: 3rem;
            padding: 0
        }

        .btn-circle {
            border-radius: 9999px
        }

        .btn-group>input[type=radio].btn {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .btn-group>input[type=radio].btn:before {
            content: attr(data-title)
        }

        .btn:is(input[type=checkbox]),
        .btn:is(input[type=radio]) {
            width: auto;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .btn:is(input[type=checkbox]):after,
        .btn:is(input[type=radio]):after {
            --tw-content: attr(aria-label);
            content: var(--tw-content)
        }

        .card {
            position: relative;
            display: flex;
            flex-direction: column;
            border-radius: var(--rounded-box, 1rem)
        }

        .card:focus {
            outline: 2px solid #0000;
            outline-offset: 2px
        }

        .card-body {
            display: flex;
            flex: 1 1 auto;
            flex-direction: column;
            padding: var(--padding-card, 2rem);
            gap: .5rem
        }

        .card-body :where(p) {
            flex-grow: 1
        }

        .card figure {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .card.image-full {
            display: grid
        }

        .card.image-full:before {
            position: relative;
            content: "";
            z-index: 10;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--n)/var(--tw-bg-opacity));
            opacity: .75;
            border-radius: var(--rounded-box, 1rem)
        }

        .card.image-full:before,
        .card.image-full>* {
            grid-column-start: 1;
            grid-row-start: 1
        }

        .card.image-full>figure img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .card.image-full>.card-body {
            position: relative;
            z-index: 20;
            --tw-text-opacity: 1;
            color: hsl(var(--nc)/var(--tw-text-opacity))
        }

        .chat {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            -moz-column-gap: .75rem;
            column-gap: .75rem;
            padding-top: .25rem;
            padding-bottom: .25rem
        }

        .checkbox {
            flex-shrink: 0;
            --chkbg: var(--bc);
            --chkfg: var(--b1);
            height: 1.5rem;
            width: 1.5rem;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-width: 1px;
            border-color: hsl(var(--bc)/var(--tw-border-opacity));
            --tw-border-opacity: 0.2;
            border-radius: var(--rounded-btn, .5rem)
        }

        .collapse:not(td):not(tr):not(colgroup) {
            visibility: visible
        }

        .collapse {
            position: relative;
            display: grid;
            overflow: hidden;
            grid-template-rows: auto 0fr;
            transition: grid-template-rows .2s;
            width: 100%;
            border-radius: var(--rounded-box, 1rem)
        }

        .collapse-content,
        .collapse-title,
        .collapse>input[type=checkbox],
        .collapse>input[type=radio] {
            grid-column-start: 1;
            grid-row-start: 1
        }

        .collapse>input[type=checkbox],
        .collapse>input[type=radio] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            opacity: 0
        }

        .collapse-content {
            visibility: hidden;
            grid-column-start: 1;
            grid-row-start: 2;
            min-height: 0;
            transition: visibility .2s;
            transition: padding .2s ease-out, background-color .2s ease-out;
            padding-left: 1rem;
            padding-right: 1rem;
            cursor: unset
        }

        .collapse-open,
        .collapse:focus:not(.collapse-close),
        .collapse[open] {
            grid-template-rows: auto 1fr
        }

        .collapse:not(.collapse-close):has(>input[type=checkbox]:checked),
        .collapse:not(.collapse-close):has(>input[type=radio]:checked) {
            grid-template-rows: auto 1fr
        }

        .collapse-open .collapse-content,
        .collapse:focus:not(.collapse-close) .collapse-content,
        .collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content,
        .collapse:not(.collapse-close) input[type=radio]:checked~.collapse-content,
        .collapse[open] .collapse-content {
            visibility: visible;
            min-height: -moz-fit-content;
            min-height: fit-content
        }

        .divider {
            display: flex;
            flex-direction: row;
            align-items: center;
            align-self: stretch;
            margin-top: 1rem;
            margin-bottom: 1rem;
            height: 1rem;
            white-space: nowrap
        }

        .divider:after,
        .divider:before {
            content: "";
            flex-grow: 1;
            height: .125rem;
            width: 100%
        }

        .drawer {
            position: relative;
            display: grid;
            grid-auto-columns: max-content auto;
            width: 100%
        }

        .drawer-content {
            grid-column-start: 2;
            grid-row-start: 1
        }

        .drawer-side {
            pointer-events: none;
            position: fixed;
            top: 0;
            left: 0;
            grid-column-start: 1;
            grid-row-start: 1;
            display: grid;
            width: 100%;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            grid-template-rows: repeat(1, minmax(0, 1fr));
            align-items: flex-start;
            justify-items: start;
            overflow-y: auto;
            overscroll-behavior: contain;
            height: 100vh;
            height: 100dvh;
            scrollbar-width: none
        }

        .drawer-side::-webkit-scrollbar {
            display: none
        }

        .drawer-side>.drawer-overlay {
            position: sticky;
            top: 0;
            place-self: stretch;
            cursor: pointer;
            background-color: initial;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-timing-function: cubic-bezier(0, 0, .2, 1);
            transition-duration: .2s
        }

        .drawer-side>* {
            grid-column-start: 1;
            grid-row-start: 1
        }

        .drawer-side>:not(.drawer-overlay) {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-timing-function: cubic-bezier(0, 0, .2, 1);
            transition-duration: .3s;
            transform: translateX(-100%)
        }

        [dir=rtl] .drawer-side>:not(.drawer-overlay) {
            transform: translateX(100%)
        }

        .drawer-toggle {
            position: fixed;
            height: 0;
            width: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            opacity: 0
        }

        .drawer-toggle:checked~.drawer-side {
            pointer-events: auto;
            visibility: visible
        }

        .drawer-toggle:checked~.drawer-side>:not(.drawer-overlay) {
            transform: translateX(0)
        }

        .drawer-end .drawer-toggle~.drawer-content {
            grid-column-start: 1
        }

        .drawer-end .drawer-toggle~.drawer-side {
            justify-items: end
        }

        .drawer-end .drawer-toggle~.drawer-side>:not(.drawer-overlay) {
            transform: translateX(100%)
        }

        [dir=rtl] .drawer-end .drawer-toggle~.drawer-side>:not(.drawer-overlay) {
            transform: translateX(-100%)
        }

        .drawer-end .drawer-toggle:checked~.drawer-side>:not(.drawer-overlay) {
            transform: translateX(0)
        }

        @media (hover:hover) {

            .btm-nav>.disabled:hover,
            .btm-nav>[disabled]:hover {
                pointer-events: none;
                --tw-border-opacity: 0;
                background-color: hsl(var(--n)/var(--tw-bg-opacity));
                --tw-bg-opacity: 0.1;
                color: hsl(var(--bc)/var(--tw-text-opacity));
                --tw-text-opacity: 0.2
            }

            .btn:hover {
                border-color: hsl(var(--b3)/var(--tw-border-opacity));
                background-color: hsl(var(--b3)/var(--tw-bg-opacity))
            }

            .btn-primary:hover,
            .btn:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1
            }

            .btn-primary:hover {
                border-color: hsl(var(--pf)/var(--tw-border-opacity));
                background-color: hsl(var(--pf)/var(--tw-bg-opacity))
            }

            .btn-error:hover {
                --tw-border-opacity: 1;
                border-color: hsl(var(--er)/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: hsl(var(--er)/var(--tw-bg-opacity))
            }

            .btn.glass:hover {
                --glass-opacity: 25%;
                --glass-border-opacity: 15%
            }

            .btn-ghost:hover {
                --tw-border-opacity: 0;
                background-color: hsl(var(--bc)/var(--tw-bg-opacity));
                --tw-bg-opacity: 0.2
            }

            .btn-link:hover {
                border-color: #0000;
                background-color: initial;
                text-decoration-line: underline
            }

            .btn-outline:hover {
                border-color: hsl(var(--bc)/var(--tw-border-opacity));
                background-color: hsl(var(--bc)/var(--tw-bg-opacity));
                color: hsl(var(--b1)/var(--tw-text-opacity))
            }

            .btn-outline.btn-primary:hover,
            .btn-outline:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1
            }

            .btn-outline.btn-primary:hover {
                border-color: hsl(var(--pf)/var(--tw-border-opacity));
                background-color: hsl(var(--pf)/var(--tw-bg-opacity));
                color: hsl(var(--pc)/var(--tw-text-opacity))
            }

            .btn-outline.btn-secondary:hover {
                border-color: hsl(var(--sf)/var(--tw-border-opacity));
                background-color: hsl(var(--sf)/var(--tw-bg-opacity));
                color: hsl(var(--sc)/var(--tw-text-opacity))
            }

            .btn-outline.btn-accent:hover,
            .btn-outline.btn-secondary:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1
            }

            .btn-outline.btn-accent:hover {
                border-color: hsl(var(--af)/var(--tw-border-opacity));
                background-color: hsl(var(--af)/var(--tw-bg-opacity));
                color: hsl(var(--ac)/var(--tw-text-opacity))
            }

            .btn-outline.btn-success:hover {
                border-color: hsl(var(--su)/var(--tw-border-opacity));
                background-color: hsl(var(--su)/var(--tw-bg-opacity));
                color: hsl(var(--suc)/var(--tw-text-opacity))
            }

            .btn-outline.btn-info:hover,
            .btn-outline.btn-success:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1
            }

            .btn-outline.btn-info:hover {
                border-color: hsl(var(--in)/var(--tw-border-opacity));
                background-color: hsl(var(--in)/var(--tw-bg-opacity));
                color: hsl(var(--inc)/var(--tw-text-opacity))
            }

            .btn-outline.btn-warning:hover {
                border-color: hsl(var(--wa)/var(--tw-border-opacity));
                background-color: hsl(var(--wa)/var(--tw-bg-opacity));
                color: hsl(var(--wac)/var(--tw-text-opacity))
            }

            .btn-outline.btn-error:hover,
            .btn-outline.btn-warning:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1
            }

            .btn-outline.btn-error:hover {
                border-color: hsl(var(--er)/var(--tw-border-opacity));
                background-color: hsl(var(--er)/var(--tw-bg-opacity));
                color: hsl(var(--erc)/var(--tw-text-opacity))
            }

            .btn-disabled:hover,
            .btn:disabled:hover,
            .btn[disabled]:hover {
                --tw-border-opacity: 0;
                background-color: hsl(var(--n)/var(--tw-bg-opacity));
                --tw-bg-opacity: 0.2;
                color: hsl(var(--bc)/var(--tw-text-opacity));
                --tw-text-opacity: 0.2
            }

            .btn:is(input[type=checkbox]:checked):hover,
            .btn:is(input[type=radio]:checked):hover {
                --tw-border-opacity: 1;
                border-color: hsl(var(--pf)/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: hsl(var(--pf)/var(--tw-bg-opacity))
            }

            :where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):hover,
            :where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover {
                cursor: pointer;
                background-color: hsl(var(--bc)/.1);
                --tw-text-opacity: 1;
                color: hsl(var(--bc)/var(--tw-text-opacity));
                outline: 2px solid #0000;
                outline-offset: 2px
            }

            :where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.\!active):hover,
            :where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.\!active):hover {
                cursor: pointer !important;
                background-color: hsl(var(--bc)/.1) !important;
                --tw-text-opacity: 1 !important;
                color: hsl(var(--bc)/var(--tw-text-opacity)) !important;
                outline: 2px solid #0000 !important;
                outline-offset: 2px !important
            }

            .tab[disabled],
            .tab[disabled]:hover {
                cursor: not-allowed;
                color: hsl(var(--bc)/var(--tw-text-opacity));
                --tw-text-opacity: 0.2
            }
        }

        .footer {
            width: 100%;
            grid-auto-flow: row;
            row-gap: 2.5rem;
            -moz-column-gap: 1rem;
            column-gap: 1rem;
            font-size: .875rem;
            line-height: 1.25rem
        }

        .footer,
        .footer>* {
            display: grid;
            place-items: start
        }

        .footer>* {
            gap: .5rem
        }

        @media (min-width:48rem) {
            .footer {
                grid-auto-flow: column
            }

            .footer-center {
                grid-auto-flow: row dense
            }
        }

        .form-control {
            flex-direction: column
        }

        .form-control,
        .label {
            display: flex
        }

        .label {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            align-items: center;
            justify-content: space-between;
            padding: .5rem .25rem
        }

        .input {
            flex-shrink: 1;
            height: 3rem;
            padding-left: 1rem;
            padding-right: 1rem;
            font-size: 1rem;
            line-height: 2;
            line-height: 1.5rem;
            border-width: 1px;
            border-color: hsl(var(--bc)/var(--tw-border-opacity));
            --tw-border-opacity: 0;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b1)/var(--tw-bg-opacity));
            border-radius: var(--rounded-btn, .5rem)
        }

        .input-group>.input {
            isolation: isolate
        }

        .input-group>*,
        .input-group>.input,
        .input-group>.select,
        .input-group>.textarea {
            border-radius: 0
        }

        .input-group>.\!select {
            border-radius: 0 !important
        }

        .join {
            display: inline-flex;
            align-items: stretch;
            border-radius: var(--rounded-btn, .5rem)
        }

        .join :where(.join-item) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .join .join-item:not(:first-child):not(:last-child),
        .join :not(:first-child):not(:last-child) .join-item {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .join .join-item:first-child:not(:last-child),
        .join :first-child:not(:last-child) .join-item {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .join :where(.join-item:first-child:not(:last-child)),
        .join :where(:first-child:not(:last-child) .join-item) {
            border-bottom-left-radius: inherit;
            border-top-left-radius: inherit
        }

        .join .join-item:last-child:not(:first-child),
        .join :last-child:not(:first-child) .join-item {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .join :where(.join-item:last-child:not(:first-child)),
        .join :where(:last-child:not(:first-child) .join-item) {
            border-top-right-radius: inherit;
            border-bottom-right-radius: inherit
        }

        :where(.join *) {
            border-radius: inherit
        }

        .link {
            cursor: pointer;
            text-decoration-line: underline
        }

        .mask {
            -webkit-mask-size: contain;
            mask-size: contain;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center
        }

        .menu {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            font-size: .875rem;
            line-height: 1.25rem;
            padding: .5rem
        }

        .menu :where(li ul) {
            position: relative;
            white-space: nowrap;
            margin-left: 1rem;
            padding-left: .5rem
        }

        .menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),
        .menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
            display: grid;
            grid-auto-flow: column;
            align-content: flex-start;
            align-items: center;
            gap: .5rem;
            grid-auto-columns: minmax(auto, max-content) auto max-content;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .menu li.disabled {
            cursor: not-allowed;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            color: hsl(var(--bc)/.3)
        }

        .menu :where(li>.menu-dropdown:not(.menu-dropdown-show)) {
            display: none
        }

        :where(.menu li) {
            position: relative;
            display: flex;
            flex-shrink: 0;
            flex-direction: column;
            flex-wrap: wrap;
            align-items: stretch
        }

        :where(.menu li) .badge {
            justify-self: end
        }

        .modal {
            pointer-events: none;
            position: fixed;
            inset: 0;
            margin: 0;
            display: grid;
            height: 100%;
            max-height: none;
            width: 100%;
            max-width: none;
            justify-items: center;
            padding: 0;
            opacity: 0;
            overscroll-behavior: contain;
            z-index: 999;
            background-color: initial;
            color: inherit;
            transition-duration: .2s;
            transition-timing-function: cubic-bezier(0, 0, .2, 1);
            transition-property: transform, opacity, visibility;
            overflow-y: hidden
        }

        :where(.modal) {
            align-items: center
        }

        .modal-box {
            max-height: calc(100vh - 5em);
            grid-column-start: 1;
            grid-row-start: 1;
            width: 91.666667%;
            max-width: 32rem;
            --tw-scale-x: .9;
            --tw-scale-y: .9;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b1)/var(--tw-bg-opacity));
            padding: 1.5rem;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-timing-function: cubic-bezier(0, 0, .2, 1);
            transition-duration: .2s;
            border-top-left-radius: var(--rounded-box, 1rem);
            border-top-right-radius: var(--rounded-box, 1rem);
            border-bottom-left-radius: var(--rounded-box, 1rem);
            border-bottom-right-radius: var(--rounded-box, 1rem);
            box-shadow: 0 25px 50px -12px #00000040;
            overflow-y: auto;
            overscroll-behavior: contain
        }

        .modal-open,
        .modal-toggle:checked+.modal,
        .modal:target,
        .modal[open] {
            pointer-events: auto;
            visibility: visible;
            opacity: 1
        }

        :root:has(:is(.modal-open, .modal:target, .modal-toggle:checked+.modal, .modal[open])) {
            overflow: hidden
        }

        .progress {
            position: relative;
            width: 100%;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            overflow: hidden;
            height: .5rem;
            background-color: hsl(var(--bc)/.2);
            border-radius: var(--rounded-box, 1rem)
        }

        .radio {
            flex-shrink: 0;
            --chkbg: var(--bc);
            width: 1.5rem;
            -webkit-appearance: none;
            border-radius: 9999px;
            border-width: 1px;
            border-color: hsl(var(--bc)/var(--tw-border-opacity));
            --tw-border-opacity: 0.2
        }

        .radio,
        .range {
            height: 1.5rem;
            cursor: pointer;
            -moz-appearance: none;
            appearance: none
        }

        .range {
            width: 100%;
            -webkit-appearance: none;
            --range-shdw: var(--bc);
            overflow: hidden;
            background-color: initial;
            border-radius: var(--rounded-box, 1rem)
        }

        .range:focus {
            outline: none
        }

        .\!select {
            display: inline-flex !important;
            cursor: pointer !important;
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            user-select: none !important;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            appearance: none !important;
            height: 3rem !important;
            padding-left: 1rem !important;
            padding-right: 2.5rem !important;
            font-size: .875rem !important;
            line-height: 1.25rem !important;
            line-height: 2 !important;
            min-height: 3rem !important;
            border-width: 1px !important;
            border-color: hsl(var(--bc)/var(--tw-border-opacity)) !important;
            --tw-border-opacity: 0 !important;
            --tw-bg-opacity: 1 !important;
            background-color: hsl(var(--b1)/var(--tw-bg-opacity)) !important;
            font-weight: 600 !important;
            border-radius: var(--rounded-btn, .5rem) !important;
            background-image: linear-gradient(45deg, #0000 50%, currentColor 0), linear-gradient(135deg, currentColor 50%, #0000 0) !important;
            background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%) !important;
            background-size: 4px 4px, 4px 4px !important;
            background-repeat: no-repeat !important
        }

        .select {
            display: inline-flex;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            height: 3rem;
            padding-left: 1rem;
            padding-right: 2.5rem;
            font-size: .875rem;
            line-height: 1.25rem;
            line-height: 2;
            min-height: 3rem;
            border-width: 1px;
            border-color: hsl(var(--bc)/var(--tw-border-opacity));
            --tw-border-opacity: 0;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b1)/var(--tw-bg-opacity));
            font-weight: 600;
            border-radius: var(--rounded-btn, .5rem);
            background-image: linear-gradient(45deg, #0000 50%, currentColor 0), linear-gradient(135deg, currentColor 50%, #0000 0);
            background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%);
            background-size: 4px 4px, 4px 4px;
            background-repeat: no-repeat
        }

        .\!select[multiple] {
            height: auto !important
        }

        .select[multiple] {
            height: auto
        }

        .tabs {
            display: flex;
            align-items: flex-end
        }

        .tab,
        .tabs {
            flex-wrap: wrap
        }

        .tab {
            position: relative;
            display: inline-flex;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            align-items: center;
            justify-content: center;
            text-align: center;
            height: 2rem;
            font-size: .875rem;
            line-height: 1.25rem;
            line-height: 2;
            --tab-padding: 1rem;
            --tw-text-opacity: 0.5;
            --tab-color: hsl(var(--bc)/var(--tw-text-opacity, 1));
            --tab-bg: hsl(var(--b1)/var(--tw-bg-opacity, 1));
            --tab-border-color: hsl(var(--b3)/var(--tw-bg-opacity, 1));
            color: var(--tab-color);
            padding-left: var(--tab-padding, 1rem);
            padding-right: var(--tab-padding, 1rem)
        }

        .toast {
            position: fixed;
            display: flex;
            min-width: -moz-fit-content;
            min-width: fit-content;
            flex-direction: column;
            white-space: nowrap;
            gap: .5rem;
            padding: 1rem
        }

        .toggle {
            flex-shrink: 0;
            --tglbg: hsl(var(--b1));
            --handleoffset: 1.5rem;
            --handleoffsetcalculator: calc(var(--handleoffset)*-1);
            --togglehandleborder: 0 0;
            height: 1.5rem;
            width: 3rem;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-width: 1px;
            border-color: hsl(var(--bc)/var(--tw-border-opacity));
            --tw-border-opacity: 0.2;
            background-color: hsl(var(--bc)/var(--tw-bg-opacity));
            --tw-bg-opacity: 0.5;
            border-radius: var(--rounded-badge, 1.9rem);
            transition: background, box-shadow var(--animation-input, .2s) ease-out;
            box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset, var(--togglehandleborder)
        }

        .alert-info {
            border-color: hsl(var(--in)/.2);
            --tw-text-opacity: 1;
            color: hsl(var(--inc)/var(--tw-text-opacity));
            --alert-bg: hsl(var(--in));
            --alert-bg-mix: hsl(var(--b1))
        }

        .alert-warning {
            border-color: hsl(var(--wa)/.2);
            --tw-text-opacity: 1;
            color: hsl(var(--wac)/var(--tw-text-opacity));
            --alert-bg: hsl(var(--wa));
            --alert-bg-mix: hsl(var(--b1))
        }

        .btm-nav>:where(.\!active) {
            border-top-width: 2px !important;
            --tw-bg-opacity: 1 !important;
            background-color: hsl(var(--b1)/var(--tw-bg-opacity)) !important
        }

        .btm-nav>:where(.active) {
            border-top-width: 2px;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b1)/var(--tw-bg-opacity))
        }

        .btm-nav>.disabled,
        .btm-nav>[disabled] {
            pointer-events: none;
            --tw-border-opacity: 0;
            background-color: hsl(var(--n)/var(--tw-bg-opacity));
            --tw-bg-opacity: 0.1;
            color: hsl(var(--bc)/var(--tw-text-opacity));
            --tw-text-opacity: 0.2
        }

        .btm-nav>* .label {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .breadcrumbs>ol>li>a:focus,
        .breadcrumbs>ul>li>a:focus {
            outline: 2px solid #0000;
            outline-offset: 2px
        }

        .breadcrumbs>ol>li>a:focus-visible,
        .breadcrumbs>ul>li>a:focus-visible {
            outline: 2px solid currentColor;
            outline-offset: 2px
        }

        .breadcrumbs>ol>li+:before,
        .breadcrumbs>ul>li+:before {
            content: "";
            margin-left: .5rem;
            margin-right: .75rem;
            display: block;
            height: .375rem;
            width: .375rem;
            --tw-rotate: 45deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            opacity: .4;
            border-top: 1px solid;
            border-right: 1px solid;
            background-color: initial
        }

        [dir=rtl] .breadcrumbs>ol>li+:before,
        [dir=rtl] .breadcrumbs>ul>li+:before {
            --tw-rotate: -45deg
        }

        .btn:active:focus,
        .btn:active:hover {
            animation: button-pop 0s ease-out;
            transform: scale(var(--btn-focus-scale, .97))
        }

        .btn:focus-visible {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px
        }

        .btn-primary {
            --tw-border-opacity: 1;
            border-color: hsl(var(--p)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--p)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--pc)/var(--tw-text-opacity));
            outline-color: hsl(var(--p)/1)
        }

        .btn-primary.btn-active {
            --tw-border-opacity: 1;
            border-color: hsl(var(--pf)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--pf)/var(--tw-bg-opacity))
        }

        .btn-error {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            color: hsl(var(--erc)/var(--tw-text-opacity));
            outline-color: hsl(var(--er)/1)
        }

        .btn-error,
        .btn-error.btn-active {
            border-color: hsl(var(--er)/var(--tw-border-opacity));
            background-color: hsl(var(--er)/var(--tw-bg-opacity))
        }

        .btn-error.btn-active {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1
        }

        .btn.glass {
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            outline-color: currentColor
        }

        .btn.glass.btn-active {
            --glass-opacity: 25%;
            --glass-border-opacity: 15%
        }

        .btn-ghost {
            border-width: 1px;
            border-color: #0000;
            background-color: initial;
            color: currentColor;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            outline-color: currentColor
        }

        .btn-ghost.btn-active {
            --tw-border-opacity: 0;
            background-color: hsl(var(--bc)/var(--tw-bg-opacity));
            --tw-bg-opacity: 0.2
        }

        .btn-link {
            --tw-text-opacity: 1;
            color: hsl(var(--p)/var(--tw-text-opacity));
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            outline-color: currentColor
        }

        .btn-link,
        .btn-link.btn-active {
            border-color: #0000;
            background-color: initial;
            text-decoration-line: underline
        }

        .btn-outline {
            border-color: currentColor;
            background-color: initial;
            --tw-text-opacity: 1;
            color: hsl(var(--bc)/var(--tw-text-opacity));
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .btn-outline.btn-active {
            --tw-border-opacity: 1;
            border-color: hsl(var(--bc)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--bc)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--b1)/var(--tw-text-opacity))
        }

        .btn-outline.btn-primary {
            --tw-text-opacity: 1;
            color: hsl(var(--p)/var(--tw-text-opacity))
        }

        .btn-outline.btn-primary.btn-active {
            --tw-border-opacity: 1;
            border-color: hsl(var(--pf)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--pf)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--pc)/var(--tw-text-opacity))
        }

        .btn-outline.btn-secondary {
            --tw-text-opacity: 1;
            color: hsl(var(--s)/var(--tw-text-opacity))
        }

        .btn-outline.btn-secondary.btn-active {
            --tw-border-opacity: 1;
            border-color: hsl(var(--sf)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--sf)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--sc)/var(--tw-text-opacity))
        }

        .btn-outline.btn-accent {
            --tw-text-opacity: 1;
            color: hsl(var(--a)/var(--tw-text-opacity))
        }

        .btn-outline.btn-accent.btn-active {
            --tw-border-opacity: 1;
            border-color: hsl(var(--af)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--af)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--ac)/var(--tw-text-opacity))
        }

        .btn-outline.btn-success {
            --tw-text-opacity: 1;
            color: hsl(var(--su)/var(--tw-text-opacity))
        }

        .btn-outline.btn-success.btn-active {
            --tw-border-opacity: 1;
            border-color: hsl(var(--su)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--su)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--suc)/var(--tw-text-opacity))
        }

        .btn-outline.btn-info {
            --tw-text-opacity: 1;
            color: hsl(var(--in)/var(--tw-text-opacity))
        }

        .btn-outline.btn-info.btn-active {
            --tw-border-opacity: 1;
            border-color: hsl(var(--in)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--in)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--inc)/var(--tw-text-opacity))
        }

        .btn-outline.btn-warning {
            --tw-text-opacity: 1;
            color: hsl(var(--wa)/var(--tw-text-opacity))
        }

        .btn-outline.btn-warning.btn-active {
            --tw-border-opacity: 1;
            border-color: hsl(var(--wa)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--wa)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--wac)/var(--tw-text-opacity))
        }

        .btn-outline.btn-error {
            --tw-text-opacity: 1;
            color: hsl(var(--er)/var(--tw-text-opacity))
        }

        .btn-outline.btn-error.btn-active {
            --tw-border-opacity: 1;
            border-color: hsl(var(--er)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--er)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--erc)/var(--tw-text-opacity))
        }

        .btn.btn-disabled,
        .btn:disabled,
        .btn[disabled] {
            --tw-border-opacity: 0;
            background-color: hsl(var(--n)/var(--tw-bg-opacity));
            --tw-bg-opacity: 0.2;
            color: hsl(var(--bc)/var(--tw-text-opacity));
            --tw-text-opacity: 0.2
        }

        .btn-group>.btn-active,
        .btn-group>input[type=radio]:checked.btn {
            --tw-border-opacity: 1;
            border-color: hsl(var(--p)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--p)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--pc)/var(--tw-text-opacity))
        }

        .btn-group>.btn-active:focus-visible,
        .btn-group>input[type=radio]:checked.btn:focus-visible {
            outline-style: solid;
            outline-width: 2px;
            outline-color: hsl(var(--p)/1)
        }

        .btn:is(input[type=checkbox]:checked),
        .btn:is(input[type=radio]:checked) {
            --tw-border-opacity: 1;
            border-color: hsl(var(--p)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--p)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--pc)/var(--tw-text-opacity))
        }

        .btn:is(input[type=checkbox]:checked):focus-visible,
        .btn:is(input[type=radio]:checked):focus-visible {
            outline-color: hsl(var(--p)/1)
        }

        @keyframes button-pop {
            0% {
                transform: scale(var(--btn-focus-scale, .98))
            }

            40% {
                transform: scale(1.02)
            }

            to {
                transform: scale(1)
            }
        }

        .card :where(figure:first-child) {
            overflow: hidden;
            border-start-start-radius: inherit;
            border-start-end-radius: inherit;
            border-end-start-radius: unset;
            border-end-end-radius: unset
        }

        .card :where(figure:last-child) {
            overflow: hidden;
            border-start-start-radius: unset;
            border-start-end-radius: unset;
            border-end-start-radius: inherit;
            border-end-end-radius: inherit
        }

        .card:focus-visible {
            outline: 2px solid currentColor;
            outline-offset: 2px
        }

        .card.bordered {
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--b2)/var(--tw-border-opacity))
        }

        .card.compact .card-body {
            padding: 1rem;
            font-size: .875rem;
            line-height: 1.25rem
        }

        .card-title {
            display: flex;
            align-items: center;
            gap: .5rem;
            font-size: 1.25rem;
            line-height: 1.75rem;
            font-weight: 600
        }

        .card.image-full :where(figure) {
            overflow: hidden;
            border-radius: inherit
        }

        .checkbox:focus-visible {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: hsl(var(--bc)/1)
        }

        .checkbox:checked,
        .checkbox[aria-checked=true],
        .checkbox[checked=true] {
            background-image: linear-gradient(-45deg, #0000 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(45deg, #0000 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, #0000 40.99%), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, #0000 40.99%), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)
        }

        .checkbox:checked,
        .checkbox:indeterminate,
        .checkbox[aria-checked=true],
        .checkbox[checked=true] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--bc)/var(--tw-bg-opacity));
            background-repeat: no-repeat;
            animation: checkmark var(--animation-input, .2s) ease-out
        }

        .checkbox:indeterminate {
            background-image: linear-gradient(90deg, #0000 80%, hsl(var(--chkbg)) 80%), linear-gradient(-90deg, #0000 80%, hsl(var(--chkbg)) 80%), linear-gradient(0deg, hsl(var(--chkbg)) 43%, hsl(var(--chkfg)) 43%, hsl(var(--chkfg)) 57%, hsl(var(--chkbg)) 57%)
        }

        .checkbox-primary {
            --chkbg: var(--p);
            --chkfg: var(--pc);
            --tw-border-opacity: 1;
            border-color: hsl(var(--p)/var(--tw-border-opacity))
        }

        .checkbox-primary:focus-visible {
            outline-color: hsl(var(--p)/1)
        }

        .checkbox-primary:checked,
        .checkbox-primary[aria-checked=true],
        .checkbox-primary[checked=true] {
            --tw-border-opacity: 1;
            border-color: hsl(var(--p)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--p)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--pc)/var(--tw-text-opacity))
        }

        .checkbox:disabled {
            cursor: not-allowed;
            border-color: #0000;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--bc)/var(--tw-bg-opacity));
            opacity: .2
        }

        @keyframes checkmark {
            0% {
                background-position-y: 5px
            }

            50% {
                background-position-y: -2px
            }

            to {
                background-position-y: 0
            }
        }

        [dir=rtl] .checkbox:checked,
        [dir=rtl] .checkbox[aria-checked=true],
        [dir=rtl] .checkbox[checked=true] {
            background-image: linear-gradient(45deg, #0000 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(-45deg, #0000 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(45deg, hsl(var(--chkbg)) 40%, #0000 40.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, #0000 40.99%), linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)
        }

        details.collapse {
            width: 100%
        }

        details.collapse summary {
            position: relative;
            display: block;
            outline: 2px solid #0000;
            outline-offset: 2px
        }

        details.collapse summary::-webkit-details-marker {
            display: none
        }

        .collapse:focus-visible {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: hsl(var(--bc)/1)
        }

        .collapse:has(.collapse-title:focus-visible),
        .collapse:has(>input[type=checkbox]:focus-visible),
        .collapse:has(>input[type=radio]:focus-visible) {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: hsl(var(--bc)/1)
        }

        .collapse-arrow .collapse-title:after {
            position: absolute;
            display: block;
            height: .5rem;
            width: .5rem;
            --tw-translate-y: -100%;
            --tw-rotate: 45deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transition-property: all;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-timing-function: cubic-bezier(0, 0, .2, 1);
            transition-duration: .15s;
            transition-duration: .2s;
            top: 50%;
            right: 1.4rem;
            content: "";
            transform-origin: 75% 75%;
            box-shadow: 2px 2px;
            pointer-events: none
        }

        [dir=rtl] .collapse-arrow .collapse-title:after {
            --tw-rotate: -45deg
        }

        .collapse-plus .collapse-title:after {
            position: absolute;
            display: block;
            height: .5rem;
            width: .5rem;
            transition-property: all;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-timing-function: cubic-bezier(0, 0, .2, 1);
            transition-duration: .3s;
            top: .9rem;
            right: 1.4rem;
            content: "+";
            pointer-events: none
        }

        .collapse:not(.collapse-open):not(.collapse-close) .collapse-title,
        .collapse:not(.collapse-open):not(.collapse-close) input[type=checkbox],
        .collapse:not(.collapse-open):not(.collapse-close) input[type=radio]:not(:checked) {
            cursor: pointer
        }

        .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) .collapse-title {
            cursor: unset
        }

        .collapse-title {
            position: relative
        }

        :where(.collapse>input[type=checkbox]),
        :where(.collapse>input[type=radio]) {
            z-index: 1
        }

        .collapse-title,
        :where(.collapse>input[type=checkbox]),
        :where(.collapse>input[type=radio]) {
            width: 100%;
            padding: 1rem 3rem 1rem 1rem;
            min-height: 3.75rem;
            transition: background-color .2s ease-out
        }

        .collapse-open :where(.collapse-content),
        .collapse:focus:not(.collapse-close) :where(.collapse-content),
        .collapse:not(.collapse-close) :where(input[type=checkbox]:checked~.collapse-content),
        .collapse:not(.collapse-close) :where(input[type=radio]:checked~.collapse-content),
        .collapse[open] :where(.collapse-content) {
            padding-bottom: 1rem;
            transition: padding .2s ease-out, background-color .2s ease-out
        }

        .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
        .collapse-arrow:not(.collapse-close) input[type=checkbox]:checked~.collapse-title:after,
        .collapse-arrow:not(.collapse-close) input[type=radio]:checked~.collapse-title:after,
        .collapse-open.collapse-arrow .collapse-title:after,
        .collapse[open].collapse-arrow .collapse-title:after {
            --tw-translate-y: -50%;
            --tw-rotate: 225deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        [dir=rtl] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
        [dir=rtl] .collapse-arrow:not(.collapse-close) input[type=checkbox]:checked~.collapse-title:after,
        [dir=rtl] .collapse-open.collapse-arrow .collapse-title:after,
        [dir=rtl] .collapse[open].collapse-arrow .collapse-title:after {
            --tw-rotate: 135deg
        }

        .collapse-open.collapse-plus .collapse-title:after,
        .collapse-plus:focus:not(.collapse-close) .collapse-title:after,
        .collapse-plus:not(.collapse-close) input[type=checkbox]:checked~.collapse-title:after,
        .collapse-plus:not(.collapse-close) input[type=radio]:checked~.collapse-title:after,
        .collapse[open].collapse-plus .collapse-title:after {
            content: "-"
        }

        .divider:after,
        .divider:before {
            background-color: hsl(var(--bc)/var(--tw-bg-opacity));
            --tw-bg-opacity: 0.1
        }

        .divider:not(:empty) {
            gap: 1rem
        }

        .drawer-toggle:checked~.drawer-side>.drawer-overlay {
            background-color: #0006
        }

        .drawer-toggle:focus-visible~.drawer-content label.drawer-button {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px
        }

        .label-text {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .label-text,
        .label-text-alt {
            --tw-text-opacity: 1;
            color: hsl(var(--bc)/var(--tw-text-opacity))
        }

        .label-text-alt {
            font-size: .75rem;
            line-height: 1rem
        }

        .input[list]::-webkit-calendar-picker-indicator {
            line-height: 1em
        }

        .input-bordered {
            --tw-border-opacity: 0.2
        }

        .input:focus {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: hsl(var(--bc)/.2)
        }

        .input-disabled,
        .input:disabled,
        .input[disabled] {
            cursor: not-allowed;
            --tw-border-opacity: 1;
            border-color: hsl(var(--b2)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b2)/var(--tw-bg-opacity));
            --tw-text-opacity: 0.2
        }

        .input-disabled::-moz-placeholder,
        .input:disabled::-moz-placeholder,
        .input[disabled]::-moz-placeholder {
            color: hsl(var(--bc)/var(--tw-placeholder-opacity));
            --tw-placeholder-opacity: 0.2
        }

        .input-disabled::placeholder,
        .input:disabled::placeholder,
        .input[disabled]::placeholder {
            color: hsl(var(--bc)/var(--tw-placeholder-opacity));
            --tw-placeholder-opacity: 0.2
        }

        .join>:where(:not(:first-child)) {
            margin-top: 0;
            margin-bottom: 0;
            margin-left: -1px
        }

        .link:focus {
            outline: 2px solid #0000;
            outline-offset: 2px
        }

        .link:focus-visible {
            outline: 2px solid currentColor;
            outline-offset: 2px
        }

        .\!loading {
            pointer-events: none !important;
            display: inline-block !important;
            aspect-ratio: 1/1 !important;
            width: 1.5rem !important;
            background-color: currentColor !important;
            -webkit-mask-size: 100% !important;
            mask-size: 100% !important;
            -webkit-mask-repeat: no-repeat !important;
            mask-repeat: no-repeat !important;
            -webkit-mask-position: center !important;
            mask-position: center !important;
            -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%23000'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite'/%3E%3C/g%3E%3C/svg%3E") !important;
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%23000'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite'/%3E%3C/g%3E%3C/svg%3E") !important
        }

        .loading {
            pointer-events: none;
            display: inline-block;
            aspect-ratio: 1/1;
            width: 1.5rem;
            background-color: currentColor;
            -webkit-mask-size: 100%;
            mask-size: 100%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center
        }

        .loading,
        .loading-spinner {
            -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%23000'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite'/%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%23000'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite'/%3E%3C/g%3E%3C/svg%3E")
        }

        .loading-xs {
            width: 1rem
        }

        .loading-sm {
            width: 1.25rem
        }

        .loading-lg {
            width: 2.5rem
        }

        :where(.menu li:empty) {
            background-color: hsl(var(--bc)/.1);
            margin: .5rem 1rem;
            height: 1px
        }

        .menu :where(li ul):before {
            position: absolute;
            left: 0;
            top: .75rem;
            bottom: .75rem;
            width: 1px;
            background-color: hsl(var(--bc)/.1);
            content: ""
        }

        .menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),
        .menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
            padding: .5rem 1rem;
            text-align: left;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-timing-function: cubic-bezier(0, 0, .2, 1);
            transition-duration: .2s;
            border-radius: var(--rounded-btn, .5rem);
            text-wrap: balance
        }

        :where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
        :where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
        :where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
        :where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):is(summary):not(.active):focus-visible,
        :where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active).focus,
        :where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active):focus {
            cursor: pointer;
            background-color: hsl(var(--bc)/.1);
            --tw-text-opacity: 1;
            color: hsl(var(--bc)/var(--tw-text-opacity));
            outline: 2px solid #0000;
            outline-offset: 2px
        }

        :where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(summary):not(.active).\!focus,
        :where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active).\!focus {
            cursor: pointer !important;
            background-color: hsl(var(--bc)/.1) !important;
            --tw-text-opacity: 1 !important;
            color: hsl(var(--bc)/var(--tw-text-opacity)) !important;
            outline: 2px solid #0000 !important;
            outline-offset: 2px !important
        }

        .menu li>:not(ul):not(.menu-title):not(details).active,
        .menu li>:not(ul):not(.menu-title):not(details):active,
        .menu li>details>summary:active {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--n)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--nc)/var(--tw-text-opacity))
        }

        .menu li>:not(ul):not(.menu-title):not(details).\!active {
            --tw-bg-opacity: 1 !important;
            background-color: hsl(var(--n)/var(--tw-bg-opacity)) !important;
            --tw-text-opacity: 1 !important;
            color: hsl(var(--nc)/var(--tw-text-opacity)) !important
        }

        .menu :where(li>details>summary)::-webkit-details-marker {
            display: none
        }

        .menu :where(li>.menu-dropdown-toggle):after,
        .menu :where(li>details>summary):after {
            justify-self: end;
            display: block;
            margin-top: -.5rem;
            height: .5rem;
            width: .5rem;
            transform: rotate(45deg);
            transition-property: transform, margin-top;
            transition-duration: .3s;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            content: "";
            transform-origin: 75% 75%;
            box-shadow: 2px 2px;
            pointer-events: none
        }

        .menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,
        .menu :where(li>details[open]>summary):after {
            transform: rotate(225deg);
            margin-top: 0
        }

        .mockup-phone .display {
            overflow: hidden;
            border-radius: 40px;
            margin-top: -25px
        }

        .mockup-browser .mockup-browser-toolbar .input {
            position: relative;
            margin-left: auto;
            margin-right: auto;
            display: block;
            height: 1.75rem;
            width: 24rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b2)/var(--tw-bg-opacity));
            padding-left: 2rem
        }

        .mockup-browser .mockup-browser-toolbar .input:before {
            left: .5rem;
            aspect-ratio: 1/1;
            height: .75rem;
            --tw-translate-y: -50%;
            border-radius: 9999px;
            border-width: 2px;
            border-color: currentColor
        }

        .mockup-browser .mockup-browser-toolbar .input:after,
        .mockup-browser .mockup-browser-toolbar .input:before {
            content: "";
            position: absolute;
            top: 50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            opacity: .6
        }

        .mockup-browser .mockup-browser-toolbar .input:after {
            left: 1.25rem;
            height: .5rem;
            --tw-translate-y: 25%;
            --tw-rotate: -45deg;
            border-radius: 9999px;
            border-width: 1px;
            border-color: currentColor
        }

        .modal::backdrop,
        .modal:not(dialog:not(.modal-open)) {
            background-color: #0000004d;
            animation: modal-pop .2s ease-out
        }

        .modal-backdrop {
            z-index: -1;
            grid-column-start: 1;
            grid-row-start: 1;
            display: grid;
            align-self: stretch;
            justify-self: stretch;
            color: #0000
        }

        .modal-open .modal-box,
        .modal-toggle:checked+.modal .modal-box,
        .modal:target .modal-box,
        .modal[open] .modal-box {
            --tw-translate-y: 0px;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        @keyframes modal-pop {
            0% {
                opacity: 0
            }
        }

        .progress::-moz-progress-bar {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--bc)/var(--tw-bg-opacity))
        }

        .progress-primary::-moz-progress-bar {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--p)/var(--tw-bg-opacity))
        }

        .progress:indeterminate {
            --progress-color: hsl(var(--bc));
            background-image: repeating-linear-gradient(90deg, var(--progress-color) -1%, var(--progress-color) 10%, #0000 10%, #0000 90%);
            background-size: 200%;
            background-position-x: 15%;
            animation: progress-loading 5s ease-in-out infinite
        }

        .progress-primary:indeterminate {
            --progress-color: hsl(var(--p))
        }

        .progress::-webkit-progress-bar {
            background-color: initial;
            border-radius: var(--rounded-box, 1rem)
        }

        .progress::-webkit-progress-value {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--bc)/var(--tw-bg-opacity));
            border-radius: var(--rounded-box, 1rem)
        }

        .progress-primary::-webkit-progress-value {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--p)/var(--tw-bg-opacity))
        }

        .progress:indeterminate::-moz-progress-bar {
            background-color: initial;
            background-image: repeating-linear-gradient(90deg, var(--progress-color) -1%, var(--progress-color) 10%, #0000 10%, #0000 90%);
            background-size: 200%;
            background-position-x: 15%;
            animation: progress-loading 5s ease-in-out infinite
        }

        @keyframes progress-loading {
            50% {
                background-position-x: -115%
            }
        }

        .radio:focus-visible {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: hsl(var(--bc)/1)
        }

        .radio:checked,
        .radio[aria-checked=true] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--bc)/var(--tw-bg-opacity));
            animation: radiomark var(--animation-input, .2s) ease-out;
            box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset
        }

        .radio-primary {
            --chkbg: var(--p);
            --tw-border-opacity: 1;
            border-color: hsl(var(--p)/var(--tw-border-opacity))
        }

        .radio-primary:focus-visible {
            outline-color: hsl(var(--p)/1)
        }

        .radio-primary:checked,
        .radio-primary[aria-checked=true] {
            --tw-border-opacity: 1;
            border-color: hsl(var(--p)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--p)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--pc)/var(--tw-text-opacity))
        }

        .radio:disabled {
            cursor: not-allowed;
            opacity: .2
        }

        @keyframes radiomark {
            0% {
                box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset
            }

            50% {
                box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset
            }

            to {
                box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset
            }
        }

        .range:focus-visible::-webkit-slider-thumb {
            --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset
        }

        .range:focus-visible::-moz-range-thumb {
            --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset
        }

        .range::-webkit-slider-runnable-track {
            height: .5rem;
            width: 100%;
            background-color: hsl(var(--bc)/.1);
            border-radius: var(--rounded-box, 1rem)
        }

        .range::-moz-range-track {
            height: .5rem;
            width: 100%;
            background-color: hsl(var(--bc)/.1);
            border-radius: var(--rounded-box, 1rem)
        }

        .range::-webkit-slider-thumb {
            position: relative;
            height: 1.5rem;
            width: 1.5rem;
            border-style: none;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b1)/var(--tw-bg-opacity));
            border-radius: var(--rounded-box, 1rem);
            appearance: none;
            -webkit-appearance: none;
            top: 50%;
            color: hsl(var(--range-shdw));
            transform: translateY(-50%);
            --filler-size: 100rem;
            --filler-offset: 0.6rem;
            box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0), calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size)
        }

        .range::-moz-range-thumb {
            position: relative;
            height: 1.5rem;
            width: 1.5rem;
            border-style: none;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b1)/var(--tw-bg-opacity));
            border-radius: var(--rounded-box, 1rem);
            top: 50%;
            color: hsl(var(--range-shdw));
            --filler-size: 100rem;
            --filler-offset: 0.5rem;
            box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0), calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size)
        }

        @keyframes rating-pop {
            0% {
                transform: translateY(-.125em)
            }

            40% {
                transform: translateY(-.125em)
            }

            to {
                transform: translateY(0)
            }
        }

        .\!select:focus {
            outline-style: solid !important;
            outline-width: 2px !important;
            outline-offset: 2px !important;
            outline-color: hsl(var(--bc)/.2) !important
        }

        .select:focus {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: hsl(var(--bc)/.2)
        }

        .select-disabled,
        .select:disabled,
        .select[disabled] {
            cursor: not-allowed;
            --tw-border-opacity: 1;
            border-color: hsl(var(--b2)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b2)/var(--tw-bg-opacity));
            --tw-text-opacity: 0.2
        }

        .\!select:disabled,
        .\!select[disabled] {
            cursor: not-allowed !important;
            --tw-border-opacity: 1 !important;
            border-color: hsl(var(--b2)/var(--tw-border-opacity)) !important;
            --tw-bg-opacity: 1 !important;
            background-color: hsl(var(--b2)/var(--tw-bg-opacity)) !important;
            --tw-text-opacity: 0.2 !important
        }

        .select-disabled::-moz-placeholder,
        .select:disabled::-moz-placeholder,
        .select[disabled]::-moz-placeholder {
            color: hsl(var(--bc)/var(--tw-placeholder-opacity));
            --tw-placeholder-opacity: 0.2
        }

        .select-disabled::placeholder,
        .select:disabled::placeholder,
        .select[disabled]::placeholder {
            color: hsl(var(--bc)/var(--tw-placeholder-opacity));
            --tw-placeholder-opacity: 0.2
        }

        .\!select:disabled::-moz-placeholder,
        .\!select[disabled]::-moz-placeholder {
            color: hsl(var(--bc)/var(--tw-placeholder-opacity)) !important;
            --tw-placeholder-opacity: 0.2 !important
        }

        .\!select:disabled::placeholder,
        .\!select[disabled]::placeholder {
            color: hsl(var(--bc)/var(--tw-placeholder-opacity)) !important;
            --tw-placeholder-opacity: 0.2 !important
        }

        .select-multiple,
        .select[multiple],
        .select[size].select:not([size="1"]) {
            background-image: none;
            padding-right: 1rem
        }

        .\!select[multiple],
        .\!select[size].\!select:not([size="1"]) {
            background-image: none !important;
            padding-right: 1rem !important
        }

        [dir=rtl] .\!select {
            background-position: 12px calc(1px + 50%), 16px calc(1px + 50%) !important
        }

        [dir=rtl] .select {
            background-position: 12px calc(1px + 50%), 16px calc(1px + 50%)
        }

        .tab.tab-active:not(.tab-disabled):not([disabled]) {
            border-color: hsl(var(--bc)/var(--tw-border-opacity));
            --tw-border-opacity: 1;
            --tw-text-opacity: 1
        }

        .tab:focus {
            outline: 2px solid #0000;
            outline-offset: 2px
        }

        .tab:focus-visible {
            outline: 2px solid currentColor;
            outline-offset: -3px
        }

        .tab:focus-visible.tab-lifted {
            border-bottom-right-radius: var(--tab-radius, .5rem);
            border-bottom-left-radius: var(--tab-radius, .5rem)
        }

        .tab-disabled,
        .tab[disabled] {
            cursor: not-allowed;
            color: hsl(var(--bc)/var(--tw-text-opacity));
            --tw-text-opacity: 0.2
        }

        .tabs-boxed .tab {
            border-radius: var(--rounded-btn, .5rem)
        }

        .table tr.active,
        .table tr.active:nth-child(2n),
        .table-zebra tbody tr:nth-child(2n) {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b2)/var(--tw-bg-opacity))
        }

        .table tr.\!active,
        .table tr.\!active:nth-child(2n) {
            --tw-bg-opacity: 1 !important;
            background-color: hsl(var(--b2)/var(--tw-bg-opacity)) !important
        }

        .table-zebra tr.active,
        .table-zebra tr.active:nth-child(2n),
        .table-zebra-zebra tbody tr:nth-child(2n) {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b3)/var(--tw-bg-opacity))
        }

        .table-zebra tr.\!active,
        .table-zebra tr.\!active:nth-child(2n) {
            --tw-bg-opacity: 1 !important;
            background-color: hsl(var(--b3)/var(--tw-bg-opacity)) !important
        }

        .toast>* {
            animation: toast-pop .25s ease-out
        }

        @keyframes toast-pop {
            0% {
                transform: scale(.9);
                opacity: 0
            }

            to {
                transform: scale(1);
                opacity: 1
            }
        }

        [dir=rtl] .toggle {
            --handleoffsetcalculator: calc(var(--handleoffset)*1)
        }

        .toggle:focus-visible {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: hsl(var(--bc)/.2)
        }

        .toggle:checked,
        .toggle[aria-checked=true],
        .toggle[checked=true] {
            --handleoffsetcalculator: var(--handleoffset);
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1
        }

        [dir=rtl] .toggle:checked,
        [dir=rtl] .toggle[aria-checked=true],
        [dir=rtl] .toggle[checked=true] {
            --handleoffsetcalculator: calc(var(--handleoffset)*-1)
        }

        .toggle:indeterminate {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1
        }

        .toggle:indeterminate,
        [dir=rtl] .toggle:indeterminate {
            box-shadow: calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset
        }

        .toggle:disabled {
            cursor: not-allowed;
            --tw-border-opacity: 1;
            border-color: hsl(var(--bc)/var(--tw-border-opacity));
            background-color: initial;
            opacity: .3;
            --togglehandleborder: 0 0 0 3px hsl(var(--bc)) inset, var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset
        }

        .tooltip.tooltip-primary {
            --tooltip-color: hsl(var(--p));
            --tooltip-text-color: hsl(var(--pc))
        }

        .tooltip.tooltip-secondary {
            --tooltip-color: hsl(var(--s));
            --tooltip-text-color: hsl(var(--sc))
        }

        .tooltip.tooltip-accent {
            --tooltip-color: hsl(var(--a));
            --tooltip-text-color: hsl(var(--ac))
        }

        .tooltip.tooltip-info {
            --tooltip-color: hsl(var(--in));
            --tooltip-text-color: hsl(var(--inc))
        }

        .tooltip.tooltip-success {
            --tooltip-color: hsl(var(--su));
            --tooltip-text-color: hsl(var(--suc))
        }

        .tooltip.tooltip-warning {
            --tooltip-color: hsl(var(--wa));
            --tooltip-text-color: hsl(var(--wac))
        }

        .tooltip.tooltip-error {
            --tooltip-color: hsl(var(--er));
            --tooltip-text-color: hsl(var(--erc))
        }

        :root .prose {
            --tw-prose-body: hsl(var(--bc)/0.8);
            --tw-prose-headings: hsl(var(--bc));
            --tw-prose-lead: hsl(var(--bc));
            --tw-prose-links: hsl(var(--bc));
            --tw-prose-bold: hsl(var(--bc));
            --tw-prose-counters: hsl(var(--bc));
            --tw-prose-bullets: hsl(var(--bc)/0.5);
            --tw-prose-hr: hsl(var(--bc)/0.2);
            --tw-prose-quotes: hsl(var(--bc));
            --tw-prose-quote-borders: hsl(var(--bc)/0.2);
            --tw-prose-captions: hsl(var(--bc)/0.5);
            --tw-prose-code: hsl(var(--bc));
            --tw-prose-pre-code: hsl(var(--nc));
            --tw-prose-pre-bg: hsl(var(--n));
            --tw-prose-th-borders: hsl(var(--bc)/0.5);
            --tw-prose-td-borders: hsl(var(--bc)/0.2)
        }

        .prose :where(code):not(:where([class~=not-prose] *)) {
            padding: 2px 8px;
            border-radius: var(--rounded-badge)
        }

        .prose code:after,
        .prose code:before {
            content: none
        }

        .prose pre code {
            border-radius: 0;
            padding: 0
        }

        .prose :where(tbody tr, thead):not(:where([class~=not-prose] *)) {
            border-bottom-color: hsl(var(--bc)/20%)
        }

        .glass,
        .glass.btn-active {
            border: none;
            -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
            backdrop-filter: blur(var(--glass-blur, 40px));
            background-color: initial;
            background-image: linear-gradient(135deg, rgb(255 255 255/var(--glass-opacity, 30%)) 0, #0000 100%), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255 255 255/var(--glass-reflex-opacity, 10%)) 25%, #0000 25%);
            box-shadow: 0 0 0 1px rgb(255 255 255/var(--glass-border-opacity, 10%)) inset, 0 0 0 2px #0000000d;
            text-shadow: 0 1px rgb(0 0 0/var(--glass-text-shadow-opacity, 5%))
        }

        @media (hover:hover) {
            .glass.btn-active {
                border: none;
                -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
                backdrop-filter: blur(var(--glass-blur, 40px));
                background-color: initial;
                background-image: linear-gradient(135deg, rgb(255 255 255/var(--glass-opacity, 30%)) 0, #0000 100%), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255 255 255/var(--glass-reflex-opacity, 10%)) 25%, #0000 25%);
                box-shadow: 0 0 0 1px rgb(255 255 255/var(--glass-border-opacity, 10%)) inset, 0 0 0 2px #0000000d;
                text-shadow: 0 1px rgb(0 0 0/var(--glass-text-shadow-opacity, 5%))
            }
        }

        .min-h-8 {
            min-height: 2rem
        }

        .artboard.phone {
            width: 320px
        }

        .btm-nav-xs>:where(.\!active) {
            border-top-width: 1px !important
        }

        .btm-nav-xs>:where(.active) {
            border-top-width: 1px
        }

        .btm-nav-sm>:where(.\!active) {
            border-top-width: 2px !important
        }

        .btm-nav-sm>:where(.active) {
            border-top-width: 2px
        }

        .btm-nav-md>:where(.\!active) {
            border-top-width: 2px !important
        }

        .btm-nav-md>:where(.active) {
            border-top-width: 2px
        }

        .btm-nav-lg>:where(.\!active) {
            border-top-width: 4px !important
        }

        .btm-nav-lg>:where(.active) {
            border-top-width: 4px
        }

        .btn-xs {
            height: 1.5rem;
            padding-left: .5rem;
            padding-right: .5rem;
            min-height: 1.5rem;
            font-size: .75rem
        }

        .btn-sm {
            height: 2rem;
            padding-left: .75rem;
            padding-right: .75rem;
            min-height: 2rem;
            font-size: .875rem
        }

        .btn-md {
            height: 3rem;
            padding-left: 1rem;
            padding-right: 1rem;
            min-height: 3rem;
            font-size: .875rem
        }

        .btn-square:where(.btn-xs) {
            height: 1.5rem;
            width: 1.5rem;
            padding: 0
        }

        .btn-square:where(.btn-sm) {
            height: 2rem;
            width: 2rem;
            padding: 0
        }

        .btn-square:where(.btn-md) {
            height: 3rem;
            width: 3rem;
            padding: 0
        }

        .btn-square:where(.btn-lg) {
            height: 4rem;
            width: 4rem;
            padding: 0
        }

        .btn-circle:where(.btn-xs) {
            height: 1.5rem;
            width: 1.5rem;
            border-radius: 9999px;
            padding: 0
        }

        .btn-circle:where(.btn-sm) {
            height: 2rem;
            width: 2rem;
            border-radius: 9999px;
            padding: 0
        }

        .btn-circle:where(.btn-md) {
            height: 3rem;
            width: 3rem;
            border-radius: 9999px;
            padding: 0
        }

        .btn-circle:where(.btn-lg) {
            height: 4rem;
            width: 4rem;
            border-radius: 9999px;
            padding: 0
        }

        .divider-horizontal {
            flex-direction: column
        }

        .divider-horizontal:after,
        .divider-horizontal:before {
            height: 100%;
            width: .125rem
        }

        .drawer-open>.drawer-toggle {
            display: none
        }

        .drawer-open>.drawer-toggle~.drawer-side {
            pointer-events: auto;
            visibility: visible;
            position: sticky;
            display: block;
            width: auto;
            overscroll-behavior: auto
        }

        .drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay),
        [dir=rtl] .drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay) {
            transform: translateX(0)
        }

        .drawer-open>.drawer-toggle:checked~.drawer-side {
            pointer-events: auto;
            visibility: visible
        }

        .input-md {
            height: 3rem;
            padding-left: 1rem;
            padding-right: 1rem;
            font-size: .875rem;
            line-height: 1.25rem;
            line-height: 2
        }

        .join.join-vertical {
            flex-direction: column
        }

        .join.join-vertical .join-item:first-child:not(:last-child),
        .join.join-vertical :first-child:not(:last-child) .join-item {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-top-left-radius: inherit;
            border-top-right-radius: inherit
        }

        .join.join-vertical .join-item:last-child:not(:first-child),
        .join.join-vertical :last-child:not(:first-child) .join-item {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: inherit;
            border-bottom-right-radius: inherit
        }

        .join.join-horizontal {
            flex-direction: row
        }

        .join.join-horizontal .join-item:first-child:not(:last-child),
        .join.join-horizontal :first-child:not(:last-child) .join-item {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: inherit;
            border-top-left-radius: inherit
        }

        .join.join-horizontal .join-item:last-child:not(:first-child),
        .join.join-horizontal :last-child:not(:first-child) .join-item {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            border-bottom-right-radius: inherit;
            border-top-right-radius: inherit
        }

        .modal-top {
            place-items: start
        }

        .modal-middle {
            place-items: center
        }

        .modal-bottom {
            place-items: end
        }

        :where(.toast) {
            right: 0;
            left: auto;
            top: auto;
            bottom: 0;
            --tw-translate-x: 0px;
            --tw-translate-y: 0px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .toast:where(.toast-start) {
            right: auto;
            left: 0;
            --tw-translate-x: 0px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .toast:where(.toast-center) {
            right: 50%;
            left: 50%;
            --tw-translate-x: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .toast:where(.toast-end) {
            right: 0;
            left: auto;
            --tw-translate-x: 0px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .toast:where(.toast-bottom) {
            top: auto;
            bottom: 0;
            --tw-translate-y: 0px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .toast:where(.toast-middle) {
            top: 50%;
            bottom: auto;
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .toast:where(.toast-top) {
            top: 0;
            bottom: auto;
            --tw-translate-y: 0px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .tooltip {
            --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px))
        }

        .tooltip:before {
            position: absolute;
            pointer-events: none;
            z-index: 1;
            content: var(--tw-content);
            --tw-content: attr(data-tip)
        }

        .tooltip-top:before,
        .tooltip:before {
            transform: translateX(-50%);
            top: auto;
            left: 50%;
            right: auto;
            bottom: var(--tooltip-offset)
        }

        .avatar.online:before {
            content: "";
            position: absolute;
            z-index: 10;
            display: block;
            border-radius: 9999px;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--su)/var(--tw-bg-opacity));
            outline-style: solid;
            outline-width: 2px;
            outline-color: hsl(var(--b1)/1);
            width: 15%;
            height: 15%;
            top: 7%;
            right: 7%
        }

        .btn-group .btn:not(:first-child):not(:last-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group .btn:first-child:not(:last-child) {
            margin-top: 0;
            margin-left: -1px;
            border-top-left-radius: var(--rounded-btn, .5rem);
            border-top-right-radius: 0;
            border-bottom-left-radius: var(--rounded-btn, .5rem);
            border-bottom-right-radius: 0
        }

        .btn-group .btn:last-child:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: var(--rounded-btn, .5rem);
            border-bottom-left-radius: 0;
            border-bottom-right-radius: var(--rounded-btn, .5rem)
        }

        .btn-group-horizontal .btn:not(:first-child):not(:last-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group-horizontal .btn:first-child:not(:last-child) {
            margin-top: 0;
            margin-left: -1px;
            border-top-left-radius: var(--rounded-btn, .5rem);
            border-top-right-radius: 0;
            border-bottom-left-radius: var(--rounded-btn, .5rem);
            border-bottom-right-radius: 0
        }

        .btn-group-horizontal .btn:last-child:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: var(--rounded-btn, .5rem);
            border-bottom-left-radius: 0;
            border-bottom-right-radius: var(--rounded-btn, .5rem)
        }

        .btn-group-vertical .btn:first-child:not(:last-child) {
            margin-top: -1px;
            margin-left: 0;
            border-top-left-radius: var(--rounded-btn, .5rem);
            border-top-right-radius: var(--rounded-btn, .5rem);
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group-vertical .btn:last-child:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: var(--rounded-btn, .5rem);
            border-bottom-right-radius: var(--rounded-btn, .5rem)
        }

        .card-compact .card-body {
            padding: 1rem;
            font-size: .875rem;
            line-height: 1.25rem
        }

        .card-compact .card-title {
            margin-bottom: .25rem
        }

        .card-normal .card-body {
            padding: var(--padding-card, 2rem);
            font-size: 1rem;
            line-height: 1.5rem
        }

        .card-normal .card-title {
            margin-bottom: .75rem
        }

        .divider-horizontal {
            margin: 0 1rem;
            height: auto;
            width: 1rem
        }

        .drawer-open>.drawer-toggle~.drawer-side>.drawer-overlay {
            cursor: default;
            background-color: initial
        }

        .join.join-vertical>:where(:not(:first-child)) {
            margin-left: 0;
            margin-right: 0;
            margin-top: -1px
        }

        .join.join-horizontal>:where(:not(:first-child)) {
            margin-top: 0;
            margin-bottom: 0;
            margin-left: -1px
        }

        .modal-top :where(.modal-box) {
            width: 100%;
            max-width: none;
            --tw-translate-y: -2.5rem;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: var(--rounded-box, 1rem);
            border-bottom-right-radius: var(--rounded-box, 1rem)
        }

        .modal-middle :where(.modal-box) {
            width: 91.666667%;
            max-width: 32rem;
            --tw-translate-y: 0px;
            --tw-scale-x: .9;
            --tw-scale-y: .9;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            border-top-left-radius: var(--rounded-box, 1rem);
            border-top-right-radius: var(--rounded-box, 1rem);
            border-bottom-left-radius: var(--rounded-box, 1rem);
            border-bottom-right-radius: var(--rounded-box, 1rem)
        }

        .modal-bottom :where(.modal-box) {
            width: 100%;
            max-width: none;
            --tw-translate-y: 2.5rem;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: var(--rounded-box, 1rem);
            border-top-right-radius: var(--rounded-box, 1rem)
        }

        .tooltip {
            position: relative;
            display: inline-block;
            text-align: center;
            --tooltip-tail: 0.1875rem;
            --tooltip-color: hsl(var(--n));
            --tooltip-text-color: hsl(var(--nc));
            --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail))
        }

        .tooltip:after,
        .tooltip:before {
            opacity: 0;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-delay: .1s;
            transition-duration: .2s;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        .tooltip:after {
            position: absolute;
            content: "";
            border-style: solid;
            border-width: var(--tooltip-tail, 0);
            width: 0;
            height: 0;
            display: block
        }

        .tooltip:before {
            max-width: 20rem;
            border-radius: .25rem;
            padding: .25rem .5rem;
            font-size: .875rem;
            line-height: 1.25rem;
            background-color: var(--tooltip-color);
            color: var(--tooltip-text-color);
            width: -moz-max-content;
            width: max-content
        }

        .tooltip.tooltip-open:after,
        .tooltip.tooltip-open:before,
        .tooltip:hover:after,
        .tooltip:hover:before {
            opacity: 1;
            transition-delay: 75ms
        }

        .tooltip:has(:focus-visible):after,
        .tooltip:has(:focus-visible):before {
            opacity: 1;
            transition-delay: 75ms
        }

        .tooltip:not([data-tip]):hover:after,
        .tooltip:not([data-tip]):hover:before {
            visibility: hidden;
            opacity: 0
        }

        .tooltip-top:after,
        .tooltip:after {
            transform: translateX(-50%);
            border-color: var(--tooltip-color) #0000 #0000 #0000;
            top: auto;
            left: 50%;
            right: auto;
            bottom: var(--tooltip-tail-offset)
        }

        .pointer-events-none {
            pointer-events: none
        }

        .collapse {
            visibility: collapse
        }

        .static {
            position: static
        }

        .\!fixed {
            position: fixed !important
        }

        .fixed {
            position: fixed
        }

        .absolute {
            position: absolute
        }

        .\!relative {
            position: relative !important
        }

        .relative {
            position: relative
        }

        .sticky {
            position: sticky
        }

        .inset-0 {
            inset: 0
        }

        .inset-x-0 {
            left: 0;
            right: 0
        }

        .\!bottom-\[3rem\] {
            bottom: 3rem !important
        }

        .\!left-0 {
            left: 0 !important
        }

        .\!top-20 {
            top: 5rem !important
        }

        .\!top-\[calc\(50\%_-_24px\)\] {
            top: calc(50% - 24px) !important
        }

        .-left-\[50\%\] {
            left: -50%
        }

        .-top-11 {
            top: -2.75rem
        }

        .-top-2 {
            top: -.5rem
        }

        .-top-5 {
            top: -1.25rem
        }

        .-top-\[42px\] {
            top: -42px
        }

        .bottom-0 {
            bottom: 0
        }

        .bottom-1 {
            bottom: .25rem
        }

        .bottom-14 {
            bottom: 3.5rem
        }

        .bottom-2 {
            bottom: .5rem
        }

        .bottom-4 {
            bottom: 1rem
        }

        .bottom-6 {
            bottom: 1.5rem
        }

        .bottom-\[10px\] {
            bottom: 10px
        }

        .bottom-\[128px\] {
            bottom: 128px
        }

        .left-0 {
            left: 0
        }

        .left-1\/2 {
            left: 50%
        }

        .left-2 {
            left: .5rem
        }

        .left-3 {
            left: .75rem
        }

        .left-4 {
            left: 1rem
        }

        .left-5 {
            left: 1.25rem
        }

        .left-\[-2px\] {
            left: -2px
        }

        .left-\[-6px\] {
            left: -6px
        }

        .left-\[20px\] {
            left: 20px
        }

        .left-\[220px\] {
            left: 220px
        }

        .left-\[2rem\] {
            left: 2rem
        }

        .left-\[45px\] {
            left: 45px
        }

        .left-\[50\%\] {
            left: 50%
        }

        .right-0 {
            right: 0
        }

        .right-1 {
            right: .25rem
        }

        .right-2 {
            right: .5rem
        }

        .right-4 {
            right: 1rem
        }

        .right-5 {
            right: 1.25rem
        }

        .right-\[-3px\] {
            right: -3px
        }

        .right-\[-6px\] {
            right: -6px
        }

        .right-\[20px\] {
            right: 20px
        }

        .right-\[2px\] {
            right: 2px
        }

        .right-\[3px\] {
            right: 3px
        }

        .top-0 {
            top: 0
        }

        .top-1 {
            top: .25rem
        }

        .top-11 {
            top: 2.75rem
        }

        .top-2 {
            top: .5rem
        }

        .top-20 {
            top: 5rem
        }

        .top-24 {
            top: 6rem
        }

        .top-3 {
            top: .75rem
        }

        .top-4 {
            top: 1rem
        }

        .top-8 {
            top: 2rem
        }

        .top-9 {
            top: 2.25rem
        }

        .top-\[-10px\] {
            top: -10px
        }

        .top-\[-12px\] {
            top: -12px
        }

        .top-\[-8px\] {
            top: -8px
        }

        .top-\[11px\] {
            top: 11px
        }

        .top-\[142px\] {
            top: 142px
        }

        .top-\[17px\] {
            top: 17px
        }

        .top-\[2px\] {
            top: 2px
        }

        .top-\[30px\] {
            top: 30px
        }

        .top-\[36px\] {
            top: 36px
        }

        .top-\[3rem\] {
            top: 3rem
        }

        .top-\[40px\] {
            top: 40px
        }

        .top-\[56px\] {
            top: 56px
        }

        .top-\[63\%\] {
            top: 63%
        }

        .top-\[87px\] {
            top: 87px
        }

        .top-\[9px\] {
            top: 9px
        }

        .top-\[calc\(50\%_-_47px\)\] {
            top: calc(50% - 47px)
        }

        .top-auto {
            top: auto
        }

        .-z-10 {
            z-index: -10
        }

        .z-0 {
            z-index: 0
        }

        .z-10 {
            z-index: 10
        }

        .z-20 {
            z-index: 20
        }

        .z-30 {
            z-index: 30
        }

        .z-40 {
            z-index: 40
        }

        .z-50 {
            z-index: 50
        }

        .z-\[1000\] {
            z-index: 1000
        }

        .z-\[100\] {
            z-index: 100
        }

        .z-\[150\] {
            z-index: 150
        }

        .z-\[28\] {
            z-index: 28
        }

        .z-\[2\] {
            z-index: 2
        }

        .col-span-1 {
            grid-column: span 1/span 1
        }

        .col-span-11 {
            grid-column: span 11/span 11
        }

        .col-span-2 {
            grid-column: span 2/span 2
        }

        .col-span-4 {
            grid-column: span 4/span 4
        }

        .m-0 {
            margin: 0
        }

        .m-2 {
            margin: .5rem
        }

        .m-4 {
            margin: 1rem
        }

        .m-auto {
            margin: auto
        }

        .\!mx-\[4px\] {
            margin-left: 4px !important;
            margin-right: 4px !important
        }

        .-mx-4 {
            margin-left: -1rem;
            margin-right: -1rem
        }

        .-mx-6 {
            margin-left: -1.5rem;
            margin-right: -1.5rem
        }

        .mx-1 {
            margin-left: .25rem;
            margin-right: .25rem
        }

        .mx-3 {
            margin-left: .75rem;
            margin-right: .75rem
        }

        .mx-4 {
            margin-left: 1rem;
            margin-right: 1rem
        }

        .mx-6 {
            margin-left: 1.5rem;
            margin-right: 1.5rem
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .my-12 {
            margin-top: 3rem;
            margin-bottom: 3rem
        }

        .my-2 {
            margin-top: .5rem;
            margin-bottom: .5rem
        }

        .my-3 {
            margin-top: .75rem;
            margin-bottom: .75rem
        }

        .my-4 {
            margin-top: 1rem;
            margin-bottom: 1rem
        }

        .my-6 {
            margin-top: 1.5rem;
            margin-bottom: 1.5rem
        }

        .my-7 {
            margin-top: 1.75rem;
            margin-bottom: 1.75rem
        }

        .my-auto {
            margin-top: auto;
            margin-bottom: auto
        }

        .\!mb-2 {
            margin-bottom: .5rem !important
        }

        .\!mr-2 {
            margin-right: .5rem !important
        }

        .\!mr-\[4px\] {
            margin-right: 4px !important
        }

        .-mb-px {
            margin-bottom: -1px
        }

        .-ms-1 {
            margin-inline-start: -.25rem
        }

        .-mt-4 {
            margin-top: -1rem
        }

        .-mt-8 {
            margin-top: -2rem
        }

        .mb-0 {
            margin-bottom: 0
        }

        .mb-1 {
            margin-bottom: .25rem
        }

        .mb-1\.5 {
            margin-bottom: .375rem
        }

        .mb-10 {
            margin-bottom: 2.5rem
        }

        .mb-12 {
            margin-bottom: 3rem
        }

        .mb-14 {
            margin-bottom: 3.5rem
        }

        .mb-2 {
            margin-bottom: .5rem
        }

        .mb-2\.5 {
            margin-bottom: .625rem
        }

        .mb-20 {
            margin-bottom: 5rem
        }

        .mb-28 {
            margin-bottom: 7rem
        }

        .mb-3 {
            margin-bottom: .75rem
        }

        .mb-4 {
            margin-bottom: 1rem
        }

        .mb-5 {
            margin-bottom: 1.25rem
        }

        .mb-6 {
            margin-bottom: 1.5rem
        }

        .mb-8 {
            margin-bottom: 2rem
        }

        .mb-9 {
            margin-bottom: 2.25rem
        }

        .mb-\[100px\] {
            margin-bottom: 100px
        }

        .mb-\[10px\] {
            margin-bottom: 10px
        }

        .mb-\[22px\] {
            margin-bottom: 22px
        }

        .mb-\[26px\] {
            margin-bottom: 26px
        }

        .mb-\[6px\] {
            margin-bottom: 6px
        }

        .mb-auto {
            margin-bottom: auto
        }

        .me-4 {
            margin-inline-end: 1rem
        }

        .ml-0 {
            margin-left: 0
        }

        .ml-1 {
            margin-left: .25rem
        }

        .ml-11 {
            margin-left: 2.75rem
        }

        .ml-2 {
            margin-left: .5rem
        }

        .ml-4 {
            margin-left: 1rem
        }

        .ml-5 {
            margin-left: 1.25rem
        }

        .ml-7 {
            margin-left: 1.75rem
        }

        .ml-\[14px\] {
            margin-left: 14px
        }

        .ml-\[20px\] {
            margin-left: 20px
        }

        .ml-auto {
            margin-left: auto
        }

        .mr-1 {
            margin-right: .25rem
        }

        .mr-2 {
            margin-right: .5rem
        }

        .mr-3 {
            margin-right: .75rem
        }

        .mr-4 {
            margin-right: 1rem
        }

        .mr-5 {
            margin-right: 1.25rem
        }

        .mr-\[16px\] {
            margin-right: 16px
        }

        .mr-\[5px\] {
            margin-right: 5px
        }

        .ms-11 {
            margin-inline-start: 2.75rem
        }

        .ms-16 {
            margin-inline-start: 4rem
        }

        .ms-2 {
            margin-inline-start: .5rem
        }

        .ms-4 {
            margin-inline-start: 1rem
        }

        .ms-\[20px\] {
            margin-inline-start: 20px
        }

        .mt-0 {
            margin-top: 0
        }

        .mt-1 {
            margin-top: .25rem
        }

        .mt-10 {
            margin-top: 2.5rem
        }

        .mt-12 {
            margin-top: 3rem
        }

        .mt-14 {
            margin-top: 3.5rem
        }

        .mt-16 {
            margin-top: 4rem
        }

        .mt-2 {
            margin-top: .5rem
        }

        .mt-20 {
            margin-top: 5rem
        }

        .mt-28 {
            margin-top: 7rem
        }

        .mt-3 {
            margin-top: .75rem
        }

        .mt-4 {
            margin-top: 1rem
        }

        .mt-5 {
            margin-top: 1.25rem
        }

        .mt-6 {
            margin-top: 1.5rem
        }

        .mt-7 {
            margin-top: 1.75rem
        }

        .mt-8 {
            margin-top: 2rem
        }

        .mt-\[-2px\] {
            margin-top: -2px
        }

        .mt-\[100px\] {
            margin-top: 100px
        }

        .mt-\[10px\] {
            margin-top: 10px
        }

        .mt-\[21px\] {
            margin-top: 21px
        }

        .mt-\[24px\] {
            margin-top: 24px
        }

        .mt-\[25px\] {
            margin-top: 25px
        }

        .mt-\[28px\] {
            margin-top: 28px
        }

        .mt-\[52px\] {
            margin-top: 52px
        }

        .mt-\[64px\] {
            margin-top: 64px
        }

        .mt-auto {
            margin-top: auto
        }

        .box-border {
            box-sizing: border-box
        }

        .line-clamp-1 {
            -webkit-line-clamp: 1
        }

        .line-clamp-1,
        .line-clamp-2 {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical
        }

        .line-clamp-2 {
            -webkit-line-clamp: 2
        }

        .line-clamp-\[1px\] {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1px
        }

        .\!block {
            display: block !important
        }

        .block {
            display: block
        }

        .inline-block {
            display: inline-block
        }

        .inline {
            display: inline
        }

        .\!flex {
            display: flex !important
        }

        .flex {
            display: flex
        }

        .\!inline-flex {
            display: inline-flex !important
        }

        .inline-flex {
            display: inline-flex
        }

        .grid {
            display: grid
        }

        .contents {
            display: contents
        }

        .\!hidden {
            display: none !important
        }

        .hidden {
            display: none
        }

        .\!h-\[109px\] {
            height: 109px !important
        }

        .\!h-\[120px\] {
            height: 120px !important
        }

        .\!h-\[142px\] {
            height: 142px !important
        }

        .\!h-\[32px\] {
            height: 32px !important
        }

        .\!h-\[38px\] {
            height: 38px !important
        }

        .\!h-\[50px\] {
            height: 50px !important
        }

        .\!h-auto {
            height: auto !important
        }

        .\!h-full {
            height: 100% !important
        }

        .h-0 {
            height: 0
        }

        .h-1 {
            height: .25rem
        }

        .h-1\/2 {
            height: 50%
        }

        .h-10 {
            height: 2.5rem
        }

        .h-11 {
            height: 2.75rem
        }

        .h-12 {
            height: 3rem
        }

        .h-14 {
            height: 3.5rem
        }

        .h-16 {
            height: 4rem
        }

        .h-2 {
            height: .5rem
        }

        .h-20 {
            height: 5rem
        }

        .h-3 {
            height: .75rem
        }

        .h-32 {
            height: 8rem
        }

        .h-36 {
            height: 9rem
        }

        .h-4 {
            height: 1rem
        }

        .h-44 {
            height: 11rem
        }

        .h-5 {
            height: 1.25rem
        }

        .h-6 {
            height: 1.5rem
        }

        .h-7 {
            height: 1.75rem
        }

        .h-8 {
            height: 2rem
        }

        .h-9 {
            height: 2.25rem
        }

        .h-\[10px\] {
            height: 10px
        }

        .h-\[120px\] {
            height: 120px
        }

        .h-\[128px\] {
            height: 128px
        }

        .h-\[12px\] {
            height: 12px
        }

        .h-\[130px\] {
            height: 130px
        }

        .h-\[136px\] {
            height: 136px
        }

        .h-\[138px\] {
            height: 138px
        }

        .h-\[142px\] {
            height: 142px
        }

        .h-\[144px\] {
            height: 144px
        }

        .h-\[14px\] {
            height: 14px
        }

        .h-\[150px\] {
            height: 150px
        }

        .h-\[15px\] {
            height: 15px
        }

        .h-\[160px\] {
            height: 160px
        }

        .h-\[16px\] {
            height: 16px
        }

        .h-\[175px\] {
            height: 175px
        }

        .h-\[178px\] {
            height: 178px
        }

        .h-\[18px\] {
            height: 18px
        }

        .h-\[192px\] {
            height: 192px
        }

        .h-\[1px\] {
            height: 1px
        }

        .h-\[20px\] {
            height: 20px
        }

        .h-\[21px\] {
            height: 21px
        }

        .h-\[24px\] {
            height: 24px
        }

        .h-\[250px\] {
            height: 250px
        }

        .h-\[254px\] {
            height: 254px
        }

        .h-\[25px\] {
            height: 25px
        }

        .h-\[264px\] {
            height: 264px
        }

        .h-\[26px\] {
            height: 26px
        }

        .h-\[28px\] {
            height: 28px
        }

        .h-\[300px\] {
            height: 300px
        }

        .h-\[304px\] {
            height: 304px
        }

        .h-\[305px\] {
            height: 305px
        }

        .h-\[308px\] {
            height: 308px
        }

        .h-\[30px\] {
            height: 30px
        }

        .h-\[32px\] {
            height: 32px
        }

        .h-\[34px\] {
            height: 34px
        }

        .h-\[36px\] {
            height: 36px
        }

        .h-\[380px\] {
            height: 380px
        }

        .h-\[38px\] {
            height: 38px
        }

        .h-\[40px\] {
            height: 40px
        }

        .h-\[410px\] {
            height: 410px
        }

        .h-\[42px\] {
            height: 42px
        }

        .h-\[43px\] {
            height: 43px
        }

        .h-\[440px\] {
            height: 440px
        }

        .h-\[44px\] {
            height: 44px
        }

        .h-\[456px\] {
            height: 456px
        }

        .h-\[458px\] {
            height: 458px
        }

        .h-\[45px\] {
            height: 45px
        }

        .h-\[46px\] {
            height: 46px
        }

        .h-\[48px\] {
            height: 48px
        }

        .h-\[500px\] {
            height: 500px
        }

        .h-\[50px\] {
            height: 50px
        }

        .h-\[52px\] {
            height: 52px
        }

        .h-\[54px\] {
            height: 54px
        }

        .h-\[560px\] {
            height: 560px
        }

        .h-\[58px\] {
            height: 58px
        }

        .h-\[60px\] {
            height: 60px
        }

        .h-\[620px\] {
            height: 620px
        }

        .h-\[62px\] {
            height: 62px
        }

        .h-\[640px\] {
            height: 640px
        }

        .h-\[64px\] {
            height: 64px
        }

        .h-\[66px\] {
            height: 66px
        }

        .h-\[68px\] {
            height: 68px
        }

        .h-\[80px\] {
            height: 80px
        }

        .h-\[82px\] {
            height: 82px
        }

        .h-\[90px\] {
            height: 90px
        }

        .h-\[92px\] {
            height: 92px
        }

        .h-\[94px\] {
            height: 94px
        }

        .h-\[calc\(100\%-177px\)\] {
            height: calc(100% - 177px)
        }

        .h-\[calc\(100\%_-_141px\)\] {
            height: calc(100% - 141px)
        }

        .h-\[calc\(100\%_-_57px\)\] {
            height: calc(100% - 57px)
        }

        .h-\[calc\(100\%_-_82px\)\] {
            height: calc(100% - 82px)
        }

        .h-\[calc\(100dvh-111px\)\] {
            height: calc(100dvh - 111px)
        }

        .h-\[calc\(100dvh-166px\)\] {
            height: calc(100dvh - 166px)
        }

        .h-\[calc\(100dvh-64px\)\] {
            height: calc(100dvh - 64px)
        }

        .h-\[calc\(100dvh_-_60px_-_57px\)\] {
            height: calc(100dvh - 117px)
        }

        .h-auto {
            height: auto
        }

        .h-fit {
            height: -moz-fit-content;
            height: fit-content
        }

        .h-full {
            height: 100%
        }

        .h-px {
            height: 1px
        }

        .h-screen {
            height: 100vh
        }

        .max-h-0 {
            max-height: 0
        }

        .max-h-96 {
            max-height: 24rem
        }

        .max-h-\[100dvh\] {
            max-height: 100dvh
        }

        .max-h-\[204px\] {
            max-height: 204px
        }

        .max-h-\[300px\] {
            max-height: 300px
        }

        .max-h-\[360px\] {
            max-height: 360px
        }

        .max-h-\[400px\] {
            max-height: 400px
        }

        .max-h-\[500px\] {
            max-height: 500px
        }

        .max-h-\[800px\] {
            max-height: 800px
        }

        .max-h-\[85vh\] {
            max-height: 85vh
        }

        .max-h-\[unset\] {
            max-height: unset
        }

        .max-h-full {
            max-height: 100%
        }

        .max-h-none {
            max-height: none
        }

        .max-h-screen {
            max-height: 100vh
        }

        .\!min-h-\[32px\] {
            min-height: 32px !important
        }

        .\!min-h-\[50px\] {
            min-height: 50px !important
        }

        .min-h-0 {
            min-height: 0
        }

        .min-h-\[200px\] {
            min-height: 200px
        }

        .min-h-\[40px\] {
            min-height: 40px
        }

        .min-h-\[48px\] {
            min-height: 48px
        }

        .min-h-\[64px\] {
            min-height: 64px
        }

        .min-h-fit {
            min-height: -moz-fit-content;
            min-height: fit-content
        }

        .min-h-screen {
            min-height: 100vh
        }

        .\!w-\[162px\] {
            width: 162px !important
        }

        .\!w-\[302px\] {
            width: 302px !important
        }

        .\!w-\[329px\] {
            width: 329px !important
        }

        .\!w-\[38px\] {
            width: 38px !important
        }

        .\!w-\[398px\] {
            width: 398px !important
        }

        .\!w-auto {
            width: auto !important
        }

        .\!w-fit {
            width: -moz-fit-content !important;
            width: fit-content !important
        }

        .\!w-full {
            width: 100% !important
        }

        .w-1\/2 {
            width: 50%
        }

        .w-1\/3 {
            width: 33.333333%
        }

        .w-1\/4 {
            width: 25%
        }

        .w-1\/5 {
            width: 20%
        }

        .w-1\/6 {
            width: 16.666667%
        }

        .w-10 {
            width: 2.5rem
        }

        .w-10\/12 {
            width: 83.333333%
        }

        .w-12 {
            width: 3rem
        }

        .w-16 {
            width: 4rem
        }

        .w-2 {
            width: .5rem
        }

        .w-2\/12 {
            width: 16.666667%
        }

        .w-2\/3 {
            width: 66.666667%
        }

        .w-2\/4 {
            width: 50%
        }

        .w-2\/5 {
            width: 40%
        }

        .w-2\/6 {
            width: 33.333333%
        }

        .w-20 {
            width: 5rem
        }

        .w-24 {
            width: 6rem
        }

        .w-28 {
            width: 7rem
        }

        .w-3 {
            width: .75rem
        }

        .w-3\/12 {
            width: 25%
        }

        .w-3\/4 {
            width: 75%
        }

        .w-3\/6 {
            width: 50%
        }

        .w-32 {
            width: 8rem
        }

        .w-36 {
            width: 9rem
        }

        .w-4 {
            width: 1rem
        }

        .w-4\/5 {
            width: 80%
        }

        .w-40 {
            width: 10rem
        }

        .w-44 {
            width: 11rem
        }

        .w-48 {
            width: 12rem
        }

        .w-5 {
            width: 1.25rem
        }

        .w-5\/6 {
            width: 83.333333%
        }

        .w-52 {
            width: 13rem
        }

        .w-56 {
            width: 14rem
        }

        .w-6 {
            width: 1.5rem
        }

        .w-60 {
            width: 15rem
        }

        .w-64 {
            width: 16rem
        }

        .w-8 {
            width: 2rem
        }

        .w-8\/12 {
            width: 66.666667%
        }

        .w-80 {
            width: 20rem
        }

        .w-9 {
            width: 2.25rem
        }

        .w-9\/12 {
            width: 75%
        }

        .w-96 {
            width: 24rem
        }

        .w-\[100\%\] {
            width: 100%
        }

        .w-\[100px\] {
            width: 100px
        }

        .w-\[103px\] {
            width: 103px
        }

        .w-\[106px\] {
            width: 106px
        }

        .w-\[109px\] {
            width: 109px
        }

        .w-\[10px\] {
            width: 10px
        }

        .w-\[116px\] {
            width: 116px
        }

        .w-\[120px\] {
            width: 120px
        }

        .w-\[122px\] {
            width: 122px
        }

        .w-\[124px\] {
            width: 124px
        }

        .w-\[125px\] {
            width: 125px
        }

        .w-\[126px\] {
            width: 126px
        }

        .w-\[127px\] {
            width: 127px
        }

        .w-\[128px\] {
            width: 128px
        }

        .w-\[130px\] {
            width: 130px
        }

        .w-\[140px\] {
            width: 140px
        }

        .w-\[148px\] {
            width: 148px
        }

        .w-\[14px\] {
            width: 14px
        }

        .w-\[150px\] {
            width: 150px
        }

        .w-\[151px\] {
            width: 151px
        }

        .w-\[155px\] {
            width: 155px
        }

        .w-\[15px\] {
            width: 15px
        }

        .w-\[163px\] {
            width: 163px
        }

        .w-\[168px\] {
            width: 168px
        }

        .w-\[16px\] {
            width: 16px
        }

        .w-\[170px\] {
            width: 170px
        }

        .w-\[176px\] {
            width: 176px
        }

        .w-\[177px\] {
            width: 177px
        }

        .w-\[180px\] {
            width: 180px
        }

        .w-\[181px\] {
            width: 181px
        }

        .w-\[184px\] {
            width: 184px
        }

        .w-\[185px\] {
            width: 185px
        }

        .w-\[186px\] {
            width: 186px
        }

        .w-\[192px\] {
            width: 192px
        }

        .w-\[194px\] {
            width: 194px
        }

        .w-\[19px\] {
            width: 19px
        }

        .w-\[1px\] {
            width: 1px
        }

        .w-\[2\.8rem\] {
            width: 2.8rem
        }

        .w-\[200px\] {
            width: 200px
        }

        .w-\[209px\] {
            width: 209px
        }

        .w-\[20px\] {
            width: 20px
        }

        .w-\[228px\] {
            width: 228px
        }

        .w-\[229px\] {
            width: 229px
        }

        .w-\[232px\] {
            width: 232px
        }

        .w-\[238px\] {
            width: 238px
        }

        .w-\[241px\] {
            width: 241px
        }

        .w-\[24px\] {
            width: 24px
        }

        .w-\[250px\] {
            width: 250px
        }

        .w-\[25px\] {
            width: 25px
        }

        .w-\[262px\] {
            width: 262px
        }

        .w-\[264px\] {
            width: 264px
        }

        .w-\[266px\] {
            width: 266px
        }

        .w-\[270px\] {
            width: 270px
        }

        .w-\[273px\] {
            width: 273px
        }

        .w-\[285px\] {
            width: 285px
        }

        .w-\[286px\] {
            width: 286px
        }

        .w-\[291px\] {
            width: 291px
        }

        .w-\[295px\] {
            width: 295px
        }

        .w-\[300px\] {
            width: 300px
        }

        .w-\[320px\] {
            width: 320px
        }

        .w-\[336px\] {
            width: 336px
        }

        .w-\[345px\] {
            width: 345px
        }

        .w-\[35\%\] {
            width: 35%
        }

        .w-\[350px\] {
            width: 350px
        }

        .w-\[35px\] {
            width: 35px
        }

        .w-\[360px\] {
            width: 360px
        }

        .w-\[36px\] {
            width: 36px
        }

        .w-\[38px\] {
            width: 38px
        }

        .w-\[398px\] {
            width: 398px
        }

        .w-\[39px\] {
            width: 39px
        }

        .w-\[400px\] {
            width: 400px
        }

        .w-\[40px\] {
            width: 40px
        }

        .w-\[42\%\] {
            width: 42%
        }

        .w-\[428px\] {
            width: 428px
        }

        .w-\[42px\] {
            width: 42px
        }

        .w-\[44px\] {
            width: 44px
        }

        .w-\[45\%\] {
            width: 45%
        }

        .w-\[46px\] {
            width: 46px
        }

        .w-\[48\%\] {
            width: 48%
        }

        .w-\[480px\] {
            width: 480px
        }

        .w-\[484px\] {
            width: 484px
        }

        .w-\[49\%\] {
            width: 49%
        }

        .w-\[49px\] {
            width: 49px
        }

        .w-\[4px\] {
            width: 4px
        }

        .w-\[50\%\] {
            width: 50%
        }

        .w-\[50px\] {
            width: 50px
        }

        .w-\[50rem\] {
            width: 50rem
        }

        .w-\[512px\] {
            width: 512px
        }

        .w-\[52px\] {
            width: 52px
        }

        .w-\[54px\] {
            width: 54px
        }

        .w-\[55px\] {
            width: 55px
        }

        .w-\[560px\] {
            width: 560px
        }

        .w-\[60px\] {
            width: 60px
        }

        .w-\[6px\] {
            width: 6px
        }

        .w-\[70\%\] {
            width: 70%
        }

        .w-\[70px\] {
            width: 70px
        }

        .w-\[72px\] {
            width: 72px
        }

        .w-\[75px\] {
            width: 75px
        }

        .w-\[77px\] {
            width: 77px
        }

        .w-\[79px\] {
            width: 79px
        }

        .w-\[80px\] {
            width: 80px
        }

        .w-\[81px\] {
            width: 81px
        }

        .w-\[82px\] {
            width: 82px
        }

        .w-\[88px\] {
            width: 88px
        }

        .w-\[90\%\] {
            width: 90%
        }

        .w-\[90px\] {
            width: 90px
        }

        .w-\[92px\] {
            width: 92px
        }

        .w-\[94px\] {
            width: 94px
        }

        .w-auto {
            width: auto
        }

        .w-fit {
            width: -moz-fit-content;
            width: fit-content
        }

        .w-full {
            width: 100%
        }

        .w-screen {
            width: 100vw
        }

        .\!min-w-\[212px\] {
            min-width: 212px !important
        }

        .\!min-w-\[32px\] {
            min-width: 32px !important
        }

        .min-w-\[100px\] {
            min-width: 100px
        }

        .min-w-\[160px\] {
            min-width: 160px
        }

        .min-w-\[168px\] {
            min-width: 168px
        }

        .min-w-\[210px\] {
            min-width: 210px
        }

        .min-w-\[300px\] {
            min-width: 300px
        }

        .min-w-\[92px\] {
            min-width: 92px
        }

        .min-w-fit {
            min-width: -moz-fit-content;
            min-width: fit-content
        }

        .min-w-min {
            min-width: -moz-min-content;
            min-width: min-content
        }

        .max-w-4xl {
            max-width: 56rem
        }

        .max-w-6xl {
            max-width: 72rem
        }

        .max-w-\[100ch\] {
            max-width: 100ch
        }

        .max-w-\[200px\] {
            max-width: 200px
        }

        .max-w-\[216px\] {
            max-width: 216px
        }

        .max-w-\[235px\] {
            max-width: 235px
        }

        .max-w-\[260px\] {
            max-width: 260px
        }

        .max-w-\[296px\] {
            max-width: 296px
        }

        .max-w-\[328px\] {
            max-width: 328px
        }

        .max-w-\[338px\] {
            max-width: 338px
        }

        .max-w-\[384px\] {
            max-width: 384px
        }

        .max-w-\[400px\] {
            max-width: 400px
        }

        .max-w-\[40px\] {
            max-width: 40px
        }

        .max-w-\[450px\] {
            max-width: 450px
        }

        .max-w-\[500px\] {
            max-width: 500px
        }

        .max-w-\[560px\] {
            max-width: 560px
        }

        .max-w-\[755px\] {
            max-width: 755px
        }

        .max-w-\[848px\] {
            max-width: 848px
        }

        .max-w-full {
            max-width: 100%
        }

        .max-w-none {
            max-width: none
        }

        .max-w-sm {
            max-width: 24rem
        }

        .flex-1 {
            flex: 1 1 0%
        }

        .flex-\[0_0_auto\] {
            flex: 0 0 auto
        }

        .flex-auto {
            flex: 1 1 auto
        }

        .flex-initial {
            flex: 0 1 auto
        }

        .flex-none {
            flex: none
        }

        .flex-shrink-0 {
            flex-shrink: 0
        }

        .flex-grow {
            flex-grow: 1
        }

        .basis-0 {
            flex-basis: 0px
        }

        .basis-6\/12 {
            flex-basis: 50%
        }

        .-translate-x-0 {
            --tw-translate-x: -0px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .-translate-x-1\/2,
        .-translate-x-\[50\%\] {
            --tw-translate-x: -50%
        }

        .-translate-x-1\/2,
        .-translate-x-\[50\%\],
        .-translate-x-full {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .-translate-x-full {
            --tw-translate-x: -100%
        }

        .-translate-y-3 {
            --tw-translate-y: -0.75rem
        }

        .-translate-y-3,
        .translate-x-\[-50\%\] {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .translate-x-\[-50\%\] {
            --tw-translate-x: -50%
        }

        .translate-x-\[11\.5rem\] {
            --tw-translate-x: 11.5rem
        }

        .translate-x-\[11\.5rem\],
        .translate-y-1 {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .translate-y-1 {
            --tw-translate-y: 0.25rem
        }

        .translate-y-\[-50\%\] {
            --tw-translate-y: -50%
        }

        .rotate-0,
        .translate-y-\[-50\%\] {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .rotate-0 {
            --tw-rotate: 0deg
        }

        .rotate-180 {
            --tw-rotate: 180deg
        }

        .rotate-180,
        .transform {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .animate-none {
            animation: none
        }

        .animate-pulse {
            animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
        }

        @keyframes spin {
            to {
                transform: rotate(1turn)
            }
        }

        .animate-spin {
            animation: spin 1s linear infinite
        }

        .\!cursor-pointer {
            cursor: pointer !important
        }

        .cursor-auto {
            cursor: auto
        }

        .cursor-not-allowed {
            cursor: not-allowed
        }

        .cursor-pointer {
            cursor: pointer
        }

        .select-none {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .resize {
            resize: both
        }

        .list-inside {
            list-style-position: inside
        }

        .list-decimal {
            list-style-type: decimal
        }

        .auto-cols-fr {
            grid-auto-columns: minmax(0, 1fr)
        }

        .grid-flow-col {
            grid-auto-flow: column
        }

        .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .grid-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr))
        }

        .flex-row {
            flex-direction: row
        }

        .flex-col {
            flex-direction: column
        }

        .flex-wrap {
            flex-wrap: wrap
        }

        .place-items-center {
            place-items: center
        }

        .content-center {
            align-content: center
        }

        .content-start {
            align-content: flex-start
        }

        .content-between {
            align-content: space-between
        }

        .items-start {
            align-items: flex-start
        }

        .items-end {
            align-items: flex-end
        }

        .items-center {
            align-items: center
        }

        .items-stretch {
            align-items: stretch
        }

        .justify-normal {
            justify-content: normal
        }

        .justify-start {
            justify-content: flex-start
        }

        .justify-end {
            justify-content: flex-end
        }

        .justify-center {
            justify-content: center
        }

        .justify-between {
            justify-content: space-between
        }

        .justify-around {
            justify-content: space-around
        }

        .justify-items-start {
            justify-items: start
        }

        .gap-0 {
            gap: 0
        }

        .gap-1 {
            gap: .25rem
        }

        .gap-10 {
            gap: 2.5rem
        }

        .gap-12 {
            gap: 3rem
        }

        .gap-14 {
            gap: 3.5rem
        }

        .gap-2 {
            gap: .5rem
        }

        .gap-3 {
            gap: .75rem
        }

        .gap-4 {
            gap: 1rem
        }

        .gap-6 {
            gap: 1.5rem
        }

        .gap-8 {
            gap: 2rem
        }

        .gap-\[12px\] {
            gap: 12px
        }

        .gap-\[13px\] {
            gap: 13px
        }

        .gap-\[14px\] {
            gap: 14px
        }

        .gap-\[15px\] {
            gap: 15px
        }

        .gap-\[2px\] {
            gap: 2px
        }

        .gap-\[42px\] {
            gap: 42px
        }

        .gap-\[4px\] {
            gap: 4px
        }

        .gap-\[5px\] {
            gap: 5px
        }

        .gap-\[6px\] {
            gap: 6px
        }

        .gap-\[8px\] {
            gap: 8px
        }

        .gap-\[9px\] {
            gap: 9px
        }

        .gap-x-0 {
            -moz-column-gap: 0;
            column-gap: 0
        }

        .gap-x-1 {
            -moz-column-gap: .25rem;
            column-gap: .25rem
        }

        .gap-x-1\.5 {
            -moz-column-gap: .375rem;
            column-gap: .375rem
        }

        .gap-x-2 {
            -moz-column-gap: .5rem;
            column-gap: .5rem
        }

        .gap-x-3 {
            -moz-column-gap: .75rem;
            column-gap: .75rem
        }

        .gap-x-4 {
            -moz-column-gap: 1rem;
            column-gap: 1rem
        }

        .gap-y-1 {
            row-gap: .25rem
        }

        .gap-y-3 {
            row-gap: .75rem
        }

        .gap-y-4 {
            row-gap: 1rem
        }

        .gap-y-6 {
            row-gap: 1.5rem
        }

        .space-x-4>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-right: calc(1rem*var(--tw-space-x-reverse));
            margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
        }

        .space-y-2>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(.5rem*var(--tw-space-y-reverse))
        }

        .space-y-3>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(.75rem*var(--tw-space-y-reverse))
        }

        .space-y-4>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(1rem*var(--tw-space-y-reverse))
        }

        .space-y-5>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(1.25rem*var(--tw-space-y-reverse))
        }

        .space-y-6>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
        }

        .divide-y>:not([hidden])~:not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
        }

        .divide-\[\#DCDEE3\]>:not([hidden])~:not([hidden]) {
            --tw-divide-opacity: 1;
            border-color: rgb(220 222 227/var(--tw-divide-opacity))
        }

        .self-center {
            align-self: center
        }

        .\!overflow-auto {
            overflow: auto !important
        }

        .overflow-auto {
            overflow: auto
        }

        .overflow-hidden {
            overflow: hidden
        }

        .overflow-scroll {
            overflow: scroll
        }

        .overflow-x-auto {
            overflow-x: auto
        }

        .\!overflow-y-auto {
            overflow-y: auto !important
        }

        .overflow-y-auto {
            overflow-y: auto
        }

        .overflow-y-scroll {
            overflow-y: scroll
        }

        .overscroll-contain {
            overscroll-behavior: contain
        }

        .overscroll-y-contain {
            overscroll-behavior-y: contain
        }

        .truncate {
            overflow: hidden;
            white-space: nowrap
        }

        .text-ellipsis,
        .truncate {
            text-overflow: ellipsis
        }

        .whitespace-nowrap {
            white-space: nowrap
        }

        .break-words {
            overflow-wrap: break-word
        }

        .break-all {
            word-break: break-all
        }

        .\!rounded-full {
            border-radius: 9999px !important
        }

        .rounded {
            border-radius: .25rem
        }

        .rounded-2xl {
            border-radius: 1rem
        }

        .rounded-3xl {
            border-radius: 1.5rem
        }

        .rounded-\[10px\] {
            border-radius: 10px
        }

        .rounded-\[12px\] {
            border-radius: 12px
        }

        .rounded-\[14px\] {
            border-radius: 14px
        }

        .rounded-\[20px\] {
            border-radius: 20px
        }

        .rounded-\[4px\] {
            border-radius: 4px
        }

        .rounded-\[6px\] {
            border-radius: 6px
        }

        .rounded-full {
            border-radius: 9999px
        }

        .rounded-lg {
            border-radius: .5rem
        }

        .rounded-md {
            border-radius: .375rem
        }

        .rounded-none {
            border-radius: 0
        }

        .rounded-sm {
            border-radius: .125rem
        }

        .rounded-xl {
            border-radius: .75rem
        }

        .rounded-b {
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: .25rem
        }

        .rounded-b-\[12px\] {
            border-bottom-right-radius: 12px;
            border-bottom-left-radius: 12px
        }

        .rounded-b-\[8px\] {
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px
        }

        .rounded-b-lg {
            border-bottom-right-radius: .5rem;
            border-bottom-left-radius: .5rem
        }

        .rounded-b-xl {
            border-bottom-right-radius: .75rem;
            border-bottom-left-radius: .75rem
        }

        .rounded-l-lg {
            border-top-left-radius: .5rem;
            border-bottom-left-radius: .5rem
        }

        .rounded-r {
            border-top-right-radius: .25rem;
            border-bottom-right-radius: .25rem
        }

        .rounded-t-2xl {
            border-top-left-radius: 1rem;
            border-top-right-radius: 1rem
        }

        .rounded-t-\[12px\] {
            border-top-left-radius: 12px;
            border-top-right-radius: 12px
        }

        .rounded-t-\[8px\] {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px
        }

        .rounded-t-lg {
            border-top-left-radius: .5rem;
            border-top-right-radius: .5rem
        }

        .rounded-t-md {
            border-top-left-radius: .375rem;
            border-top-right-radius: .375rem
        }

        .\!border {
            border-width: 1px !important
        }

        .border {
            border-width: 1px
        }

        .border-0 {
            border-width: 0
        }

        .border-2 {
            border-width: 2px
        }

        .border-\[1px\] {
            border-width: 1px
        }

        .border-\[3px\] {
            border-width: 3px
        }

        .\!border-y-0 {
            border-top-width: 0 !important;
            border-bottom-width: 0 !important
        }

        .border-x {
            border-left-width: 1px;
            border-right-width: 1px
        }

        .border-y,
        .border-y-\[1px\] {
            border-top-width: 1px;
            border-bottom-width: 1px
        }

        .border-b {
            border-bottom-width: 1px
        }

        .border-b-2 {
            border-bottom-width: 2px
        }

        .border-b-\[1px\] {
            border-bottom-width: 1px
        }

        .border-b-\[2px\] {
            border-bottom-width: 2px
        }

        .border-b-\[3px\] {
            border-bottom-width: 3px
        }

        .border-e-\[1px\] {
            border-inline-end-width: 1px
        }

        .border-l {
            border-left-width: 1px
        }

        .border-l-2 {
            border-left-width: 2px
        }

        .border-l-\[5px\] {
            border-left-width: 5px
        }

        .border-r {
            border-right-width: 1px
        }

        .border-r-2 {
            border-right-width: 2px
        }

        .border-r-\[1px\] {
            border-right-width: 1px
        }

        .border-t {
            border-top-width: 1px
        }

        .border-t-0 {
            border-top-width: 0
        }

        .border-t-2 {
            border-top-width: 2px
        }

        .border-t-\[1px\] {
            border-top-width: 1px
        }

        .border-solid {
            border-style: solid
        }

        .border-dashed {
            border-style: dashed
        }

        .\!border-none {
            border-style: none !important
        }

        .border-none {
            border-style: none
        }

        .\!border-neutral-20 {
            --tw-border-opacity: 1 !important;
            border-color: rgb(239 243 246/var(--tw-border-opacity)) !important
        }

        .border-\[\#0000001A\] {
            border-color: #0000001a
        }

        .border-\[\#032957\] {
            --tw-border-opacity: 1;
            border-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        .border-\[\#DCDEE3\] {
            --tw-border-opacity: 1;
            border-color: rgb(220 222 227/var(--tw-border-opacity))
        }

        .border-\[\#ECECEC\] {
            --tw-border-opacity: 1;
            border-color: rgb(236 236 236/var(--tw-border-opacity))
        }

        .border-\[\#EFF3F6\] {
            --tw-border-opacity: 1;
            border-color: rgb(239 243 246/var(--tw-border-opacity))
        }

        .border-error {
            --tw-border-opacity: 1;
            border-color: rgb(238 43 46/var(--tw-border-opacity))
        }

        .border-gray-100 {
            --tw-border-opacity: 1;
            border-color: rgb(243 244 246/var(--tw-border-opacity))
        }

        .border-gray-200 {
            --tw-border-opacity: 1;
            border-color: rgb(229 231 235/var(--tw-border-opacity))
        }

        .border-gray-300 {
            --tw-border-opacity: 1;
            border-color: rgb(209 213 219/var(--tw-border-opacity))
        }

        .border-neutral-20 {
            --tw-border-opacity: 1;
            border-color: rgb(239 243 246/var(--tw-border-opacity))
        }

        .border-neutral-30 {
            --tw-border-opacity: 1;
            border-color: rgb(220 222 227/var(--tw-border-opacity))
        }

        .border-neutral-40 {
            --tw-border-opacity: 1;
            border-color: rgb(226 224 223/var(--tw-border-opacity))
        }

        .border-neutral-50 {
            --tw-border-opacity: 1;
            border-color: rgb(112 114 125/var(--tw-border-opacity))
        }

        .border-primary {
            --tw-border-opacity: 1;
            border-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        .border-primary-20 {
            --tw-border-opacity: 1;
            border-color: rgb(54 139 226/var(--tw-border-opacity))
        }

        .border-red-400 {
            --tw-border-opacity: 1;
            border-color: rgb(248 113 113/var(--tw-border-opacity))
        }

        .border-secondary {
            --tw-border-opacity: 1;
            border-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        .border-secondary-50 {
            --tw-border-opacity: 1;
            border-color: rgb(204 128 0/var(--tw-border-opacity))
        }

        .border-secondary-red {
            --tw-border-opacity: 1;
            border-color: rgb(238 43 46/var(--tw-border-opacity))
        }

        .border-success {
            --tw-border-opacity: 1;
            border-color: rgb(143 199 66/var(--tw-border-opacity))
        }

        .border-warning {
            --tw-border-opacity: 1;
            border-color: rgb(255 125 29/var(--tw-border-opacity))
        }

        .border-white {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255/var(--tw-border-opacity))
        }

        .border-b-neutral-30 {
            --tw-border-opacity: 1;
            border-bottom-color: rgb(220 222 227/var(--tw-border-opacity))
        }

        .border-b-primary {
            --tw-border-opacity: 1;
            border-bottom-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        .border-t-\[\#DCDEE3\] {
            --tw-border-opacity: 1;
            border-top-color: rgb(220 222 227/var(--tw-border-opacity))
        }

        .border-t-neutral-20 {
            --tw-border-opacity: 1;
            border-top-color: rgb(239 243 246/var(--tw-border-opacity))
        }

        .border-t-neutral-30 {
            --tw-border-opacity: 1;
            border-top-color: rgb(220 222 227/var(--tw-border-opacity))
        }

        .border-t-white {
            --tw-border-opacity: 1;
            border-top-color: rgb(255 255 255/var(--tw-border-opacity))
        }

        .\!bg-primary {
            --tw-bg-opacity: 1 !important;
            background-color: rgb(253 204 0/var(--tw-bg-opacity)) !important
        }

        .bg-\[\#0000002e\] {
            background-color: #0000002e
        }

        .bg-\[\#0000004d\] {
            background-color: #0000004d
        }

        .bg-\[\#00000082\] {
            background-color: #00000082
        }

        .bg-\[\#032957\] {
            --tw-bg-opacity: 1;
            background-color: rgb(253 204 0/var(--tw-bg-opacity))
        }

        .bg-\[\#151823\] {
            --tw-bg-opacity: 1;
            background-color: rgb(21 24 35/var(--tw-bg-opacity))
        }

        .bg-\[\#2f2f2f\] {
            --tw-bg-opacity: 1;
            background-color: rgb(47 47 47/var(--tw-bg-opacity))
        }

        .bg-\[\#313131\] {
            --tw-bg-opacity: 1;
            background-color: rgb(49 49 49/var(--tw-bg-opacity))
        }

        .bg-\[\#434755\] {
            --tw-bg-opacity: 1;
            background-color: rgb(67 71 85/var(--tw-bg-opacity))
        }

        .bg-\[\#439E25\] {
            --tw-bg-opacity: 1;
            background-color: rgb(67 158 37/var(--tw-bg-opacity))
        }

        .bg-\[\#6ca5e01a\] {
            background-color: #6ca5e01a
        }

        .bg-\[\#97b5d536\] {
            background-color: #97b5d536
        }

        .bg-\[\#9C9DA6CC\] {
            background-color: #9c9da6cc
        }

        .bg-\[\#D1FFD0\] {
            --tw-bg-opacity: 1;
            background-color: rgb(209 255 208/var(--tw-bg-opacity))
        }

        .bg-\[\#DCDEE3\] {
            --tw-bg-opacity: 1;
            background-color: rgb(220 222 227/var(--tw-bg-opacity))
        }

        .bg-\[\#DCEBFB\] {
            --tw-bg-opacity: 1;
            background-color: rgb(220 235 251/var(--tw-bg-opacity))
        }

        .bg-\[\#E7F2FB\] {
            --tw-bg-opacity: 1;
            background-color: rgb(231 242 251/var(--tw-bg-opacity))
        }

        .bg-\[\#EBFFD0\] {
            --tw-bg-opacity: 1;
            background-color: rgb(235 255 208/var(--tw-bg-opacity))
        }

        .bg-\[\#EEC78733\] {
            background-color: #eec78733
        }

        .bg-\[\#EFF3F6\] {
            --tw-bg-opacity: 1;
            background-color: rgb(239 243 246/var(--tw-bg-opacity))
        }

        .bg-\[\#F2F9FF\] {
            --tw-bg-opacity: 1;
            background-color: rgb(242 249 255/var(--tw-bg-opacity))
        }

        .bg-\[\#F5F5F5\] {
            --tw-bg-opacity: 1;
            background-color: rgb(245 245 245/var(--tw-bg-opacity))
        }

        .bg-\[\#F8FBFC\] {
            --tw-bg-opacity: 1;
            background-color: rgb(248 251 252/var(--tw-bg-opacity))
        }

        .bg-\[\#FDFFFF\] {
            --tw-bg-opacity: 1;
            background-color: rgb(253 255 255/var(--tw-bg-opacity))
        }

        .bg-\[\#FFEBDB\] {
            --tw-bg-opacity: 1;
            background-color: rgb(255 235 219/var(--tw-bg-opacity))
        }

        .bg-\[\#FFF0E6\] {
            --tw-bg-opacity: 1;
            background-color: rgb(255 240 230/var(--tw-bg-opacity))
        }

        .bg-\[\#FFFFFF\] {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .bg-\[\#f6faff\] {
            --tw-bg-opacity: 1;
            background-color: rgb(246 250 255/var(--tw-bg-opacity))
        }

        .bg-\[rgb\(238\2c 245\2c 250\)\] {
            --tw-bg-opacity: 1;
            background-color: rgb(238 245 250/var(--tw-bg-opacity))
        }

        .bg-base-100 {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b1)/var(--tw-bg-opacity))
        }

        .bg-base-200 {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--b2)/var(--tw-bg-opacity))
        }

        .bg-black {
            --tw-bg-opacity: 1;
            background-color: rgb(0 0 0/var(--tw-bg-opacity))
        }

        .bg-blue-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(59 130 246/var(--tw-bg-opacity))
        }

        .bg-error {
            --tw-bg-opacity: 1;
            background-color: rgb(238 43 46/var(--tw-bg-opacity))
        }

        .bg-error-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(255 237 238/var(--tw-bg-opacity))
        }

        .bg-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246/var(--tw-bg-opacity))
        }

        .bg-gray-200 {
            --tw-bg-opacity: 1;
            background-color: rgb(229 231 235/var(--tw-bg-opacity))
        }

        .bg-gray-300 {
            --tw-bg-opacity: 1;
            background-color: rgb(209 213 219/var(--tw-bg-opacity))
        }

        .bg-gray-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(249 250 251/var(--tw-bg-opacity))
        }

        .bg-neutral-10 {
            --tw-bg-opacity: 1;
            background-color: rgb(248 251 252/var(--tw-bg-opacity))
        }

        .bg-neutral-20 {
            --tw-bg-opacity: 1;
            background-color: rgb(239 243 246/var(--tw-bg-opacity));
            padding:10px;
            background:linear-gradient(red,black);
            color:white;
            border-bottom:5px double gold;
             border-top:5px double gold;
        }
        .flex.items-center.gap-4 a span {
    color: white !important;
}

        .bg-neutral-30 {
            --tw-bg-opacity: 1;
            background-color: rgb(220 222 227/var(--tw-bg-opacity))
        }

        .bg-neutral-40 {
            --tw-bg-opacity: 1;
            background-color: rgb(226 224 223/var(--tw-bg-opacity))
        }

        .bg-neutral-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(112 114 125/var(--tw-bg-opacity))
        }

        .bg-primary {
            --tw-bg-opacity: 1;
            background-color: rgb(253 204 0/var(--tw-bg-opacity))
        }

        .bg-primary-10 {
            --tw-bg-opacity: 1;
            background-color: rgb(108 165 224/var(--tw-bg-opacity))
        }

        .bg-red-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(239 68 68/var(--tw-bg-opacity))
        }

        .bg-red-600 {
            --tw-bg-opacity: 1;
            background-color: rgb(220 38 38/var(--tw-bg-opacity))
        }

        .bg-secondary {
            --tw-bg-opacity: 1;
            background-color: rgb(253 204 0/var(--tw-bg-opacity))
        }

        .bg-secondary-red-10 {
            --tw-bg-opacity: 1;
            background-color: rgb(255 237 238/var(--tw-bg-opacity))
        }

        .bg-secondary-red-20 {
            --tw-bg-opacity: 1;
            background-color: rgb(253 71 74/var(--tw-bg-opacity))
        }

        .bg-slate-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(241 245 249/var(--tw-bg-opacity))
        }

        .bg-slate-200 {
            --tw-bg-opacity: 1;
            background-color: rgb(226 232 240/var(--tw-bg-opacity))
        }

        .bg-success {
            --tw-bg-opacity: 1;
            background-color: rgb(143 199 66/var(--tw-bg-opacity))
        }

        .bg-transparent {
            background-color: initial
        }

        .bg-warning {
            --tw-bg-opacity: 1;
            background-color: rgb(255 125 29/var(--tw-bg-opacity))
        }

        .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(0 0 0)
        }

        .bg-opacity-50 {
            --tw-bg-opacity: 0.5
        }

        .bg-opacity-75 {
            --tw-bg-opacity: 0.75
        }

        .bg-gradient-to-r {
            background-image: linear-gradient(to right, var(--tw-gradient-stops))
        }

        .from-\[\#368BE2\] {
            --tw-gradient-from: #368be2 var(--tw-gradient-from-position);
            --tw-gradient-to: #368be200 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .from-\[\#58AAF3\] {
            --tw-gradient-from: #58aaf3 var(--tw-gradient-from-position);
            --tw-gradient-to: #58aaf300 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .from-primary {
            --tw-gradient-from: #032957 var(--tw-gradient-from-position);
            --tw-gradient-to: #03295700 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .from-0\% {
            --tw-gradient-from-position: 0%
        }

        .via-primary-10 {
            --tw-gradient-to: #6ca5e000 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), #6ca5e0 var(--tw-gradient-via-position), var(--tw-gradient-to)
        }

        .to-\[\#006AB4\] {
            --tw-gradient-to: #006ab4 var(--tw-gradient-to-position)
        }

        .to-\[\#032957\],
        .to-primary {
            --tw-gradient-to: #032957 var(--tw-gradient-to-position)
        }

        .to-100\% {
            --tw-gradient-to-position: 100%
        }

        .bg-cover {
            background-size: cover
        }

        .bg-center {
            background-position: 50%
        }

        .bg-no-repeat {
            background-repeat: no-repeat
        }

        .fill-blue-600 {
            fill: #2563eb
        }

        .object-contain {
            -o-object-fit: contain;
            object-fit: contain
        }

        .object-cover {
            -o-object-fit: cover;
            object-fit: cover
        }

        .object-right {
            -o-object-position: right;
            object-position: right
        }

        .object-top {
            -o-object-position: top;
            object-position: top
        }

        .\!p-0 {
            padding: 0 !important
        }

        .p-0 {
            padding: 0
        }

        .p-1 {
            padding: .25rem
        }

        .p-10 {
            padding: 2.5rem
        }

        .p-2 {
            padding: .5rem
        }

        .p-3 {
            padding: .75rem
        }

        .p-4 {
            padding: 1rem
        }

        .p-6 {
            padding: 1.5rem
        }

        .p-8 {
            padding: 2rem
        }

        .p-\[2px\] {
            padding: 2px
        }

        .p-\[3px\] {
            padding: 3px
        }

        .p-\[7px\] {
            padding: 7px
        }

        .\!px-0 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .\!px-2 {
            padding-left: .5rem !important;
            padding-right: .5rem !important
        }

        .\!px-3 {
            padding-left: .75rem !important;
            padding-right: .75rem !important
        }

        .\!px-4 {
            padding-left: 1rem !important;
            padding-right: 1rem !important
        }

        .\!px-\[14px\] {
            padding-left: 14px !important;
            padding-right: 14px !important
        }

        .\!py-1 {
            padding-top: .25rem !important;
            padding-bottom: .25rem !important
        }

        .px-0 {
            padding-left: 0;
            padding-right: 0
        }

        .px-1 {
            padding-left: .25rem;
            padding-right: .25rem
        }

        .px-1\.5 {
            padding-left: .375rem;
            padding-right: .375rem
        }

        .px-10 {
            padding-left: 2.5rem;
            padding-right: 2.5rem
        }

        .px-12 {
            padding-left: 3rem;
            padding-right: 3rem
        }

        .px-16 {
            padding-left: 4rem;
            padding-right: 4rem
        }

        .px-2 {
            padding-left: .5rem;
            padding-right: .5rem
        }

        .px-24 {
            padding-left: 6rem;
            padding-right: 6rem
        }

        .px-3 {
            padding-left: .75rem;
            padding-right: .75rem
        }

        .px-3\.5 {
            padding-left: .875rem;
            padding-right: .875rem
        }

        .px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .px-5 {
            padding-left: 1.25rem;
            padding-right: 1.25rem
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .px-8 {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .px-9 {
            padding-left: 2.25rem;
            padding-right: 2.25rem
        }

        .px-\[13px\] {
            padding-left: 13px;
            padding-right: 13px
        }

        .px-\[14px\] {
            padding-left: 14px;
            padding-right: 14px
        }

        .px-\[16px\] {
            padding-left: 16px;
            padding-right: 16px
        }

        .px-\[220px\] {
            padding-left: 220px;
            padding-right: 220px
        }

        .px-\[4px\] {
            padding-left: 4px;
            padding-right: 4px
        }

        .px-\[6px\] {
            padding-left: 6px;
            padding-right: 6px
        }

        .px-\[8px\] {
            padding-left: 8px;
            padding-right: 8px
        }

        .px-\[9px\] {
            padding-left: 9px;
            padding-right: 9px
        }

        .py-0 {
            padding-top: 0;
            padding-bottom: 0
        }

        .py-0\.5 {
            padding-top: .125rem;
            padding-bottom: .125rem
        }

        .py-1 {
            padding-top: .25rem;
            padding-bottom: .25rem
        }

        .py-12 {
            padding-top: 3rem;
            padding-bottom: 3rem
        }

        .py-2 {
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .py-2\.5 {
            padding-top: .625rem;
            padding-bottom: .625rem
        }

        .py-24 {
            padding-top: 6rem;
            padding-bottom: 6rem
        }

        .py-3 {
            padding-top: .75rem;
            padding-bottom: .75rem
        }

        .py-32 {
            padding-top: 8rem;
            padding-bottom: 8rem
        }

        .py-4 {
            padding-top: 1rem;
            padding-bottom: 1rem
        }

        .py-5 {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem
        }

        .py-6 {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem
        }

        .py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .py-9 {
            padding-top: 2.25rem;
            padding-bottom: 2.25rem
        }

        .py-\[10px\] {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .py-\[12px\] {
            padding-top: 12px;
            padding-bottom: 12px
        }

        .py-\[136px\] {
            padding-top: 136px;
            padding-bottom: 136px
        }

        .py-\[14px\] {
            padding-top: 14px;
            padding-bottom: 14px
        }

        .py-\[15px\] {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .py-\[16px\] {
            padding-top: 16px;
            padding-bottom: 16px
        }

        .py-\[19px\] {
            padding-top: 19px;
            padding-bottom: 19px
        }

        .py-\[1px\] {
            padding-top: 1px;
            padding-bottom: 1px
        }

        .py-\[2px\] {
            padding-top: 2px;
            padding-bottom: 2px
        }

        .py-\[42px\] {
            padding-top: 42px;
            padding-bottom: 42px
        }

        .py-\[46px\] {
            padding-top: 46px;
            padding-bottom: 46px
        }

        .py-\[52px\] {
            padding-top: 52px;
            padding-bottom: 52px
        }

        .py-\[5px\] {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .py-\[6px\] {
            padding-top: 6px;
            padding-bottom: 6px
        }

        .py-px {
            padding-top: 1px;
            padding-bottom: 1px
        }

        .\!pl-5 {
            padding-left: 1.25rem !important
        }

        .\!pr-\[14px\] {
            padding-right: 14px !important
        }

        .\!pt-\[78px\] {
            padding-top: 78px !important
        }

        .pb-0 {
            padding-bottom: 0
        }

        .pb-1 {
            padding-bottom: .25rem
        }

        .pb-1\.5 {
            padding-bottom: .375rem
        }

        .pb-16 {
            padding-bottom: 4rem
        }

        .pb-2 {
            padding-bottom: .5rem
        }

        .pb-2\.5 {
            padding-bottom: .625rem
        }

        .pb-20 {
            padding-bottom: 5rem
        }

        .pb-24 {
            padding-bottom: 6rem
        }

        .pb-3 {
            padding-bottom: .75rem
        }

        .pb-4 {
            padding-bottom: 1rem
        }

        .pb-6 {
            padding-bottom: 1.5rem
        }

        .pb-7 {
            padding-bottom: 1.75rem
        }

        .pb-8 {
            padding-bottom: 2rem
        }

        .pb-9 {
            padding-bottom: 2.25rem
        }

        .pb-\[10px\] {
            padding-bottom: 10px
        }

        .pb-\[22px\] {
            padding-bottom: 22px
        }

        .pb-\[32px\] {
            padding-bottom: 32px
        }

        .pb-\[6px\] {
            padding-bottom: 6px
        }

        .pb-\[70px\] {
            padding-bottom: 70px
        }

        .pe-3 {
            padding-inline-end: .75rem
        }

        .pl-0 {
            padding-left: 0
        }

        .pl-12 {
            padding-left: 3rem
        }

        .pl-2 {
            padding-left: .5rem
        }

        .pl-3 {
            padding-left: .75rem
        }

        .pl-4 {
            padding-left: 1rem
        }

        .pl-5 {
            padding-left: 1.25rem
        }

        .pl-6 {
            padding-left: 1.5rem
        }

        .pl-8 {
            padding-left: 2rem
        }

        .pl-\[32px\] {
            padding-left: 32px
        }

        .pl-\[40px\] {
            padding-left: 40px
        }

        .pl-\[45px\] {
            padding-left: 45px
        }

        .pl-\[5px\] {
            padding-left: 5px
        }

        .pr-0 {
            padding-right: 0
        }

        .pr-12 {
            padding-right: 3rem
        }

        .pr-2 {
            padding-right: .5rem
        }

        .pr-3 {
            padding-right: .75rem
        }

        .pr-3\.5 {
            padding-right: .875rem
        }

        .pr-4 {
            padding-right: 1rem
        }

        .pr-5 {
            padding-right: 1.25rem
        }

        .pr-6 {
            padding-right: 1.5rem
        }

        .pr-\[15px\] {
            padding-right: 15px
        }

        .pr-\[5px\] {
            padding-right: 5px
        }

        .pt-0 {
            padding-top: 0
        }

        .pt-1 {
            padding-top: .25rem
        }

        .pt-14 {
            padding-top: 3.5rem
        }

        .pt-16 {
            padding-top: 4rem
        }

        .pt-2 {
            padding-top: .5rem
        }

        .pt-2\.5 {
            padding-top: .625rem
        }

        .pt-3 {
            padding-top: .75rem
        }

        .pt-4 {
            padding-top: 1rem
        }

        .pt-5 {
            padding-top: 1.25rem
        }

        .pt-6 {
            padding-top: 1.5rem
        }

        .pt-7 {
            padding-top: 1.75rem
        }

        .pt-8 {
            padding-top: 2rem
        }

        .pt-9 {
            padding-top: 2.25rem
        }

        .pt-\[22px\] {
            padding-top: 22px
        }

        .pt-\[28px\] {
            padding-top: 28px
        }

        .pt-\[46px\] {
            padding-top: 46px
        }

        .pt-\[52px\] {
            padding-top: 52px
        }

        .pt-\[62px\] {
            padding-top: 62px
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .text-right {
            text-align: right
        }

        .text-justify {
            text-align: justify
        }

        .text-start {
            text-align: start
        }

        .text-end {
            text-align: end
        }

        .align-middle {
            vertical-align: middle
        }

        .align-text-top {
            vertical-align: text-top
        }

        .font-Inter {
            font-family: Inter, sans-serif
        }

        .text-2xl {
            font-size: 1.5rem;
            line-height: 2rem
        }

        .text-\[10px\] {
            font-size: 10px
        }

        .text-\[12px\] {
            font-size: 12px
        }

        .text-\[14px\] {
            font-size: 14px
        }

        .text-\[16px\] {
            font-size: 16px
        }

        .text-\[18px\] {
            font-size: 18px
        }

        .text-\[28px\] {
            font-size: 28px
        }

        .text-\[29px\] {
            font-size: 29px
        }

        .text-\[8px\] {
            font-size: 8px
        }

        .text-b1 {
            font-size: 16px;
            line-height: 18px;
            font-weight: 400
        }

        .text-b2 {
            font-size: 14px
        }

        .text-b2,
        .text-b3 {
            line-height: 16px;
            font-weight: 400
        }

        .text-b3 {
            font-size: 12px
        }

        .text-b4 {
            font-size: 10px;
            line-height: 14px;
            font-weight: 400
        }

        .text-base {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .text-d2 {
            font-size: 28px;
            line-height: 30px;
            font-weight: 700
        }

        .text-d3 {
            font-size: 24px;
            line-height: 26px;
            font-weight: 600
        }

        .text-d4 {
            font-size: 20px;
            line-height: 22px;
            font-weight: 600
        }

        .text-h1 {
            font-size: 16px;
            line-height: 18px;
            font-weight: 600
        }

        .text-h2 {
            font-size: 14px;
            line-height: 16px;
            font-weight: 600
        }

        .text-h3 {
            font-size: 12px;
            line-height: 14px;
            font-weight: 600
        }

        .text-h4 {
            font-size: 10px;
            line-height: 12px;
            font-weight: 600
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .text-p1 {
            font-size: 14px;
            line-height: 21px;
            font-weight: 400
        }

        .text-p2 {
            font-size: 12px;
            line-height: 18px;
            font-weight: 500
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .text-xs {
            font-size: .75rem;
            line-height: 1rem
        }

        .font-\[16px\] {
            font-weight: 16px
        }

        .font-\[500\] {
            font-weight: 500
        }

        .font-bold {
            font-weight: 700
        }

        .font-light {
            font-weight: 300
        }

        .font-medium {
            font-weight: 500
        }

        .font-normal {
            font-weight: 400
        }

        .font-semibold {
            font-weight: 600
        }

        .uppercase {
            text-transform: uppercase
        }

        .lowercase {
            text-transform: lowercase
        }

        .capitalize {
            text-transform: capitalize
        }

        .normal-case {
            text-transform: none
        }

        .italic {
            font-style: italic
        }

        .not-italic {
            font-style: normal
        }

        .leading-3 {
            line-height: .75rem
        }

        .leading-4 {
            line-height: 1rem
        }

        .leading-5 {
            line-height: 1.25rem
        }

        .leading-6 {
            line-height: 1.5rem
        }

        .leading-7 {
            line-height: 1.75rem
        }

        .leading-8 {
            line-height: 2rem
        }

        .leading-\[12px\] {
            line-height: 12px
        }

        .leading-\[14px\] {
            line-height: 14px
        }

        .leading-\[16px\] {
            line-height: 16px
        }

        .leading-\[18px\] {
            line-height: 18px
        }

        .leading-\[21px\] {
            line-height: 21px
        }

        .leading-\[24px\] {
            line-height: 24px
        }

        .leading-\[30px\] {
            line-height: 30px
        }

        .leading-\[60px\] {
            line-height: 60px
        }

        .leading-none {
            line-height: 1
        }

        .\!text-black {
            color: rgb(0 0 0/var(--tw-text-opacity)) !important
        }

        .\!text-black,
        .\!text-white {
            --tw-text-opacity: 1 !important
        }

        .\!text-white {
            color: rgb(255 255 255/var(--tw-text-opacity)) !important
        }

        .text-\[\#000000\],
        .text-\[\#000\] {
            --tw-text-opacity: 1;
            color: rgb(0 0 0/var(--tw-text-opacity))
        }

        .text-\[\#0F820C\] {
            --tw-text-opacity: 1;
            color: rgb(15 130 12/var(--tw-text-opacity))
        }

        .text-\[\#032957\] {
            --tw-text-opacity: 1;
            color: rgb(253 204 0/var(--tw-text-opacity))
        }

        .text-\[\#151823\] {
            --tw-text-opacity: 1;
            color: rgb(21 24 35/var(--tw-text-opacity))
        }

        .text-\[\#2E3033\] {
            --tw-text-opacity: 1;
            color: rgb(46 48 51/var(--tw-text-opacity))
        }

        .text-\[\#414141\] {
            --tw-text-opacity: 1;
            color: rgb(65 65 65/var(--tw-text-opacity))
        }

        .text-\[\#434755\] {
            --tw-text-opacity: 1;
            color: rgb(67 71 85/var(--tw-text-opacity))
        }

        .text-\[\#49760C\] {
            --tw-text-opacity: 1;
            color: rgb(73 118 12/var(--tw-text-opacity))
        }

        .text-\[\#5C6166\] {
            --tw-text-opacity: 1;
            color: rgb(92 97 102/var(--tw-text-opacity))
        }

        .text-\[\#5E6266\] {
            --tw-text-opacity: 1;
            color: rgb(94 98 102/var(--tw-text-opacity))
        }

        .text-\[\#646566\] {
            --tw-text-opacity: 1;
            color: rgb(100 101 102/var(--tw-text-opacity))
        }

        .text-\[\#70727D\] {
            --tw-text-opacity: 1;
            color: rgb(112 114 125/var(--tw-text-opacity))
        }

        .text-\[\#8A9199\] {
            --tw-text-opacity: 1;
            color: rgb(138 145 153/var(--tw-text-opacity))
        }

        .text-\[\#9C9DA6\] {
            --tw-text-opacity: 1;
            color: rgb(226 224 223/var(--tw-text-opacity))
        }

        .text-\[\#A0A9B2\] {
            --tw-text-opacity: 1;
            color: rgb(160 169 178/var(--tw-text-opacity))
        }

        .text-\[\#B38812\] {
            --tw-text-opacity: 1;
            color: rgb(179 136 18/var(--tw-text-opacity))
        }

        .text-\[\#EE2B2E\] {
            --tw-text-opacity: 1;
            color: rgb(238 43 46/var(--tw-text-opacity))
        }

        .text-\[\#F46401\] {
            --tw-text-opacity: 1;
            color: rgb(244 100 1/var(--tw-text-opacity))
        }

        .text-\[10\] {
            color: 10
        }

        .text-base-content {
            --tw-text-opacity: 1;
            color: hsl(var(--bc)/var(--tw-text-opacity))
        }

        .text-black {
            --tw-text-opacity: 1;
            color: rgb(0 0 0/var(--tw-text-opacity))
        }

        .text-blue-500 {
            --tw-text-opacity: 1;
            color: rgb(59 130 246/var(--tw-text-opacity))
        }

        .text-blue-600 {
            --tw-text-opacity: 1;
            color: rgb(37 99 235/var(--tw-text-opacity))
        }

        .text-error {
            --tw-text-opacity: 1;
            color: rgb(238 43 46/var(--tw-text-opacity))
        }

        .text-gray-200 {
            --tw-text-opacity: 1;
            color: rgb(229 231 235/var(--tw-text-opacity))
        }

        .text-gray-400 {
            --tw-text-opacity: 1;
            color: rgb(156 163 175/var(--tw-text-opacity))
        }

        .text-gray-500 {
            --tw-text-opacity: 1;
            color: rgb(107 114 128/var(--tw-text-opacity))
        }

        .text-gray-800 {
            --tw-text-opacity: 1;
            color: rgb(31 41 55/var(--tw-text-opacity))
        }

        .text-gray-900 {
            --tw-text-opacity: 1;
            color: rgb(17 24 39/var(--tw-text-opacity))
        }

        .text-neutral-30 {
            --tw-text-opacity: 1;
            color: rgb(220 222 227/var(--tw-text-opacity))
        }

        .text-neutral-40 {
            --tw-text-opacity: 1;
            color: rgb(226 224 223/var(--tw-text-opacity))
        }

        .text-neutral-50 {
            --tw-text-opacity: 1;
            color: rgb(112 114 125/var(--tw-text-opacity))
        }

        .text-neutral-500 {
            --tw-text-opacity: 1;
            color: rgb(115 115 115/var(--tw-text-opacity))
        }

        .text-neutral-60 {
            --tw-text-opacity: 1;
            color: rgb(67 71 85/var(--tw-text-opacity))
        }

        .text-neutral-70 {
            --tw-text-opacity: 1;
            color: rgb(21 24 35/var(--tw-text-opacity))
        }

        .text-primary {
            --tw-text-opacity: 1;
            color: rgb(253 204 0/var(--tw-text-opacity))
        }

        .text-red-400 {
            --tw-text-opacity: 1;
            color: rgb(248 113 113/var(--tw-text-opacity))
        }

        .text-secondary {
            --tw-text-opacity: 1;
            color: rgb(253 204 0/var(--tw-text-opacity))
        }

        .text-secondary-red {
            --tw-text-opacity: 1;
            color: rgb(238 43 46/var(--tw-text-opacity))
        }

        .text-secondary-red-20 {
            --tw-text-opacity: 1;
            color: rgb(253 71 74/var(--tw-text-opacity))
        }

        .text-secondary-red-50 {
            --tw-text-opacity: 1;
            color: rgb(187 0 0/var(--tw-text-opacity))
        }

        .text-success {
            --tw-text-opacity: 1;
            color: rgb(143 199 66/var(--tw-text-opacity))
        }

        .text-warning {
            --tw-text-opacity: 1;
            color: rgb(255 125 29/var(--tw-text-opacity))
        }

        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity))
        }

        .underline {
            text-decoration-line: underline
        }

        .line-through {
            text-decoration-line: line-through
        }

        .no-underline {
            text-decoration-line: none
        }

        .placeholder-neutral-40::-moz-placeholder {
            --tw-placeholder-opacity: 1;
            color: rgb(226 224 223/var(--tw-placeholder-opacity))
        }

        .placeholder-neutral-40::placeholder {
            --tw-placeholder-opacity: 1;
            color: rgb(226 224 223/var(--tw-placeholder-opacity))
        }

        .opacity-0 {
            opacity: 0
        }

        .opacity-100 {
            opacity: 1
        }

        .opacity-25 {
            opacity: .25
        }

        .opacity-50 {
            opacity: .5
        }

        .opacity-75 {
            opacity: .75
        }

        .opacity-80 {
            opacity: .8
        }

        .shadow {
            --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
            --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
        }

        .shadow,
        .shadow-\[0_1px_4px_rgba\(112\2c 114\2c 125\2c 0\.20\)\] {
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .shadow-\[0_1px_4px_rgba\(112\2c 114\2c 125\2c 0\.20\)\] {
            --tw-shadow: 0 1px 4px #70727d33;
            --tw-shadow-colored: 0 1px 4px var(--tw-shadow-color)
        }

        .shadow-\[0_2px_8px_0_rgba\(112\2c 114\2c 125\2c 0\.40\)\] {
            --tw-shadow: 0 2px 8px 0 #70727d66;
            --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .shadow-\[0px_4px_8px_0px_\#DCDEE3\] {
            --tw-shadow: 0px 4px 8px 0px #dcdee3;
            --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color)
        }

        .shadow-\[0px_4px_8px_0px_\#DCDEE3\],
        .shadow-lg {
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .shadow-lg {
            --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
            --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
        }

        .shadow-md {
            --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
            --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
        }

        .shadow-md,
        .shadow-none {
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .shadow-none {
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000
        }

        .shadow-sm {
            --tw-shadow: 0 1px 2px 0 #0000000d;
            --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .ring-1 {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .ring-gray-200 {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(229 231 235/var(--tw-ring-opacity))
        }

        .blur {
            --tw-blur: blur(8px)
        }

        .blur,
        .blur-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)
        }

        .blur-lg {
            --tw-blur: blur(16px)
        }

        .drop-shadow {
            --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)
        }

        .drop-shadow,
        .grayscale {
            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)
        }

        .grayscale {
            --tw-grayscale: grayscale(100%)
        }

        .filter {
            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)
        }

        .backdrop-blur {
            --tw-backdrop-blur: blur(8px);
            -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
        }

        .transition {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s
        }

        .transition-all {
            transition-property: all;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s
        }

        .transition-opacity {
            transition-property: opacity;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s
        }

        .transition-transform {
            transition-property: transform;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s
        }

        .delay-0 {
            transition-delay: 0s
        }

        .duration-100 {
            transition-duration: .1s
        }

        .duration-200 {
            transition-duration: .2s
        }

        .duration-300 {
            transition-duration: .3s
        }

        .duration-500 {
            transition-duration: .5s
        }

        .ease-in {
            transition-timing-function: cubic-bezier(.4, 0, 1, 1)
        }

        .ease-in-out {
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        .ease-linear {
            transition-timing-function: linear
        }

        .order {
            margin-left: 3rem;
            margin-right: 3rem
        }

        .date-order .react-datepicker__day--keyboard-selected {
            --tw-bg-opacity: 1;
            background-color: rgb(253 204 0/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity))
        }

        .date-order .react-datepicker__day-name {
            display: inline-flex;
            height: 38px;
            width: 38px;
            align-items: center;
            justify-content: center;
            --tw-text-opacity: 1;
            color: rgb(226 224 223/var(--tw-text-opacity))
        }

        .date-order .react-datepicker__header {
            border-bottom-width: 0;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .date-order .react-datepicker__current-month {
            padding: 1.25rem
        }

        .date-order .react-datepicker__navigation {
            height: 56px;
            width: 56px
        }

        .date-order .react-datepicker__navigation-icon:before {
            top: 16px;
            height: 20px;
            width: 20px
        }

        .select-order .css-1tai50z-control {
            min-height: 1.5rem;
            height: 1.5rem;
            border-radius: 9999px
        }

        @media (min-width:745px) {
            .select-order .css-1tai50z-control {
                height: 2.5rem;
                border-radius: .25rem
            }
        }

        .select-order .css-1fhqej9-control .css-hlgwow,
        .select-order .css-1tai50z-control .css-hlgwow {
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

        .select-order .css-1fhqej9-control {
            min-height: 1.5rem;
            height: 1.5rem;
            border-radius: 9999px
        }

        @media (min-width:745px) {
            .select-order .css-1fhqej9-control {
                height: 2.5rem;
                border-radius: .25rem
            }
        }

        .select-order .css-1dimb5e-singleValue {
            color: #9c9da6
        }

        .select-order .css-1tai50z-control .css-1xc3v61-indicatorContainer {
            padding: 1px 2px
        }

        @media (min-width:745px) {
            .select-order .css-1tai50z-control .css-1xc3v61-indicatorContainer {
                padding: .5rem
            }
        }

        .select-order .css-1fhqej9-control .css-15lsz6c-indicatorContainer {
            padding: 1px 2px
        }

        @media (min-width:745px) {
            .select-order .css-1fhqej9-control .css-15lsz6c-indicatorContainer {
                padding: .5rem
            }
        }

        .select-order .css-1fdsijx-ValueContainer {
            padding: 0 .5rem
        }

        @media (min-width:745px) {
            .select-order .css-1fdsijx-ValueContainer {
                padding: .5rem .25rem
            }
        }

        .gm-style-iw-chr {
            display: none;
            padding: 0
        }

        body {
            min-height: 100vh;
            background-color: rgb(245 245 245/var(--tw-bg-opacity))
        }

        .swiper-button-next {
            background-image: url(https://cdn-klik.klikindomaret.com/assets/web/css/retail/right.svg)
        }

        .swiper-button-prev {
            background-image: url(https://cdn-klik.klikindomaret.com/assets/web/css/retail/left.svg)
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            display: none
        }

        .swiper-button-next,
        .swiper-button-prev {
            height: 36px !important;
            width: 36px !important;
            border-radius: 50%;
            padding: 12px;
            background-repeat: no-repeat;
            background-position: 50%;
            box-shadow: 0 2px 8px #70727d66
        }

        .card-product,
        .swiper-button-next,
        .swiper-button-prev {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .card-product {
            border-radius: .5rem;
            padding-bottom: .625rem;
            --tw-drop-shadow: drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f);
            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)
        }

        .product-image {
            height: 104px;
            width: 112px
        }

        .card-product .old-price:before {
            content: "";
            height: 1.5px;
            position: absolute;
            top: .5rem;
            display: block;
            width: 100%;
            --tw-bg-opacity: 1;
            background-color: rgb(226 224 223/var(--tw-bg-opacity))
        }

        .groceries .slide-category-wrapper .card-product {
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(239 243 246/var(--tw-border-opacity));
            --tw-drop-shadow: drop-shadow(0 0 #0000);
            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)
        }

        .groceries .ellipsify-two {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }

        .groceries .ellipsify {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            max-width: 100%;
            display: inline-block
        }

        @media only screen and (min-width:744px) {
            .card-product {
                border-radius: .5rem;
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity));
                --tw-drop-shadow: drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f);
                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)
            }
        }

        @media only screen and (min-width:1025px) {
            .card-product {
                width: 184px;
                border-radius: .5rem;
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity));
                --tw-drop-shadow: drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f);
                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)
            }
        }

        body {
            position: relative
        }

        .mega-menu {
            position: fixed;
            left: 0;
            top: 64px;
            z-index: 50;
            height: 60vh;
            width: 100%;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity));
            animation-name: slide-down;
            animation-duration: .5s;
            animation-fill-mode: forwards
        }

        .mega-menu .menu-list-wrap span {
            font-size: 14px;
            line-height: 16px;
            font-weight: 500;
            letter-spacing: .05em
        }

        .mega-menu .menu-list-wrap .menu-list-active {
            --tw-bg-opacity: 1 !important;
            background-color: rgb(239 243 246/var(--tw-bg-opacity)) !important;
            --tw-text-opacity: 1;
            color: rgb(253 204 0/var(--tw-text-opacity))
        }

        .mega-menu .menu-list-wrap .menu-list {
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: flex-start;
            border-radius: .5rem;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity));
            padding: .75rem .875rem;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-delay: .15s;
            transition-duration: .3s;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        .mega-menu .menu-list-wrap .menu-list:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(239 243 246/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(253 204 0/var(--tw-text-opacity))
        }

        .mega-menu .submenu-list-wrap .menu-list {
            border-radius: .5rem
        }

        .mega-menu .submenu-list-wrap .menu-list:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(239 243 246/var(--tw-bg-opacity));
            font-weight: 700;
            --tw-text-opacity: 1;
            color: rgb(253 204 0/var(--tw-text-opacity))
        }

        .mega-menu .custom-scroll-wrap {
            height: calc(100% - 50px)
        }

        .mega-menu ::-webkit-scrollbar {
            width: 8px
        }

        .mega-menu ::-webkit-scrollbar-track {
            background: #0000
        }

        .mega-menu ::-webkit-scrollbar-thumb {
            background: #dcdee3;
            border-radius: 8px
        }

        .mega-menu ::-webkit-scrollbar-thumb:hover {
            background: #555
        }

        .mega-menu-mobile {
            position: fixed;
            top: 0;
            z-index: 1000;
            max-height: 100vh;
            overflow-y: scroll;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .modal-slide-down {
            animation-name: slide-down;
            animation-duration: .3s;
            animation-fill-mode: forwards
        }

        @keyframes slide-down {
            0% {
                height: 0;
                opacity: 0
            }

            to {
                height: 60vh;
                opacity: 1
            }
        }

        body:has(.backdrop) {
            height: 100vh;
            overflow-y: hidden
        }

        @media screen and (max-width:1023px) {
            body:has(.mega-menu-mobile) {
                height: 100vh
            }

            .mega-menu-mobile .nav {
                height: 100vh;
                overflow-y: scroll;
                margin-top: 74px
            }
        }

        .slide-category-level-wrapper .swiper {
            position: relative;
            height: 100%;
            width: 100%;
            overflow: hidden;
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .slide-category-level-wrapper .swiper-wrapper {
            display: flex;
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .slide-category-level-wrapper .swiper-slide {
            width: 184px !important
        }

        .slide-category-level-wrapper .button-next,
        .slide-category-level-wrapper .button-prev {
            position: absolute;
            z-index: 10;
            display: inline-flex;
            cursor: pointer;
            top: calc(50% - 24px) !important
        }

        .slide-category-level-wrapper .button-prev {
            left: 0
        }

        .slide-category-level-wrapper .button-next {
            right: 0
        }

        .test {
            width: calc(100% - 250px)
        }

        .gallery-product {
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .208);
            display: flex !important;
            justify-content: center
        }

        .gallery-product,
        .gallery-product .swiper-wrapper {
            align-items: center
        }

        .gallery-product .swiper-slide,
        .gallery-product-thumb .slider-thumb {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .gallery-product-thumb .slider-thumb {
            height: 89px;
            width: 89px;
            border-radius: .25rem;
            border-width: 1px;
            padding: .25rem;
            --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
            --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .gallery-product-thumb .swiper-slide-thumb-active {
            border-radius: .25rem;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        @media only screen and (min-width:1280px) {
            .groceries .slide-category-wrapper {
                width: 964px
            }
        }

        .accordion-menu .group-list,
        .sub-group-list,
        .sub-sub-group-list {
            height: 100%;
            max-height: 0;
            overflow: hidden;
            transition: max-height .5s ease-in-out
        }

        .accordion-menu .nav-list input[type=checkbox]+label {
            cursor: pointer
        }

        .accordion-menu .nav-list input[type=checkbox]:checked+label+ul {
            max-height: 2000px
        }

        .accordion-menu label>span {
            transition: transform .65s ease
        }

        .accordion-menu input[type=checkbox]:checked+label>span {
            transform: rotate(-180deg)
        }

        .slider-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 40px;
            padding-bottom: 16px
        }

        .slider {
            position: relative;
            width: calc(100% - 16px)
        }

        .slider-left-value,
        .slider-range,
        .slider-right-value,
        .slider-track {
            position: absolute
        }

        .slider-range,
        .slider-track {
            border-radius: 3px;
            height: 5px
        }

        .slider-track {
            background-color: #ced4da;
            width: 100%;
            z-index: 1
        }

        .slider-range {
            --tw-bg-opacity: 1;
            background-color: rgb(253 204 0/var(--tw-bg-opacity));
            z-index: 2
        }

        .slider-left-value,
        .slider-right-value {
            line-height: 16px;
            font-weight: 400;
            --tw-text-opacity: 1;
            color: rgb(112 114 125/var(--tw-text-opacity));
            font-size: 12px;
            margin-top: -40px
        }

        .slider-left-value {
            left: 6px
        }

        .slider-right-value {
            right: -4px
        }

        .thumb,
        .thumb::-webkit-slider-thumb {
            -webkit-appearance: none;
            -webkit-tap-highlight-color: transparent
        }

        .thumb {
            pointer-events: none;
            position: absolute;
            height: 0;
            width: calc(100% - 16px);
            outline: none
        }

        .thumb-zindex-3 {
            z-index: 3
        }

        .thumb-zindex-4 {
            z-index: 4
        }

        .thumb-zindex-5 {
            z-index: 5
        }

        .thumb::-webkit-slider-thumb {
            background-color: #f1f5f7;
            border: none;
            border-radius: 50%;
            box-shadow: 0 0 1px 1px #ced4da;
            cursor: pointer;
            height: 18px;
            width: 18px;
            margin-top: 4px;
            pointer-events: all;
            position: relative
        }

        .thumb::-moz-range-thumb {
            background-color: #f1f5f7;
            border: none;
            border-radius: 50%;
            box-shadow: 0 0 1px 1px #ced4da;
            cursor: pointer;
            height: 18px;
            width: 18px;
            margin-top: 4px;
            pointer-events: all;
            position: relative
        }

        .info-price {
            margin-bottom: .5rem;
            display: flex;
            align-items: center;
            gap: .75rem
        }

        .old-price {
            position: relative;
            font-size: 14px;
            line-height: 16px;
            font-weight: 500;
            --tw-text-opacity: 1;
            color: rgb(160 169 178/var(--tw-text-opacity))
        }

        .old-price:before {
            position: absolute;
            top: 8px;
            display: block;
            height: 1px;
            width: 100%;
            content: var(--tw-content);
            --tw-bg-opacity: 1;
            background-color: rgb(160 169 178/var(--tw-bg-opacity))
        }

        .tag-promo-wrapper {
            display: flex;
            gap: .25rem
        }

        .tag-toko-wrapper {
            display: flex;
            gap: .375rem
        }

        .radio-item label {
            height: 60px;
            width: 60px;
            padding: .5rem !important
        }

        .radio-item label:after,
        .radio-item label:before {
            display: none
        }

        .radio-item [type=radio]:checked+label,
        .radio-item [type=radio]:not(:checked)+label {
            padding-left: 0
        }

        .radio-item [type=radio]+label {
            border-radius: .25rem;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(239 243 246/var(--tw-border-opacity))
        }

        .radio-item [type=radio]:checked+label {
            border-radius: .25rem;
            border-width: 2px;
            --tw-border-opacity: 1;
            border-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        .radio-item [type=radio] .badge {
            box-sizing: border-box
        }

        .radio-item [type=radio]:checked+label>.badge {
            border-radius: .25rem;
            border-width: 2px;
            --tw-shadow-color: #032957 !important;
            --tw-shadow: var(--tw-shadow-colored) !important
        }

        .swiper-product-detail-thumb {
            padding-bottom: 1rem !important
        }

        .swiper-product-detail-thumb .swiper-slide {
            overflow: hidden;
            border-radius: .25rem;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(239 243 246/var(--tw-border-opacity))
        }

        .swiper-product-detail-thumb .swiper-slide.swiper-slide-thumb-active {
            --tw-border-opacity: 1;
            border-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        .product-detail-display-wrapper {
            height: 390px;
            width: 390px;
            overflow: hidden;
            border-radius: .25rem;
            box-shadow: 0 1px 4px 0 #0003
        }

        .product-detail-display-thumb-wrapper {
            width: 390px
        }

        .product-detail-display-thumb-wrapper .swiper-button {
            top: calc(50% - 30px)
        }

        .drop-shadow-1 {
            box-shadow: 0 1px 4px 0 #0003
        }

        button[disabled] {
            background: #1118271a
        }

        .slide-category-level-wrapper {
            max-width: 100vw;
            width: 100%
        }

        .mobile-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .mobile-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        @media only screen and (min-width:1280px) {
            .slide-category-level-wrapper {
                width: 964px
            }
        }

        .breadcrumbs {
            margin-bottom: 1rem;
            font-family: Inter, sans-serif;
            font-size: 14px;
            line-height: 16px;
            font-weight: 400
        }

        .breadcrumbs a {
            --tw-text-opacity: 1;
            color: rgb(36 70 85/var(--tw-text-opacity))
        }

        .menu-filter {
            padding: 0 !important;
            width: 208px
        }

        .menu {
            padding: .75rem
        }

        .menu>li {
            width: 100%
        }

        .menu>li>a {
            padding-left: 0
        }

        .menu :where(li ul) {
            margin-left: 0;
            padding-left: 0
        }

        .menu :where(li ul ul) {
            margin-left: 1.5rem
        }

        .menu :where(li ul ul ul) {
            margin-left: .25rem
        }

        .menu :where(li>details>summary):after {
            margin-right: .5rem
        }

        .menu :where(li>.menu-dropdown-toggle):after,
        .menu :where(li>details>summary):after {
            box-shadow: 1.5px 1.5px;
            width: .4rem;
            height: .4rem
        }

        .menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),
        .menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
            display: flex;
            justify-content: space-between
        }

        .menu details {
            padding: .75rem
        }

        .menu details li,
        .menu summary {
            white-space: break-spaces;
            padding-left: 0;
            padding-right: 0
        }

        .menu>li>details ul li details li details>ul>li {
            margin-left: 1.25rem
        }

        .menu>li>details ul summary {
            flex-direction: row-reverse;
            justify-content: flex-end
        }

        .menu :where(li ul):before {
            width: 0
        }

        :where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover {
            cursor: pointer;
            background-color: initial
        }

        .select_menu {
            z-index: 10000 !important;
            position: relative
        }

        .groceries .pagination {
            background: #0000
        }

        .groceries .pagination a {
            font-size: 14px;
            line-height: 16px;
            font-weight: 400
        }

        body {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        body:has(.drawer-toggle:checked) {
            height: 100vh;
            overflow: hidden
        }

        .groceries .drawer {
            z-index: 10001 !important
        }

        .groceries .drawer .menu-filter {
            width: auto
        }

        [type=radio]:checked,
        [type=radio]:not(:checked) {
            position: absolute;
            left: -9999px
        }

        [type=radio]:checked+label,
        [type=radio]:not(:checked)+label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666
        }

        [type=radio]:not(:checked)+label:before {
            border-radius: 9999px;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(226 224 223/var(--tw-border-opacity));
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        [type=radio]:checked+label:before,
        [type=radio]:not(:checked)+label:before {
            position: absolute;
            left: 0;
            top: .125rem;
            height: 1rem;
            width: 1rem;
            --tw-bg-opacity: 1;
            --tw-content: "";
            content: var(--tw-content)
        }

        [type=radio]:checked+label:before {
            border-radius: 9999px;
            background-color: rgb(253 204 0/var(--tw-bg-opacity))
        }

        [type=radio]:checked+label:after,
        [type=radio]:not(:checked)+label:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #fff;
            position: absolute;
            top: 7px;
            left: 5px;
            border-radius: 100%;
            transition: all .2s ease
        }

        [type=radio]:not(:checked)+label:after {
            opacity: 0;
            transform: scale(0)
        }

        [type=radio]:checked+label:after {
            opacity: 1;
            transform: scale(1)
        }

        @media (hover:hover) {
            [type=checkbox]:hover {
                --tw-border-opacity: 1;
                border-color: hsl(var(--p)/var(--tw-border-opacity))
            }
        }

        [type=checkbox] {
            --chkbg: var(--p);
            --chkfg: var(--pc);
            border-color: hsl(var(--p)/var(--tw-border-opacity))
        }

        [type=checkbox]:focus-visible {
            outline-color: hsl(var(--p)/1)
        }

        [type=checkbox]:checked,
        [type=checkbox][aria-checked=true],
        [type=checkbox][checked=true] {
            --tw-border-opacity: 1;
            border-color: hsl(var(--p)/var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--p)/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: hsl(var(--pc)/var(--tw-text-opacity))
        }

        [type=checkbox] {
            height: 1rem;
            width: 1rem;
            border-radius: .25rem;
            --tw-border-opacity: 1;
            border-color: rgb(226 224 223/var(--tw-border-opacity))
        }

        [type=checkbox]:checked {
            --tw-border-opacity: 1;
            border-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        [type=checkbox]:hover {
            --tw-border-opacity: 1;
            border-color: rgb(226 224 223/var(--tw-border-opacity))
        }

        [type=checkbox]:hover:checked {
            --tw-border-opacity: 1;
            border-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        @media only screen and (min-width:1025px) {
            .groceries .menu>li {
                width: 100%
            }

            .menu :where(li ul ul) {
                margin-left: 0
            }
        }

        .details-content {
            overflow: hidden;
            display: flow-root
        }

        .details-content>:first-child {
            transition: margin-top .5s ease-out
        }

        details:not([open]) .details-content>:first-child {
            margin-top: -20em
        }

        .dummy-content {
            overflow: auto;
            transition: max-height .6s ease
        }

        .groceries .drop-shadow-custom {
            box-shadow: 0 1px 4px 0 #0003
        }

        .swiper-pagination-bullet-active {
            background-color: #70727d
        }

        .pagination-bullet {
            color: #032957;
            font-weight: 600;
            font-size: 12px
        }

        .shimmers-animate {
            position: relative
        }

        @keyframes pulse {
            50% {
                opacity: .5
            }
        }

        .shimmers-animate {
            animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
            background-color: #1118271a
        }

        .shimmers-animate:before {
            position: absolute;
            inset: 0;
            --tw-translate-x: -100%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            animation: shimmer 4s infinite;
            background-image: linear-gradient(to right, var(--tw-gradient-stops));
            --tw-gradient-from: #0000 var(--tw-gradient-from-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #ffe4e600 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), #ffe4e61a var(--tw-gradient-via-position), var(--tw-gradient-to);
            content: var(--tw-content);
            --tw-gradient-to: #0000 var(--tw-gradient-to-position)
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 8px
        }

        .custom-scrollbar::-webkit-scrollbar-track {
            background: #0000
        }

        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #dcdee3;
            border-radius: 8px
        }

        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #555
        }

        .backdrop-blur {
            filter: blur(5px)
        }

        .swiper-button {
            display: flex;
            position: absolute;
            top: calc(50% - 40px);
            z-index: 10;
            cursor: pointer
        }

        .higlighted-product {
            background: linear-gradient(92deg, #032957 52.37%, #044b95 97.95%)
        }

        .product-swiper-button-prev {
            left: -24px;
            display: none
        }

        .product-swiper-button-next {
            right: -24px;
            display: none
        }

        .product-swiper-button-next.swiper-button-disabled,
        .product-swiper-button-prev.swiper-button-disabled {
            display: none
        }

        .product-swiper-button-next.swiper-button-active {
            display: block !important
        }

        .scrollBanner-swiper-button-prev {
            left: -24px;
            display: none;
            top: calc(50% - 10px)
        }

        .scrollBanner-swiper-button-next {
            right: -24px;
            display: none;
            top: calc(50% - 10px)
        }

        .scrollBanner-swiper-button-next.swiper-button-disabled,
        .scrollBanner-swiper-button-prev.swiper-button-disabled {
            display: none
        }

        .scrollBanner-swiper-button-next.swiper-button-active {
            display: block !important
        }

        .no-scrollbar::-webkit-scrollbar {
            display: none
        }

        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none
        }

        .scrollable-wrap {
            position: relative;
            display: flex;
            width: 100%
        }

        .scrollable-child {
            transition: all .5s ease 0s;
            overflow: auto hidden;
            white-space: nowrap;
            display: flex
        }

        .swiper-highlighted .swiper-wrapper {
            width: 100vw
        }

        @media (max-width:991px) {
            .product-swiper-button-next.swiper-button-active {
                display: none !important
            }
        }

        .core .swiper-wrapper {
            display: flex
        }

        .core .swiper-slide {
            display: flex !important;
            height: auto !important;
            margin-bottom: 15px
        }

        .react-datepicker__month-read-view--down-arrow,
        .react-datepicker__month-year-read-view--down-arrow,
        .react-datepicker__navigation-icon:before,
        .react-datepicker__year-read-view--down-arrow {
            border-color: #ccc;
            border-style: solid;
            border-width: 3px 3px 0 0;
            content: "";
            display: block;
            height: 9px;
            position: absolute;
            top: 6px;
            width: 9px
        }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
            margin-left: -4px;
            position: absolute;
            width: 0
        }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
            box-sizing: initial;
            position: absolute;
            height: 0;
            width: 1px;
            content: "";
            z-index: -1;
            border: 8px solid #0000;
            left: -8px
        }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
            border-bottom-color: #aeaeae
        }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
            top: 0;
            margin-top: -8px
        }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
            border-top: none;
            border-bottom-color: #f0f0f0
        }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
            top: 0
        }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
            top: -1px;
            border-bottom-color: #aeaeae
        }

        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
            bottom: 0;
            margin-bottom: -8px
        }

        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
            border-bottom: none;
            border-top-color: #fff
        }

        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
            bottom: 0
        }

        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
            bottom: -1px;
            border-top-color: #aeaeae
        }

        .react-datepicker-wrapper {
            display: inline-block;
            padding: 0;
            border: 0
        }

        .react-datepicker {
            font-family: Helvetica Neue, helvetica, arial, sans-serif;
            font-size: .8rem;
            background-color: #fff;
            color: #000;
            border: 1px solid #aeaeae;
            border-radius: .3rem;
            display: inline-block;
            position: relative
        }

        .react-datepicker--time-only .react-datepicker__triangle {
            left: 35px
        }

        .react-datepicker--time-only .react-datepicker__time-container {
            border-left: 0
        }

        .react-datepicker--time-only .react-datepicker__time,
        .react-datepicker--time-only .react-datepicker__time-box {
            border-bottom-left-radius: .3rem;
            border-bottom-right-radius: .3rem
        }

        .react-datepicker__triangle {
            position: absolute;
            left: 50px
        }

        .react-datepicker-popper {
            z-index: 1
        }

        .react-datepicker-popper[data-placement^=bottom] {
            padding-top: 10px
        }

        .react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
        .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
            left: auto;
            right: 50px
        }

        .react-datepicker-popper[data-placement^=top] {
            padding-bottom: 10px
        }

        .react-datepicker-popper[data-placement^=right] {
            padding-left: 8px
        }

        .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
            left: auto;
            right: 42px
        }

        .react-datepicker-popper[data-placement^=left] {
            padding-right: 8px
        }

        .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
            left: 42px;
            right: auto
        }

        .react-datepicker__header {
            text-align: center;
            background-color: #f0f0f0;
            border-bottom: 1px solid #aeaeae;
            border-top-left-radius: .3rem;
            padding: 8px 0;
            position: relative
        }

        .react-datepicker__header--time {
            padding-bottom: 8px;
            padding-left: 5px;
            padding-right: 5px
        }

        .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
            border-top-left-radius: 0
        }

        .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
            border-top-right-radius: .3rem
        }

        .react-datepicker__month-dropdown-container--scroll,
        .react-datepicker__month-dropdown-container--select,
        .react-datepicker__month-year-dropdown-container--scroll,
        .react-datepicker__month-year-dropdown-container--select,
        .react-datepicker__year-dropdown-container--scroll,
        .react-datepicker__year-dropdown-container--select {
            display: inline-block;
            margin: 0 15px
        }

        .react-datepicker-time__header,
        .react-datepicker-year-header,
        .react-datepicker__current-month {
            margin-top: 0;
            color: #000;
            font-weight: 700;
            font-size: .944rem
        }

        .react-datepicker-time__header {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .react-datepicker__navigation {
            align-items: center;
            background: none;
            display: flex;
            justify-content: center;
            text-align: center;
            cursor: pointer;
            position: absolute;
            top: 2px;
            padding: 0;
            border: none;
            z-index: 1;
            height: 32px;
            width: 32px;
            text-indent: -999em;
            overflow: hidden
        }

        .react-datepicker__navigation--previous {
            left: 2px
        }

        .react-datepicker__navigation--next {
            right: 2px
        }

        .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
            right: 85px
        }

        .react-datepicker__navigation--years {
            position: relative;
            top: 0;
            display: block;
            margin-left: auto;
            margin-right: auto
        }

        .react-datepicker__navigation--years-previous {
            top: 4px
        }

        .react-datepicker__navigation--years-upcoming {
            top: -4px
        }

        .react-datepicker__navigation:hover :before {
            border-color: #a6a6a6
        }

        .react-datepicker__navigation-icon {
            position: relative;
            top: -1px;
            font-size: 20px;
            width: 0
        }

        .react-datepicker__navigation-icon--next {
            left: -2px
        }

        .react-datepicker__navigation-icon--next:before {
            transform: rotate(45deg);
            left: -7px
        }

        .react-datepicker__navigation-icon--previous {
            right: -2px
        }

        .react-datepicker__navigation-icon--previous:before {
            transform: rotate(225deg);
            right: -7px
        }

        .react-datepicker__month-container {
            float: left
        }

        .react-datepicker__year {
            margin: .4rem;
            text-align: center
        }

        .react-datepicker__year-wrapper {
            display: flex;
            flex-wrap: wrap;
            max-width: 180px
        }

        .react-datepicker__year .react-datepicker__year-text {
            display: inline-block;
            width: 4rem;
            margin: 2px
        }

        .react-datepicker__month {
            margin: .4rem;
            text-align: center
        }

        .react-datepicker__month .react-datepicker__month-text,
        .react-datepicker__month .react-datepicker__quarter-text {
            display: inline-block;
            width: 4rem;
            margin: 2px
        }

        .react-datepicker__input-time-container {
            clear: both;
            width: 100%;
            float: left;
            margin: 5px 0 10px 15px;
            text-align: left
        }

        .react-datepicker__input-time-container .react-datepicker-time__caption,
        .react-datepicker__input-time-container .react-datepicker-time__input-container {
            display: inline-block
        }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
            display: inline-block;
            margin-left: 10px
        }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
            width: auto
        }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
            -moz-appearance: textfield
        }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
            margin-left: 5px;
            display: inline-block
        }

        .react-datepicker__time-container {
            float: right;
            border-left: 1px solid #aeaeae;
            width: 85px
        }

        .react-datepicker__time-container--with-today-button {
            display: inline;
            border: 1px solid #aeaeae;
            border-radius: .3rem;
            position: absolute;
            right: -87px;
            top: 0
        }

        .react-datepicker__time-container .react-datepicker__time {
            position: relative;
            background: #fff;
            border-bottom-right-radius: .3rem
        }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
            width: 85px;
            overflow-x: hidden;
            margin: 0 auto;
            text-align: center;
            border-bottom-right-radius: .3rem
        }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
            list-style: none;
            margin: 0;
            height: calc(195px + .85rem);
            overflow-y: scroll;
            padding-right: 0;
            padding-left: 0;
            width: 100%;
            box-sizing: initial
        }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
            height: 30px;
            padding: 5px 10px;
            white-space: nowrap
        }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
            cursor: pointer;
            background-color: #f0f0f0
        }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
            background-color: #216ba5;
            color: #fff;
            font-weight: 700
        }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
            background-color: #216ba5
        }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
            color: #ccc
        }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
            cursor: default;
            background-color: initial
        }

        .react-datepicker__week-number {
            color: #ccc;
            display: inline-block;
            width: 1.7rem;
            line-height: 1.7rem;
            text-align: center;
            margin: .166rem
        }

        .react-datepicker__week-number.react-datepicker__week-number--clickable {
            cursor: pointer
        }

        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
            border-radius: .3rem;
            background-color: #f0f0f0
        }

        .react-datepicker__day-names,
        .react-datepicker__week {
            white-space: nowrap
        }

        .react-datepicker__day-names {
            margin-bottom: -8px
        }

        .react-datepicker__day,
        .react-datepicker__day-name,
        .react-datepicker__time-name {
            color: #000;
            display: inline-block;
            width: 1.7rem;
            line-height: 1.7rem;
            text-align: center;
            margin: .166rem
        }

        .react-datepicker__day,
        .react-datepicker__month-text,
        .react-datepicker__quarter-text,
        .react-datepicker__year-text {
            cursor: pointer
        }

        .react-datepicker__day:hover,
        .react-datepicker__month-text:hover,
        .react-datepicker__quarter-text:hover,
        .react-datepicker__year-text:hover {
            border-radius: .3rem;
            background-color: #f0f0f0
        }

        .react-datepicker__day--today,
        .react-datepicker__month-text--today,
        .react-datepicker__quarter-text--today,
        .react-datepicker__year-text--today {
            font-weight: 700
        }

        .react-datepicker__day--highlighted,
        .react-datepicker__month-text--highlighted,
        .react-datepicker__quarter-text--highlighted,
        .react-datepicker__year-text--highlighted {
            border-radius: .3rem;
            background-color: #3dcc4a;
            color: #fff
        }

        .react-datepicker__day--highlighted:hover,
        .react-datepicker__month-text--highlighted:hover,
        .react-datepicker__quarter-text--highlighted:hover,
        .react-datepicker__year-text--highlighted:hover {
            background-color: #32be3f
        }

        .react-datepicker__day--highlighted-custom-1,
        .react-datepicker__month-text--highlighted-custom-1,
        .react-datepicker__quarter-text--highlighted-custom-1,
        .react-datepicker__year-text--highlighted-custom-1 {
            color: #f0f
        }

        .react-datepicker__day--highlighted-custom-2,
        .react-datepicker__month-text--highlighted-custom-2,
        .react-datepicker__quarter-text--highlighted-custom-2,
        .react-datepicker__year-text--highlighted-custom-2 {
            color: green
        }

        .react-datepicker__day--in-range,
        .react-datepicker__day--in-selecting-range,
        .react-datepicker__day--selected,
        .react-datepicker__month-text--in-range,
        .react-datepicker__month-text--in-selecting-range,
        .react-datepicker__month-text--selected,
        .react-datepicker__quarter-text--in-range,
        .react-datepicker__quarter-text--in-selecting-range,
        .react-datepicker__quarter-text--selected,
        .react-datepicker__year-text--in-range,
        .react-datepicker__year-text--in-selecting-range,
        .react-datepicker__year-text--selected {
            border-radius: .3rem;
            background-color: #216ba5;
            color: #fff
        }

        .react-datepicker__day--in-range:hover,
        .react-datepicker__day--in-selecting-range:hover,
        .react-datepicker__day--selected:hover,
        .react-datepicker__month-text--in-range:hover,
        .react-datepicker__month-text--in-selecting-range:hover,
        .react-datepicker__month-text--selected:hover,
        .react-datepicker__quarter-text--in-range:hover,
        .react-datepicker__quarter-text--in-selecting-range:hover,
        .react-datepicker__quarter-text--selected:hover,
        .react-datepicker__year-text--in-range:hover,
        .react-datepicker__year-text--in-selecting-range:hover,
        .react-datepicker__year-text--selected:hover {
            background-color: #1d5d90
        }

        .react-datepicker__day--keyboard-selected,
        .react-datepicker__month-text--keyboard-selected,
        .react-datepicker__quarter-text--keyboard-selected,
        .react-datepicker__year-text--keyboard-selected {
            border-radius: .3rem;
            background-color: #bad9f1;
            color: #000
        }

        .react-datepicker__day--keyboard-selected:hover,
        .react-datepicker__month-text--keyboard-selected:hover,
        .react-datepicker__quarter-text--keyboard-selected:hover,
        .react-datepicker__year-text--keyboard-selected:hover {
            background-color: #1d5d90
        }

        .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
        .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
        .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
        .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
            background-color: #216ba580
        }

        .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
        .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
        .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
        .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
        .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
        .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
        .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
        .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
            background-color: #f0f0f0;
            color: #000
        }

        .react-datepicker__day--disabled,
        .react-datepicker__month-text--disabled,
        .react-datepicker__quarter-text--disabled,
        .react-datepicker__year-text--disabled {
            cursor: default;
            color: #ccc
        }

        .react-datepicker__day--disabled:hover,
        .react-datepicker__month-text--disabled:hover,
        .react-datepicker__quarter-text--disabled:hover,
        .react-datepicker__year-text--disabled:hover {
            background-color: initial
        }

        .react-datepicker__input-container {
            position: relative;
            display: inline-block;
            width: 100%
        }

        .react-datepicker__input-container .react-datepicker__calendar-icon {
            position: absolute;
            padding: .5rem
        }

        .react-datepicker__view-calendar-icon input {
            padding: 6px 10px 5px 25px
        }

        .react-datepicker__month-read-view,
        .react-datepicker__month-year-read-view,
        .react-datepicker__year-read-view {
            border: 1px solid #0000;
            border-radius: .3rem;
            position: relative
        }

        .react-datepicker__month-read-view:hover,
        .react-datepicker__month-year-read-view:hover,
        .react-datepicker__year-read-view:hover {
            cursor: pointer
        }

        .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
        .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
        .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
        .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
        .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
        .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
            border-top-color: #b3b3b3
        }

        .react-datepicker__month-read-view--down-arrow,
        .react-datepicker__month-year-read-view--down-arrow,
        .react-datepicker__year-read-view--down-arrow {
            transform: rotate(135deg);
            right: -16px;
            top: 0
        }

        .react-datepicker__month-dropdown,
        .react-datepicker__month-year-dropdown,
        .react-datepicker__year-dropdown {
            background-color: #f0f0f0;
            position: absolute;
            width: 50%;
            left: 25%;
            top: 30px;
            z-index: 1;
            text-align: center;
            border-radius: .3rem;
            border: 1px solid #aeaeae
        }

        .react-datepicker__month-dropdown:hover,
        .react-datepicker__month-year-dropdown:hover,
        .react-datepicker__year-dropdown:hover {
            cursor: pointer
        }

        .react-datepicker__month-dropdown--scrollable,
        .react-datepicker__month-year-dropdown--scrollable,
        .react-datepicker__year-dropdown--scrollable {
            height: 150px;
            overflow-y: scroll
        }

        .react-datepicker__month-option,
        .react-datepicker__month-year-option,
        .react-datepicker__year-option {
            line-height: 20px;
            width: 100%;
            display: block;
            margin-left: auto;
            margin-right: auto
        }

        .react-datepicker__month-option:first-of-type,
        .react-datepicker__month-year-option:first-of-type,
        .react-datepicker__year-option:first-of-type {
            border-top-left-radius: .3rem;
            border-top-right-radius: .3rem
        }

        .react-datepicker__month-option:last-of-type,
        .react-datepicker__month-year-option:last-of-type,
        .react-datepicker__year-option:last-of-type {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            border-bottom-left-radius: .3rem;
            border-bottom-right-radius: .3rem
        }

        .react-datepicker__month-option:hover,
        .react-datepicker__month-year-option:hover,
        .react-datepicker__year-option:hover {
            background-color: #ccc
        }

        .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
        .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
        .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
            border-bottom-color: #b3b3b3
        }

        .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
        .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
        .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
            border-top-color: #b3b3b3
        }

        .react-datepicker__month-option--selected,
        .react-datepicker__month-year-option--selected,
        .react-datepicker__year-option--selected {
            position: absolute;
            left: 15px
        }

        .react-datepicker__close-icon {
            cursor: pointer;
            background-color: initial;
            border: 0;
            outline: 0;
            padding: 0 6px 0 0;
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            display: table-cell;
            vertical-align: middle
        }

        .react-datepicker__close-icon:after {
            cursor: pointer;
            background-color: #216ba5;
            border-radius: 50%;
            height: 16px;
            width: 16px;
            padding: 2px;
            line-height: 1;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            content: "�"
        }

        .react-datepicker__today-button {
            background: #f0f0f0;
            border-top: 1px solid #aeaeae;
            cursor: pointer;
            text-align: center;
            font-weight: 700;
            padding: 5px 0;
            clear: left
        }

        .react-datepicker__portal {
            position: fixed;
            width: 100vw;
            height: 100vh;
            background-color: #000c;
            left: 0;
            top: 0;
            justify-content: center;
            align-items: center;
            display: flex;
            z-index: 2147483647
        }

        .react-datepicker__portal .react-datepicker__day,
        .react-datepicker__portal .react-datepicker__day-name,
        .react-datepicker__portal .react-datepicker__time-name {
            width: 3rem;
            line-height: 3rem
        }

        @media (max-height:550px),
        (max-width:400px) {

            .react-datepicker__portal .react-datepicker__day,
            .react-datepicker__portal .react-datepicker__day-name,
            .react-datepicker__portal .react-datepicker__time-name {
                width: 2rem;
                line-height: 2rem
            }
        }

        .react-datepicker__portal .react-datepicker-time__header,
        .react-datepicker__portal .react-datepicker__current-month {
            font-size: 1.44rem
        }

        .react-datepicker__children-container {
            width: 13.8rem;
            margin: .4rem;
            padding-right: .2rem;
            padding-left: .2rem;
            height: auto
        }

        .react-datepicker__aria-live {
            position: absolute;
            -webkit-clip-path: circle(0);
            clip-path: circle(0);
            border: 0;
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            width: 1px;
            white-space: nowrap
        }

        .react-datepicker__calendar-icon {
            width: 1em;
            height: 1em;
            vertical-align: -.125em
        }

        .react-datepicker-wrapper {
            width: 100%
        }

        .react-datepicker__close-icon:after {
            color: #fff;
            height: 20px;
            width: 20px;
            padding: 3px;
            font-size: 12px;
            display: block
        }

        .mission-after-content:after {
            content: ",\00a0"
        }

        .mission-after-content:last-of-type:before {
            content: "dan\00a0"
        }

        .mission-after-content:last-of-type:after {
            content: ""
        }

        .mission-after-content:nth-last-of-type(2):after {
            content: "\00a0"
        }

        .modal-profile::-webkit-scrollbar {
            display: none
        }

        .animate-up-down {
            animation-name: MoveUpDown;
            animation-duration: 8s;
            animation-iteration-count: infinite;
            position: absolute;
            left: 0;
            top: 0
        }

        @keyframes MoveUpDown {

            0%,
            25%,
            to {
                transform: translateZ(0)
            }

            50%,
            75% {
                transform: translate3d(0, -50%, 0)
            }
        }

        .profile-hover {
            position: absolute;
            top: 50px;
            overflow: auto;
            border-radius: .5rem;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity));
            padding: 1rem 1rem 0;
            --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
            --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            --tw-shadow-color: #9c9da6;
            --tw-shadow: var(--tw-shadow-colored)
        }

        .profile-hover::-webkit-scrollbar {
            width: 8px
        }

        .profile-hover::-webkit-scrollbar-track {
            background: #0000
        }

        .profile-hover::-webkit-scrollbar-thumb {
            background: #dcdee3;
            border-radius: 8px
        }

        .profile-hover::-webkit-scrollbar-thumb:hover {
            background: #555
        }

        .g-recaptcha-bubble-arrow {
            top: 212px !important
        }

        .g-recaptcha-bubble-arrow+div {
            position: fixed !important;
            left: 51%;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%)
        }

        body {
            font-family: Inter, sans-serif
        }

        @media (min-width:745px) {
            .tab\:modal-top {
                place-items: start
            }

            .tab\:modal-middle {
                place-items: center
            }

            .tab\:modal-top :where(.modal-box) {
                width: 100%;
                max-width: none;
                --tw-translate-y: -2.5rem;
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-bottom-left-radius: var(--rounded-box, 1rem);
                border-bottom-right-radius: var(--rounded-box, 1rem)
            }

            .tab\:modal-middle :where(.modal-box) {
                width: 91.666667%;
                max-width: 32rem;
                --tw-translate-y: 0px;
                --tw-scale-x: .9;
                --tw-scale-y: .9;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-top-left-radius: var(--rounded-box, 1rem);
                border-top-right-radius: var(--rounded-box, 1rem);
                border-bottom-left-radius: var(--rounded-box, 1rem);
                border-bottom-right-radius: var(--rounded-box, 1rem)
            }
        }

        @media (min-width:1216px) {
            .des\:container {
                width: 100%;
                margin-right: auto;
                margin-left: auto
            }

            @media (min-width:1216px) {
                .des\:container {
                    max-width: 1216px
                }
            }

            @media (hover:hover) {
                .des\:btn-outline:hover {
                    border-color: hsl(var(--bc)/var(--tw-border-opacity));
                    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
                    color: hsl(var(--b1)/var(--tw-text-opacity))
                }

                .des\:btn-outline.btn-primary:hover,
                .des\:btn-outline:hover {
                    --tw-border-opacity: 1;
                    --tw-bg-opacity: 1;
                    --tw-text-opacity: 1
                }

                .des\:btn-outline.btn-primary:hover {
                    border-color: hsl(var(--pf)/var(--tw-border-opacity));
                    background-color: hsl(var(--pf)/var(--tw-bg-opacity));
                    color: hsl(var(--pc)/var(--tw-text-opacity))
                }

                .des\:btn-outline.btn-secondary:hover {
                    border-color: hsl(var(--sf)/var(--tw-border-opacity));
                    background-color: hsl(var(--sf)/var(--tw-bg-opacity));
                    color: hsl(var(--sc)/var(--tw-text-opacity))
                }

                .des\:btn-outline.btn-accent:hover,
                .des\:btn-outline.btn-secondary:hover {
                    --tw-border-opacity: 1;
                    --tw-bg-opacity: 1;
                    --tw-text-opacity: 1
                }

                .des\:btn-outline.btn-accent:hover {
                    border-color: hsl(var(--af)/var(--tw-border-opacity));
                    background-color: hsl(var(--af)/var(--tw-bg-opacity));
                    color: hsl(var(--ac)/var(--tw-text-opacity))
                }

                .des\:btn-outline.btn-success:hover {
                    border-color: hsl(var(--su)/var(--tw-border-opacity));
                    background-color: hsl(var(--su)/var(--tw-bg-opacity));
                    color: hsl(var(--suc)/var(--tw-text-opacity))
                }

                .des\:btn-outline.btn-info:hover,
                .des\:btn-outline.btn-success:hover {
                    --tw-border-opacity: 1;
                    --tw-bg-opacity: 1;
                    --tw-text-opacity: 1
                }

                .des\:btn-outline.btn-info:hover {
                    border-color: hsl(var(--in)/var(--tw-border-opacity));
                    background-color: hsl(var(--in)/var(--tw-bg-opacity));
                    color: hsl(var(--inc)/var(--tw-text-opacity))
                }

                .des\:btn-outline.btn-warning:hover {
                    border-color: hsl(var(--wa)/var(--tw-border-opacity));
                    background-color: hsl(var(--wa)/var(--tw-bg-opacity));
                    color: hsl(var(--wac)/var(--tw-text-opacity))
                }

                .des\:btn-outline.btn-error:hover,
                .des\:btn-outline.btn-warning:hover {
                    --tw-border-opacity: 1;
                    --tw-bg-opacity: 1;
                    --tw-text-opacity: 1
                }

                .des\:btn-outline.btn-error:hover {
                    border-color: hsl(var(--er)/var(--tw-border-opacity));
                    background-color: hsl(var(--er)/var(--tw-bg-opacity));
                    color: hsl(var(--erc)/var(--tw-text-opacity))
                }
            }

            .des\:btn-outline {
                border-color: currentColor;
                background-color: initial;
                --tw-text-opacity: 1;
                color: hsl(var(--bc)/var(--tw-text-opacity));
                --tw-shadow: 0 0 #0000;
                --tw-shadow-colored: 0 0 #0000;
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
            }

            .des\:btn-outline.btn-active {
                --tw-border-opacity: 1;
                border-color: hsl(var(--bc)/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: hsl(var(--bc)/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: hsl(var(--b1)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-primary {
                --tw-text-opacity: 1;
                color: hsl(var(--p)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-primary.btn-active {
                --tw-border-opacity: 1;
                border-color: hsl(var(--pf)/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: hsl(var(--pf)/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: hsl(var(--pc)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-secondary {
                --tw-text-opacity: 1;
                color: hsl(var(--s)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-secondary.btn-active {
                --tw-border-opacity: 1;
                border-color: hsl(var(--sf)/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: hsl(var(--sf)/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: hsl(var(--sc)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-accent {
                --tw-text-opacity: 1;
                color: hsl(var(--a)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-accent.btn-active {
                --tw-border-opacity: 1;
                border-color: hsl(var(--af)/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: hsl(var(--af)/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: hsl(var(--ac)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-success {
                --tw-text-opacity: 1;
                color: hsl(var(--su)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-success.btn-active {
                --tw-border-opacity: 1;
                border-color: hsl(var(--su)/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: hsl(var(--su)/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: hsl(var(--suc)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-info {
                --tw-text-opacity: 1;
                color: hsl(var(--in)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-info.btn-active {
                --tw-border-opacity: 1;
                border-color: hsl(var(--in)/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: hsl(var(--in)/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: hsl(var(--inc)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-warning {
                --tw-text-opacity: 1;
                color: hsl(var(--wa)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-warning.btn-active {
                --tw-border-opacity: 1;
                border-color: hsl(var(--wa)/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: hsl(var(--wa)/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: hsl(var(--wac)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-error {
                --tw-text-opacity: 1;
                color: hsl(var(--er)/var(--tw-text-opacity))
            }

            .des\:btn-outline.btn-error.btn-active {
                --tw-border-opacity: 1;
                border-color: hsl(var(--er)/var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: hsl(var(--er)/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: hsl(var(--erc)/var(--tw-text-opacity))
            }

            .des\:btn-sm {
                height: 2rem;
                padding-left: .75rem;
                padding-right: .75rem;
                min-height: 2rem;
                font-size: .875rem
            }

            .btn-square:where(.des\:btn-sm) {
                height: 2rem;
                width: 2rem;
                padding: 0
            }

            .btn-circle:where(.des\:btn-sm) {
                height: 2rem;
                width: 2rem;
                border-radius: 9999px;
                padding: 0
            }

            .des\:modal-top {
                place-items: start
            }

            .des\:modal-middle {
                place-items: center
            }

            .des\:modal-top :where(.modal-box) {
                width: 100%;
                max-width: none;
                --tw-translate-y: -2.5rem;
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-bottom-left-radius: var(--rounded-box, 1rem);
                border-bottom-right-radius: var(--rounded-box, 1rem)
            }

            .des\:modal-middle :where(.modal-box) {
                width: 91.666667%;
                max-width: 32rem;
                --tw-translate-y: 0px;
                --tw-scale-x: .9;
                --tw-scale-y: .9;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-top-left-radius: var(--rounded-box, 1rem);
                border-top-right-radius: var(--rounded-box, 1rem);
                border-bottom-left-radius: var(--rounded-box, 1rem);
                border-bottom-right-radius: var(--rounded-box, 1rem)
            }
        }

        .before\:absolute:before {
            content: var(--tw-content);
            position: absolute
        }

        .before\:left-1:before {
            content: var(--tw-content);
            left: .25rem
        }

        .before\:top-3:before {
            content: var(--tw-content);
            top: .75rem
        }

        .before\:block:before {
            content: var(--tw-content);
            display: block
        }

        .before\:h-full:before {
            content: var(--tw-content);
            height: 100%
        }

        .before\:border-\[1px\]:before {
            content: var(--tw-content);
            border-width: 1px
        }

        .before\:border-dashed:before {
            content: var(--tw-content);
            border-style: dashed
        }

        .before\:border-neutral-30:before {
            content: var(--tw-content);
            --tw-border-opacity: 1;
            border-color: rgb(220 222 227/var(--tw-border-opacity))
        }

        .before\:border-neutral-50:before {
            content: var(--tw-content);
            --tw-border-opacity: 1;
            border-color: rgb(112 114 125/var(--tw-border-opacity))
        }

        .before\:border-primary:before {
            content: var(--tw-content);
            --tw-border-opacity: 1;
            border-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        .before\:content-\[\"\"\]:before {
            --tw-content: "";
            content: var(--tw-content)
        }

        .first\:mt-0:first-child {
            margin-top: 0
        }

        .last\:mb-0:last-child {
            margin-bottom: 0
        }

        .last-of-type\:text-h2:last-of-type {
            font-size: 14px;
            line-height: 16px;
            font-weight: 600
        }

        .checked\:border-\[5px\]:checked {
            border-width: 5px
        }

        .checked\:bg-inherit:checked {
            background-color: inherit
        }

        .focus-within\:border-blue-500:focus-within {
            --tw-border-opacity: 1;
            border-color: rgb(59 130 246/var(--tw-border-opacity))
        }

        .focus-within\:ring-1:focus-within {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .focus-within\:ring-blue-500:focus-within {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity))
        }

        .hover\:scale-95:hover {
            --tw-scale-x: .95;
            --tw-scale-y: .95;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .hover\:cursor-pointer:hover {
            cursor: pointer
        }

        .hover\:border-b-2:hover {
            border-bottom-width: 2px
        }

        .hover\:border-gray-300:hover {
            --tw-border-opacity: 1;
            border-color: rgb(209 213 219/var(--tw-border-opacity))
        }

        .hover\:border-neutral-30:hover {
            --tw-border-opacity: 1;
            border-color: rgb(220 222 227/var(--tw-border-opacity))
        }

        .hover\:border-primary:hover {
            --tw-border-opacity: 1;
            border-color: rgb(253 204 0/var(--tw-border-opacity))
        }

        .hover\:border-white:hover {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255/var(--tw-border-opacity))
        }

        .hover\:\!bg-white:hover {
            --tw-bg-opacity: 1 !important;
            background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
        }

        .hover\:bg-\[\#28282814\]:hover {
            background-color: #28282814
        }

        .hover\:bg-\[\#439E25\]:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(67 158 37/var(--tw-bg-opacity))
        }

        .hover\:bg-\[\#EFF3F6\]:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(239 243 246/var(--tw-bg-opacity))
        }

        .hover\:bg-blue-100:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(219 234 254/var(--tw-bg-opacity))
        }

        .hover\:bg-gray-100:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246/var(--tw-bg-opacity))
        }

        .hover\:bg-gray-50:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(249 250 251/var(--tw-bg-opacity))
        }

        .hover\:bg-primary:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(253 204 0/var(--tw-bg-opacity))
        }

        .hover\:bg-primary-50:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(4 75 149/var(--tw-bg-opacity))
        }

        .hover\:bg-secondary:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(253 204 0/var(--tw-bg-opacity))
        }

        .hover\:bg-transparent:hover {
            background-color: initial
        }

        .hover\:bg-white:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .hover\:font-bold:hover {
            font-weight: 700
        }

        .hover\:font-semibold:hover {
            font-weight: 600
        }

        .hover\:\!text-primary:hover {
            --tw-text-opacity: 1 !important;
            color: rgb(253 204 0/var(--tw-text-opacity)) !important
        }

        .hover\:\!text-white:hover {
            --tw-text-opacity: 1 !important;
            color: rgb(255 255 255/var(--tw-text-opacity)) !important
        }

        .hover\:text-\[\#000\]:hover {
            --tw-text-opacity: 1;
            color: rgb(0 0 0/var(--tw-text-opacity))
        }

        .hover\:text-\[\#032957\]:hover {
            --tw-text-opacity: 1;
            color: rgb(253 204 0/var(--tw-text-opacity))
        }

        .hover\:text-\[\#404040\]:hover {
            --tw-text-opacity: 1;
            color: rgb(64 64 64/var(--tw-text-opacity))
        }

        .hover\:text-blue-500:hover {
            --tw-text-opacity: 1;
            color: rgb(59 130 246/var(--tw-text-opacity))
        }

        .hover\:text-gray-600:hover {
            --tw-text-opacity: 1;
            color: rgb(75 85 99/var(--tw-text-opacity))
        }

        .hover\:text-primary:hover {
            --tw-text-opacity: 1;
            color: rgb(253 204 0/var(--tw-text-opacity))
        }

        .hover\:text-white:hover {
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity))
        }

        .hover\:no-underline:hover {
            text-decoration-line: none
        }

        .focus\:\!outline-none:focus {
            outline: 2px solid #0000 !important;
            outline-offset: 2px !important
        }

        .focus\:outline-none:focus {
            outline: 2px solid #0000;
            outline-offset: 2px
        }

        .active\:text-primary:active {
            --tw-text-opacity: 1;
            color: rgb(253 204 0/var(--tw-text-opacity))
        }

        .disabled\:cursor-not-allowed:disabled {
            cursor: not-allowed
        }

        .disabled\:border-neutral-20:disabled {
            --tw-border-opacity: 1;
            border-color: rgb(239 243 246/var(--tw-border-opacity))
        }

        .disabled\:\!bg-neutral-200:disabled {
            --tw-bg-opacity: 1 !important;
            background-color: rgb(229 229 229/var(--tw-bg-opacity)) !important
        }

        .disabled\:bg-\[\#032957\]:disabled {
            --tw-bg-opacity: 1;
            background-color: rgb(253 204 0/var(--tw-bg-opacity))
        }

        .disabled\:bg-\[\#DCDEE3\]:disabled,
        .disabled\:bg-neutral-30:disabled {
            --tw-bg-opacity: 1;
            background-color: rgb(220 222 227/var(--tw-bg-opacity))
        }

        .disabled\:bg-transparent:disabled {
            background-color: initial
        }

        .disabled\:bg-white:disabled {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .disabled\:text-neutral-50:disabled {
            --tw-text-opacity: 1;
            color: rgb(112 114 125/var(--tw-text-opacity))
        }

        .disabled\:text-white:disabled {
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity))
        }

        :is([dir=rtl] .rtl\:rotate-180) {
            --tw-rotate: 180deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        @media (prefers-color-scheme:dark) {
            .dark\:text-gray-300 {
                --tw-text-opacity: 1;
                color: rgb(209 213 219/var(--tw-text-opacity))
            }

            .dark\:text-gray-600 {
                --tw-text-opacity: 1;
                color: rgb(75 85 99/var(--tw-text-opacity))
            }

            .dark\:active\:bg-gray-300:active,
            .dark\:hover\:bg-gray-300:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(209 213 219/var(--tw-bg-opacity))
            }

            .dark\:active\:text-white:active {
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }
        }

        @media not all and (min-width:640px) {
            .max-sm\:absolute {
                position: absolute
            }

            .max-sm\:bottom-5 {
                bottom: 1.25rem
            }

            .max-sm\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }

            .max-sm\:h-full {
                height: 100%
            }

            .max-sm\:w-full {
                width: 100%
            }

            .max-sm\:max-w-none {
                max-width: none
            }

            .max-sm\:rounded-none {
                border-radius: 0
            }

            .max-sm\:px-6 {
                padding-left: 1.5rem;
                padding-right: 1.5rem
            }
        }

        @media (min-width:640px) {
            .sm\:\!w-\[120px\] {
                width: 120px !important
            }

            .sm\:\!w-\[160px\] {
                width: 160px !important
            }
        }

        @media (min-width:745px) {
            .tab\:static {
                position: static
            }

            .tab\:\!relative {
                position: relative !important
            }

            .tab\:relative {
                position: relative
            }

            .tab\:bottom-0 {
                bottom: 0
            }

            .tab\:z-0 {
                z-index: 0
            }

            .tab\:col-span-3 {
                grid-column: span 3/span 3
            }

            .tab\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }

            .tab\:mx-auto {
                margin-left: auto;
                margin-right: auto
            }

            .tab\:\!mr-4 {
                margin-right: 1rem !important
            }

            .tab\:mb-0 {
                margin-bottom: 0
            }

            .tab\:mb-2 {
                margin-bottom: .5rem
            }

            .tab\:mb-3 {
                margin-bottom: .75rem
            }

            .tab\:mb-4 {
                margin-bottom: 1rem
            }

            .tab\:mb-6 {
                margin-bottom: 1.5rem
            }

            .tab\:mb-8 {
                margin-bottom: 2rem
            }

            .tab\:mr-0 {
                margin-right: 0
            }

            .tab\:mt-0 {
                margin-top: 0
            }

            .tab\:mt-20 {
                margin-top: 5rem
            }

            .tab\:mt-4 {
                margin-top: 1rem
            }

            .tab\:mt-6 {
                margin-top: 1.5rem
            }

            .tab\:mt-\[115px\] {
                margin-top: 115px
            }

            .tab\:mt-\[14px\] {
                margin-top: 14px
            }

            .tab\:mt-\[52px\] {
                margin-top: 52px
            }

            .tab\:mt-\[60px\] {
                margin-top: 60px
            }

            .tab\:block {
                display: block
            }

            .tab\:flex {
                display: flex
            }

            .tab\:grid {
                display: grid
            }

            .tab\:hidden {
                display: none
            }

            .tab\:h-0 {
                height: 0
            }

            .tab\:h-10 {
                height: 2.5rem
            }

            .tab\:h-32 {
                height: 8rem
            }

            .tab\:h-\[120px\] {
                height: 120px
            }

            .tab\:h-\[215px\] {
                height: 215px
            }

            .tab\:h-\[32px\] {
                height: 32px
            }

            .tab\:h-\[366px\] {
                height: 366px
            }

            .tab\:h-\[36vh\] {
                height: 36vh
            }

            .tab\:h-\[382px\] {
                height: 382px
            }

            .tab\:h-\[436px\] {
                height: 436px
            }

            .tab\:h-\[471px\] {
                height: 471px
            }

            .tab\:h-\[48px\] {
                height: 48px
            }

            .tab\:h-\[500px\] {
                height: 500px
            }

            .tab\:h-\[532px\] {
                height: 532px
            }

            .tab\:h-\[56px\] {
                height: 56px
            }

            .tab\:h-\[588px\] {
                height: 588px
            }

            .tab\:h-\[58vh\] {
                height: 58vh
            }

            .tab\:h-\[594px\] {
                height: 594px
            }

            .tab\:h-\[620px\] {
                height: 620px
            }

            .tab\:h-\[calc\(100\%-56px\)\] {
                height: calc(100% - 56px)
            }

            .tab\:h-\[calc\(100vh_-_200px\)\] {
                height: calc(100vh - 200px)
            }

            .tab\:h-auto {
                height: auto
            }

            .tab\:h-fit {
                height: -moz-fit-content;
                height: fit-content
            }

            .tab\:h-full {
                height: 100%
            }

            .tab\:max-h-\[648px\] {
                max-height: 648px
            }

            .tab\:max-h-fit {
                max-height: -moz-fit-content;
                max-height: fit-content
            }

            .tab\:w-2\/3 {
                width: 66.666667%
            }

            .tab\:w-3\/4 {
                width: 75%
            }

            .tab\:w-72 {
                width: 18rem
            }

            .tab\:w-\[120px\] {
                width: 120px
            }

            .tab\:w-\[125px\] {
                width: 125px
            }

            .tab\:w-\[200px\] {
                width: 200px
            }

            .tab\:w-\[215px\] {
                width: 215px
            }

            .tab\:w-\[219px\] {
                width: 219px
            }

            .tab\:w-\[239px\] {
                width: 239px
            }

            .tab\:w-\[261px\] {
                width: 261px
            }

            .tab\:w-\[288px\] {
                width: 288px
            }

            .tab\:w-\[300px\] {
                width: 300px
            }

            .tab\:w-\[326px\] {
                width: 326px
            }

            .tab\:w-\[328px\] {
                width: 328px
            }

            .tab\:w-\[32px\] {
                width: 32px
            }

            .tab\:w-\[35\%\] {
                width: 35%
            }

            .tab\:w-\[384px\] {
                width: 384px
            }

            .tab\:w-\[400px\] {
                width: 400px
            }

            .tab\:w-\[467px\] {
                width: 467px
            }

            .tab\:w-\[484px\] {
                width: 484px
            }

            .tab\:w-\[48px\] {
                width: 48px
            }

            .tab\:w-\[500px\] {
                width: 500px
            }

            .tab\:w-\[50rem\] {
                width: 50rem
            }

            .tab\:w-\[560px\] {
                width: 560px
            }

            .tab\:w-\[56px\] {
                width: 56px
            }

            .tab\:w-\[65\%\] {
                width: 65%
            }

            .tab\:w-\[84px\] {
                width: 84px
            }

            .tab\:w-\[calc\(100\%_-_250px\)\] {
                width: calc(100% - 250px)
            }

            .tab\:w-auto {
                width: auto
            }

            .tab\:w-full {
                width: 100%
            }

            .tab\:min-w-\[140px\] {
                min-width: 140px
            }

            .tab\:max-w-\[107px\] {
                max-width: 107px
            }

            .tab\:max-w-\[331px\] {
                max-width: 331px
            }

            .tab\:max-w-\[384px\] {
                max-width: 384px
            }

            .tab\:max-w-\[386px\] {
                max-width: 386px
            }

            .tab\:max-w-\[400px\] {
                max-width: 400px
            }

            .tab\:max-w-\[420px\] {
                max-width: 420px
            }

            .tab\:max-w-\[480px\] {
                max-width: 480px
            }

            .tab\:max-w-\[484px\] {
                max-width: 484px
            }

            .tab\:max-w-\[50\%\] {
                max-width: 50%
            }

            .tab\:max-w-\[500px\] {
                max-width: 500px
            }

            .tab\:max-w-\[560px\] {
                max-width: 560px
            }

            .tab\:max-w-\[600px\] {
                max-width: 600px
            }

            .tab\:max-w-\[60px\] {
                max-width: 60px
            }

            .tab\:max-w-\[67\%\] {
                max-width: 67%
            }

            .tab\:max-w-\[672px\] {
                max-width: 672px
            }

            .tab\:max-w-\[75\%\] {
                max-width: 75%
            }

            .tab\:max-w-\[800px\] {
                max-width: 800px
            }

            .tab\:flex-1 {
                flex: 1 1 0%
            }

            .tab\:flex-none {
                flex: none
            }

            .tab\:flex-shrink-0 {
                flex-shrink: 0
            }

            .tab\:basis-\[103px\] {
                flex-basis: 103px
            }

            .tab\:basis-\[128px\] {
                flex-basis: 128px
            }

            .tab\:grid-flow-col {
                grid-auto-flow: column
            }

            .tab\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .tab\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            .tab\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }

            .tab\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }

            .tab\:grid-cols-7 {
                grid-template-columns: repeat(7, minmax(0, 1fr))
            }

            .tab\:flex-row {
                flex-direction: row
            }

            .tab\:flex-col {
                flex-direction: column
            }

            .tab\:flex-nowrap {
                flex-wrap: nowrap
            }

            .tab\:items-center {
                align-items: center
            }

            .tab\:justify-normal {
                justify-content: normal
            }

            .tab\:justify-start {
                justify-content: flex-start
            }

            .tab\:justify-end {
                justify-content: flex-end
            }

            .tab\:justify-center {
                justify-content: center
            }

            .tab\:justify-between {
                justify-content: space-between
            }

            .tab\:gap-2 {
                gap: .5rem
            }

            .tab\:gap-28 {
                gap: 7rem
            }

            .tab\:gap-3 {
                gap: .75rem
            }

            .tab\:gap-4 {
                gap: 1rem
            }

            .tab\:gap-6 {
                gap: 1.5rem
            }

            .tab\:gap-8 {
                gap: 2rem
            }

            .tab\:gap-\[14px\] {
                gap: 14px
            }

            .tab\:gap-\[18px\] {
                gap: 18px
            }

            .tab\:gap-\[38px\] {
                gap: 38px
            }

            .tab\:gap-\[5px\] {
                gap: 5px
            }

            .tab\:gap-y-3 {
                row-gap: .75rem
            }

            .tab\:space-y-0>:not([hidden])~:not([hidden]) {
                --tw-space-y-reverse: 0;
                margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
                margin-bottom: calc(0px*var(--tw-space-y-reverse))
            }

            .tab\:overflow-hidden {
                overflow: hidden
            }

            .tab\:overflow-y-auto {
                overflow-y: auto
            }

            .tab\:overflow-y-visible {
                overflow-y: visible
            }

            .tab\:rounded {
                border-radius: .25rem
            }

            .tab\:rounded-2xl {
                border-radius: 1rem
            }

            .tab\:rounded-lg {
                border-radius: .5rem
            }

            .tab\:rounded-md {
                border-radius: .375rem
            }

            .tab\:rounded-none {
                border-radius: 0
            }

            .tab\:rounded-xl {
                border-radius: .75rem
            }

            .tab\:rounded-t {
                border-top-left-radius: .25rem;
                border-top-right-radius: .25rem
            }

            .tab\:border {
                border-width: 1px
            }

            .tab\:border-0 {
                border-width: 0
            }

            .tab\:border-x {
                border-left-width: 1px;
                border-right-width: 1px
            }

            .tab\:border-b {
                border-bottom-width: 1px
            }

            .tab\:border-t {
                border-top-width: 1px
            }

            .tab\:border-none {
                border-style: none
            }

            .tab\:border-\[\#DCDEE3\] {
                --tw-border-opacity: 1;
                border-color: rgb(220 222 227/var(--tw-border-opacity))
            }

            .tab\:border-gray-200 {
                --tw-border-opacity: 1;
                border-color: rgb(229 231 235/var(--tw-border-opacity))
            }

            .tab\:border-primary {
                --tw-border-opacity: 1;
                border-color: rgb(253 204 0/var(--tw-border-opacity))
            }

            .tab\:p-0 {
                padding: 0
            }

            .tab\:p-3 {
                padding: .75rem
            }

            .tab\:p-6 {
                padding: 1.5rem
            }

            .tab\:p-8 {
                padding: 2rem
            }

            .tab\:\!px-0 {
                padding-left: 0 !important;
                padding-right: 0 !important
            }

            .tab\:\!py-\[6px\] {
                padding-top: 6px !important;
                padding-bottom: 6px !important
            }

            .tab\:px-0 {
                padding-left: 0;
                padding-right: 0
            }

            .tab\:px-3 {
                padding-left: .75rem;
                padding-right: .75rem
            }

            .tab\:px-4 {
                padding-left: 1rem;
                padding-right: 1rem
            }

            .tab\:px-6 {
                padding-left: 1.5rem;
                padding-right: 1.5rem
            }

            .tab\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .tab\:py-3 {
                padding-top: .75rem;
                padding-bottom: .75rem
            }

            .tab\:py-4 {
                padding-top: 1rem;
                padding-bottom: 1rem
            }

            .tab\:py-6 {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem
            }

            .tab\:py-7 {
                padding-top: 1.75rem;
                padding-bottom: 1.75rem
            }

            .tab\:py-8 {
                padding-top: 2rem;
                padding-bottom: 2rem
            }

            .tab\:py-\[136px\] {
                padding-top: 136px;
                padding-bottom: 136px
            }

            .tab\:pb-0 {
                padding-bottom: 0
            }

            .tab\:pb-10 {
                padding-bottom: 2.5rem
            }

            .tab\:pb-12 {
                padding-bottom: 3rem
            }

            .tab\:pb-3 {
                padding-bottom: .75rem
            }

            .tab\:pb-4 {
                padding-bottom: 1rem
            }

            .tab\:pb-6 {
                padding-bottom: 1.5rem
            }

            .tab\:pb-8 {
                padding-bottom: 2rem
            }

            .tab\:pb-\[2px\] {
                padding-bottom: 2px
            }

            .tab\:pb-\[52px\] {
                padding-bottom: 52px
            }

            .tab\:pt-0 {
                padding-top: 0
            }

            .tab\:pt-12 {
                padding-top: 3rem
            }

            .tab\:pt-3 {
                padding-top: .75rem
            }

            .tab\:pt-6 {
                padding-top: 1.5rem
            }

            .tab\:pt-8 {
                padding-top: 2rem
            }

            .tab\:text-center {
                text-align: center
            }

            .tab\:text-2xl {
                font-size: 1.5rem;
                line-height: 2rem
            }

            .tab\:text-b1 {
                font-size: 16px;
                line-height: 18px;
                font-weight: 400
            }

            .tab\:text-b2 {
                font-size: 14px;
                line-height: 16px;
                font-weight: 400
            }

            .tab\:text-base {
                font-size: 1rem;
                line-height: 1.5rem
            }

            .tab\:text-d2 {
                font-size: 28px;
                line-height: 30px;
                font-weight: 700
            }

            .tab\:text-d3 {
                font-size: 24px;
                line-height: 26px;
                font-weight: 600
            }

            .tab\:text-d4 {
                font-size: 20px;
                line-height: 22px;
                font-weight: 600
            }

            .tab\:text-h1 {
                font-size: 16px;
                line-height: 18px;
                font-weight: 600
            }

            .tab\:text-h2 {
                font-size: 14px;
                line-height: 16px;
                font-weight: 600
            }

            .tab\:text-h3 {
                font-size: 12px;
                line-height: 14px;
                font-weight: 600
            }

            .tab\:text-p1 {
                font-size: 14px;
                line-height: 21px;
                font-weight: 400
            }

            .tab\:text-xs {
                font-size: .75rem;
                line-height: 1rem
            }

            .tab\:font-semibold {
                font-weight: 600
            }

            .tab\:leading-5 {
                line-height: 1.25rem
            }

            .tab\:leading-\[21px\] {
                line-height: 21px
            }

            .tab\:text-neutral-40 {
                --tw-text-opacity: 1;
                color: rgb(226 224 223/var(--tw-text-opacity))
            }

            .tab\:text-neutral-70 {
                --tw-text-opacity: 1;
                color: rgb(21 24 35/var(--tw-text-opacity))
            }

            .tab\:first-of-type\:mt-0:first-of-type {
                margin-top: 0
            }
        }

        @media (min-width:768px) {
            .md\:mt-36 {
                margin-top: 9rem
            }

            .md\:mt-\[-5px\] {
                margin-top: -5px
            }

            .md\:block {
                display: block
            }

            .md\:h-24 {
                height: 6rem
            }

            .md\:h-\[352px\] {
                height: 352px
            }

            .md\:h-\[390px\] {
                height: 390px
            }

            .md\:\!w-\[148px\] {
                width: 148px !important
            }

            .md\:w-\[390px\] {
                width: 390px
            }

            .md\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }

            .md\:flex-row {
                flex-direction: row
            }

            .md\:justify-start {
                justify-content: flex-start
            }

            .md\:px-0 {
                padding-left: 0;
                padding-right: 0
            }

            .md\:pb-0 {
                padding-bottom: 0
            }
        }

        @media (min-width:1024px) {
            .lg\:order-1 {
                order: 1
            }

            .lg\:mt-auto {
                margin-top: auto
            }

            .lg\:flex {
                display: flex
            }

            .lg\:h-32 {
                height: 8rem
            }

            .lg\:\!w-\[154px\] {
                width: 154px !important
            }

            .lg\:\!w-\[169px\] {
                width: 169px !important
            }

            .lg\:w-auto {
                width: auto
            }

            .lg\:max-w-\[325px\] {
                max-width: 325px
            }

            .lg\:max-w-\[328px\] {
                max-width: 328px
            }

            .lg\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }
        }

        @media (min-width:1216px) {
            .des\:relative {
                position: relative
            }

            .des\:z-0 {
                z-index: 0
            }

            .des\:m-0 {
                margin: 0
            }

            .des\:my-0 {
                margin-top: 0;
                margin-bottom: 0
            }

            .des\:mb-2 {
                margin-bottom: .5rem
            }

            .des\:mb-6 {
                margin-bottom: 1.5rem
            }

            .des\:mb-auto {
                margin-bottom: auto
            }

            .des\:mt-0 {
                margin-top: 0
            }

            .des\:mt-8 {
                margin-top: 2rem
            }

            .des\:mt-\[100px\] {
                margin-top: 100px
            }

            .des\:block {
                display: block
            }

            .des\:flex {
                display: flex
            }

            .des\:hidden {
                display: none
            }

            .des\:\!h-\[140px\] {
                height: 140px !important
            }

            .des\:\!h-\[200px\] {
                height: 200px !important
            }

            .des\:\!h-\[305px\] {
                height: 305px !important
            }

            .des\:h-8 {
                height: 2rem
            }

            .des\:h-\[110px\] {
                height: 110px
            }

            .des\:h-\[177px\] {
                height: 177px
            }

            .des\:h-\[184px\] {
                height: 184px
            }

            .des\:h-\[192px\] {
                height: 192px
            }

            .des\:h-\[363px\] {
                height: 363px
            }

            .des\:h-\[50px\] {
                height: 50px
            }

            .des\:h-\[510px\] {
                height: 510px
            }

            .des\:h-\[640px\] {
                height: 640px
            }

            .des\:h-\[82px\] {
                height: 82px
            }

            .des\:h-auto {
                height: auto
            }

            .des\:h-fit {
                height: -moz-fit-content;
                height: fit-content
            }

            .des\:h-full {
                height: 100%
            }

            .des\:max-h-\[640px\] {
                max-height: 640px
            }

            .des\:max-h-fit {
                max-height: -moz-fit-content;
                max-height: fit-content
            }

            .des\:min-h-\[698px\] {
                min-height: 698px
            }

            .des\:\!w-\[172px\] {
                width: 172px !important
            }

            .des\:\!w-\[392px\] {
                width: 392px !important
            }

            .des\:\!w-\[557px\] {
                width: 557px !important
            }

            .des\:\!w-\[848px\] {
                width: 848px !important
            }

            .des\:\!w-des {
                width: 184px !important
            }

            .des\:\!w-full {
                width: 100% !important
            }

            .des\:w-1\/2 {
                width: 50%
            }

            .des\:w-36 {
                width: 9rem
            }

            .des\:w-56 {
                width: 14rem
            }

            .des\:w-\[100px\] {
                width: 100px
            }

            .des\:w-\[110px\] {
                width: 110px
            }

            .des\:w-\[158px\] {
                width: 158px
            }

            .des\:w-\[162px\] {
                width: 162px
            }

            .des\:w-\[259px\] {
                width: 259px
            }

            .des\:w-\[264px\] {
                width: 264px
            }

            .des\:w-\[290px\] {
                width: 290px
            }

            .des\:w-\[300px\] {
                width: 300px
            }

            .des\:w-\[362px\] {
                width: 362px
            }

            .des\:w-\[384px\] {
                width: 384px
            }

            .des\:w-\[388px\] {
                width: 388px
            }

            .des\:w-\[398px\] {
                width: 398px
            }

            .des\:w-\[450px\] {
                width: 450px
            }

            .des\:w-\[500px\] {
                width: 500px
            }

            .des\:w-\[50px\] {
                width: 50px
            }

            .des\:w-\[560px\] {
                width: 560px
            }

            .des\:w-\[66rem\] {
                width: 66rem
            }

            .des\:w-\[700px\] {
                width: 700px
            }

            .des\:w-\[775px\] {
                width: 775px
            }

            .des\:w-\[82px\] {
                width: 82px
            }

            .des\:w-auto {
                width: auto
            }

            .des\:w-full {
                width: 100%
            }

            .des\:min-w-0 {
                min-width: 0
            }

            .des\:max-w-\[372px\] {
                max-width: 372px
            }

            .des\:max-w-\[384px\] {
                max-width: 384px
            }

            .des\:max-w-\[408px\] {
                max-width: 408px
            }

            .des\:max-w-\[480px\] {
                max-width: 480px
            }

            .des\:max-w-\[560px\] {
                max-width: 560px
            }

            .des\:max-w-\[848px\] {
                max-width: 848px
            }

            .des\:max-w-md {
                max-width: 28rem
            }

            .des\:max-w-xl {
                max-width: 36rem
            }

            .des\:flex-auto {
                flex: 1 1 auto
            }

            .des\:-translate-x-\[70\%\] {
                --tw-translate-x: -70%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .des\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .des\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }

            .des\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }

            .des\:flex-nowrap {
                flex-wrap: nowrap
            }

            .des\:items-center {
                align-items: center
            }

            .des\:gap-40 {
                gap: 10rem
            }

            .des\:gap-x-3 {
                -moz-column-gap: .75rem;
                column-gap: .75rem
            }

            .des\:gap-x-6 {
                -moz-column-gap: 1.5rem;
                column-gap: 1.5rem
            }

            .des\:overflow-visible {
                overflow: visible
            }

            .des\:rounded {
                border-radius: .25rem
            }

            .des\:rounded-2xl {
                border-radius: 1rem
            }

            .des\:rounded-lg {
                border-radius: .5rem
            }

            .des\:border {
                border-width: 1px
            }

            .des\:border-0 {
                border-width: 0
            }

            .des\:border-\[\#DCDEE3\] {
                --tw-border-opacity: 1;
                border-color: rgb(220 222 227/var(--tw-border-opacity))
            }

            .des\:bg-white {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity))
            }

            .des\:p-0 {
                padding: 0
            }

            .des\:\!py-\[6px\] {
                padding-top: 6px !important;
                padding-bottom: 6px !important
            }

            .des\:px-0 {
                padding-left: 0;
                padding-right: 0
            }

            .des\:px-2 {
                padding-left: .5rem;
                padding-right: .5rem
            }

            .des\:px-4 {
                padding-left: 1rem;
                padding-right: 1rem
            }

            .des\:px-6 {
                padding-left: 1.5rem;
                padding-right: 1.5rem
            }

            .des\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .des\:py-2 {
                padding-top: .5rem;
                padding-bottom: .5rem
            }

            .des\:py-3 {
                padding-top: .75rem;
                padding-bottom: .75rem
            }

            .des\:py-4 {
                padding-top: 1rem;
                padding-bottom: 1rem
            }

            .des\:py-\[5px\] {
                padding-top: 5px;
                padding-bottom: 5px
            }

            .des\:\!pr-4 {
                padding-right: 1rem !important
            }

            .des\:\!pr-\[35rem\] {
                padding-right: 35rem !important
            }

            .des\:pb-0 {
                padding-bottom: 0
            }

            .des\:pb-4 {
                padding-bottom: 1rem
            }

            .des\:pr-\[38px\] {
                padding-right: 38px
            }

            .des\:pt-0 {
                padding-top: 0
            }

            .des\:pt-12 {
                padding-top: 3rem
            }

            .des\:pt-2 {
                padding-top: .5rem
            }

            .des\:pt-4 {
                padding-top: 1rem
            }

            .des\:pt-6 {
                padding-top: 1.5rem
            }

            .des\:pt-9 {
                padding-top: 2.25rem
            }

            .des\:pt-\[100px\] {
                padding-top: 100px
            }

            .des\:text-2xl {
                font-size: 1.5rem;
                line-height: 2rem
            }

            .des\:text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem
            }

            .des\:text-5xl {
                font-size: 3rem;
                line-height: 1
            }

            .des\:text-b1 {
                font-size: 16px;
                line-height: 18px;
                font-weight: 400
            }

            .des\:text-b2 {
                font-size: 14px;
                line-height: 16px;
                font-weight: 400
            }

            .des\:text-base {
                font-size: 1rem;
                line-height: 1.5rem
            }

            .des\:text-d2 {
                font-size: 28px;
                line-height: 30px;
                font-weight: 700
            }

            .des\:text-d3 {
                font-size: 24px;
                line-height: 26px;
                font-weight: 600
            }

            .des\:text-d4 {
                font-size: 20px;
                line-height: 22px;
                font-weight: 600
            }

            .des\:text-h1 {
                font-size: 16px;
                line-height: 18px;
                font-weight: 600
            }

            .des\:text-h3 {
                font-size: 12px;
                line-height: 14px;
                font-weight: 600
            }

            .des\:text-lg {
                font-size: 1.125rem;
                line-height: 1.75rem
            }

            .des\:text-p1 {
                font-size: 14px;
                line-height: 21px;
                font-weight: 400
            }

            .des\:text-sm {
                font-size: .875rem;
                line-height: 1.25rem
            }

            .des\:text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem
            }

            .des\:text-xs {
                font-size: .75rem;
                line-height: 1rem
            }

            .des\:font-bold {
                font-weight: 700
            }

            .des\:leading-\[30px\] {
                line-height: 30px
            }

            .des\:text-neutral-70 {
                --tw-text-opacity: 1;
                color: rgb(21 24 35/var(--tw-text-opacity))
            }

            .des\:shadow {
                --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
                --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
            }

            .des\:shadow,
            .des\:shadow-none {
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
            }

            .des\:shadow-none {
                --tw-shadow: 0 0 #0000;
                --tw-shadow-colored: 0 0 #0000
            }

            .des\:shadow-neutral-30 {
                --tw-shadow-color: #dcdee3;
                --tw-shadow: var(--tw-shadow-colored)
            }
        }

        .\[\&\>\*\]\:my-1>* {
            margin-top: .25rem;
            margin-bottom: .25rem
        }

        .\[\&\>\*\]\:text-xs>* {
            font-size: .75rem;
            line-height: 1rem
        }

        .n-columns-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            font-weight: 700;
        }

        .n-columns-2 a {
            text-align: center;
        }

        .login,
        .register {
            color: #fff;
            padding: 13px 10px;
        }

        .login,
        .login-button {
            background: linear-gradient(to bottom, #330000 0%, #a30000 100%);
            border: 2px solid #E9EAE5;
            box-shadow: 0px 0px 3px #E9EAE5;
        }

        .register,
        .register-button {
            background: linear-gradient(to bottom, #330000 0%, #a30000 100%);
            border: 2px solid #E9EAE5;
            box-shadow: 0px 0px 3px #E9EAE5;
        }
    </style>
    <noscript data-n-css=""></noscript>
    <title>TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026</title>
    <style>
        @font-face {
            font-family: swiper-icons;
            src: url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
            font-weight: 400;
            font-style: normal
        }

        :root {
            --swiper-theme-color: #007aff
        }

        .swiper,
        swiper-container {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1;
            display: block
        }

        .swiper-vertical>.swiper-wrapper {
            flex-direction: column
        }

        .swiper-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: flex;
            transition-property: transform;
            transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
            box-sizing: content-box
        }

        .swiper-android .swiper-slide,
        .swiper-wrapper {
            transform: translateZ(0)
        }

        .swiper-horizontal {
            touch-action: pan-y
        }

        .swiper-vertical {
            touch-action: pan-x
        }

        .swiper-slide,
        swiper-slide {
            flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            transition-property: transform;
            display: block
        }

        .swiper-slide-invisible-blank {
            visibility: hidden
        }

        .swiper-autoheight,
        .swiper-autoheight .swiper-slide {
            height: auto
        }

        .swiper-autoheight .swiper-wrapper {
            align-items: flex-start;
            transition-property: transform, height
        }

        .swiper-backface-hidden .swiper-slide {
            transform: translateZ(0);
            backface-visibility: hidden
        }

        .swiper-3d.swiper-css-mode .swiper-wrapper {
            perspective: 1200px
        }

        .swiper-3d .swiper-wrapper {
            transform-style: preserve-3d
        }

        .swiper-3d {
            perspective: 1200px
        }

        .swiper-3d .swiper-cube-shadow,
        .swiper-3d .swiper-slide,
        .swiper-3d .swiper-slide-shadow,
        .swiper-3d .swiper-slide-shadow-bottom,
        .swiper-3d .swiper-slide-shadow-left,
        .swiper-3d .swiper-slide-shadow-right,
        .swiper-3d .swiper-slide-shadow-top {
            transform-style: preserve-3d
        }

        .swiper-3d .swiper-slide-shadow,
        .swiper-3d .swiper-slide-shadow-bottom,
        .swiper-3d .swiper-slide-shadow-left,
        .swiper-3d .swiper-slide-shadow-right,
        .swiper-3d .swiper-slide-shadow-top {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10
        }

        .swiper-3d .swiper-slide-shadow {
            background: rgba(0, 0, 0, .15)
        }

        .swiper-3d .swiper-slide-shadow-left {
            background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-3d .swiper-slide-shadow-right {
            background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-3d .swiper-slide-shadow-top {
            background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-3d .swiper-slide-shadow-bottom {
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-css-mode>.swiper-wrapper {
            overflow: auto;
            scrollbar-width: none;
            -ms-overflow-style: none
        }

        .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
            display: none
        }

        .swiper-css-mode>.swiper-wrapper>.swiper-slide {
            scroll-snap-align: start start
        }

        .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
            scroll-snap-type: x mandatory
        }

        .swiper-vertical.swiper-css-mode>.swiper-wrapper {
            scroll-snap-type: y mandatory
        }

        .swiper-css-mode.swiper-free-mode>.swiper-wrapper {
            scroll-snap-type: none
        }

        .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
            scroll-snap-align: none
        }

        .swiper-centered>.swiper-wrapper:before {
            content: "";
            flex-shrink: 0;
            order: 9999
        }

        .swiper-centered>.swiper-wrapper>.swiper-slide {
            scroll-snap-align: center center;
            scroll-snap-stop: always
        }

        .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
            margin-inline-start: var(--swiper-centered-offset-before)
        }

        .swiper-centered.swiper-horizontal>.swiper-wrapper:before {
            height: 100%;
            min-height: 1px;
            width: var(--swiper-centered-offset-after)
        }

        .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
            margin-block-start: var(--swiper-centered-offset-before)
        }

        .swiper-centered.swiper-vertical>.swiper-wrapper:before {
            width: 100%;
            min-width: 1px;
            height: var(--swiper-centered-offset-after)
        }

        .swiper-lazy-preloader {
            width: 42px;
            height: 42px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -21px;
            margin-top: -21px;
            z-index: 10;
            transform-origin: 50%;
            box-sizing: border-box;
            border-radius: 50%;
            border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
            border-top: 4px solid transparent
        }

        .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
        .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
        swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
            animation: swiper-preloader-spin 1s linear infinite
        }

        .swiper-lazy-preloader-white {
            --swiper-preloader-color: #fff
        }

        .swiper-lazy-preloader-black {
            --swiper-preloader-color: #000
        }

        @keyframes swiper-preloader-spin {
            0% {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(1turn)
            }
        }

        .swiper-free-mode>.swiper-wrapper {
            transition-timing-function: ease-out;
            margin: 0 auto
        }

        :root {
            --swiper-navigation-size: 44px
        }

        .swiper-button-next,
        .swiper-button-prev {
            position: absolute;
            top: var(--swiper-navigation-top-offset, 50%);
            width: calc(var(--swiper-navigation-size)/ 44 * 27);
            height: var(--swiper-navigation-size);
            margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--swiper-navigation-color, var(--swiper-theme-color))
        }

        .swiper-button-next.swiper-button-disabled,
        .swiper-button-prev.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

        .swiper-button-next.swiper-button-hidden,
        .swiper-button-prev.swiper-button-hidden {
            opacity: 0;
            cursor: auto;
            pointer-events: none
        }

        .swiper-navigation-disabled .swiper-button-next,
        .swiper-navigation-disabled .swiper-button-prev {
            display: none !important
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            font-family: swiper-icons;
            font-size: var(--swiper-navigation-size);
            text-transform: none !important;
            letter-spacing: 0;
            font-variant: normal;
            line-height: 1
        }

        .swiper-button-prev,
        .swiper-rtl .swiper-button-next {
            left: var(--swiper-navigation-sides-offset, 10px);
            right: auto
        }

        .swiper-button-prev:after,
        .swiper-rtl .swiper-button-next:after {
            content: "prev"
        }

        .swiper-button-next,
        .swiper-rtl .swiper-button-prev {
            right: var(--swiper-navigation-sides-offset, 10px);
            left: auto
        }

        .swiper-button-next:after,
        .swiper-rtl .swiper-button-prev:after {
            content: "next"
        }

        .swiper-button-lock {
            display: none
        }

        .swiper-pagination {
            position: absolute;
            text-align: center;
            transition: opacity .3s;
            transform: translateZ(0);
            z-index: 10
        }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

        .swiper-pagination-disabled>.swiper-pagination,
        .swiper-pagination.swiper-pagination-disabled {
            display: none !important
        }

        .swiper-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-bullets.swiper-pagination-horizontal,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: var(--swiper-pagination-bottom, 8px);
            top: var(--swiper-pagination-top, auto);
            left: 0;
            width: 100%
        }

        .swiper-pagination-bullets-dynamic {
            overflow: hidden;
            font-size: 0
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transform: scale(.33);
            position: relative
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
            transform: scale(.33)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
            transform: scale(.33)
        }

        .swiper-pagination-bullet {
            width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
            height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
            display: inline-block;
            border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
            background: var(--swiper-pagination-bullet-inactive-color, #000);
            opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
        }

        button.swiper-pagination-bullet {
            border: none;
            margin: 0;
            padding: 0;
            box-shadow: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .swiper-pagination-clickable .swiper-pagination-bullet {
            cursor: pointer
        }

        .swiper-pagination-bullet:only-child {
            display: none !important
        }

        .swiper-pagination-bullet-active {
            opacity: var(--swiper-pagination-bullet-opacity, 1);
            background: var(--swiper-pagination-color, var(--swiper-theme-color))
        }

        .swiper-pagination-vertical.swiper-pagination-bullets,
        .swiper-vertical>.swiper-pagination-bullets {
            right: var(--swiper-pagination-right, 8px);
            left: var(--swiper-pagination-left, auto);
            top: 50%;
            transform: translate3d(0, -50%, 0)
        }

        .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
        .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
            display: block
        }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
        .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            top: 50%;
            transform: translateY(-50%);
            width: 8px
        }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
        .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: transform .2s, top .2s
        }

        .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
        .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
        }

        .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
        .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap
        }

        .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
        .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: transform .2s, left .2s
        }

        .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
        :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: transform .2s, right .2s
        }

        .swiper-pagination-fraction {
            color: var(--swiper-pagination-fraction-color, inherit)
        }

        .swiper-pagination-progressbar {
            background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
            position: absolute
        }

        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: var(--swiper-pagination-color, var(--swiper-theme-color));
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transform: scale(0);
            transform-origin: left top
        }

        .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            transform-origin: right top
        }

        .swiper-horizontal>.swiper-pagination-progressbar,
        .swiper-pagination-progressbar.swiper-pagination-horizontal,
        .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
        .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
            width: 100%;
            height: var(--swiper-pagination-progressbar-size, 4px);
            left: 0;
            top: 0
        }

        .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
        .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
        .swiper-pagination-progressbar.swiper-pagination-vertical,
        .swiper-vertical>.swiper-pagination-progressbar {
            width: var(--swiper-pagination-progressbar-size, 4px);
            height: 100%;
            left: 0;
            top: 0
        }

        .swiper-pagination-lock {
            display: none
        }
    </style>
    <style>
        @font-face {
            font-family: swiper-icons;
            src: url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
            font-weight: 400;
            font-style: normal
        }

        :root {
            --swiper-theme-color: #007aff
        }

        .swiper,
        swiper-container {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1;
            display: block
        }

        .swiper-vertical>.swiper-wrapper {
            flex-direction: column
        }

        .swiper-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: flex;
            transition-property: transform;
            transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
            box-sizing: content-box
        }

        .swiper-android .swiper-slide,
        .swiper-wrapper {
            transform: translateZ(0)
        }

        .swiper-horizontal {
            touch-action: pan-y
        }

        .swiper-vertical {
            touch-action: pan-x
        }

        .swiper-slide,
        swiper-slide {
            flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            transition-property: transform;
            display: block
        }

        .swiper-slide-invisible-blank {
            visibility: hidden
        }

        .swiper-autoheight,
        .swiper-autoheight .swiper-slide {
            height: auto
        }

        .swiper-autoheight .swiper-wrapper {
            align-items: flex-start;
            transition-property: transform, height
        }

        .swiper-backface-hidden .swiper-slide {
            transform: translateZ(0);
            backface-visibility: hidden
        }

        .swiper-3d.swiper-css-mode .swiper-wrapper {
            perspective: 1200px
        }

        .swiper-3d .swiper-wrapper {
            transform-style: preserve-3d
        }

        .swiper-3d {
            perspective: 1200px
        }

        .swiper-3d .swiper-cube-shadow,
        .swiper-3d .swiper-slide,
        .swiper-3d .swiper-slide-shadow,
        .swiper-3d .swiper-slide-shadow-bottom,
        .swiper-3d .swiper-slide-shadow-left,
        .swiper-3d .swiper-slide-shadow-right,
        .swiper-3d .swiper-slide-shadow-top {
            transform-style: preserve-3d
        }

        .swiper-3d .swiper-slide-shadow,
        .swiper-3d .swiper-slide-shadow-bottom,
        .swiper-3d .swiper-slide-shadow-left,
        .swiper-3d .swiper-slide-shadow-right,
        .swiper-3d .swiper-slide-shadow-top {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10
        }

        .swiper-3d .swiper-slide-shadow {
            background: rgba(0, 0, 0, .15)
        }

        .swiper-3d .swiper-slide-shadow-left {
            background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-3d .swiper-slide-shadow-right {
            background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-3d .swiper-slide-shadow-top {
            background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-3d .swiper-slide-shadow-bottom {
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-css-mode>.swiper-wrapper {
            overflow: auto;
            scrollbar-width: none;
            -ms-overflow-style: none
        }

        .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
            display: none
        }

        .swiper-css-mode>.swiper-wrapper>.swiper-slide {
            scroll-snap-align: start start
        }

        .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
            scroll-snap-type: x mandatory
        }

        .swiper-vertical.swiper-css-mode>.swiper-wrapper {
            scroll-snap-type: y mandatory
        }

        .swiper-css-mode.swiper-free-mode>.swiper-wrapper {
            scroll-snap-type: none
        }

        .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
            scroll-snap-align: none
        }

        .swiper-centered>.swiper-wrapper:before {
            content: "";
            flex-shrink: 0;
            order: 9999
        }

        .swiper-centered>.swiper-wrapper>.swiper-slide {
            scroll-snap-align: center center;
            scroll-snap-stop: always
        }

        .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
            margin-inline-start: var(--swiper-centered-offset-before)
        }

        .swiper-centered.swiper-horizontal>.swiper-wrapper:before {
            height: 100%;
            min-height: 1px;
            width: var(--swiper-centered-offset-after)
        }

        .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
            margin-block-start: var(--swiper-centered-offset-before)
        }

        .swiper-centered.swiper-vertical>.swiper-wrapper:before {
            width: 100%;
            min-width: 1px;
            height: var(--swiper-centered-offset-after)
        }

        .swiper-lazy-preloader {
            width: 42px;
            height: 42px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -21px;
            margin-top: -21px;
            z-index: 10;
            transform-origin: 50%;
            box-sizing: border-box;
            border-radius: 50%;
            border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
            border-top: 4px solid transparent
        }

        .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
        .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
        swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
            animation: swiper-preloader-spin 1s linear infinite
        }

        .swiper-lazy-preloader-white {
            --swiper-preloader-color: #fff
        }

        .swiper-lazy-preloader-black {
            --swiper-preloader-color: #000
        }

        @keyframes swiper-preloader-spin {
            0% {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(1turn)
            }
        }

        .swiper-pagination {
            position: absolute;
            text-align: center;
            transition: opacity .3s;
            transform: translateZ(0);
            z-index: 10
        }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

        .swiper-pagination-disabled>.swiper-pagination,
        .swiper-pagination.swiper-pagination-disabled {
            display: none !important
        }

        .swiper-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-bullets.swiper-pagination-horizontal,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: var(--swiper-pagination-bottom, 8px);
            top: var(--swiper-pagination-top, auto);
            left: 0;
            width: 100%
        }

        .swiper-pagination-bullets-dynamic {
            overflow: hidden;
            font-size: 0
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transform: scale(.33);
            position: relative
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
            transform: scale(.33)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
            transform: scale(.33)
        }

        .swiper-pagination-bullet {
            width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
            height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
            display: inline-block;
            border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
            background: var(--swiper-pagination-bullet-inactive-color, #000);
            opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
        }

        button.swiper-pagination-bullet {
            border: none;
            margin: 0;
            padding: 0;
            box-shadow: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .swiper-pagination-clickable .swiper-pagination-bullet {
            cursor: pointer
        }

        .swiper-pagination-bullet:only-child {
            display: none !important
        }

        .swiper-pagination-bullet-active {
            opacity: var(--swiper-pagination-bullet-opacity, 1);
            background: var(--swiper-pagination-color, var(--swiper-theme-color))
        }

        .swiper-pagination-vertical.swiper-pagination-bullets,
        .swiper-vertical>.swiper-pagination-bullets {
            right: var(--swiper-pagination-right, 8px);
            left: var(--swiper-pagination-left, auto);
            top: 50%;
            transform: translate3d(0, -50%, 0)
        }

        .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
        .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
            display: block
        }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
        .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            top: 50%;
            transform: translateY(-50%);
            width: 8px
        }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
        .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: transform .2s, top .2s
        }

        .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
        .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
        }

        .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
        .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap
        }

        .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
        .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: transform .2s, left .2s
        }

        .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
        :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: transform .2s, right .2s
        }

        .swiper-pagination-fraction {
            color: var(--swiper-pagination-fraction-color, inherit)
        }

        .swiper-pagination-progressbar {
            background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
            position: absolute
        }

        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: var(--swiper-pagination-color, var(--swiper-theme-color));
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transform: scale(0);
            transform-origin: left top
        }

        .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            transform-origin: right top
        }

        .swiper-horizontal>.swiper-pagination-progressbar,
        .swiper-pagination-progressbar.swiper-pagination-horizontal,
        .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
        .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
            width: 100%;
            height: var(--swiper-pagination-progressbar-size, 4px);
            left: 0;
            top: 0
        }

        .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
        .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
        .swiper-pagination-progressbar.swiper-pagination-vertical,
        .swiper-vertical>.swiper-pagination-progressbar {
            width: var(--swiper-pagination-progressbar-size, 4px);
            height: 100%;
            left: 0;
            top: 0
        }

        .swiper-pagination-lock {
            display: none
        }

        :root {
            --swiper-navigation-size: 44px
        }

        .swiper-button-next,
        .swiper-button-prev {
            position: absolute;
            top: var(--swiper-navigation-top-offset, 50%);
            width: calc(var(--swiper-navigation-size)/ 44 * 27);
            height: var(--swiper-navigation-size);
            margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--swiper-navigation-color, var(--swiper-theme-color))
        }

        .swiper-button-next.swiper-button-disabled,
        .swiper-button-prev.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

        .swiper-button-next.swiper-button-hidden,
        .swiper-button-prev.swiper-button-hidden {
            opacity: 0;
            cursor: auto;
            pointer-events: none
        }

        .swiper-navigation-disabled .swiper-button-next,
        .swiper-navigation-disabled .swiper-button-prev {
            display: none !important
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            font-family: swiper-icons;
            font-size: var(--swiper-navigation-size);
            text-transform: none !important;
            letter-spacing: 0;
            font-variant: normal;
            line-height: 1
        }

        .swiper-button-prev,
        .swiper-rtl .swiper-button-next {
            left: var(--swiper-navigation-sides-offset, 10px);
            right: auto
        }

        .swiper-button-prev:after,
        .swiper-rtl .swiper-button-next:after {
            content: "prev"
        }

        .swiper-button-next,
        .swiper-rtl .swiper-button-prev {
            right: var(--swiper-navigation-sides-offset, 10px);
            left: auto
        }

        .swiper-button-next:after,
        .swiper-rtl .swiper-button-prev:after {
            content: "next"
        }

        .swiper-button-lock {
            display: none
        }
    </style>
    <link as="script" href="https://www.klikindomaret.com/_next/static/chunks/pages/index-d974956b2969eccc.js"
        rel="prefetch" />
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Beranda",
      "item": "https://togel-online.llc/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Bandar Toto Macau",
      "item": "https://togel-online.llc/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026",
      "item": "https://togel-online.llc/#alexistogel-login-daftar-bandar-toto-macau-terpercaya"
    }
  ]
}
</script>

    <script type="application/ld+json" class="yoast-schema-graph">
                {
                "@context": "https://schema.org",
                "@graph": [
                    {
                    "@type": "WebSite",
                    "@id": "https://togel-online.llc/",
                    "url": "https://togel-online.llc/",
                    "name": "TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026",
                    "potentialAction": [
                        {
                        "@type": "SearchAction",
                        "target": {
                            "@type": "EntryPoint",
                            "urlTemplate": "https://togel-online.llc/?s={search_term_string}"
                        },
                        "query-input": "requigold name=search_term_string"
                        }
                    ],
                    "inLanguage": "id-ID"
                    },
                    {
                    "@type": "CollectionPage",
                    "@id": "https://togel-online.llc/#webpage",
                    "url": "https://togel-online.llc/",
                    "name": "TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026",
                    "isPartOf": {
                        "@id": "https://togel-online.llc/#website"
                    },
                    "description": "ALEXISTOGEL adalah situs togel online resmi dan bandar Toto Macau terpercaya 2026 dengan pasaran lengkap, sistem stabil, transaksi cepat, dan layanan 24 jam.",
                    "breadcrumb": {
                        "@id": "https://togel-online.llc/#breadcrumb"
                    },
                    "inLanguage": "id-ID",
                    "potentialAction": [
                        {
                        "@type": "ReadAction",
                        "target": ["https://togel-online.llc/"]
                        }
                    ]
                    },
                    {
                    "@type": "BreadcrumbList",
                    "@id": "https://togel-online.llc/#breadcrumb",
                    "itemListElement": [
                        {
                        "@type": "ListItem",
                        "position": 1,
                        "name": "Home",
                        "item": "https://togel-online.llc/"
                        }
                    ]
                    }
                ]
                }
              </script>
    <script type="application/ld+json">
				{
				  "@context": "https://schema.org",
				  "@type": "Game",
				  "name": "ALEXISTOGEL",
				  "author": {
					"@type": "Person",
					"name": "TOGEL ONLINE"
				  },
				  "headline": "TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026",
				  "description": "ALEXISTOGEL adalah situs togel online resmi dan bandar Toto Macau terpercaya 2026 dengan pasaran lengkap, sistem stabil, transaksi cepat, dan layanan 24 jam.",
				  "keywords": ["alexistogel, alexistogel togel, alexistogel login, alexistogel apk, alexistogel link, alexistogel daftar, alexistogel alternatif, TOGEL ONLINE, download TOGEL ONLINE, TOGEL ONLINE, TOTO MACAU, TOGEL MACAU, ALEXISTOGEL LOGIN, TOGEL ONLINE gacor, BANDAR TOTO MACAU, download BANDAR TOTO MACAU"],
				  "image": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEjeFlCo4YssHhQB4A-H0Fc-zQsKyo7CTOE6bVeXPvooAlfwq16fNpdbLhpC2I4IIz26iijaa33KawAX0jK8i4JcJxR4vPUld6TOCOQbjG1Rkl2bYNVqfcxBvX3v4AkCcoO0H53FLwQLISrsY6FaP6oFKTa6_6Eph6R0S2OkxQemoqRUr2FJHbql2zZR/s16000/6801f6c7-db30-4ff5-9c87-44d5739bb7a2.png",
				  "url": "https://togel-online.llc/",
				  "publisher": {
					"@type": "Organization",
					"name": "ALEXISTOGEL"
				  },
				  "inLanguage": "id-ID",
				  "datePublished": "2025-07-29T16:01:00.+07:00",
				  "dateModified": "2025-07-29T16:01:00.+07:00"
				}
			  </script>
    <script type="application/ld+json">
				{
				  "@context": "https://schema.org",
				  "@type": "WebSite",
				  "name": "ALEXISTOGEL",
				  "url": "https://togel-online.llc/"
				}
			  </script>
    <script type="application/ld+json">
				{
				  "@context": "https://schema.org",
				  "@type": "SoftwareApplication",
				  "name": "ALEXISTOGEL",
				  "operatingSystem": "ANDROID",
				  "applicationCategory": "GameApplication",
				  "aggregateRating": {
					"@type": "AggregateRating",
					"ratingValue": "5",
					"ratingCount": "5000"
				  },
				  "offers": {
					"@type": "Offer",
					"price": "0.00",
					"priceCurrency": "IDR"
				  }
				}
			  </script>
    <script type='application/ld+json'>
                {
                "@context": "http://schema.org",
                "@type": "Article",
                "@id": "#article",
                "mainEntityOfPage": "https://togel-online.llc/",
                "headline": "TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026",
                "name": "TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026",
                "url": "https://togel-online.llc/",
                "description": "ALEXISTOGEL adalah situs togel online resmi dan bandar Toto Macau terpercaya 2026 dengan pasaran lengkap, sistem stabil, transaksi cepat, dan layanan 24 jam.",
                "image": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEjeFlCo4YssHhQB4A-H0Fc-zQsKyo7CTOE6bVeXPvooAlfwq16fNpdbLhpC2I4IIz26iijaa33KawAX0jK8i4JcJxR4vPUld6TOCOQbjG1Rkl2bYNVqfcxBvX3v4AkCcoO0H53FLwQLISrsY6FaP6oFKTa6_6Eph6R0S2OkxQemoqRUr2FJHbql2zZR/s16000/6801f6c7-db30-4ff5-9c87-44d5739bb7a2.png",
                "datePublished": "2026-02-11T08:02:40+00:00",
                "dateModified": "2026-02-11T08:02:40+00:00",
                "author": {
                "@type": "Person",
                "name": "ALEXISTOGEL",
                "url": "https://togel-online.llc/"
                },
                "publisher": {
                "@type": "Organization",
                "name": "https://togel-online.llc/",
                "description": "ALEXISTOGEL adalah situs togel online resmi dan bandar Toto Macau terpercaya 2026 dengan pasaran lengkap, sistem stabil, transaksi cepat, dan layanan 24 jam.",
                "logo": {
                    "@type": "ImageObject",
                    "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEjeFlCo4YssHhQB4A-H0Fc-zQsKyo7CTOE6bVeXPvooAlfwq16fNpdbLhpC2I4IIz26iijaa33KawAX0jK8i4JcJxR4vPUld6TOCOQbjG1Rkl2bYNVqfcxBvX3v4AkCcoO0H53FLwQLISrsY6FaP6oFKTa6_6Eph6R0S2OkxQemoqRUr2FJHbql2zZR/s16000/6801f6c7-db30-4ff5-9c87-44d5739bb7a2.png",
                    "width": 600,
                    "height": 60
                }
                }
                }
              </script>
              <script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"Organization",
  "name":"ALEXISTOGEL",
  "url":"https://togel-online.llc/",
  "aggregateRating":{
    "@type":"AggregateRating",
    "ratingValue":"4.9",
    "reviewCount":"10",
    "bestRating":"5",
    "worstRating":"1"
  }
}
</script><script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Mengenal ALEXISTOGEL, Apa Itu?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ALEXISTOGEL merupakan platform togel online yang menyediakan akses ke berbagai pasaran populer, termasuk Toto Macau. Situs ini dirancang dengan sistem keamanan modern, performa server yang optimal, dan antarmuka yang mudah digunakan oleh semua kalangan pemain."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana Tahapan Membuat Akun Baru di ALEXISTOGEL?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Proses pendaftaran dapat dilakukan dalam beberapa menit melalui formulir registrasi yang tersedia di halaman utama. Pastikan data yang dimasukkan sesuai dan aktif agar proses verifikasi berjalan lancar sebelum akun digunakan."
      }
    },
    {
      "@type": "Question",
      "name": "Apa Alasan Banyak Pemain Memilih ALEXISTOGEL?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Banyak pengguna memilih ALEXISTOGEL karena menyediakan layanan yang konsisten, akses cepat, dukungan pelanggan yang responsif, serta sistem permainan yang transparan sehingga memberikan kenyamanan dalam beraktivitas di platform."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah Situs ALEXISTOGEL Mendukung Akses Melalui Smartphone?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Tentu. Platform ini telah dioptimalkan untuk berbagai perangkat, mulai dari Android, iOS, tablet, hingga komputer desktop. Tampilan yang responsif membuat navigasi tetap nyaman di berbagai ukuran layar."
      }
    },
    {
      "@type": "Question",
      "name": "Keunggulan Apa yang Ditawarkan Oleh ALEXISTOGEL?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Beberapa kelebihan yang menjadi daya tarik ALEXISTOGEL meliputi kecepatan akses website, stabilitas server yang terjaga, pilihan pasaran yang lengkap, sistem keamanan yang diperbarui secara berkala, serta layanan bantuan pelanggan yang tersedia sepanjang waktu."
      }
    }
  ]
}
</script>
<style>
    .review-section {
    padding: 40px 20px;
    margin: auto;
    max-width: 1200px;
    margin-top: 30px;
    background: #ffffff;
    border-radius: 15px;
}

.review-section h3 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 10px;
    color: #222;
    font-weight: 700;
}

.review-section > p {
    text-align: center;
    color: #666;
    max-width: 800px;
    margin: 0 auto 35px;
    line-height: 1.8;
}

.review-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.review-item {
    background: #f8f9fa;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
    position: relative;
}

.review-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,.08);
}

.review-item::before {
    content: "❝";
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 40px;
    color: rgba(255, 193, 7, .25);
    font-weight: bold;
}

.review-item h4 {
    margin: 0 0 12px;
    color: #222;
    font-size: 18px;
    font-weight: 700;
}

.review-item p {
    color: #555;
    line-height: 1.8;
    margin: 0;
    font-size: 14px;
}.review-item {
    background: linear-gradient(135deg,#1c1c1c,#2b2b2b);
    border: 1px solid #d4af37;
    color: #fff;
}

.review-item h4 {
    color: #ffd700;
}

.review-item p {
    color: #e0e0e0;
}

.review-item:hover {
    box-shadow: 0 0 20px rgba(212,175,55,.4);
}
/* Mobile */
@media (max-width: 768px) {

    .review-section {
        padding: 25px 15px;
    }

    .review-section h3 {
        font-size: 24px;
    }

    .review-list {
        grid-template-columns: 1fr;
    }

    .review-item {
        padding: 18px;
    }
}
.alexistogel-marquee {
    width: 100%;
    overflow: hidden;
    background: linear-gradient(90deg,#111,#222,#111);
    border-top: 2px solid #d4af37;
    border-bottom: 2px solid #d4af37;
    padding: 12px 0;
    position: relative;
}

.marquee-content {
    display: flex;
    width: max-content;
    animation: alexistogelScroll 25s linear infinite;
}

.marquee-content span {
    color: #ffd700;
    font-size: 15px;
    font-weight: 600;
    margin-right: 80px;
    white-space: nowrap;
    letter-spacing: .5px;
}

.alexistogel-marquee:hover .marquee-content {
    animation-play-state: paused;
}

@keyframes alexistogelScroll {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Mobile */
@media(max-width:768px) {
    .marquee-content span {
        font-size: 13px;
        margin-right: 50px;
    }
}
</style>
</head>

<body>
    <noscript></noscript>
    <div id="__next">
        <div>
            <header style="margin-top: 135px;">
                <div class="flex flex flex-col gap-4 pt-14 tab:hidden des:hidden">
                    <div class="flex w-full flex-col gap-4">
                        <div class="relative z-50">
                            <div id="adaptive-searchables">
                                <div class="fixed left-0 top-0 flex h-14 w-full items-center bg-white shadow-sm">
                                    <div class="left-0 right-0 z-10 flex w-full items-center gap-4 px-4">
                                        <div class="shimmers-animate fixed top-0 h-[42px] w-full rounded-md">
                                        </div>
                                        <div class="shimmers-animate fixed top-0 h-6 w-6 rounded-full">
                                        </div>
                                        <div class="shimmers-animate fixed top-0 h-6 w-6 rounded-full">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <nav class="py-auto fixed top-0 z-40 hidden w-full border border-gray-200 bg-white bg-cover pb-2.5 shadow-md tab:block"
                    id="header">
                    <div class="mb-2 bg-neutral-20">
                        <div class="container flex flex-row items-center justify-between gap-8 tab:px-6 des:px-0">
                            <div class="relative" id="app-qr-hover">
                                <div
                                    class="flex items-center gap-2 px-3 py-1 rounded-lg bg-gradient-to-r from-primary via-primary-10 to-primary">
                                    <svg color="#FFFFFF" fill="none" height="24" viewbox="0 0 24 24" width="24"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <g fill="none" fill-rule="evenodd">
                                            <path clip-rule="evenodd"
                                                d="M10 2C7.79086 2 6 3.79086 6 6V18C6 20.2091 7.79086 22 10 22H15C17.2091 22 19 20.2091 19 18V6C19 3.79086 17.2091 2 15 2H10ZM7 6C7 4.34315 8.34315 3 10 3C10 3.55228 10.4477 4 11 4H14C14.5523 4 15 3.55228 15 3C16.6569 3 18 4.34315 18 6V18C18 19.6569 16.6569 21 15 21H10C8.34315 21 7 19.6569 7 18V6Z"
                                                fill="#FFFFFF" fill-rule="evenodd"></path>
                                        </g>
                                    </svg>
                                    <a href="https://official-togel-online-alexistogel.pages.dev/" target="_blank"><span
                                            class="text-xs font-bold text-white">Download
                                            ALEXISTOGEL
                                            App</span></a>
                                </div>
                            </div>
                            <div class="flex items-center gap-4">
                                <a href="https://togel-online.llc/" target="_blank"><span
                                        class="text-xs font-normal text-neutral-60">TOGEL ONLINE</span></a>
                                <a href="https://togel-online.llc/" target="_blank"><span
                                        class="text-xs font-normal text-neutral-60">SITUS
                                        TOGEL</span></a>
                                <a href="https://togel-online.llc/" target="_blank"><span
                                        class="text-xs font-normal text-neutral-60">TOTO MACAU</span></a>
                                <a href="https://togel-online.llc/" target="_blank"><span
                                        class="text-xs font-normal text-neutral-60">TOGEL ONLINE</span></a>
                                <a href="https://togel-online.llc/" target="_blank"><span
                                        class="text-xs font-normal text-neutral-60">ALEXISTOGEL LOGIN</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="container mt-2 flex flex-row items-stretch justify-between gap-2 tab:px-6 des:px-0">
                        <div class="relative flex w-full flex-row items-center gap-6">
                            <span class="flex cursor-pointer items-center"><a
                                    href="https://togel-online.llc/"><img alt="ALEXISTOGEL Logo" class="w-auto"
                                        data-nimg="1" decoding="async" height="37" loading="lazy"
                                        src="https://kilat.digital/images/2025/05/07/0a6632da9e3411275c0486e9fc059ff7.png"
                                        srcset="https://kilat.digital/images/2025/05/07/0a6632da9e3411275c0486e9fc059ff7.png 1x, https://kilat.digital/images/2025/05/07/0a6632da9e3411275c0486e9fc059ff7.png 2x"
                                        style="color: transparent; object-fit: contain;" width="170" /></a></span>
                            <div>
                                <div class="w-16" id="kategori">
                                    <div
                                        class="absolute -top-2 flex h-[64px] cursor-pointer items-center justify-between gap-2 lg:order-1 lg:flex lg:w-auto">
                                        <div class="flex items-center gap-2 pb-[6px]">
                                            <span class="text-b2 text-neutral-60">Kategori</span><span
                                                class="cursor-pointer">
                                                <svg color="#70727D" fill="none" height="16" viewbox="0 0 24 24"
                                                    width="16" xmlns="http://www.w3.org/2000/svg">
                                                    <g fill="none" fill-rule="evenodd">
                                                        <path
                                                            d="M7.21892 9.21734L12 13.9984L16.7811 9.21734C16.9145 9.08285 17.096 9.0072 17.2855 9.0072C17.4749 9.0072 17.6565 9.08285 17.7899 9.21734C17.9244 9.35073 18 9.53231 18 9.72174C18 9.91116 17.9244 10.0927 17.7899 10.2261L12.5683 15.4406C12.4177 15.5915 12.2132 15.6764 12 15.6764C11.7868 15.6764 11.5823 15.5915 11.4317 15.4406L6.21014 10.2119C6.07565 10.0785 6 9.89695 6 9.70753C6 9.51811 6.07565 9.33653 6.21014 9.20313C6.34542 9.07051 6.52806 8.9974 6.71749 9.00007C6.90692 9.00274 7.08744 9.08096 7.21892 9.21734Z"
                                                            fill="#70727D"></path>
                                                    </g>
                                                </svg>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="flex w-full items-center justify-between gap-4 px-1 lg:order-1 lg:flex"
                                id="searchables">
                                <form class="w-full">
                                    <div
                                        class="flex w-full justify-between relative rounded-lg border border-neutral-30">
                                        <input autocomplete="off"
                                            class="input input-md h-10 w-full bg-white text-black focus:outline-none"
                                            id="search-submited" name="keyword" placeholder="Cari di ALEXISTOGEL"
                                            type="text" value="" /><button
                                            class="m-auto mr-2 rounded-md bg-primary p-2 text-white" type="submit">
                                            <svg color="#fff" fill="none" height="16" viewbox="0 0 24 24" width="16"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <g fill="none" fill-rule="evenodd">
                                                    <path clip-rule="evenodd"
                                                        d="M15.7698 14.5C16.0487 14.5734 16.3038 14.7181 16.5098 14.92L20.6698 19.1C20.8805 19.3069 20.9992 19.5898 20.9992 19.885C20.9992 20.1803 20.8805 20.4632 20.6698 20.67C20.4629 20.8807 20.1801 20.9995 19.8848 20.9995C19.5895 20.9995 19.3066 20.8807 19.0998 20.67L14.9198 16.5C14.7163 16.2992 14.5712 16.0469 14.4998 15.77L14.3198 15.07C11.5123 17.4746 7.30649 17.2309 4.79545 14.5182C2.28441 11.8056 2.36567 7.59351 4.97947 4.97971C7.59327 2.36591 11.8053 2.28465 14.518 4.79569C17.2307 7.30673 17.4743 11.5125 15.0698 14.32L15.7698 14.5ZM5.62872 12.0157C6.56388 13.8512 8.57554 14.8747 10.6098 14.55C12.6333 14.227 14.2216 12.6428 14.5498 10.62C14.8797 8.58662 13.8613 6.57236 12.0281 5.63254C10.195 4.69273 7.96507 5.0416 6.50659 6.49638C5.04811 7.95116 4.69357 10.1802 5.62872 12.0157Z"
                                                        fill="#fff" fill-rule="evenodd"></path>
                                                </g>
                                            </svg>
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="flex w-full items-center justify-between gap-2 lg:order-1 lg:flex lg:w-auto">
                                <div class="relative pr-2">
                                    <span></span>
                                    <div class="relative h-5 w-6" id="popup-cart">
                                        <div
                                            class="absolute top-[-10px] flex h-[43px] w-[40px] cursor-pointer items-center justify-center">
                                            <svg color="#70727D" fill="none" height="22" viewbox="0 0 24 24" width="22"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <g fill="none" fill-rule="evenodd">
                                                    <path clip-rule="evenodd"
                                                        d="M20 15.5H8.73997C8.89801 15.0168 8.95585 14.5064 8.90997 14V13.94L17.72 13.13C18.9225 13.0288 19.9091 12.1364 20.13 10.95L21 6.46004C21.0408 6.17154 20.9537 5.87959 20.7616 5.66055C20.5694 5.44151 20.2913 5.31716 20 5.32004H7.82997C7.55761 4.79029 7.1183 4.36503 6.57997 4.11004L4.41997 3.11004C4.09549 2.95018 3.70997 2.97801 3.41182 3.18283C3.11366 3.38765 2.94936 3.73751 2.98216 4.09775C3.01495 4.45799 3.23973 4.77243 3.56997 4.92004L5.72997 5.92004C5.97943 6.03212 6.15072 6.26812 6.17997 6.54004L6.91997 14.18C6.95064 14.4205 6.91967 14.6648 6.82997 14.89L6.71997 15.22C6.53071 15.7415 6.60777 16.3225 6.92642 16.7766C7.24508 17.2306 7.76524 17.5007 8.31997 17.5H20C20.5523 17.5 21 17.0523 21 16.5C21 15.9478 20.5523 15.5 20 15.5ZM11 21C11.8284 21 12.5 20.3285 12.5 19.5C12.5 18.6716 11.8284 18 11 18C10.1715 18 9.49997 18.6716 9.49997 19.5C9.49997 20.3285 10.1715 21 11 21ZM19.13 19.5C19.13 20.3285 18.4584 21 17.63 21C16.8015 21 16.13 20.3285 16.13 19.5C16.13 18.6716 16.8015 18 17.63 18C18.4584 18 19.13 18.6716 19.13 19.5Z"
                                                        fill="#70727D" fill-rule="evenodd"></path>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="relative flex w-full items-center gap-2 lg:order-1 lg:flex false">
                                <div class="flex gap-3 pl-4">
                                    <a href="https://official-togel-online-alexistogel.pages.dev/" target="_blank"><button
                                            class="btn-outline btn-sm btn rounded-md text-sm font-normal capitalize text-primary hover:border-primary hover:bg-transparent hover:text-primary"
                                            type="button">Masuk</button></a>
                                    <a href="https://official-togel-online-alexistogel.pages.dev/" target="_blank"><button
                                            class="btn-sm btn rounded-md bg-primary text-sm font-normal capitalize text-white hover:bg-primary hover:text-white"
                                            type="button">Daftar</button></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="my-2 border-t-[1px] border-neutral-30">
                    </div>
                    <div class="h-0 h-6" id="section-shipping-address">
                        <div>
                            <div class="container tab:px-6 des:px-0">
                                <div class="inline-flex cursor-pointer flex-row items-center gap-4">
                                    <button
                                        class="btn-xs btn flex animate-none gap-2 rounded-md border-none capitalize bg-secondary hover:bg-secondary"
                                        type="button"><span class="p-1">
                                            <svg color="white" fill="none" height="16" viewbox="0 0 24 24" width="16"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <g fill="none" fill-rule="evenodd">
                                                    <path
                                                        d="M18.939 9.47143C18.898 9.40057 18.8387 9.34162 18.7669 9.30061C18.6952 9.2596 18.6136 9.23799 18.5306 9.23799H12.3816L13.4125 1.51142C13.4236 1.40801 13.3989 1.30396 13.3423 1.21602C13.2858 1.12808 13.2007 1.06136 13.1008 1.02662C13.0009 0.991875 12.892 0.991122 12.7916 1.02448C12.6912 1.05784 12.6051 1.12337 12.5473 1.21052L5.06953 14.0617C5.0258 14.1315 5.00183 14.2114 5.0001 14.2933C4.99837 14.3752 5.01893 14.456 5.05967 14.5275C5.1004 14.599 5.15984 14.6585 5.23185 14.7C5.30386 14.7414 5.38584 14.7633 5.46933 14.7633H11.5264L10.7094 22.5015C10.7014 22.6046 10.7288 22.7073 10.7871 22.7933C10.8455 22.8794 10.9315 22.9438 11.0315 22.9764C11.1315 23.009 11.2397 23.0078 11.3389 22.9731C11.4381 22.9384 11.5227 22.8721 11.5791 22.7848L18.9333 9.93499C18.976 9.86511 18.999 9.78539 19 9.70396C19.001 9.62252 18.9799 9.54229 18.939 9.47143Z"
                                                        fill="white"></path>
                                                </g>
                                            </svg>
                                        </span><a href="https://official-togel-online-alexistogel.pages.dev/" target="_blank"><span
                                                class="text-b2 font-normal text-white">Alternatif
                                                ALEXISTOGEL</span></a>
                                        <svg color="#fff" fill="none" height="18" viewbox="0 0 24 24" width="18"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <g fill="none" fill-rule="evenodd">
                                                <path
                                                    d="M7.21892 9.21734L12 13.9984L16.7811 9.21734C16.9145 9.08285 17.096 9.0072 17.2855 9.0072C17.4749 9.0072 17.6565 9.08285 17.7899 9.21734C17.9244 9.35073 18 9.53231 18 9.72174C18 9.91116 17.9244 10.0927 17.7899 10.2261L12.5683 15.4406C12.4177 15.5915 12.2132 15.6764 12 15.6764C11.7868 15.6764 11.5823 15.5915 11.4317 15.4406L6.21014 10.2119C6.07565 10.0785 6 9.89695 6 9.70753C6 9.51811 6.07565 9.33653 6.21014 9.20313C6.34542 9.07051 6.52806 8.9974 6.71749 9.00007C6.90692 9.00274 7.08744 9.08096 7.21892 9.21734Z"
                                                    fill="#fff"></path>
                                            </g>
                                        </svg>
                                    </button>
                                    <div class="flex gap-2 text-sm">
                                        <svg color="#70727D" fill="none" height="18" viewbox="0 0 24 24" width="18"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <g fill="none" fill-rule="evenodd">
                                                <path clip-rule="evenodd"
                                                    d="M22.4933 9.03661C22.0273 4.74975 18.4081 1.50153 14.096 1.5C11.0272 1.52397 8.3194 3.19034 6.85791 5.69867H2.25C1.83579 5.69867 1.5 6.03445 1.5 6.44867V6.52317C1.5 6.93738 1.83579 7.27317 2.25 7.27317H6.14597H10.197H11.4535C11.4684 7.25794 11.4834 7.24283 11.4986 7.22782C12.564 6.17449 14.1601 5.86883 15.5393 6.45397C16.9185 7.03911 17.8079 8.39921 17.7908 9.89733C17.7622 11.9191 16.118 13.5446 14.096 13.5502C12.5978 13.5501 11.2479 12.6453 10.6786 11.2594C10.357 10.4766 10.3204 9.62791 10.5415 8.84767H8.6225H5.7843H3.8245C3.41029 8.84767 3.0745 9.18345 3.0745 9.59767V9.67217C3.0745 10.0864 3.41029 10.4222 3.8245 10.4222H5.76877H8.6225C9.03671 10.4222 9.3725 10.758 9.3725 11.1722V11.2467C9.3725 11.6609 9.03671 11.9967 8.6225 11.9967H5.97969C6.3866 13.7694 7.34942 15.3857 8.7532 16.5942C10.7281 18.2069 12.4295 20.128 13.7916 22.2834C13.8655 22.417 14.0062 22.5 14.159 22.5C14.3117 22.5 14.4524 22.417 14.5264 22.2834C15.8885 20.128 17.5898 18.2069 19.5648 16.5942C21.445 14.9436 22.514 12.5566 22.4933 10.0548C22.509 9.74358 22.509 9.43178 22.4933 9.12058V9.03661Z"
                                                    fill="#70727D" fill-rule="evenodd"></path>
                                            </g>
                                        </svg>
                                        <a href="https://togel-online.llc/" target="_blank"><span style="color: gold;"
                                                class="flex items-center text-b2 font-bold">BANDAR TOTO MACAU</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </nav>
            </header>
            <div class="min-h-screen">
                <div id="interaction-overides">
                </div>
                <div>
                </div>
                <div>
                    <div>
                    </div>
                </div>
                <div>
                    <div class="mb-12">
                        <div class="groceries container relative pb-16 md:pb-0 false">
                            <div class="flex flex-col md:flex-row gap-4 pt-4 px-4 md:px-0">
                                <div class="breadcrumbs text-sm">
                                    <ul>
                                        <li>
                                            <a href="https://togel-online.llc/">ALEXISTOGEL</a>
                                        </li>
                                        <li>
                                            <a href="https://togel-online.llc/">TOGEL ONLINE</a>
                                        </li>
                                        <li>
                                            <a href="https://togel-online.llc/">TOGEL MACAU</a>
                                        </li>
                                        <li>
                                            <a href="https://togel-online.llc/">TOTO MACAU</a>
                                        </li>
                                        <li>
                                            <a href="https://togel-online.llc/">ALEXISTOGEL LOGIN</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="alexistogel-marquee">
    <div class="marquee-content">
        <span>🎯 ALEXISTOGEL - Bandar Toto Macau Terpercaya 2026</span>
        <span>🔥 Login Cepat & Server Stabil 24 Jam</span>
        <span>⚡ Akses Mudah Melalui Mobile & Desktop</span>
        <span>🏆 Situs Togel Online Terpercaya dengan Performa Optimal</span>
        <span>🎯 ALEXISTOGEL - Bandar Toto Macau Terpercaya 2026</span>
        <span>🔥 Login Cepat & Server Stabil 24 Jam</span>
        <span>⚡ Akses Mudah Melalui Mobile & Desktop</span>
        <span>🏆 Situs Togel Online Terpercaya dengan Performa Optimal</span>
    </div>
</div>
                            <div class="n-columns-2">
                                <a href="https://official-togel-online-alexistogel.pages.dev/" rel="nofollow noreferrer"
                                    class="login">LOGIN</a>
                                <a href="https://official-togel-online-alexistogel.pages.dev/" rel="nofollow noreferrer"
                                    class="register">DAFTAR</a>
                            </div>
                            <div class="flex flex-col md:flex-row gap-8 p-4 md:px-0">
                                <div class="flex flex-col gap-4">
                                    <div class="flex justify-center md:justify-start">
                                        <div class="product-detail-display-wrapper">
                                            <div class="swiper swiper-product-detail-display swiper-initialized swiper-horizontal swiper-backface-hidden"
                                                style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff;">
                                                <div class="swiper-wrapper"
                                                    style="transform: translate3d(0px, 0px, 0px);">
                                                    <div class="swiper-slide swiper-slide-active"
                                                        style="width: 390px; margin-right: 10px;">
                                                        <div class="w-full h-full">
                                                            <img alt="TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026"
                                                                class="w-full h-full"
                                                                src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEjeFlCo4YssHhQB4A-H0Fc-zQsKyo7CTOE6bVeXPvooAlfwq16fNpdbLhpC2I4IIz26iijaa33KawAX0jK8i4JcJxR4vPUld6TOCOQbjG1Rkl2bYNVqfcxBvX3v4AkCcoO0H53FLwQLISrsY6FaP6oFKTa6_6Eph6R0S2OkxQemoqRUr2FJHbql2zZR/s16000/6801f6c7-db30-4ff5-9c87-44d5739bb7a2.png" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mt-4 product-detail-display-thumb-wrapper">
                                        <div class="relative">
                                            <div class="hidden">
                                                <div
                                                    class="swiper-button next-display product-swiper-button-next des:block swiper-button-disabled swiper-button-lock">
                                                    <img alt="icon-swiper-next" data-nimg="1" decoding="async"
                                                        height="48" loading="lazy"
                                                        src="https://ap-mc.klikindomaret.com/assets-klikidmgroceries/_next/static/media/icon_next_swipper.55686f89.svg"
                                                        style="color: transparent;" width="48" />
                                                </div>
                                                <div
                                                    class="swiper-button prev-display product-swiper-button-prev des:block swiper-button-disabled swiper-button-lock">
                                                    <img alt="icon-swiper-prev" data-nimg="1" decoding="async"
                                                        height="48" loading="lazy"
                                                        src="https://ap-mc.klikindomaret.com/assets-klikidmgroceries/_next/static/media/ic_prev_swipper.e5e6123f.svg"
                                                        style="color: transparent;" width="48" />
                                                </div>
                                            </div>
                                            <div
                                                class="swiper swiper-product-detail-thumb swiper-initialized swiper-horizontal swiper-free-mode swiper-watch-progress swiper-thumbs">
                                                <div class="swiper-wrapper"
                                                    style="transform: translate3d(0px, 0px, 0px);">
                                                    <div class="swiper-slide swiper-slide-visible swiper-slide-active swiper-slide-thumb-active"
                                                        style="width: 100px; margin-right: 16px;">
                                                        <div class="flex justify-center">
                                                            <div class="w-[90px] h-[90px]">
                                                                <img alt="TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026"
                                                                    src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEjeFlCo4YssHhQB4A-H0Fc-zQsKyo7CTOE6bVeXPvooAlfwq16fNpdbLhpC2I4IIz26iijaa33KawAX0jK8i4JcJxR4vPUld6TOCOQbjG1Rkl2bYNVqfcxBvX3v4AkCcoO0H53FLwQLISrsY6FaP6oFKTa6_6Eph6R0S2OkxQemoqRUr2FJHbql2zZR/s16000/6801f6c7-db30-4ff5-9c87-44d5739bb7a2.png" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide swiper-slide-visible swiper-slide-active swiper-slide-thumb-active"
                                                        style="width: 100px; margin-right: 16px;">
                                                        <div class="flex justify-center">
                                                            <div class="w-[90px] h-[90px]">
                                                                <img alt="TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026"
                                                                    src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEjeFlCo4YssHhQB4A-H0Fc-zQsKyo7CTOE6bVeXPvooAlfwq16fNpdbLhpC2I4IIz26iijaa33KawAX0jK8i4JcJxR4vPUld6TOCOQbjG1Rkl2bYNVqfcxBvX3v4AkCcoO0H53FLwQLISrsY6FaP6oFKTa6_6Eph6R0S2OkxQemoqRUr2FJHbql2zZR/s16000/6801f6c7-db30-4ff5-9c87-44d5739bb7a2.png" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide swiper-slide-visible swiper-slide-active swiper-slide-thumb-active"
                                                        style="width: 100px; margin-right: 16px;">
                                                        <div class="flex justify-center">
                                                            <div class="w-[90px] h-[90px]">
                                                                <img alt="TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026"
                                                                    src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEjeFlCo4YssHhQB4A-H0Fc-zQsKyo7CTOE6bVeXPvooAlfwq16fNpdbLhpC2I4IIz26iijaa33KawAX0jK8i4JcJxR4vPUld6TOCOQbjG1Rkl2bYNVqfcxBvX3v4AkCcoO0H53FLwQLISrsY6FaP6oFKTa6_6Eph6R0S2OkxQemoqRUr2FJHbql2zZR/s16000/6801f6c7-db30-4ff5-9c87-44d5739bb7a2.png" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="swiper-slide swiper-slide-visible swiper-slide-active swiper-slide-thumb-active"
                                                        style="width: 100px; margin-right: 16px;">
                                                        <div class="flex justify-center">
                                                            <div class="w-[90px] h-[90px]">
                                                                <img alt="TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026"
                                                                    src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEjeFlCo4YssHhQB4A-H0Fc-zQsKyo7CTOE6bVeXPvooAlfwq16fNpdbLhpC2I4IIz26iijaa33KawAX0jK8i4JcJxR4vPUld6TOCOQbjG1Rkl2bYNVqfcxBvX3v4AkCcoO0H53FLwQLISrsY6FaP6oFKTa6_6Eph6R0S2OkxQemoqRUr2FJHbql2zZR/s16000/6801f6c7-db30-4ff5-9c87-44d5739bb7a2.png" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex-1 drop-shadow-1 rounded overflow-hidden">
                                    <div class="flex flex-col gap-2 p-8 border-b border-neutral-30">
                                        <h1 class="text-d2 font-bold text-neutral-60 capitalize leading-none">
TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026
                                        </h1>
                                        <div class="flex gap-x-3 items-center">
                                            <p class="text-d3 font-medium text-neutral-70">
                                                Rp 5.000
                                            </p>
                                        </div>
                                    </div>
                                    <div class="flex items-center gap-4 p-8 border-b border-neutral-30">
                                        <div class="flex items-center gap-4">
                                            <div class="flex items-center">
                                                <div class="flex items-center justify-between">
                                                    <a href="https://togel-online.llc/" target="_blank"><button
                                                            class="bg-primary flex items-center gap-2 rounded-[20px] p-3 text-h2 text-white"
                                                            type="button">
                                                            <svg color="white" fill="none" height="16"
                                                                viewbox="0 0 24 24" width="16"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <g clip-path="url(#clip0_3985_541496)">
                                                                    <path clip-rule="evenodd"
                                                                        d="M13.5 4.5C13.5 3.67157 12.8284 3 12 3C11.1716 3 10.5 3.67157 10.5 4.5V10.5H4.5C3.67157 10.5 3 11.1716 3 12C3 12.8284 3.67157 13.5 4.5 13.5H10.5V19.5C10.5 20.3284 11.1716 21 12 21C12.8284 21 13.5 20.3284 13.5 19.5V13.5H19.5C20.3284 13.5 21 12.8284 21 12C21 11.1716 20.3284 10.5 19.5 10.5H13.5V4.5Z"
                                                                        fill="white" fill-rule="evenodd"></path>
                                                                </g>
                                                            </svg>
                                                            BANDAR TOTO MACAU</button></a>
                                                </div>
                                            </div>
                                        </div>
                                        <button type="button">
                                            <svg color="#70727D" fill="none" height="24" viewbox="0 0 24 24" width="24"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <g fill="none" fill-rule="evenodd">
                                                    <path clip-rule="evenodd"
                                                        d="M10.1498 20.2501C10.6446 20.7326 11.3088 21.0019 11.9999 21.0001C12.6909 21.0019 13.3551 20.7326 13.8498 20.2501L15.6798 18.4801C19.4898 14.8301 21.9998 12.4101 21.9998 9.19008C22.0134 7.73881 21.4422 6.34318 20.415 5.31787C19.3878 4.29256 17.9911 3.7239 16.5399 3.74008C14.7794 3.75365 13.116 4.5487 11.9999 5.91008C10.8814 4.54602 9.21378 3.75069 7.44985 3.74008C5.9995 3.72385 4.60382 4.29283 3.57821 5.31844C2.55259 6.34406 1.98361 7.73974 1.99985 9.19008C1.99985 12.4101 4.50985 14.8301 8.31985 18.4801L10.1498 20.2501ZM4.8587 6.59893C5.54431 5.91333 6.48051 5.53798 7.44985 5.56008C8.78198 5.58157 10.0219 6.24437 10.7799 7.34008C11.0519 7.74883 11.5089 7.99607 11.9998 8.00008C12.4966 7.98943 12.9548 7.73027 13.2198 7.31008C13.9823 6.22858 15.2167 5.57788 16.5398 5.56008C17.5109 5.5352 18.4497 5.90932 19.1376 6.59524C19.8254 7.28116 20.2021 8.21896 20.1798 9.19008C20.1798 11.6501 17.8898 13.8601 14.4198 17.1901C14.2521 17.352 14.081 17.5165 13.907 17.6837C13.4795 18.0947 13.0347 18.5223 12.5798 18.9701C12.2553 19.2799 11.7444 19.2799 11.4198 18.9701C10.9649 18.5223 10.5201 18.0947 10.0926 17.6837C9.91868 17.5165 9.74759 17.352 9.57985 17.1901L9.57641 17.1868C6.10834 13.8386 3.81985 11.6293 3.81985 9.19008C3.79775 8.22074 4.17309 7.28454 4.8587 6.59893Z"
                                                        fill="#70727D" fill-rule="evenodd"></path>
                                                </g>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="flex flex-col gap-2 p-8">
                                        <div class="flex flex-col gap-2 py-2 border-b border-neutral-30">
                                            <div>
                                                <p style="text-align: justify;">ALEXISTOGEL merupakan platform yang
                                                    menyediakan akses download TOGEL ONLINE versi terbaru dengan tampilan
                                                    responsif, performa stabil, serta kompatibilitas yang mendukung
                                                    berbagai perangkat mobile dan desktop untuk memberikan pengalaman
                                                    pengguna yang lebih optimal.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='m-design__additional-info-container'>
                    <div class='contain contain--wide-3'>

                        <style>
                            .luxury-card-container {
                                background: linear-gradient(to bottom, #330000 0%, #a30000 100%);
                                border: 1px solid #1a1a1a;
                                border-top: 1px solid rgba(212, 175, 55, 0.4);
                                border-radius: 12px;
                                padding: 40px 30px;
                                color: #e0e0e0;
                                font-size: 16px;
                                line-height: 1.8;
                                text-align: justify;
                                font-family: 'Montserrat', sans-serif;
                                position: relative;
                                overflow: hidden;
                                width: 92%;
                                max-width: 1200px;
                                margin: 20px auto;
                                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
                            }

.luxury-card-container h1 {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #ffd700;
    line-height: 1.4;
    background: gold;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    border-bottom: 1px solid #000;
}

                            .luxury-card-container h2 {
                                font-family: 'Montserrat', sans-serif;
                                text-align: center;
                                font-size: 25px;
                                font-weight: 650;
                                margin-bottom: 25px;
                                line-height: 1.4;
                                background: linear-gradient(120deg, #ffe600 0%, #d8e700 100%);
                                -webkit-background-clip: text;
                                -webkit-text-fill-color: transparent;
                                background-clip: text;
                                text-transform: uppercase;
                                letter-spacing: 1px;
                                position: relative;
                            }
 .luxury-card-container p { 
    color:white
 }
                            .luxury-card-container h3 {
                                font-family: 'Montserrat', sans-serif;
                                text-align: center;
                                font-size: 18px;
                                font-weight: 500;
                                margin-bottom: 25px;
                                line-height: 1.4;
                                background: linear-gradient(120deg, #ffe600 0%, #def700 100%);
                                -webkit-background-clip: text;
                                -webkit-text-fill-color: transparent;
                                background-clip: text;
                                text-transform: uppercase;
                                letter-spacing: 1px;
                                position: relative;
                            }

                            .desc-wrapper {
                                text-align: center;
                                padding: 10px 0;
                            }

                            .desc-wrapper p {
                                color: #ffffff;
                                font-size: 15px;
                                line-height: 1.7;
                                margin: 0 auto;
                                max-width: 1200px;
                                text-align: justify;
                            }

                            .highlight {
                                color: #47b2c2;
                                font-weight: 600;
                            }

                            .luxury-card-container::after {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: -100%;
                                width: 50%;
                                height: 100%;
                                background: linear-gradient(115deg,
                                        transparent 0%,
                                        rgba(212, 175, 55, 0.03) 20%,
                                        rgba(212, 175, 55, 0.05) 50%,
                                        rgba(212, 175, 55, 0.03) 80%,
                                        transparent 100%);
                                animation: luxuryShine 8s infinite linear;
                                pointer-events: none;
                                transform: skewX(-20deg);
                            }

                            @keyframes luxuryShine {
                                0% {
                                    left: -100%;
                                }

                                20% {
                                    left: 200%;
                                }

                                100% {
                                    left: 200%;
                                }
                            }

                            /* Responsif */
                            @media (max-width: 600px) {
                                .luxury-card-container {
                                    padding: 30px 20px;
                                    width: 95%;
                                }

                                .luxury-card-container h1 {
                                    font-size: 20px;
                                }

                                .desc-wrapper p {
                                    font-size: 14px;
                                }
                            }
                        </style>
                        <div class="luxury-card-container">
                            <div class="desc-wrapper">
                                <article>
                                  <h1>TOGEL ONLINE - Official Situs ALexistogel Bandar Pasaran Toto Macau Stabil 2026</h1>
<p>Dalam perkembangan industri <a href="https://togel-online.llc/"><strong>togel online</strong></a> yang semakin pesat di tahun 2026, <a href="https://togel-online.llc/"><strong>ALexistogel</strong></a> hadir sebagai salah satu situs resmi yang menawarkan layanan permainan Toto Macau dengan kualitas terbaik dan sistem yang stabil. Sebagai bandar togel online terpercaya, ALexistogel memberikan pengalaman bermain yang aman, nyaman, dan menguntungkan bagi seluruh pemain. Dengan dukungan teknologi modern serta server berkualitas tinggi, situs ini mampu menghadirkan akses yang cepat tanpa hambatan, bahkan pada jam-jam sibuk ketika jumlah pemain meningkat secara signifikan. Toto Macau sendiri merupakan salah satu pasaran togel paling populer di Asia karena memiliki jadwal pengeluaran yang konsisten dan peluang kemenangan yang menarik. Oleh karena itu, ALexistogel berkomitmen untuk menyediakan seluruh fasilitas yang dibutuhkan para pecinta togel online, mulai dari proses registrasi yang mudah, transaksi deposit dan withdraw yang cepat, hingga layanan pelanggan profesional yang siap membantu selama 24 jam penuh. Kepercayaan para member menjadi prioritas utama sehingga setiap aktivitas permainan dilakukan dengan sistem keamanan berlapis untuk menjaga data dan transaksi tetap aman dari berbagai risiko digital.</p><hr>
<p>Sebagai official situs ALexistogel, platform ini menawarkan berbagai keunggulan yang membuatnya menjadi pilihan utama bagi para <a href="https://togel-online.llc/"><strong>pemain Toto Macau</strong></a> di Indonesia. Salah satu keunggulan utama adalah stabilitas pasaran yang selalu diperbarui secara real-time sehingga pemain dapat memperoleh informasi hasil pengeluaran dengan cepat dan akurat. Selain itu, ALexistogel juga menyediakan beragam jenis permainan togel yang dapat dipilih sesuai strategi dan preferensi masing-masing pemain. Mulai dari taruhan 2D, 3D, 4D, colok bebas, colok naga, hingga berbagai kombinasi angka lainnya tersedia dengan sistem yang transparan dan mudah dipahami. Dukungan metode pembayaran yang lengkap juga menjadi nilai tambah karena pemain dapat melakukan transaksi melalui transfer bank, e-wallet, maupun layanan pembayaran digital lainnya. Tidak hanya itu, berbagai promo menarik seperti bonus member baru, cashback harian, dan program loyalitas rutin diberikan untuk meningkatkan peluang keuntungan para pemain. Dengan tampilan website yang responsif dan ramah pengguna, ALexistogel memastikan setiap member dapat menikmati pengalaman bermain yang optimal baik melalui perangkat desktop maupun smartphone.</p><hr>
<p>Memasuki tahun 2026, ALexistogel terus menunjukkan komitmennya sebagai bandar Toto Macau stabil yang mengutamakan kualitas layanan dan kepuasan pelanggan. Situs ini selalu melakukan pembaruan sistem untuk menjaga performa server tetap optimal sehingga aktivitas taruhan dapat berlangsung tanpa gangguan. Transparansi dalam setiap hasil pengeluaran serta dukungan customer service yang responsif menjadi faktor penting yang memperkuat reputasi ALexistogel di kalangan pemain togel online. Selain menghadirkan keamanan dan kenyamanan, ALexistogel juga menyediakan berbagai informasi prediksi, statistik pasaran, dan <a href="https://togel-online.llc/">data result</a> terbaru yang dapat membantu pemain dalam menyusun strategi permainan yang lebih baik. Dengan kombinasi teknologi canggih, layanan profesional, serta komitmen terhadap fair play, ALexistogel berhasil menjadi salah satu situs togel online terpercaya yang layak dipertimbangkan oleh para penggemar Toto Macau. Bagi pemain yang mencari platform dengan akses cepat, transaksi aman, dan pasaran stabil sepanjang tahun 2026, ALexistogel hadir sebagai solusi terbaik untuk menikmati pengalaman bermain togel online yang lebih maksimal dan menguntungkan.</p><hr>

                                </article>
                            </div>
                        </div>

                        <link
                            href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap"
                            rel="stylesheet">
                        <style>
                            .faq-section {
                                background: linear-gradient(to bottom, #330000 0%, #a30000 100%);
                                border: 1px solid #1a1a1a;
                                border-top: 1px solid rgba(212, 175, 55, 0.4);
                                border-radius: 12px;
                                padding: 40px 30px;
                                color: #e0e0e0;
                                font-size: 16px;
                                line-height: 1.8;
                                text-align: justify;
                                font-family: 'Montserrat', sans-serif;
                                position: relative;
                                overflow: hidden;
                                width: 92%;
                                max-width: 1200px;
                                margin: 20px auto;
                                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
                            }

                            .faq-section h3 {
                                text-align: center;
                                font-size: 32px;
                                font-weight: 700;
                                color: #ffffff;
                                margin-bottom: 10px;
                                border-bottom: 3px solid #000000;
                            }

                            .faq-section h3::after {
                                content: '';
                                display: block;
                                width: 80px;
                                height: 3px;
                                background: var(--gold-primary);
                                margin: 15px auto 0;
                                box-shadow: 0 0 10px #47b2c2;
                            }

                            .faq-section p {
                                text-align: center;
                                color: #ffffff;
                                max-width: 1200px;
                                margin: 0 auto 40px;
                                line-height: 1.7;
                            }

                            .faq-list {
                                margin: 0 auto;
                                display: flex;
                                flex-direction: column;
                                gap: 20px;
                            }

                            .faq-item {
                                background: var(--bg-glass);
                                border: 1px solid var(--border-glass);
                                border-radius: 14px;
                                overflow: hidden;
                                backdrop-filter: blur(10px);
                                transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275),
                                    box-shadow 0.35s ease,
                                    border-color 0.35s ease;
                            }

                            .faq-item:hover {
                                transform: translateX(10px);
                                border-color: var(--gold-primary);
                                box-shadow:
                                    0 10px 30px rgba(0, 0, 0, 0.5),
                                    0 0 20px rgba(212, 175, 55, 0.12);
                            }

                            .faq-item.active {
                                border-color: var(--gold-primary);
                                box-shadow: 0 0 25px rgba(212, 175, 55, 0.15);
                                transform: none;
                            }

                            .faq-item:not(.active):hover {
                                transform: translateX(10px);
                            }

                            .faq-question {
                                width: 100%;
                                background: none;
                                border: none;
                                padding: 22px 60px 22px 25px;
                                color: #ffffff;
                                font-size: 16px;
                                font-weight: 600;
                                text-align: left;
                                background: rgb(85, 1, 1);
                                cursor: pointer;
                                position: relative;
                            }

                            .faq-icon {
                                position: absolute;
                                right: 25px;
                                top: 50%;
                                width: 12px;
                                height: 12px;
                                border-right: 2px solid var(--gold-primary);
                                border-bottom: 2px solid var(--gold-primary);
                                transform: translateY(-50%) rotate(45deg);
                                transition: transform 0.4s ease;
                            }

                            .faq-item.active .faq-icon {
                                transform: translateY(-50%) rotate(-135deg);
                            }

                            .faq-answer {
                                max-height: 0;
                                overflow: hidden;
                                padding: 0 25px;
                                color: #000000;
                                font-size: 14px;
                                line-height: 1.7;
                                transition: max-height 0.45s ease, padding 0.45s ease, opacity 0.3s ease;
                                opacity: 0;
                            }

                            .faq-item.active .faq-answer {
                                max-height: 1200px;
                                padding: 0 25px 25px;
                                opacity: 1;
                                color:white;
                            }
                        </style>
 <section class="faq-section">
    <h3>FAQ Seputar Situs ALEXISTOGEL</h3>
    <p>
        Temukan jawaban dari berbagai pertanyaan yang paling sering diajukan oleh pengguna mengenai layanan ALEXISTOGEL.
    </p>

    <div class="faq-list">

        <div class="faq-item">
            <button class="faq-question">
                Mengenal ALEXISTOGEL, Apa Itu?
                <span class="faq-icon"></span>
            </button>
            <div class="faq-answer">
                <p>
                    ALEXISTOGEL merupakan platform togel online yang menyediakan akses ke berbagai pasaran populer, termasuk Toto Macau. Situs ini dirancang dengan sistem keamanan modern, performa server yang optimal, dan antarmuka yang mudah digunakan oleh semua kalangan pemain.
                </p>
            </div>
        </div>

        <div class="faq-item">
            <button class="faq-question">
                Bagaimana Tahapan Membuat Akun Baru di ALEXISTOGEL?
                <span class="faq-icon"></span>
            </button>
            <div class="faq-answer">
                <p>
                    Proses pendaftaran dapat dilakukan dalam beberapa menit melalui formulir registrasi yang tersedia di halaman utama. Pastikan data yang dimasukkan sesuai dan aktif agar proses verifikasi berjalan lancar sebelum akun digunakan.
                </p>
            </div>
        </div>

        <div class="faq-item">
            <button class="faq-question">
                Apa Alasan Banyak Pemain Memilih ALEXISTOGEL?
                <span class="faq-icon"></span>
            </button>
            <div class="faq-answer">
                <p>
                    Banyak pengguna memilih ALEXISTOGEL karena menyediakan layanan yang konsisten, akses cepat, dukungan pelanggan yang responsif, serta sistem permainan yang transparan sehingga memberikan kenyamanan dalam beraktivitas di platform.
                </p>
            </div>
        </div>

        <div class="faq-item">
            <button class="faq-question">
                Apakah Situs ALEXISTOGEL Mendukung Akses Melalui Smartphone?
                <span class="faq-icon"></span>
            </button>
            <div class="faq-answer">
                <p>
                    Tentu. Platform ini telah dioptimalkan untuk berbagai perangkat, mulai dari Android, iOS, tablet, hingga komputer desktop. Tampilan yang responsif membuat navigasi tetap nyaman di berbagai ukuran layar.
                </p>
            </div>
        </div>

        <div class="faq-item">
            <button class="faq-question">
                Keunggulan Apa yang Ditawarkan Oleh ALEXISTOGEL?
                <span class="faq-icon"></span>
            </button>
            <div class="faq-answer">
                <p>
                    Beberapa kelebihan yang menjadi daya tarik ALEXISTOGEL meliputi kecepatan akses website, stabilitas server yang terjaga, pilihan pasaran yang lengkap, sistem keamanan yang diperbarui secara berkala, serta layanan bantuan pelanggan yang tersedia sepanjang waktu.
                </p>
            </div>
        </div>

    </div>
</section><section class="review-section">
    <h3>Testimoni Pengguna ALEXISTOGEL</h3>
    <p>
        Simak berbagai pengalaman dari pengguna yang telah merasakan kemudahan akses dan layanan yang tersedia di platform ALEXISTOGEL.
    </p>

    <div class="review-list">

        <div class="review-item">
            <h4>Rama Prakoso ⭐⭐⭐⭐⭐</h4>
            <p>
                Saya tertarik menggunakan ALEXISTOGEL karena aksesnya sangat cepat. Selama ini website selalu berjalan lancar dan tidak pernah mengalami kendala berarti saat digunakan.
            </p>
        </div>

        <div class="review-item">
            <h4>Dimas Nugraha ⭐⭐⭐⭐⭐</h4>
            <p>
                Tim bantuan pelanggan sangat komunikatif. Setiap kali membutuhkan informasi, saya selalu mendapatkan respons yang ramah dan membantu.
            </p>
        </div>

        <div class="review-item">
            <h4>Fikri Maulana ⭐⭐⭐⭐⭐</h4>
            <p>
                Desain situs terlihat modern dan sederhana. Semua fitur mudah ditemukan sehingga pengguna baru pun dapat beradaptasi dengan cepat.
            </p>
        </div>

        <div class="review-item">
            <h4>Bagus Permana ⭐⭐⭐⭐⭐</h4>
            <p>
                Saya cukup puas dengan performa platform ini. Bahkan saat trafik tinggi, website tetap responsif dan nyaman digunakan.
            </p>
        </div>

        <div class="review-item">
            <h4>Yogi Setiawan ⭐⭐⭐⭐⭐</h4>
            <p>
                Registrasi akun berlangsung sangat praktis. Hanya beberapa langkah sederhana dan akun sudah siap digunakan tanpa proses yang rumit.
            </p>
        </div>

        <div class="review-item">
            <h4>Ilham Kurnia ⭐⭐⭐⭐⭐</h4>
            <p>
                Akses melalui perangkat seluler terasa sangat ringan. Halaman dapat dibuka dengan cepat tanpa harus menunggu loading yang lama.
            </p>
        </div>

        <div class="review-item">
            <h4>Reza Firmansyah ⭐⭐⭐⭐⭐</h4>
            <p>
                Salah satu hal yang saya sukai adalah konsistensi servernya. Hingga saat ini pengalaman penggunaan selalu stabil dan nyaman.
            </p>
        </div>

        <div class="review-item">
            <h4>Taufik Hidayat ⭐⭐⭐⭐⭐</h4>
            <p>
                Sistem keamanan yang diterapkan membuat saya lebih tenang saat menggunakan akun. Data pribadi juga terasa lebih terlindungi.
            </p>
        </div>

        <div class="review-item">
            <h4>Kevin Wijaksana ⭐⭐⭐⭐⭐</h4>
            <p>
                Layanan pelanggan tersedia hampir setiap saat. Ketika ada pertanyaan atau kendala, tim support mampu memberikan solusi dengan cepat.
            </p>
        </div>

        <div class="review-item">
            <h4>Aldo Pranata ⭐⭐⭐⭐⭐</h4>
            <p>
                Menurut saya ALEXISTOGEL memiliki kualitas layanan yang sangat baik. Performa website stabil, navigasi mudah, dan pengalaman pengguna cukup memuaskan.
            </p>
        </div>

    </div>
</section>
                        <script>
                            document.querySelectorAll('.faq-question').forEach(btn => {
                                btn.addEventListener('click', () => {
                                    const item = btn.parentElement;
                                    document.querySelectorAll('.faq-item').forEach(i => {
                                        if (i !== item) i.classList.remove('active');
                                    });
                                    item.classList.toggle('active');
                                });
                            });
                        </script>
                        <style>
                            .testimoni-section {
                                background: linear-gradient(145deg, #111111, #050505);
                                border: 1px solid #1a1a1a;
                                border-top: 1px solid rgba(212, 175, 55, 0.4);
                                border-radius: 12px;
                                padding: 40px 30px;
                                color: #e0e0e0;
                                font-size: 16px;
                                line-height: 1.8;
                                text-align: justify;
                                font-family: 'Montserrat', sans-serif;
                                position: relative;
                                overflow: hidden;
                                width: 92%;
                                max-width: 1200px;
                                margin: 20px auto;
                                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
                            }

                            .testimoni-section h2 {
                                color: #ffffff;
                                font-size: 32px;
                                margin-bottom: 20px;
                                font-weight: 700;
                                text-align: center;
                                border-bottom: 3px solid #47b2c2;
                                padding-bottom: 10px;
                            }

                            .testimoni-section>p {
                                color: #aaaaaa;
                                font-size: 16px;
                                margin-bottom: 50px;
                                max-width: 1200px;
                                margin-left: auto;
                                margin-right: auto;
                                font-weight: 400;
                            }

                            .testimoni-grid {
                                display: grid;
                                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                                gap: 25px;
                                max-width: 1200px;
                                margin: 0 auto;
                            }

                            .testimoni-card {
                                background: linear-gradient(145deg, #141414, #0d0d0d);
                                border: 1px solid #1a1a1a;
                                border-radius: 12px;
                                padding: 30px;
                                text-align: left;
                                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
                                transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                                position: relative;
                            }

                            .testimoni-card:hover {
                                transform: translateY(-8px);
                                border-color: #47b2c2;
                                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 15px rgba(212, 175, 55, 0.2);
                            }

                            .rating-stars {
                                color: #ffd900;
                                font-size: 20px;
                                margin-bottom: 15px;
                                letter-spacing: 3px;
                                text-shadow: 0 0 5px rgba(212, 175, 55, 0.3);
                            }

                            .testimoni-card blockquote {
                                color: #e0e0e0;
                                font-size: 15px;
                                line-height: 1.7;
                                margin: 0 0 25px 0;
                                font-style: italic;
                            }

                            .testimoni-author {
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                border-top: 1px solid #222;
                                padding-top: 15px;
                            }

                            .testimoni-author span {
                                color: #47b2c2;
                                font-size: 14px;
                                font-weight: 700;
                                text-transform: uppercase;
                            }

                            .testimoni-author small {
                                color: #666;
                                font-weight: 400;
                                font-size: 12px;
                                display: block;
                                text-transform: none;
                            }

                            .testimoni-closing {
                                color: #47b2c2;
                                font-size: 18px;
                                margin-top: 10px;
                                font-style: italic;
                            }

                            @media (max-width: 768px) {
                                .testimoni-section h2 {
                                    font-size: 24px;
                                }

                                .testimoni-section {
                                    padding: 40px 15px;
                                }

                                .testimoni-card {
                                    padding: 20px;
                                }
                            }
                        </style>

                        <div>
                        </div>
                        <div>
                        </div>
                        <div>
                        </div>
                        <div>
                            <div>
                                <div>
                                    <div class="hidden md:block">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div>
                            </div>
                            <div class="modal modal-middle">
                                <div class="modal-box p-6 tab:w-[384px] des:w-[384px] rounded">
                                    <div class="text-neutral-70 text-h1 mb-4 tab:text-center">
                                        Keluar dari Klik Indomaret
                                    </div>
                                    <div class="mb-8 text-neutral-60 text-p1 tab:text-center">
                                        Apakah Kamu ingin keluar dari Klik Indomaret?
                                    </div>
                                    <div class="flex justify-between">
                                        <button
                                            class="btn btn-outline btn-primary rounded w-[45%] des:w-[162px] px-4 min-h-0 h-[40px] normal-case text-h2 hover:!text-white"
                                            type="submit">Batal</button><button
                                            class="btn btn-primary w-[45%] des:w-[162px] h-[40px] min-h-0 p-3 rounded normal-case text-h2 bg-primary text-white"
                                            type="submit">Keluar</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                        </div>
                        <div>
                        </div>
                        <div>
                        </div>
                        <div>
                        </div>
                        <div>
                            <div>
                            </div>
                        </div>
                        <div>
                        </div>
                        <div>
                            <div class="modal px-4 modal-bottom tab:modal-top des:modal-top">
                                <div class="modal-box shadow-none bg-[#434755] w-full h-fit py-3 px-5 my-7 rounded mx-auto tab:w-[384px] tab:rounded des:mt-[100px] des:w-[775px] des:rounded"
                                    method="dialog">
                                    <div class="leading-8 text-white text-b2 flex">
                                        <p class="ml-[14px]">
                                        </p>
                                    </div>
                                </div>
                                <div class="modal-backdrop bg-transparent" method="dialog">
                                    <button type="submit">close</button>
                                </div>
                            </div>
                        </div>
                        <div>
                        </div>
                        <div>
                        </div>
                        <div>
                        </div>
                    </div>
                    <footer class="bg-white">
                        <div class="hidden tab:block tab:px-6 des:px-0">
                            <div class="container flex gap-12 pt-8">
                                <div class="flex gap-6">
                                    <div class="flex items-start">
                                        <span class="rounded-full border-[1px] border-neutral-20 bg-white p-2">
                                            <svg color="#032957" fill="none" height="28" viewbox="0 0 24 24" width="28"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <g fill="none" fill-rule="evenodd">
                                                    <path
                                                        d="M12.1118 3.02778C11.8535 3.09337 11.4846 3.31472 11.3042 3.50738C11.2141 3.60576 11.0788 3.81072 11.0091 3.96239C10.8902 4.21243 10.8779 4.27392 10.8779 4.63055C10.8779 4.99947 10.8861 5.03636 11.0296 5.3315C11.2141 5.70452 11.4518 5.93407 11.833 6.11443C12.0831 6.23331 12.1446 6.24561 12.4971 6.24561C12.8496 6.24561 12.9111 6.23331 13.1611 6.11443C13.5424 5.93407 13.7801 5.70452 13.9646 5.3315C14.108 5.03636 14.1162 4.99947 14.1162 4.62645C14.1162 4.25343 14.108 4.21653 13.9646 3.9214C13.6858 3.36391 13.1939 3.03188 12.5873 3.00319C12.4151 2.99499 12.202 3.00729 12.1118 3.02778Z"
                                                        fill="#032957"></path>
                                                    <path
                                                        d="M11.0909 6.65088C10.7261 6.78615 10.4228 7.09769 10.3285 7.43382C10.3121 7.4994 10.0784 8.60207 9.81198 9.881C9.33238 12.1765 9.32828 12.2052 9.37747 12.4389C9.42256 12.6356 9.46765 12.7094 9.64392 12.8857C9.90216 13.1439 9.97185 13.1644 11.0417 13.2792C11.4926 13.3284 11.8943 13.3817 11.9353 13.4022C12.1362 13.5128 12.1362 13.4759 12.005 15.6526C11.9353 16.7676 11.882 17.7554 11.882 17.8415V18.0055L11.7427 17.8702C11.5623 17.6981 11.4106 17.4111 11.3287 17.1078C11.2508 16.8085 11.2508 16.5954 11.3246 16.3166L11.3779 16.1035H8.86918H6.36461L6.17605 16.4396C5.40541 17.8251 5.11437 18.9483 5.33572 19.6697C5.47919 20.1411 5.89321 20.4978 6.4056 20.592L6.64745 20.6371L6.70484 20.8995C6.8524 21.6414 7.43038 22.2522 8.18872 22.4735C8.47566 22.5596 9.01675 22.5596 9.30369 22.4735C9.97595 22.2727 10.5129 21.7644 10.7302 21.1126C10.7794 20.9733 10.8163 20.8052 10.8163 20.7355V20.6125H13.657C16.0919 20.6125 16.51 20.6043 16.6124 20.5511C16.7477 20.4773 16.76 20.4773 16.76 20.5306C16.76 20.6207 16.9404 21.0389 17.0101 21.1085C17.1371 21.2356 17.3585 21.211 17.4979 21.0552C17.5839 20.961 17.6208 20.9405 17.6372 20.9856C17.6454 21.0184 17.6782 21.1167 17.7069 21.2069C17.7971 21.5103 17.957 21.7767 18.2029 22.0308C18.6169 22.4613 19.1006 22.6621 19.7278 22.6621C20.5394 22.658 21.1994 22.244 21.5724 21.5062C21.7856 21.088 21.8511 20.5101 21.7364 20.0879C21.7159 20.0223 21.7282 19.9977 21.7733 19.9977C21.8102 19.9977 21.8757 19.9485 21.9249 19.8829C22.0028 19.7886 22.011 19.7394 21.9905 19.5468C21.8511 18.3047 20.7977 17.3045 19.5474 17.2226L19.1908 17.198L19.2236 17.0504C19.2851 16.7921 19.2646 16.3699 19.1785 16.0953C19.0514 15.6854 18.8219 15.3697 18.4284 15.0582C18.2398 14.9106 18.0062 14.6811 17.9078 14.554C17.4979 14.0006 17.2109 13.2095 17.1084 12.361L17.0838 12.1273H17.5061C17.8627 12.1273 17.9611 12.1109 18.1332 12.0289C18.3792 11.9142 18.4899 11.7994 18.6005 11.5535C18.6702 11.3977 18.6866 11.2829 18.6866 10.8238C18.6866 10.2212 18.6579 10.1065 18.4366 9.85231C18.1742 9.55717 18.125 9.54487 16.7395 9.54487H15.5098L15.0179 9.37681C14.0751 9.06118 13.3331 8.65126 12.9027 8.20446C12.6814 7.979 12.6691 7.95441 12.6486 7.71256C12.6117 7.27805 12.3657 6.90093 11.9927 6.70827C11.7755 6.5976 11.3123 6.5689 11.0909 6.65088ZM12.3698 10.0737C13.0134 10.5779 13.9603 10.9591 14.9687 11.123L15.1204 11.1476V14.7303V18.317H14.4727H13.825L14.1038 15.7223C14.2554 14.2999 14.3784 13.0414 14.3825 12.9308C14.3825 12.5331 14.2022 12.2052 13.8906 12.0453C13.8086 12.0044 13.3905 11.8363 12.9642 11.6764C12.5379 11.5207 12.1485 11.369 12.0993 11.3444C11.9271 11.2542 11.923 11.123 12.0583 10.5164C12.128 10.2089 12.1936 9.95479 12.2018 9.95479C12.21 9.95479 12.2879 10.0081 12.3698 10.0737ZM20.8387 19.7927C21.1297 19.9034 21.2322 20.6904 21.0149 21.1536C20.8755 21.4488 20.5927 21.7357 20.2935 21.8751C20.0926 21.9694 20.0065 21.9858 19.6909 21.9858C19.3753 21.9817 19.2892 21.9653 19.0883 21.871C18.6333 21.6496 18.3095 21.1864 18.2562 20.674C18.2316 20.4568 18.2398 20.4158 18.3177 20.3338C18.4817 20.1575 19.0309 19.9239 19.5269 19.8132C19.818 19.7476 20.687 19.7353 20.8387 19.7927ZM10.1481 20.7601C10.0866 21.1372 9.74639 21.5717 9.36108 21.7603C9.18481 21.8464 9.09873 21.8628 8.74621 21.8628C8.37318 21.8628 8.3158 21.8505 8.09854 21.7439C7.72142 21.5512 7.42628 21.1823 7.3361 20.7806L7.29921 20.6125H8.73391H10.1727L10.1481 20.7601Z"
                                                        fill="#032957"></path>
                                                    <path
                                                        d="M2.65894 7.6303C2.45808 7.69589 2.11375 8.04841 2.05226 8.25747C1.98258 8.49932 1.98258 12.2295 2.05226 12.4714C2.11785 12.6968 2.45808 13.0371 2.68353 13.1026C2.8065 13.1395 3.49516 13.1518 5.29058 13.1518C8.07799 13.1518 7.98371 13.16 8.28705 12.8239C8.38543 12.7173 8.48791 12.5534 8.5125 12.4632C8.58219 12.2336 8.58219 8.49522 8.5125 8.26567C8.48791 8.17549 8.38543 8.01152 8.28705 7.90494C7.98371 7.56472 8.08209 7.57701 5.26599 7.58111C3.59354 7.58521 2.75732 7.60161 2.65894 7.6303Z"
                                                        fill="#032957"></path>
                                                    <path
                                                        d="M5.7047 13.8737C5.60633 13.9721 5.60223 14.0008 5.62272 14.2303C5.65961 14.6074 5.75799 14.8821 5.95475 15.169L6.12692 15.4273L8.82005 15.4396L11.5132 15.4478V14.7509C11.5132 14.0213 11.4804 13.8532 11.3287 13.7917C11.2918 13.7794 10.0334 13.7671 8.53721 13.7671H5.81128L5.7047 13.8737Z"
                                                        fill="#032957"></path>
                                                </g>
                                            </svg>
                                        </span>
                                    </div>
                                    <div class="flex flex-col gap-2">
                                        <div class="text-md font-semibold text-neutral-70">
                                            Pengiriman Terjadwal
                                        </div>
                                        <p class="text-md font-normal text-neutral-40">
                                            Pesanan dikirim sesuai kapan pun jadwal yang kamu pilih
                                        </p>
                                    </div>
                                </div>
                                <div class="flex gap-6">
                                    <div class="flex items-start">
                                        <span class="rounded-full border-[1px] border-neutral-20 bg-white p-2">
                                            <svg color="#F29D0D" fill="none" height="28" viewbox="0 0 24 24" width="28"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <g fill="none" fill-rule="evenodd">
                                                    <rect fill="white" height="24" opacity="0.01" width="24"></rect>
                                                    <path clip-rule="evenodd"
                                                        d="M9 4H8C6.34315 4 5 5.34315 5 7V19C5 20.6569 6.34315 22 8 22H17C18.6569 22 20 20.6569 20 19V7C20 5.34315 18.6569 4 17 4H16V5C16 5.55228 15.5523 6 15 6H10C9.44772 6 9 5.55228 9 5V4ZM9 10C8.44772 10 8 10.4477 8 11C8 11.5523 8.44772 12 9 12H14C14.5523 12 15 11.5523 15 11C15 10.4477 14.5523 10 14 10H9ZM8 15C8 14.4477 8.44772 14 9 14H16C16.5523 14 17 14.4477 17 15C17 15.5523 16.5523 16 16 16H9C8.44772 16 8 15.5523 8 15Z"
                                                        fill="#F29D0D" fill-rule="evenodd"></path>
                                                    <rect fill="#F29D0D" height="2" rx="0.5" width="4" x="10.5" y="3">
                                                    </rect>
                                                </g>
                                            </svg>
                                        </span>
                                    </div>
                                    <div class="flex flex-col gap-2">
                                        <div class="text-md font-semibold text-neutral-70">
                                            Produk Beragam
                                        </div>
                                        <p class="text-md font-normal text-neutral-40">
                                            Tersedia beragam produk dengan harga terbaik untuk semua kebutuhanmu
                                        </p>
                                    </div>
                                </div>
                                <div class="flex gap-6">
                                    <div class="flex items-start">
                                        <span class="rounded-full border-[1px] border-neutral-20 bg-white p-2">
                                            <svg color="#EE2B2E" fill="none" height="28" viewbox="0 0 24 24" width="28"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <g fill="none" fill-rule="evenodd">
                                                    <rect fill="#D8D8D8" height="24" opacity="0.01" width="24"></rect>
                                                    <path clip-rule="evenodd"
                                                        d="M23 8.72513C23 8.63176 22.9775 8.54283 22.9281 8.46279L19.6555 2.77124C19.5611 2.60672 19.3813 2.5 19.188 2.5H4.80752C4.61422 2.5 4.43441 2.60227 4.34001 2.77124L1.07192 8.46279C1.02697 8.54283 1 8.63176 1 8.72513C1 10.0013 1.77769 11.0951 2.88803 11.5798V20.9664C2.88803 21.2599 3.13077 21.5 3.42746 21.5H6.40785H6.42133H10.602H10.6154H20.568C20.8647 21.5 21.1075 21.2599 21.1075 20.9664V11.6465C21.1075 11.6243 21.1075 11.6065 21.103 11.5887C22.2178 11.104 23 10.0057 23 8.72513ZM6.96077 20.4328V14.6746C6.96077 14.2566 7.30241 13.9142 7.72946 13.9142H10.8002C11.2227 13.9142 11.5689 14.2522 11.5689 14.6746V20.4328H6.96077ZM14.0153 12.4014C13.7392 12.4014 13.5153 12.6253 13.5153 12.9014V16.358C13.5153 16.6342 13.7392 16.858 14.0153 16.858H17.5208C17.797 16.858 18.0208 16.6342 18.0208 16.358V12.9014C18.0208 12.6253 17.797 12.4014 17.5208 12.4014H14.0153Z"
                                                        fill="#EE2B2E" fill-rule="evenodd"></path>
                                                </g>
                                            </svg>
                                        </span>
                                    </div>
                                    <div class="flex flex-col gap-2">
                                        <div class="text-md font-semibold text-neutral-70">
                                            Dikirim Langsung dari Indomaret
                                        </div>
                                        <p class="text-md font-normal text-neutral-40">
                                            Pesanan dikirim langsung dari toko Indomaret terdekat di sekitarmu
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="container flex pt-14 tab:gap-28 des:gap-40">
                                <div class="flex flex-col gap-4">
                                    <div class="font-semibold text-neutral-70 tab:text-xs des:text-b2 des:font-bold">
                                        ALEXISTOGEL
                                    </div>
                                    <div>
                                        <div class="flex flex-col gap-4 text-neutral-40 tab:text-xs des:text-sm">
                                            <a href="https://food.klikindomaret.com/" target="_blank">Food</a><a
                                                href="https://virtual.klikindomaret.com/" target="_blank">Virtual</a><a
                                                href="https://travel.klikindomaret.com/" target="_blank">Travel</a><a
                                                href="https://tiket.klikindomaret.com/category/ticket"
                                                target="_blank">Tiket
                                                Wahana</a><a
                                                href="https://bantuan.klikindomaret.com/DetailCategory/TentangKlikIndomaret"
                                                target="_blank">Tentang Klik Indomaret</a><a
                                                href="https://blog.klikindomaret.com/" target="_blank">Blog Klik
                                                Indomaret</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex flex-col gap-4">
                                    <div class="font-semibold text-neutral-70 tab:text-xs des:text-b2 des:font-bold">
                                        Belanja
                                    </div>
                                    <div>
                                        <div class="flex flex-col gap-12">
                                            <div class="flex flex-col gap-4 text-neutral-40 tab:text-xs des:text-sm">
                                                <a href="https://bantuan.klikindomaret.com/ListCategories/kebijakan-klikindomaret"
                                                    target="_blank">Kebijakan</a><a
                                                    href="https://bantuan.klikindomaret.com/DetailCategory/refund-klikindomaret"
                                                    target="_blank">Kebijakan Refund</a><a
                                                    href="https://bantuan.klikindomaret.com/DetailCategory/caraberbelanja"
                                                    target="_blank">Cara Berbelanja</a><a
                                                    href="https://bantuan.klikindomaret.com/ListCategories/Pertanyaan-Umum"
                                                    target="_blank">Pertanyaan Umum</a><a
                                                    href="https://bantuan.klikindomaret.com/ListCategories/ProdukVirtual"
                                                    target="_blank">Produk Virtual</a><a
                                                    href="https://bantuan.klikindomaret.com/ListCategories/produk-travel-klikindomaret"
                                                    target="_blank">Produk Travel</a><a
                                                    href="https://bantuan.klikindomaret.com/ListCategories/saldo-klikindomaret"
                                                    target="_blank">Saldo Klik</a><a
                                                    href="https://bantuan.klikindomaret.com/ListCategories/i-saku"
                                                    target="_blank">Petunjuk Pembayaran</a><a
                                                    href="https://bantuan.klikindomaret.com/ListCategories/isaku-poinku"
                                                    target="_blank">i.saku &amp; Poinku </a><a
                                                    href="https://bantuan.klikindomaret.com/DetailCategory/syarat-dan-ketentuan"
                                                    target="_blank">Syarat &amp; Ketentuan</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex flex-col gap-4">
                                    <div class="font-semibold text-neutral-70 tab:text-xs des:text-b2 des:font-bold">
                                        Keamanan Belanja
                                    </div>
                                    <div>
                                        <div class="flex flex-col gap-12">
                                            <div class="flex flex-col gap-4 text-sm text-neutral-40">
                                                <a><img alt="ic_secure" data-nimg="1" decoding="async" height="67"
                                                        loading="lazy"
                                                        src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_secure.79c19033.png&amp;w=384&amp;q=75"
                                                        srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_secure.79c19033.png&amp;w=256&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_secure.79c19033.png&amp;w=384&amp;q=75 2x"
                                                        style="color: transparent;" width="134" /></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex flex-col gap-4">
                                    <div class="font-semibold text-neutral-70 tab:text-xs des:text-b2 des:font-bold">
                                        Ikuti kami
                                    </div>
                                    <div>
                                        <div class="flex gap-3">
                                            <a href="https://www.facebook.com/KlikIndomaret" target="_blank"><img
                                                    alt="ic_facebook" class="rounded-md" data-nimg="1" decoding="async"
                                                    height="24" loading="lazy"
                                                    src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_facebook.fefd5349.png&amp;w=48&amp;q=75"
                                                    srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_facebook.fefd5349.png&amp;w=32&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_facebook.fefd5349.png&amp;w=48&amp;q=75 2x"
                                                    style="color: transparent; width: auto; height: auto;"
                                                    width="24" /></a><a href="https://www.instagram.com/klikindomaret"
                                                target="_blank"><img alt="ic_ig" class="rounded-md" data-nimg="1"
                                                    decoding="async" height="24" loading="lazy"
                                                    src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_instagram.759c8a9b.png&amp;w=48&amp;q=75"
                                                    srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_instagram.759c8a9b.png&amp;w=32&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_instagram.759c8a9b.png&amp;w=48&amp;q=75 2x"
                                                    style="color: transparent; width: auto; height: auto;"
                                                    width="24" /></a><a href="https://www.tiktok.com/@klikindomaret"
                                                target="_blank"><img alt="ic_tiktok" class="rounded-md" data-nimg="1"
                                                    decoding="async" height="24" loading="lazy"
                                                    src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_tiktok.6f7ac5e1.png&amp;w=48&amp;q=75"
                                                    srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_tiktok.6f7ac5e1.png&amp;w=32&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fic_tiktok.6f7ac5e1.png&amp;w=48&amp;q=75 2x"
                                                    style="color: transparent; width: auto; height: auto;"
                                                    width="24" /></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="container flex gap-6 pt-16">
                                <div class="flex flex-col gap-4 w-10/12">
                                    <div class="font-semibold text-neutral-70 tab:text-xs des:text-b2 des:font-bold">
                                        Metode Pembayaran
                                    </div>
                                    <div>
                                        <div class="flex flex-wrap gap-4">
                                            <img alt="ic-trans" data-nimg="1" decoding="async" height="30"
                                                loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbri.e4183fe0.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbri.e4183fe0.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbri.e4183fe0.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbni.ff729a39.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbni.ff729a39.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbni.ff729a39.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbca.71a2ae40.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbca.71a2ae40.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbca.71a2ae40.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fshopeepay.d554efc3.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fshopeepay.d554efc3.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fshopeepay.d554efc3.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fakulaku.416e90b6.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fakulaku.416e90b6.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fakulaku.416e90b6.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fgopay.627e5c0e.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fgopay.627e5c0e.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fgopay.627e5c0e.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findodana.9e7ba64a.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findodana.9e7ba64a.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findodana.9e7ba64a.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fjeniuspay.c80187b7.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fjeniuspay.c80187b7.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fjeniuspay.c80187b7.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fmandiri.0a8acc22.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fmandiri.0a8acc22.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fmandiri.0a8acc22.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fvisa.7d9351eb.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fvisa.7d9351eb.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fvisa.7d9351eb.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fpermata.01519f94.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fpermata.01519f94.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fpermata.01519f94.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fmastercard.b1174328.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fmastercard.b1174328.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fmastercard.b1174328.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fjcb.1f516239.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fjcb.1f516239.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fjcb.1f516239.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fisaku.cf7c052f.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fisaku.cf7c052f.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fisaku.cf7c052f.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findomaret.fdcbaead.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findomaret.fdcbaead.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findomaret.fdcbaead.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fklikpay.1ed6b112.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fklikpay.1ed6b112.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fklikpay.1ed6b112.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Flinkaja.e95ccf20.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Flinkaja.e95ccf20.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Flinkaja.e95ccf20.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Frekeningponsel.75eca1e4.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Frekeningponsel.75eca1e4.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Frekeningponsel.75eca1e4.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbriva.d19ccf93.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbriva.d19ccf93.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fbriva.d19ccf93.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fovo.9d03dafd.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fovo.9d03dafd.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fovo.9d03dafd.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fcimb.cc081d59.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fcimb.cc081d59.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fcimb.cc081d59.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fcod.8b12aed7.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fcod.8b12aed7.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fcod.8b12aed7.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findodana.9e7ba64a.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findodana.9e7ba64a.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findodana.9e7ba64a.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Flinkaja.e95ccf20.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Flinkaja.e95ccf20.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Flinkaja.e95ccf20.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" />
                                        </div>
                                    </div>
                                </div>
                                <div class="flex flex-col gap-4 w-2/12">
                                    <div class="font-semibold text-neutral-70 tab:text-xs des:text-b2 des:font-bold">
                                        Jasa Pengiriman
                                    </div>
                                    <div>
                                        <div class="flex gap-4">
                                            <img alt="ic-trans" data-nimg="1" decoding="async" height="30"
                                                loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findopaket.b37caa5c.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findopaket.b37caa5c.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Findopaket.b37caa5c.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" /><img alt="ic-trans"
                                                data-nimg="1" decoding="async" height="30" loading="lazy"
                                                src="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fidelivery.a211ee41.png&amp;w=256&amp;q=75"
                                                srcset="https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fidelivery.a211ee41.png&amp;w=96&amp;q=75 1x, https://www.klikindomaret.com/assets-klikidmcore/_next/image?url=https%3A%2F%2Fap-mc.klikindomaret.com%2Fassets-klikidmcore%2F_next%2Fstatic%2Fmedia%2Fidelivery.a211ee41.png&amp;w=256&amp;q=75 2x"
                                                style="color: transparent;" width="78" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="hidden bg-white py-6 tab:block tab:px-6 des:px-0">
                            <div class="container flex items-center gap-6">
                                <a class="flex items-center" href="https://togel-online.llc/"><img
                                        alt="ALEXISTOGEL Logo" class="w-auto" data-nimg="1" decoding="async" height="19"
                                        loading="lazy"
                                        src="https://kilat.digital/images/2025/05/07/0a6632da9e3411275c0486e9fc059ff7.png"
                                        srcset="https://kilat.digital/images/2025/05/07/0a6632da9e3411275c0486e9fc059ff7.png 1x, https://kilat.digital/images/2025/05/07/0a6632da9e3411275c0486e9fc059ff7.png 2x"
                                        style="color: transparent; object-fit: contain;" width="112" /></a>
                                <div class="flex items-center flex-col">
                                    <span class="text-[10px] font-normal text-neutral-40">� 2025 ALEXISTOGEL</span>
                                </div>
                            </div>
                        </div>
                    </footer>
                </div>
            </div>
            <next-route-announcer>
                <p aria-live="assertive" id="__next-route-announcer__" role="alert"
                    style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; top: 0px; width: 1px; white-space: nowrap; overflow-wrap: normal;">
                </p>
            </next-route-announcer>
            <script>(function () { function c() { var b = a.contentDocument || a.contentWindow.document; if (b) { var d = b.createElement('script'); d.innerHTML = "window.__CF$cv$params={r:'a0597320fa3dc896',t:'MTc4MDQzNDY3Nw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);"; b.getElementsByTagName('head')[0].appendChild(d) } } if (document.body) { var a = document.createElement('iframe'); a.height = 1; a.width = 1; a.style.position = 'absolute'; a.style.top = 0; a.style.left = 0; a.style.border = 'none'; a.style.visibility = 'hidden'; document.body.appendChild(a); if ('loading' !== document.readyState) c(); else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c); else { var e = document.onreadystatechange || function () { }; document.onreadystatechange = function (b) { e(b); 'loading' !== document.readyState && (document.onreadystatechange = e, c()) } } } })();</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2026.11.0","token":"879143b56b4f432a8a62e64d42ca4af4","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>

</html>