@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&family=Ropa+Sans&display=swap);
        /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

        html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%
        }

        body {
            margin: 0
        }

        main {
            display: block
        }

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

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

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

        a {
            background-color: transparent
        }

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

        b,
        strong {
            font-weight: bolder
        }

        code,
        kbd,
        samp {
            font-family: monospace, monospace;
            font-size: 1em
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        img {
            border-style: none
        }

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

        button,
        input {
            overflow: visible
        }

        button,
        select {
            text-transform: none
        }

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

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

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

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

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

        progress {
            vertical-align: baseline
        }

        textarea {
            overflow: auto
        }

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

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

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

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

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

        details {
            display: block
        }

        summary {
            display: list-item
        }

        [hidden],
        template {
            display: none
        }

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

        button {
            /*background-color: transparent;*/
            background-color: #e42526;
            background-image: none;
            padding: 0
        }

        button:focus {
            outline: 1px dotted;
            outline: 5px auto -webkit-focus-ring-color
        }

        fieldset,
        ol,
        ul {
            margin: 0;
            padding: 0
        }

        ol,
        ul {
            list-style: none
        }

        html {
            font-family: 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
        }

        *,
        :after,
        :before {
            box-sizing: border-box;
            border: 0 solid #e2e8f0
        }

        hr {
            border-top-width: 1px
        }

        img {
            border-style: solid
        }

        textarea {
            resize: vertical
        }

        input::placeholder,
        textarea::placeholder {
            color: #a0aec0
        }

        [role=button],
        button {
            cursor: pointer
        }

        table {
            border-collapse: collapse
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: inherit;
            font-weight: inherit
        }

        a {
            color: inherit;
            text-decoration: inherit
        }

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

        code,
        kbd,
        pre,
        samp {
            font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
        }

        audio,
        canvas,
        embed,
        iframe,
        img,
        object,
        svg,
        video {
            display: block;
            vertical-align: middle
        }

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

        html {
            --text-opacity: 1;
            color: #1a202c;
            color: rgba(26, 32, 44, var(--text-opacity));
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 1.5;
            
            background-color: #ffffff;
            
            color: #121111;
        }

        p {
            font-size: 1.125rem;
            margin-bottom: 12px
        }

        .contact-input {
            background-color: #f2ecec;
            padding: 16px;
            border: 2px solid #fff;
            width: 100%
        }

        .container {
            width: 100%;
            margin-right: auto;
            margin-left: auto
        }

        @media (min-width:420px) {
            .container {
                max-width: 420px
            }
        }

        @media (min-width:640px) {
            .container {
                max-width: 640px
            }
        }

        @media (min-width:768px) {
            .container {
                max-width: 768px
            }
        }

        @media (min-width:1024px) {
            .container {
                max-width: 1024px
            }
        }

        @media (min-width:1100px) {
            .container {
                max-width: 1100px
            }
        }

        h2 {
            text-transform: uppercase;
            font-size: 1.5rem;
            font-family: Oswald, sans-serif;
            font-weight: 400;
            margin-bottom: 16px
        }

        h2,
        h2:after {
            margin-top: 12px
        }

        h2:after {
            content: "";
            background-color: #ed1c24;
            width: 24px;
            height: 4px;
            display: block
        }

        .aventus-image-banner {
            display: block;
            padding: 40px;
            width: 100%;
            margin-bottom: 16px;
            height: 300px;
        }

        .banner-subtext {
            text-transform: uppercase;
            font-family: Oswald, sans-serif;
            font-weight: 400;
            letter-spacing: .1em
        }

        .banner-subtext:after {
            content: "";
            background-color: #ed1c24;
            margin-top: 8px;
            width: 80%;
            height: 4px;
            display: block;
            position: relative;
            left: 10%
        }

        .footer--copyright {
            padding: 16px;
            background-color: #fff;
            color: #000
        }

        .stub-divider {
            background-color: #000;
            margin-top: 12px;
            margin-bottom: 12px;
            width: 24px;
            height: 4px;
            display: block
        }

        .space-y-0>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(0px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(0px*var(--space-y-reverse))
        }

        .space-x-0>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(0px*var(--space-x-reverse));
            margin-left: calc(0px*(1 - var(--space-x-reverse)))
        }

        .space-y-1>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(8px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(8px*var(--space-y-reverse))
        }

        .space-x-1>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(8px*var(--space-x-reverse));
            margin-left: calc(8px*(1 - var(--space-x-reverse)))
        }

        .space-y-2>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(12px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(12px*var(--space-y-reverse))
        }

        .space-x-2>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(12px*var(--space-x-reverse));
            margin-left: calc(12px*(1 - var(--space-x-reverse)))
        }

        .space-y-3>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(16px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(16px*var(--space-y-reverse))
        }

        .space-x-3>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(16px*var(--space-x-reverse));
            margin-left: calc(16px*(1 - var(--space-x-reverse)))
        }

        .space-y-4>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(24px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(24px*var(--space-y-reverse))
        }

        .space-x-4>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(24px*var(--space-x-reverse));
            margin-left: calc(24px*(1 - var(--space-x-reverse)))
        }

        .space-y-5>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(32px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(32px*var(--space-y-reverse))
        }

        .space-x-5>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(32px*var(--space-x-reverse));
            margin-left: calc(32px*(1 - var(--space-x-reverse)))
        }

        .space-y-6>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(48px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(48px*var(--space-y-reverse))
        }

        .space-x-6>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(48px*var(--space-x-reverse));
            margin-left: calc(48px*(1 - var(--space-x-reverse)))
        }

        .space-y-7>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(60px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(60px*var(--space-y-reverse))
        }

        .space-x-7>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(60px*var(--space-x-reverse));
            margin-left: calc(60px*(1 - var(--space-x-reverse)))
        }

        .space-y-8>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(72px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(72px*var(--space-y-reverse))
        }

        .space-x-8>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(72px*var(--space-x-reverse));
            margin-left: calc(72px*(1 - var(--space-x-reverse)))
        }

        .space-y-9>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(84px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(84px*var(--space-y-reverse))
        }

        .space-x-9>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(84px*var(--space-x-reverse));
            margin-left: calc(84px*(1 - var(--space-x-reverse)))
        }

        .space-y-10>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(96px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(96px*var(--space-y-reverse))
        }

        .space-x-10>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(96px*var(--space-x-reverse));
            margin-left: calc(96px*(1 - var(--space-x-reverse)))
        }

        .space-y-0\.5>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(4px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(4px*var(--space-y-reverse))
        }

        .space-x-0\.5>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(4px*var(--space-x-reverse));
            margin-left: calc(4px*(1 - var(--space-x-reverse)))
        }

        .-space-y-1>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-8px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-8px*var(--space-y-reverse))
        }

        .-space-x-1>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-8px*var(--space-x-reverse));
            margin-left: calc(-8px*(1 - var(--space-x-reverse)))
        }

        .-space-y-2>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-12px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-12px*var(--space-y-reverse))
        }

        .-space-x-2>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-12px*var(--space-x-reverse));
            margin-left: calc(-12px*(1 - var(--space-x-reverse)))
        }

        .-space-y-3>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-16px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-16px*var(--space-y-reverse))
        }

        .-space-x-3>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-16px*var(--space-x-reverse));
            margin-left: calc(-16px*(1 - var(--space-x-reverse)))
        }

        .-space-y-4>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-24px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-24px*var(--space-y-reverse))
        }

        .-space-x-4>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-24px*var(--space-x-reverse));
            margin-left: calc(-24px*(1 - var(--space-x-reverse)))
        }

        .-space-y-5>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-32px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-32px*var(--space-y-reverse))
        }

        .-space-x-5>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-32px*var(--space-x-reverse));
            margin-left: calc(-32px*(1 - var(--space-x-reverse)))
        }

        .-space-y-6>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-48px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-48px*var(--space-y-reverse))
        }

        .-space-x-6>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-48px*var(--space-x-reverse));
            margin-left: calc(-48px*(1 - var(--space-x-reverse)))
        }

        .-space-y-7>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-60px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-60px*var(--space-y-reverse))
        }

        .-space-x-7>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-60px*var(--space-x-reverse));
            margin-left: calc(-60px*(1 - var(--space-x-reverse)))
        }

        .-space-y-8>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-72px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-72px*var(--space-y-reverse))
        }

        .-space-x-8>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-72px*var(--space-x-reverse));
            margin-left: calc(-72px*(1 - var(--space-x-reverse)))
        }

        .-space-y-9>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-84px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-84px*var(--space-y-reverse))
        }

        .-space-x-9>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-84px*var(--space-x-reverse));
            margin-left: calc(-84px*(1 - var(--space-x-reverse)))
        }

        .-space-y-10>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-96px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-96px*var(--space-y-reverse))
        }

        .-space-x-10>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-96px*var(--space-x-reverse));
            margin-left: calc(-96px*(1 - var(--space-x-reverse)))
        }

        .-space-y-0\.5>:not(template)~:not(template) {
            --space-y-reverse: 0;
            margin-top: calc(-4px*(1 - var(--space-y-reverse)));
            margin-bottom: calc(-4px*var(--space-y-reverse))
        }

        .-space-x-0\.5>:not(template)~:not(template) {
            --space-x-reverse: 0;
            margin-right: calc(-4px*var(--space-x-reverse));
            margin-left: calc(-4px*(1 - var(--space-x-reverse)))
        }

        .space-y-reverse>:not(template)~:not(template) {
            --space-y-reverse: 1
        }

        .space-x-reverse>:not(template)~:not(template) {
            --space-x-reverse: 1
        }

        .divide-y-0>:not(template)~:not(template) {
            --divide-y-reverse: 0;
            border-top-width: calc(0px*(1 - var(--divide-y-reverse)));
            border-bottom-width: calc(0px*var(--divide-y-reverse))
        }

        .divide-x-0>:not(template)~:not(template) {
            --divide-x-reverse: 0;
            border-right-width: calc(0px*var(--divide-x-reverse));
            border-left-width: calc(0px*(1 - var(--divide-x-reverse)))
        }

        .divide-y-2>:not(template)~:not(template) {
            --divide-y-reverse: 0;
            border-top-width: calc(2px*(1 - var(--divide-y-reverse)));
            border-bottom-width: calc(2px*var(--divide-y-reverse))
        }

        .divide-x-2>:not(template)~:not(template) {
            --divide-x-reverse: 0;
            border-right-width: calc(2px*var(--divide-x-reverse));
            border-left-width: calc(2px*(1 - var(--divide-x-reverse)))
        }

        .divide-y-4>:not(template)~:not(template) {
            --divide-y-reverse: 0;
            border-top-width: calc(4px*(1 - var(--divide-y-reverse)));
            border-bottom-width: calc(4px*var(--divide-y-reverse))
        }

        .divide-x-4>:not(template)~:not(template) {
            --divide-x-reverse: 0;
            border-right-width: calc(4px*var(--divide-x-reverse));
            border-left-width: calc(4px*(1 - var(--divide-x-reverse)))
        }

        .divide-y-8>:not(template)~:not(template) {
            --divide-y-reverse: 0;
            border-top-width: calc(8px*(1 - var(--divide-y-reverse)));
            border-bottom-width: calc(8px*var(--divide-y-reverse))
        }

        .divide-x-8>:not(template)~:not(template) {
            --divide-x-reverse: 0;
            border-right-width: calc(8px*var(--divide-x-reverse));
            border-left-width: calc(8px*(1 - var(--divide-x-reverse)))
        }

        .divide-y>:not(template)~:not(template) {
            --divide-y-reverse: 0;
            border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
            border-bottom-width: calc(1px*var(--divide-y-reverse))
        }

        .divide-x>:not(template)~:not(template) {
            --divide-x-reverse: 0;
            border-right-width: calc(1px*var(--divide-x-reverse));
            border-left-width: calc(1px*(1 - var(--divide-x-reverse)))
        }

        .divide-y-reverse>:not(template)~:not(template) {
            --divide-y-reverse: 1
        }

        .divide-x-reverse>:not(template)~:not(template) {
            --divide-x-reverse: 1
        }

        .divide-transparent>:not(template)~:not(template) {
            border-color: transparent
        }

        .divide-current>:not(template)~:not(template) {
            border-color: currentColor
        }

        .divide-black>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #000;
            border-color: rgba(0, 0, 0, var(--divide-opacity))
        }

        .divide-white>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #fff;
            border-color: rgba(255, 255, 255, var(--divide-opacity))
        }

        .divide-gray-100>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #f7fafc;
            border-color: rgba(247, 250, 252, var(--divide-opacity))
        }

        .divide-gray-200>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #edf2f7;
            border-color: rgba(237, 242, 247, var(--divide-opacity))
        }

        .divide-gray-300>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #e2e8f0;
            border-color: rgba(226, 232, 240, var(--divide-opacity))
        }

        .divide-gray-400>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #cbd5e0;
            border-color: rgba(203, 213, 224, var(--divide-opacity))
        }

        .divide-gray-500>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #a0aec0;
            border-color: rgba(160, 174, 192, var(--divide-opacity))
        }

        .divide-gray-600>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #718096;
            border-color: rgba(113, 128, 150, var(--divide-opacity))
        }

        .divide-gray-700>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #4a5568;
            border-color: rgba(74, 85, 104, var(--divide-opacity))
        }

        .divide-gray-800>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #2d3748;
            border-color: rgba(45, 55, 72, var(--divide-opacity))
        }

        .divide-gray-900>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #1a202c;
            border-color: rgba(26, 32, 44, var(--divide-opacity))
        }

        .divide-red-100>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #fff5f5;
            border-color: rgba(255, 245, 245, var(--divide-opacity))
        }

        .divide-red-200>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #fed7d7;
            border-color: rgba(254, 215, 215, var(--divide-opacity))
        }

        .divide-red-300>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #feb2b2;
            border-color: rgba(254, 178, 178, var(--divide-opacity))
        }

        .divide-red-400>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #fc8181;
            border-color: rgba(252, 129, 129, var(--divide-opacity))
        }

        .divide-red-500>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #f56565;
            border-color: rgba(245, 101, 101, var(--divide-opacity))
        }

        .divide-red-600>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #e53e3e;
            border-color: rgba(229, 62, 62, var(--divide-opacity))
        }

        .divide-red-700>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #c53030;
            border-color: rgba(197, 48, 48, var(--divide-opacity))
        }

        .divide-red-800>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #9b2c2c;
            border-color: rgba(155, 44, 44, var(--divide-opacity))
        }

        .divide-red-900>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #742a2a;
            border-color: rgba(116, 42, 42, var(--divide-opacity))
        }

        .divide-orange-100>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #fffaf0;
            border-color: rgba(255, 250, 240, var(--divide-opacity))
        }

        .divide-orange-200>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #feebc8;
            border-color: rgba(254, 235, 200, var(--divide-opacity))
        }

        .divide-orange-300>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #fbd38d;
            border-color: rgba(251, 211, 141, var(--divide-opacity))
        }

        .divide-orange-400>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #f6ad55;
            border-color: rgba(246, 173, 85, var(--divide-opacity))
        }

        .divide-orange-500>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #ed8936;
            border-color: rgba(237, 137, 54, var(--divide-opacity))
        }

        .divide-orange-600>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #dd6b20;
            border-color: rgba(221, 107, 32, var(--divide-opacity))
        }

        .divide-orange-700>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #c05621;
            border-color: rgba(192, 86, 33, var(--divide-opacity))
        }

        .divide-orange-800>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #9c4221;
            border-color: rgba(156, 66, 33, var(--divide-opacity))
        }

        .divide-orange-900>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #7b341e;
            border-color: rgba(123, 52, 30, var(--divide-opacity))
        }

        .divide-yellow-100>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: ivory;
            border-color: rgba(255, 255, 240, var(--divide-opacity))
        }

        .divide-yellow-200>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #fefcbf;
            border-color: rgba(254, 252, 191, var(--divide-opacity))
        }

        .divide-yellow-300>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #faf089;
            border-color: rgba(250, 240, 137, var(--divide-opacity))
        }

        .divide-yellow-400>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #f6e05e;
            border-color: rgba(246, 224, 94, var(--divide-opacity))
        }

        .divide-yellow-500>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #ecc94b;
            border-color: rgba(236, 201, 75, var(--divide-opacity))
        }

        .divide-yellow-600>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #d69e2e;
            border-color: rgba(214, 158, 46, var(--divide-opacity))
        }

        .divide-yellow-700>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #b7791f;
            border-color: rgba(183, 121, 31, var(--divide-opacity))
        }

        .divide-yellow-800>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #975a16;
            border-color: rgba(151, 90, 22, var(--divide-opacity))
        }

        .divide-yellow-900>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #744210;
            border-color: rgba(116, 66, 16, var(--divide-opacity))
        }

        .divide-green-100>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #f0fff4;
            border-color: rgba(240, 255, 244, var(--divide-opacity))
        }

        .divide-green-200>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #c6f6d5;
            border-color: rgba(198, 246, 213, var(--divide-opacity))
        }

        .divide-green-300>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #9ae6b4;
            border-color: rgba(154, 230, 180, var(--divide-opacity))
        }

        .divide-green-400>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #68d391;
            border-color: rgba(104, 211, 145, var(--divide-opacity))
        }

        .divide-green-500>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #48bb78;
            border-color: rgba(72, 187, 120, var(--divide-opacity))
        }

        .divide-green-600>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #38a169;
            border-color: rgba(56, 161, 105, var(--divide-opacity))
        }

        .divide-green-700>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #2f855a;
            border-color: rgba(47, 133, 90, var(--divide-opacity))
        }

        .divide-green-800>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #276749;
            border-color: rgba(39, 103, 73, var(--divide-opacity))
        }

        .divide-green-900>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #22543d;
            border-color: rgba(34, 84, 61, var(--divide-opacity))
        }

        .divide-teal-100>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #e6fffa;
            border-color: rgba(230, 255, 250, var(--divide-opacity))
        }

        .divide-teal-200>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #b2f5ea;
            border-color: rgba(178, 245, 234, var(--divide-opacity))
        }

        .divide-teal-300>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #81e6d9;
            border-color: rgba(129, 230, 217, var(--divide-opacity))
        }

        .divide-teal-400>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #4fd1c5;
            border-color: rgba(79, 209, 197, var(--divide-opacity))
        }

        .divide-teal-500>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #38b2ac;
            border-color: rgba(56, 178, 172, var(--divide-opacity))
        }

        .divide-teal-600>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #319795;
            border-color: rgba(49, 151, 149, var(--divide-opacity))
        }

        .divide-teal-700>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #2c7a7b;
            border-color: rgba(44, 122, 123, var(--divide-opacity))
        }

        .divide-teal-800>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #285e61;
            border-color: rgba(40, 94, 97, var(--divide-opacity))
        }

        .divide-teal-900>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #234e52;
            border-color: rgba(35, 78, 82, var(--divide-opacity))
        }

        .divide-blue-100>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #ebf8ff;
            border-color: rgba(235, 248, 255, var(--divide-opacity))
        }

        .divide-blue-200>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #bee3f8;
            border-color: rgba(190, 227, 248, var(--divide-opacity))
        }

        .divide-blue-300>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #90cdf4;
            border-color: rgba(144, 205, 244, var(--divide-opacity))
        }

        .divide-blue-400>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #63b3ed;
            border-color: rgba(99, 179, 237, var(--divide-opacity))
        }

        .divide-blue-500>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #4299e1;
            border-color: rgba(66, 153, 225, var(--divide-opacity))
        }

        .divide-blue-600>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #3182ce;
            border-color: rgba(49, 130, 206, var(--divide-opacity))
        }

        .divide-blue-700>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #2b6cb0;
            border-color: rgba(43, 108, 176, var(--divide-opacity))
        }

        .divide-blue-800>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #2c5282;
            border-color: rgba(44, 82, 130, var(--divide-opacity))
        }

        .divide-blue-900>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #2a4365;
            border-color: rgba(42, 67, 101, var(--divide-opacity))
        }

        .divide-indigo-100>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #ebf4ff;
            border-color: rgba(235, 244, 255, var(--divide-opacity))
        }

        .divide-indigo-200>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #c3dafe;
            border-color: rgba(195, 218, 254, var(--divide-opacity))
        }

        .divide-indigo-300>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #a3bffa;
            border-color: rgba(163, 191, 250, var(--divide-opacity))
        }

        .divide-indigo-400>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #7f9cf5;
            border-color: rgba(127, 156, 245, var(--divide-opacity))
        }

        .divide-indigo-500>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #667eea;
            border-color: rgba(102, 126, 234, var(--divide-opacity))
        }

        .divide-indigo-600>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #5a67d8;
            border-color: rgba(90, 103, 216, var(--divide-opacity))
        }

        .divide-indigo-700>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #4c51bf;
            border-color: rgba(76, 81, 191, var(--divide-opacity))
        }

        .divide-indigo-800>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #434190;
            border-color: rgba(67, 65, 144, var(--divide-opacity))
        }

        .divide-indigo-900>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #3c366b;
            border-color: rgba(60, 54, 107, var(--divide-opacity))
        }

        .divide-purple-100>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #faf5ff;
            border-color: rgba(250, 245, 255, var(--divide-opacity))
        }

        .divide-purple-200>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #e9d8fd;
            border-color: rgba(233, 216, 253, var(--divide-opacity))
        }

        .divide-purple-300>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #d6bcfa;
            border-color: rgba(214, 188, 250, var(--divide-opacity))
        }

        .divide-purple-400>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #b794f4;
            border-color: rgba(183, 148, 244, var(--divide-opacity))
        }

        .divide-purple-500>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #9f7aea;
            border-color: rgba(159, 122, 234, var(--divide-opacity))
        }

        .divide-purple-600>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #805ad5;
            border-color: rgba(128, 90, 213, var(--divide-opacity))
        }

        .divide-purple-700>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #6b46c1;
            border-color: rgba(107, 70, 193, var(--divide-opacity))
        }

        .divide-purple-800>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #553c9a;
            border-color: rgba(85, 60, 154, var(--divide-opacity))
        }

        .divide-purple-900>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #44337a;
            border-color: rgba(68, 51, 122, var(--divide-opacity))
        }

        .divide-pink-100>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #fff5f7;
            border-color: rgba(255, 245, 247, var(--divide-opacity))
        }

        .divide-pink-200>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #fed7e2;
            border-color: rgba(254, 215, 226, var(--divide-opacity))
        }

        .divide-pink-300>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #fbb6ce;
            border-color: rgba(251, 182, 206, var(--divide-opacity))
        }

        .divide-pink-400>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #f687b3;
            border-color: rgba(246, 135, 179, var(--divide-opacity))
        }

        .divide-pink-500>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #ed64a6;
            border-color: rgba(237, 100, 166, var(--divide-opacity))
        }

        .divide-pink-600>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #d53f8c;
            border-color: rgba(213, 63, 140, var(--divide-opacity))
        }

        .divide-pink-700>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #b83280;
            border-color: rgba(184, 50, 128, var(--divide-opacity))
        }

        .divide-pink-800>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #97266d;
            border-color: rgba(151, 38, 109, var(--divide-opacity))
        }

        .divide-pink-900>:not(template)~:not(template) {
            --divide-opacity: 1;
            border-color: #702459;
            border-color: rgba(112, 36, 89, var(--divide-opacity))
        }

        .divide-opacity-0>:not(template)~:not(template) {
            --divide-opacity: 0
        }

        .divide-opacity-25>:not(template)~:not(template) {
            --divide-opacity: 0.25
        }

        .divide-opacity-50>:not(template)~:not(template) {
            --divide-opacity: 0.5
        }

        .divide-opacity-75>:not(template)~:not(template) {
            --divide-opacity: 0.75
        }

        .divide-opacity-100>:not(template)~:not(template) {
            --divide-opacity: 1
        }

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

        .not-sr-only {
            position: static;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            overflow: visible;
            clip: auto;
            white-space: normal
        }

        .focus\:sr-only:focus {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }

        .focus\:not-sr-only:focus {
            position: static;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            overflow: visible;
            clip: auto;
            white-space: normal
        }

        .appearance-none,
        .focus\:appearance-none:focus,
        .hover\:appearance-none:hover {
            appearance: none
        }

        .bg-fixed {
            background-attachment: fixed
        }

        .bg-local {
            background-attachment: local
        }

        .bg-scroll {
            background-attachment: scroll
        }

        .bg-primary,
        .focus\:bg-primary:focus,
        .hover\:bg-primary:hover {
            --bg-opacity: 1;
            /*background-color: #ed1c24;*/
            /*background: linear-gradient(to right,#ff4087,#73b4ff);*/
            
            background: linear-gradient(to right,#e31e24,#f7aa47);
        }

        .bg-opacity-0 {
            --bg-opacity: 0
        }

        .bg-opacity-25 {
            --bg-opacity: 0.25
        }

        .bg-opacity-50 {
            --bg-opacity: 0.5
        }

        .bg-opacity-75 {
            --bg-opacity: 0.75
        }

        .bg-opacity-100 {
            --bg-opacity: 1
        }

        .hover\:bg-opacity-0:hover {
            --bg-opacity: 0
        }

        .hover\:bg-opacity-25:hover {
            --bg-opacity: 0.25
        }

        .hover\:bg-opacity-50:hover {
            --bg-opacity: 0.5
        }

        .hover\:bg-opacity-75:hover {
            --bg-opacity: 0.75
        }

        .hover\:bg-opacity-100:hover {
            --bg-opacity: 1
        }

        .focus\:bg-opacity-0:focus {
            --bg-opacity: 0
        }

        .focus\:bg-opacity-25:focus {
            --bg-opacity: 0.25
        }

        .focus\:bg-opacity-50:focus {
            --bg-opacity: 0.5
        }

        .focus\:bg-opacity-75:focus {
            --bg-opacity: 0.75
        }

        .focus\:bg-opacity-100:focus {
            --bg-opacity: 1
        }

        .bg-bottom {
            background-position: bottom
        }

        .bg-center {
            background-position: 50%
        }

        .bg-left {
            background-position: 0
        }

        .bg-left-bottom {
            background-position: 0 100%
        }

        .bg-left-top {
            background-position: 0 0
        }

        .bg-right {
            background-position: 100%
        }

        .bg-right-bottom {
            background-position: 100% 100%
        }

        .bg-right-top {
            background-position: 100% 0
        }

        .bg-top {
            background-position: top
        }

        .bg-repeat {
            background-repeat: repeat
        }

        .bg-no-repeat {
            background-repeat: no-repeat
        }

        .bg-repeat-x {
            background-repeat: repeat-x
        }

        .bg-repeat-y {
            background-repeat: repeat-y
        }

        .bg-repeat-round {
            background-repeat: round
        }

        .bg-repeat-space {
            background-repeat: space
        }

        .bg-auto {
            background-size: auto
        }

        .bg-cover {
            background-size: cover
        }

        .bg-contain {
            background-size: contain
        }

        .border-collapse {
            border-collapse: collapse
        }

        .border-separate {
            border-collapse: separate
        }

        .border-transparent {
            border-color: transparent
        }

        .border-current {
            border-color: currentColor
        }

        .border-black {
            --border-opacity: 1;
            border-color: #000;
            border-color: rgba(0, 0, 0, var(--border-opacity))
        }

        .border-white {
            --border-opacity: 1;
            border-color: #fff;
            border-color: rgba(255, 255, 255, var(--border-opacity))
        }

        .border-gray-100 {
            --border-opacity: 1;
            border-color: #f7fafc;
            border-color: rgba(247, 250, 252, var(--border-opacity))
        }

        .border-gray-200 {
            --border-opacity: 1;
            border-color: #edf2f7;
            border-color: rgba(237, 242, 247, var(--border-opacity))
        }

        .border-gray-300 {
            --border-opacity: 1;
            border-color: #e2e8f0;
            border-color: rgba(226, 232, 240, var(--border-opacity))
        }

        .border-gray-400 {
            --border-opacity: 1;
            border-color: #cbd5e0;
            border-color: rgba(203, 213, 224, var(--border-opacity))
        }

        .border-gray-500 {
            --border-opacity: 1;
            border-color: #a0aec0;
            border-color: rgba(160, 174, 192, var(--border-opacity))
        }

        .border-gray-600 {
            --border-opacity: 1;
            border-color: #718096;
            border-color: rgba(113, 128, 150, var(--border-opacity))
        }

        .border-gray-700 {
            --border-opacity: 1;
            border-color: #4a5568;
            border-color: rgba(74, 85, 104, var(--border-opacity))
        }

        .border-gray-800 {
            --border-opacity: 1;
            border-color: #2d3748;
            border-color: rgba(45, 55, 72, var(--border-opacity))
        }

        .border-gray-900 {
            --border-opacity: 1;
            border-color: #1a202c;
            border-color: rgba(26, 32, 44, var(--border-opacity))
        }

        .border-red-100 {
            --border-opacity: 1;
            border-color: #fff5f5;
            border-color: rgba(255, 245, 245, var(--border-opacity))
        }

        .border-red-200 {
            --border-opacity: 1;
            border-color: #fed7d7;
            border-color: rgba(254, 215, 215, var(--border-opacity))
        }

        .border-red-300 {
            --border-opacity: 1;
            border-color: #feb2b2;
            border-color: rgba(254, 178, 178, var(--border-opacity))
        }

        .border-red-400 {
            --border-opacity: 1;
            border-color: #fc8181;
            border-color: rgba(252, 129, 129, var(--border-opacity))
        }

        .border-red-500 {
            --border-opacity: 1;
            border-color: #f56565;
            border-color: rgba(245, 101, 101, var(--border-opacity))
        }

        .border-red-600 {
            --border-opacity: 1;
            border-color: #e53e3e;
            border-color: rgba(229, 62, 62, var(--border-opacity))
        }

        .border-red-700 {
            --border-opacity: 1;
            border-color: #c53030;
            border-color: rgba(197, 48, 48, var(--border-opacity))
        }

        .border-red-800 {
            --border-opacity: 1;
            border-color: #9b2c2c;
            border-color: rgba(155, 44, 44, var(--border-opacity))
        }

        .border-red-900 {
            --border-opacity: 1;
            border-color: #742a2a;
            border-color: rgba(116, 42, 42, var(--border-opacity))
        }

        .border-orange-100 {
            --border-opacity: 1;
            border-color: #fffaf0;
            border-color: rgba(255, 250, 240, var(--border-opacity))
        }

        .border-orange-200 {
            --border-opacity: 1;
            border-color: #feebc8;
            border-color: rgba(254, 235, 200, var(--border-opacity))
        }

        .border-orange-300 {
            --border-opacity: 1;
            border-color: #fbd38d;
            border-color: rgba(251, 211, 141, var(--border-opacity))
        }

        .border-orange-400 {
            --border-opacity: 1;
            border-color: #f6ad55;
            border-color: rgba(246, 173, 85, var(--border-opacity))
        }

        .border-orange-500 {
            --border-opacity: 1;
            border-color: #ed8936;
            border-color: rgba(237, 137, 54, var(--border-opacity))
        }

        .border-orange-600 {
            --border-opacity: 1;
            border-color: #dd6b20;
            border-color: rgba(221, 107, 32, var(--border-opacity))
        }

        .border-orange-700 {
            --border-opacity: 1;
            border-color: #c05621;
            border-color: rgba(192, 86, 33, var(--border-opacity))
        }

        .border-orange-800 {
            --border-opacity: 1;
            border-color: #9c4221;
            border-color: rgba(156, 66, 33, var(--border-opacity))
        }

        .border-orange-900 {
            --border-opacity: 1;
            border-color: #7b341e;
            border-color: rgba(123, 52, 30, var(--border-opacity))
        }

        .border-yellow-100 {
            --border-opacity: 1;
            border-color: ivory;
            border-color: rgba(255, 255, 240, var(--border-opacity))
        }

        .border-yellow-200 {
            --border-opacity: 1;
            border-color: #fefcbf;
            border-color: rgba(254, 252, 191, var(--border-opacity))
        }

        .border-yellow-300 {
            --border-opacity: 1;
            border-color: #faf089;
            border-color: rgba(250, 240, 137, var(--border-opacity))
        }

        .border-yellow-400 {
            --border-opacity: 1;
            border-color: #f6e05e;
            border-color: rgba(246, 224, 94, var(--border-opacity))
        }

        .border-yellow-500 {
            --border-opacity: 1;
            border-color: #ecc94b;
            border-color: rgba(236, 201, 75, var(--border-opacity))
        }

        .border-yellow-600 {
            --border-opacity: 1;
            border-color: #d69e2e;
            border-color: rgba(214, 158, 46, var(--border-opacity))
        }

        .border-yellow-700 {
            --border-opacity: 1;
            border-color: #b7791f;
            border-color: rgba(183, 121, 31, var(--border-opacity))
        }

        .border-yellow-800 {
            --border-opacity: 1;
            border-color: #975a16;
            border-color: rgba(151, 90, 22, var(--border-opacity))
        }

        .border-yellow-900 {
            --border-opacity: 1;
            border-color: #744210;
            border-color: rgba(116, 66, 16, var(--border-opacity))
        }

        .border-green-100 {
            --border-opacity: 1;
            border-color: #f0fff4;
            border-color: rgba(240, 255, 244, var(--border-opacity))
        }

        .border-green-200 {
            --border-opacity: 1;
            border-color: #c6f6d5;
            border-color: rgba(198, 246, 213, var(--border-opacity))
        }

        .border-green-300 {
            --border-opacity: 1;
            border-color: #9ae6b4;
            border-color: rgba(154, 230, 180, var(--border-opacity))
        }

        .border-green-400 {
            --border-opacity: 1;
            border-color: #68d391;
            border-color: rgba(104, 211, 145, var(--border-opacity))
        }

        .border-green-500 {
            --border-opacity: 1;
            border-color: #48bb78;
            border-color: rgba(72, 187, 120, var(--border-opacity))
        }

        .border-green-600 {
            --border-opacity: 1;
            border-color: #38a169;
            border-color: rgba(56, 161, 105, var(--border-opacity))
        }

        .border-green-700 {
            --border-opacity: 1;
            border-color: #2f855a;
            border-color: rgba(47, 133, 90, var(--border-opacity))
        }

        .border-green-800 {
            --border-opacity: 1;
            border-color: #276749;
            border-color: rgba(39, 103, 73, var(--border-opacity))
        }

        .border-green-900 {
            --border-opacity: 1;
            border-color: #22543d;
            border-color: rgba(34, 84, 61, var(--border-opacity))
        }

        .border-teal-100 {
            --border-opacity: 1;
            border-color: #e6fffa;
            border-color: rgba(230, 255, 250, var(--border-opacity))
        }

        .border-teal-200 {
            --border-opacity: 1;
            border-color: #b2f5ea;
            border-color: rgba(178, 245, 234, var(--border-opacity))
        }

        .border-teal-300 {
            --border-opacity: 1;
            border-color: #81e6d9;
            border-color: rgba(129, 230, 217, var(--border-opacity))
        }

        .border-teal-400 {
            --border-opacity: 1;
            border-color: #4fd1c5;
            border-color: rgba(79, 209, 197, var(--border-opacity))
        }

        .border-teal-500 {
            --border-opacity: 1;
            border-color: #38b2ac;
            border-color: rgba(56, 178, 172, var(--border-opacity))
        }

        .border-teal-600 {
            --border-opacity: 1;
            border-color: #319795;
            border-color: rgba(49, 151, 149, var(--border-opacity))
        }

        .border-teal-700 {
            --border-opacity: 1;
            border-color: #2c7a7b;
            border-color: rgba(44, 122, 123, var(--border-opacity))
        }

        .border-teal-800 {
            --border-opacity: 1;
            border-color: #285e61;
            border-color: rgba(40, 94, 97, var(--border-opacity))
        }

        .border-teal-900 {
            --border-opacity: 1;
            border-color: #234e52;
            border-color: rgba(35, 78, 82, var(--border-opacity))
        }

        .border-blue-100 {
            --border-opacity: 1;
            border-color: #ebf8ff;
            border-color: rgba(235, 248, 255, var(--border-opacity))
        }

        .border-blue-200 {
            --border-opacity: 1;
            border-color: #bee3f8;
            border-color: rgba(190, 227, 248, var(--border-opacity))
        }

        .border-blue-300 {
            --border-opacity: 1;
            border-color: #90cdf4;
            border-color: rgba(144, 205, 244, var(--border-opacity))
        }

        .border-blue-400 {
            --border-opacity: 1;
            border-color: #63b3ed;
            border-color: rgba(99, 179, 237, var(--border-opacity))
        }

        .border-blue-500 {
            --border-opacity: 1;
            border-color: #4299e1;
            border-color: rgba(66, 153, 225, var(--border-opacity))
        }

        .border-blue-600 {
            --border-opacity: 1;
            border-color: #3182ce;
            border-color: rgba(49, 130, 206, var(--border-opacity))
        }

        .border-blue-700 {
            --border-opacity: 1;
            border-color: #2b6cb0;
            border-color: rgba(43, 108, 176, var(--border-opacity))
        }

        .border-blue-800 {
            --border-opacity: 1;
            border-color: #2c5282;
            border-color: rgba(44, 82, 130, var(--border-opacity))
        }

        .border-blue-900 {
            --border-opacity: 1;
            border-color: #2a4365;
            border-color: rgba(42, 67, 101, var(--border-opacity))
        }

        .border-indigo-100 {
            --border-opacity: 1;
            border-color: #ebf4ff;
            border-color: rgba(235, 244, 255, var(--border-opacity))
        }

        .border-indigo-200 {
            --border-opacity: 1;
            border-color: #c3dafe;
            border-color: rgba(195, 218, 254, var(--border-opacity))
        }

        .border-indigo-300 {
            --border-opacity: 1;
            border-color: #a3bffa;
            border-color: rgba(163, 191, 250, var(--border-opacity))
        }

        .border-indigo-400 {
            --border-opacity: 1;
            border-color: #7f9cf5;
            border-color: rgba(127, 156, 245, var(--border-opacity))
        }

        .border-indigo-500 {
            --border-opacity: 1;
            border-color: #667eea;
            border-color: rgba(102, 126, 234, var(--border-opacity))
        }

        .border-indigo-600 {
            --border-opacity: 1;
            border-color: #5a67d8;
            border-color: rgba(90, 103, 216, var(--border-opacity))
        }

        .border-indigo-700 {
            --border-opacity: 1;
            border-color: #4c51bf;
            border-color: rgba(76, 81, 191, var(--border-opacity))
        }

        .border-indigo-800 {
            --border-opacity: 1;
            border-color: #434190;
            border-color: rgba(67, 65, 144, var(--border-opacity))
        }

        .border-indigo-900 {
            --border-opacity: 1;
            border-color: #3c366b;
            border-color: rgba(60, 54, 107, var(--border-opacity))
        }

        .border-purple-100 {
            --border-opacity: 1;
            border-color: #faf5ff;
            border-color: rgba(250, 245, 255, var(--border-opacity))
        }

        .border-purple-200 {
            --border-opacity: 1;
            border-color: #e9d8fd;
            border-color: rgba(233, 216, 253, var(--border-opacity))
        }

        .border-purple-300 {
            --border-opacity: 1;
            border-color: #d6bcfa;
            border-color: rgba(214, 188, 250, var(--border-opacity))
        }

        .border-purple-400 {
            --border-opacity: 1;
            border-color: #b794f4;
            border-color: rgba(183, 148, 244, var(--border-opacity))
        }

        .border-purple-500 {
            --border-opacity: 1;
            border-color: #9f7aea;
            border-color: rgba(159, 122, 234, var(--border-opacity))
        }

        .border-purple-600 {
            --border-opacity: 1;
            border-color: #805ad5;
            border-color: rgba(128, 90, 213, var(--border-opacity))
        }

        .border-purple-700 {
            --border-opacity: 1;
            border-color: #6b46c1;
            border-color: rgba(107, 70, 193, var(--border-opacity))
        }

        .border-purple-800 {
            --border-opacity: 1;
            border-color: #553c9a;
            border-color: rgba(85, 60, 154, var(--border-opacity))
        }

        .border-purple-900 {
            --border-opacity: 1;
            border-color: #44337a;
            border-color: rgba(68, 51, 122, var(--border-opacity))
        }

        .border-pink-100 {
            --border-opacity: 1;
            border-color: #fff5f7;
            border-color: rgba(255, 245, 247, var(--border-opacity))
        }

        .border-pink-200 {
            --border-opacity: 1;
            border-color: #fed7e2;
            border-color: rgba(254, 215, 226, var(--border-opacity))
        }

        .border-pink-300 {
            --border-opacity: 1;
            border-color: #fbb6ce;
            border-color: rgba(251, 182, 206, var(--border-opacity))
        }

        .border-pink-400 {
            --border-opacity: 1;
            border-color: #f687b3;
            border-color: rgba(246, 135, 179, var(--border-opacity))
        }

        .border-pink-500 {
            --border-opacity: 1;
            border-color: #ed64a6;
            border-color: rgba(237, 100, 166, var(--border-opacity))
        }

        .border-pink-600 {
            --border-opacity: 1;
            border-color: #d53f8c;
            border-color: rgba(213, 63, 140, var(--border-opacity))
        }

        .border-pink-700 {
            --border-opacity: 1;
            border-color: #b83280;
            border-color: rgba(184, 50, 128, var(--border-opacity))
        }

        .border-pink-800 {
            --border-opacity: 1;
            border-color: #97266d;
            border-color: rgba(151, 38, 109, var(--border-opacity))
        }

        .border-pink-900 {
            --border-opacity: 1;
            border-color: #702459;
            border-color: rgba(112, 36, 89, var(--border-opacity))
        }

        .hover\:border-transparent:hover {
            border-color: transparent
        }

        .hover\:border-current:hover {
            border-color: currentColor
        }

        .hover\:border-black:hover {
            --border-opacity: 1;
            border-color: #000;
            border-color: rgba(0, 0, 0, var(--border-opacity))
        }

        .hover\:border-white:hover {
            --border-opacity: 1;
            border-color: #fff;
            border-color: rgba(255, 255, 255, var(--border-opacity))
        }

        .hover\:border-gray-100:hover {
            --border-opacity: 1;
            border-color: #f7fafc;
            border-color: rgba(247, 250, 252, var(--border-opacity))
        }

        .hover\:border-gray-200:hover {
            --border-opacity: 1;
            border-color: #edf2f7;
            border-color: rgba(237, 242, 247, var(--border-opacity))
        }

        .hover\:border-gray-300:hover {
            --border-opacity: 1;
            border-color: #e2e8f0;
            border-color: rgba(226, 232, 240, var(--border-opacity))
        }

        .hover\:border-gray-400:hover {
            --border-opacity: 1;
            border-color: #cbd5e0;
            border-color: rgba(203, 213, 224, var(--border-opacity))
        }

        .hover\:border-gray-500:hover {
            --border-opacity: 1;
            border-color: #a0aec0;
            border-color: rgba(160, 174, 192, var(--border-opacity))
        }

        .hover\:border-gray-600:hover {
            --border-opacity: 1;
            border-color: #718096;
            border-color: rgba(113, 128, 150, var(--border-opacity))
        }

        .hover\:border-gray-700:hover {
            --border-opacity: 1;
            border-color: #4a5568;
            border-color: rgba(74, 85, 104, var(--border-opacity))
        }

        .hover\:border-gray-800:hover {
            --border-opacity: 1;
            border-color: #2d3748;
            border-color: rgba(45, 55, 72, var(--border-opacity))
        }

        .hover\:border-gray-900:hover {
            --border-opacity: 1;
            border-color: #1a202c;
            border-color: rgba(26, 32, 44, var(--border-opacity))
        }

        .hover\:border-red-100:hover {
            --border-opacity: 1;
            border-color: #fff5f5;
            border-color: rgba(255, 245, 245, var(--border-opacity))
        }

        .hover\:border-red-200:hover {
            --border-opacity: 1;
            border-color: #fed7d7;
            border-color: rgba(254, 215, 215, var(--border-opacity))
        }

        .hover\:border-red-300:hover {
            --border-opacity: 1;
            border-color: #feb2b2;
            border-color: rgba(254, 178, 178, var(--border-opacity))
        }

        .hover\:border-red-400:hover {
            --border-opacity: 1;
            border-color: #fc8181;
            border-color: rgba(252, 129, 129, var(--border-opacity))
        }

        .hover\:border-red-500:hover {
            --border-opacity: 1;
            border-color: #f56565;
            border-color: rgba(245, 101, 101, var(--border-opacity))
        }

        .hover\:border-red-600:hover {
            --border-opacity: 1;
            border-color: #e53e3e;
            border-color: rgba(229, 62, 62, var(--border-opacity))
        }

        .hover\:border-red-700:hover {
            --border-opacity: 1;
            border-color: #c53030;
            border-color: rgba(197, 48, 48, var(--border-opacity))
        }

        .hover\:border-red-800:hover {
            --border-opacity: 1;
            border-color: #9b2c2c;
            border-color: rgba(155, 44, 44, var(--border-opacity))
        }

        .hover\:border-red-900:hover {
            --border-opacity: 1;
            border-color: #742a2a;
            border-color: rgba(116, 42, 42, var(--border-opacity))
        }

        .hover\:border-orange-100:hover {
            --border-opacity: 1;
            border-color: #fffaf0;
            border-color: rgba(255, 250, 240, var(--border-opacity))
        }

        .hover\:border-orange-200:hover {
            --border-opacity: 1;
            border-color: #feebc8;
            border-color: rgba(254, 235, 200, var(--border-opacity))
        }

        .hover\:border-orange-300:hover {
            --border-opacity: 1;
            border-color: #fbd38d;
            border-color: rgba(251, 211, 141, var(--border-opacity))
        }

        .hover\:border-orange-400:hover {
            --border-opacity: 1;
            border-color: #f6ad55;
            border-color: rgba(246, 173, 85, var(--border-opacity))
        }

        .hover\:border-orange-500:hover {
            --border-opacity: 1;
            border-color: #ed8936;
            border-color: rgba(237, 137, 54, var(--border-opacity))
        }

        .hover\:border-orange-600:hover {
            --border-opacity: 1;
            border-color: #dd6b20;
            border-color: rgba(221, 107, 32, var(--border-opacity))
        }

        .hover\:border-orange-700:hover {
            --border-opacity: 1;
            border-color: #c05621;
            border-color: rgba(192, 86, 33, var(--border-opacity))
        }

        .hover\:border-orange-800:hover {
            --border-opacity: 1;
            border-color: #9c4221;
            border-color: rgba(156, 66, 33, var(--border-opacity))
        }

        .hover\:border-orange-900:hover {
            --border-opacity: 1;
            border-color: #7b341e;
            border-color: rgba(123, 52, 30, var(--border-opacity))
        }

        .hover\:border-yellow-100:hover {
            --border-opacity: 1;
            border-color: ivory;
            border-color: rgba(255, 255, 240, var(--border-opacity))
        }

        .hover\:border-yellow-200:hover {
            --border-opacity: 1;
            border-color: #fefcbf;
            border-color: rgba(254, 252, 191, var(--border-opacity))
        }

        .hover\:border-yellow-300:hover {
            --border-opacity: 1;
            border-color: #faf089;
            border-color: rgba(250, 240, 137, var(--border-opacity))
        }

        .hover\:border-yellow-400:hover {
            --border-opacity: 1;
            border-color: #f6e05e;
            border-color: rgba(246, 224, 94, var(--border-opacity))
        }

        .hover\:border-yellow-500:hover {
            --border-opacity: 1;
            border-color: #ecc94b;
            border-color: rgba(236, 201, 75, var(--border-opacity))
        }

        .hover\:border-yellow-600:hover {
            --border-opacity: 1;
            border-color: #d69e2e;
            border-color: rgba(214, 158, 46, var(--border-opacity))
        }

        .hover\:border-yellow-700:hover {
            --border-opacity: 1;
            border-color: #b7791f;
            border-color: rgba(183, 121, 31, var(--border-opacity))
        }

        .hover\:border-yellow-800:hover {
            --border-opacity: 1;
            border-color: #975a16;
            border-color: rgba(151, 90, 22, var(--border-opacity))
        }

        .hover\:border-yellow-900:hover {
            --border-opacity: 1;
            border-color: #744210;
            border-color: rgba(116, 66, 16, var(--border-opacity))
        }

        .hover\:border-green-100:hover {
            --border-opacity: 1;
            border-color: #f0fff4;
            border-color: rgba(240, 255, 244, var(--border-opacity))
        }

        .hover\:border-green-200:hover {
            --border-opacity: 1;
            border-color: #c6f6d5;
            border-color: rgba(198, 246, 213, var(--border-opacity))
        }

        .hover\:border-green-300:hover {
            --border-opacity: 1;
            border-color: #9ae6b4;
            border-color: rgba(154, 230, 180, var(--border-opacity))
        }

        .hover\:border-green-400:hover {
            --border-opacity: 1;
            border-color: #68d391;
            border-color: rgba(104, 211, 145, var(--border-opacity))
        }

        .hover\:border-green-500:hover {
            --border-opacity: 1;
            border-color: #48bb78;
            border-color: rgba(72, 187, 120, var(--border-opacity))
        }

        .hover\:border-green-600:hover {
            --border-opacity: 1;
            border-color: #38a169;
            border-color: rgba(56, 161, 105, var(--border-opacity))
        }

        .hover\:border-green-700:hover {
            --border-opacity: 1;
            border-color: #2f855a;
            border-color: rgba(47, 133, 90, var(--border-opacity))
        }

        .hover\:border-green-800:hover {
            --border-opacity: 1;
            border-color: #276749;
            border-color: rgba(39, 103, 73, var(--border-opacity))
        }

        .hover\:border-green-900:hover {
            --border-opacity: 1;
            border-color: #22543d;
            border-color: rgba(34, 84, 61, var(--border-opacity))
        }

        .hover\:border-teal-100:hover {
            --border-opacity: 1;
            border-color: #e6fffa;
            border-color: rgba(230, 255, 250, var(--border-opacity))
        }

        .hover\:border-teal-200:hover {
            --border-opacity: 1;
            border-color: #b2f5ea;
            border-color: rgba(178, 245, 234, var(--border-opacity))
        }

        .hover\:border-teal-300:hover {
            --border-opacity: 1;
            border-color: #81e6d9;
            border-color: rgba(129, 230, 217, var(--border-opacity))
        }

        .hover\:border-teal-400:hover {
            --border-opacity: 1;
            border-color: #4fd1c5;
            border-color: rgba(79, 209, 197, var(--border-opacity))
        }

        .hover\:border-teal-500:hover {
            --border-opacity: 1;
            border-color: #38b2ac;
            border-color: rgba(56, 178, 172, var(--border-opacity))
        }

        .hover\:border-teal-600:hover {
            --border-opacity: 1;
            border-color: #319795;
            border-color: rgba(49, 151, 149, var(--border-opacity))
        }

        .hover\:border-teal-700:hover {
            --border-opacity: 1;
            border-color: #2c7a7b;
            border-color: rgba(44, 122, 123, var(--border-opacity))
        }

        .hover\:border-teal-800:hover {
            --border-opacity: 1;
            border-color: #285e61;
            border-color: rgba(40, 94, 97, var(--border-opacity))
        }

        .hover\:border-teal-900:hover {
            --border-opacity: 1;
            border-color: #234e52;
            border-color: rgba(35, 78, 82, var(--border-opacity))
        }

        .hover\:border-blue-100:hover {
            --border-opacity: 1;
            border-color: #ebf8ff;
            border-color: rgba(235, 248, 255, var(--border-opacity))
        }

        .hover\:border-blue-200:hover {
            --border-opacity: 1;
            border-color: #bee3f8;
            border-color: rgba(190, 227, 248, var(--border-opacity))
        }

        .hover\:border-blue-300:hover {
            --border-opacity: 1;
            border-color: #90cdf4;
            border-color: rgba(144, 205, 244, var(--border-opacity))
        }

        .hover\:border-blue-400:hover {
            --border-opacity: 1;
            border-color: #63b3ed;
            border-color: rgba(99, 179, 237, var(--border-opacity))
        }

        .hover\:border-blue-500:hover {
            --border-opacity: 1;
            border-color: #4299e1;
            border-color: rgba(66, 153, 225, var(--border-opacity))
        }

        .hover\:border-blue-600:hover {
            --border-opacity: 1;
            border-color: #3182ce;
            border-color: rgba(49, 130, 206, var(--border-opacity))
        }

        .hover\:border-blue-700:hover {
            --border-opacity: 1;
            border-color: #2b6cb0;
            border-color: rgba(43, 108, 176, var(--border-opacity))
        }

        .hover\:border-blue-800:hover {
            --border-opacity: 1;
            border-color: #2c5282;
            border-color: rgba(44, 82, 130, var(--border-opacity))
        }

        .hover\:border-blue-900:hover {
            --border-opacity: 1;
            border-color: #2a4365;
            border-color: rgba(42, 67, 101, var(--border-opacity))
        }

        .hover\:border-indigo-100:hover {
            --border-opacity: 1;
            border-color: #ebf4ff;
            border-color: rgba(235, 244, 255, var(--border-opacity))
        }

        .hover\:border-indigo-200:hover {
            --border-opacity: 1;
            border-color: #c3dafe;
            border-color: rgba(195, 218, 254, var(--border-opacity))
        }

        .hover\:border-indigo-300:hover {
            --border-opacity: 1;
            border-color: #a3bffa;
            border-color: rgba(163, 191, 250, var(--border-opacity))
        }

        .hover\:border-indigo-400:hover {
            --border-opacity: 1;
            border-color: #7f9cf5;
            border-color: rgba(127, 156, 245, var(--border-opacity))
        }

        .hover\:border-indigo-500:hover {
            --border-opacity: 1;
            border-color: #667eea;
            border-color: rgba(102, 126, 234, var(--border-opacity))
        }

        .hover\:border-indigo-600:hover {
            --border-opacity: 1;
            border-color: #5a67d8;
            border-color: rgba(90, 103, 216, var(--border-opacity))
        }

        .hover\:border-indigo-700:hover {
            --border-opacity: 1;
            border-color: #4c51bf;
            border-color: rgba(76, 81, 191, var(--border-opacity))
        }

        .hover\:border-indigo-800:hover {
            --border-opacity: 1;
            border-color: #434190;
            border-color: rgba(67, 65, 144, var(--border-opacity))
        }

        .hover\:border-indigo-900:hover {
            --border-opacity: 1;
            border-color: #3c366b;
            border-color: rgba(60, 54, 107, var(--border-opacity))
        }

        .hover\:border-purple-100:hover {
            --border-opacity: 1;
            border-color: #faf5ff;
            border-color: rgba(250, 245, 255, var(--border-opacity))
        }

        .hover\:border-purple-200:hover {
            --border-opacity: 1;
            border-color: #e9d8fd;
            border-color: rgba(233, 216, 253, var(--border-opacity))
        }

        .hover\:border-purple-300:hover {
            --border-opacity: 1;
            border-color: #d6bcfa;
            border-color: rgba(214, 188, 250, var(--border-opacity))
        }

        .hover\:border-purple-400:hover {
            --border-opacity: 1;
            border-color: #b794f4;
            border-color: rgba(183, 148, 244, var(--border-opacity))
        }

        .hover\:border-purple-500:hover {
            --border-opacity: 1;
            border-color: #9f7aea;
            border-color: rgba(159, 122, 234, var(--border-opacity))
        }

        .hover\:border-purple-600:hover {
            --border-opacity: 1;
            border-color: #805ad5;
            border-color: rgba(128, 90, 213, var(--border-opacity))
        }

        .hover\:border-purple-700:hover {
            --border-opacity: 1;
            border-color: #6b46c1;
            border-color: rgba(107, 70, 193, var(--border-opacity))
        }

        .hover\:border-purple-800:hover {
            --border-opacity: 1;
            border-color: #553c9a;
            border-color: rgba(85, 60, 154, var(--border-opacity))
        }

        .hover\:border-purple-900:hover {
            --border-opacity: 1;
            border-color: #44337a;
            border-color: rgba(68, 51, 122, var(--border-opacity))
        }

        .hover\:border-pink-100:hover {
            --border-opacity: 1;
            border-color: #fff5f7;
            border-color: rgba(255, 245, 247, var(--border-opacity))
        }

        .hover\:border-pink-200:hover {
            --border-opacity: 1;
            border-color: #fed7e2;
            border-color: rgba(254, 215, 226, var(--border-opacity))
        }

        .hover\:border-pink-300:hover {
            --border-opacity: 1;
            border-color: #fbb6ce;
            border-color: rgba(251, 182, 206, var(--border-opacity))
        }

        .hover\:border-pink-400:hover {
            --border-opacity: 1;
            border-color: #f687b3;
            border-color: rgba(246, 135, 179, var(--border-opacity))
        }

        .hover\:border-pink-500:hover {
            --border-opacity: 1;
            border-color: #ed64a6;
            border-color: rgba(237, 100, 166, var(--border-opacity))
        }

        .hover\:border-pink-600:hover {
            --border-opacity: 1;
            border-color: #d53f8c;
            border-color: rgba(213, 63, 140, var(--border-opacity))
        }

        .hover\:border-pink-700:hover {
            --border-opacity: 1;
            border-color: #b83280;
            border-color: rgba(184, 50, 128, var(--border-opacity))
        }

        .hover\:border-pink-800:hover {
            --border-opacity: 1;
            border-color: #97266d;
            border-color: rgba(151, 38, 109, var(--border-opacity))
        }

        .hover\:border-pink-900:hover {
            --border-opacity: 1;
            border-color: #702459;
            border-color: rgba(112, 36, 89, var(--border-opacity))
        }

        .focus\:border-transparent:focus {
            border-color: transparent
        }

        .focus\:border-current:focus {
            border-color: currentColor
        }

        .focus\:border-black:focus {
            --border-opacity: 1;
            border-color: #000;
            border-color: rgba(0, 0, 0, var(--border-opacity))
        }

        .focus\:border-white:focus {
            --border-opacity: 1;
            border-color: #fff;
            border-color: rgba(255, 255, 255, var(--border-opacity))
        }

        .focus\:border-gray-100:focus {
            --border-opacity: 1;
            border-color: #f7fafc;
            border-color: rgba(247, 250, 252, var(--border-opacity))
        }

        .focus\:border-gray-200:focus {
            --border-opacity: 1;
            border-color: #edf2f7;
            border-color: rgba(237, 242, 247, var(--border-opacity))
        }

        .focus\:border-gray-300:focus {
            --border-opacity: 1;
            border-color: #e2e8f0;
            border-color: rgba(226, 232, 240, var(--border-opacity))
        }

        .focus\:border-gray-400:focus {
            --border-opacity: 1;
            border-color: #cbd5e0;
            border-color: rgba(203, 213, 224, var(--border-opacity))
        }

        .focus\:border-gray-500:focus {
            --border-opacity: 1;
            border-color: #a0aec0;
            border-color: rgba(160, 174, 192, var(--border-opacity))
        }

        .focus\:border-gray-600:focus {
            --border-opacity: 1;
            border-color: #718096;
            border-color: rgba(113, 128, 150, var(--border-opacity))
        }

        .focus\:border-gray-700:focus {
            --border-opacity: 1;
            border-color: #4a5568;
            border-color: rgba(74, 85, 104, var(--border-opacity))
        }

        .focus\:border-gray-800:focus {
            --border-opacity: 1;
            border-color: #2d3748;
            border-color: rgba(45, 55, 72, var(--border-opacity))
        }

        .focus\:border-gray-900:focus {
            --border-opacity: 1;
            border-color: #1a202c;
            border-color: rgba(26, 32, 44, var(--border-opacity))
        }

        .focus\:border-red-100:focus {
            --border-opacity: 1;
            border-color: #fff5f5;
            border-color: rgba(255, 245, 245, var(--border-opacity))
        }

        .focus\:border-red-200:focus {
            --border-opacity: 1;
            border-color: #fed7d7;
            border-color: rgba(254, 215, 215, var(--border-opacity))
        }

        .focus\:border-red-300:focus {
            --border-opacity: 1;
            border-color: #feb2b2;
            border-color: rgba(254, 178, 178, var(--border-opacity))
        }

        .focus\:border-red-400:focus {
            --border-opacity: 1;
            border-color: #fc8181;
            border-color: rgba(252, 129, 129, var(--border-opacity))
        }

        .focus\:border-red-500:focus {
            --border-opacity: 1;
            border-color: #f56565;
            border-color: rgba(245, 101, 101, var(--border-opacity))
        }

        .focus\:border-red-600:focus {
            --border-opacity: 1;
            border-color: #e53e3e;
            border-color: rgba(229, 62, 62, var(--border-opacity))
        }

        .focus\:border-red-700:focus {
            --border-opacity: 1;
            border-color: #c53030;
            border-color: rgba(197, 48, 48, var(--border-opacity))
        }

        .focus\:border-red-800:focus {
            --border-opacity: 1;
            border-color: #9b2c2c;
            border-color: rgba(155, 44, 44, var(--border-opacity))
        }

        .focus\:border-red-900:focus {
            --border-opacity: 1;
            border-color: #742a2a;
            border-color: rgba(116, 42, 42, var(--border-opacity))
        }

        .focus\:border-orange-100:focus {
            --border-opacity: 1;
            border-color: #fffaf0;
            border-color: rgba(255, 250, 240, var(--border-opacity))
        }

        .focus\:border-orange-200:focus {
            --border-opacity: 1;
            border-color: #feebc8;
            border-color: rgba(254, 235, 200, var(--border-opacity))
        }

        .focus\:border-orange-300:focus {
            --border-opacity: 1;
            border-color: #fbd38d;
            border-color: rgba(251, 211, 141, var(--border-opacity))
        }

        .focus\:border-orange-400:focus {
            --border-opacity: 1;
            border-color: #f6ad55;
            border-color: rgba(246, 173, 85, var(--border-opacity))
        }

        .focus\:border-orange-500:focus {
            --border-opacity: 1;
            border-color: #ed8936;
            border-color: rgba(237, 137, 54, var(--border-opacity))
        }

        .focus\:border-orange-600:focus {
            --border-opacity: 1;
            border-color: #dd6b20;
            border-color: rgba(221, 107, 32, var(--border-opacity))
        }

        .focus\:border-orange-700:focus {
            --border-opacity: 1;
            border-color: #c05621;
            border-color: rgba(192, 86, 33, var(--border-opacity))
        }

        .focus\:border-orange-800:focus {
            --border-opacity: 1;
            border-color: #9c4221;
            border-color: rgba(156, 66, 33, var(--border-opacity))
        }

        .focus\:border-orange-900:focus {
            --border-opacity: 1;
            border-color: #7b341e;
            border-color: rgba(123, 52, 30, var(--border-opacity))
        }

        .focus\:border-yellow-100:focus {
            --border-opacity: 1;
            border-color: ivory;
            border-color: rgba(255, 255, 240, var(--border-opacity))
        }

        .focus\:border-yellow-200:focus {
            --border-opacity: 1;
            border-color: #fefcbf;
            border-color: rgba(254, 252, 191, var(--border-opacity))
        }

        .focus\:border-yellow-300:focus {
            --border-opacity: 1;
            border-color: #faf089;
            border-color: rgba(250, 240, 137, var(--border-opacity))
        }

        .focus\:border-yellow-400:focus {
            --border-opacity: 1;
            border-color: #f6e05e;
            border-color: rgba(246, 224, 94, var(--border-opacity))
        }

        .focus\:border-yellow-500:focus {
            --border-opacity: 1;
            border-color: #ecc94b;
            border-color: rgba(236, 201, 75, var(--border-opacity))
        }

        .focus\:border-yellow-600:focus {
            --border-opacity: 1;
            border-color: #d69e2e;
            border-color: rgba(214, 158, 46, var(--border-opacity))
        }

        .focus\:border-yellow-700:focus {
            --border-opacity: 1;
            border-color: #b7791f;
            border-color: rgba(183, 121, 31, var(--border-opacity))
        }

        .focus\:border-yellow-800:focus {
            --border-opacity: 1;
            border-color: #975a16;
            border-color: rgba(151, 90, 22, var(--border-opacity))
        }

        .focus\:border-yellow-900:focus {
            --border-opacity: 1;
            border-color: #744210;
            border-color: rgba(116, 66, 16, var(--border-opacity))
        }

        .focus\:border-green-100:focus {
            --border-opacity: 1;
            border-color: #f0fff4;
            border-color: rgba(240, 255, 244, var(--border-opacity))
        }

        .focus\:border-green-200:focus {
            --border-opacity: 1;
            border-color: #c6f6d5;
            border-color: rgba(198, 246, 213, var(--border-opacity))
        }

        .focus\:border-green-300:focus {
            --border-opacity: 1;
            border-color: #9ae6b4;
            border-color: rgba(154, 230, 180, var(--border-opacity))
        }

        .focus\:border-green-400:focus {
            --border-opacity: 1;
            border-color: #68d391;
            border-color: rgba(104, 211, 145, var(--border-opacity))
        }

        .focus\:border-green-500:focus {
            --border-opacity: 1;
            border-color: #48bb78;
            border-color: rgba(72, 187, 120, var(--border-opacity))
        }

        .focus\:border-green-600:focus {
            --border-opacity: 1;
            border-color: #38a169;
            border-color: rgba(56, 161, 105, var(--border-opacity))
        }

        .focus\:border-green-700:focus {
            --border-opacity: 1;
            border-color: #2f855a;
            border-color: rgba(47, 133, 90, var(--border-opacity))
        }

        .focus\:border-green-800:focus {
            --border-opacity: 1;
            border-color: #276749;
            border-color: rgba(39, 103, 73, var(--border-opacity))
        }

        .focus\:border-green-900:focus {
            --border-opacity: 1;
            border-color: #22543d;
            border-color: rgba(34, 84, 61, var(--border-opacity))
        }

        .focus\:border-teal-100:focus {
            --border-opacity: 1;
            border-color: #e6fffa;
            border-color: rgba(230, 255, 250, var(--border-opacity))
        }

        .focus\:border-teal-200:focus {
            --border-opacity: 1;
            border-color: #b2f5ea;
            border-color: rgba(178, 245, 234, var(--border-opacity))
        }

        .focus\:border-teal-300:focus {
            --border-opacity: 1;
            border-color: #81e6d9;
            border-color: rgba(129, 230, 217, var(--border-opacity))
        }

        .focus\:border-teal-400:focus {
            --border-opacity: 1;
            border-color: #4fd1c5;
            border-color: rgba(79, 209, 197, var(--border-opacity))
        }

        .focus\:border-teal-500:focus {
            --border-opacity: 1;
            border-color: #38b2ac;
            border-color: rgba(56, 178, 172, var(--border-opacity))
        }

        .focus\:border-teal-600:focus {
            --border-opacity: 1;
            border-color: #319795;
            border-color: rgba(49, 151, 149, var(--border-opacity))
        }

        .focus\:border-teal-700:focus {
            --border-opacity: 1;
            border-color: #2c7a7b;
            border-color: rgba(44, 122, 123, var(--border-opacity))
        }

        .focus\:border-teal-800:focus {
            --border-opacity: 1;
            border-color: #285e61;
            border-color: rgba(40, 94, 97, var(--border-opacity))
        }

        .focus\:border-teal-900:focus {
            --border-opacity: 1;
            border-color: #234e52;
            border-color: rgba(35, 78, 82, var(--border-opacity))
        }

        .focus\:border-blue-100:focus {
            --border-opacity: 1;
            border-color: #ebf8ff;
            border-color: rgba(235, 248, 255, var(--border-opacity))
        }

        .focus\:border-blue-200:focus {
            --border-opacity: 1;
            border-color: #bee3f8;
            border-color: rgba(190, 227, 248, var(--border-opacity))
        }

        .focus\:border-blue-300:focus {
            --border-opacity: 1;
            border-color: #90cdf4;
            border-color: rgba(144, 205, 244, var(--border-opacity))
        }

        .focus\:border-blue-400:focus {
            --border-opacity: 1;
            border-color: #63b3ed;
            border-color: rgba(99, 179, 237, var(--border-opacity))
        }

        .focus\:border-blue-500:focus {
            --border-opacity: 1;
            border-color: #4299e1;
            border-color: rgba(66, 153, 225, var(--border-opacity))
        }

        .focus\:border-blue-600:focus {
            --border-opacity: 1;
            border-color: #3182ce;
            border-color: rgba(49, 130, 206, var(--border-opacity))
        }

        .focus\:border-blue-700:focus {
            --border-opacity: 1;
            border-color: #2b6cb0;
            border-color: rgba(43, 108, 176, var(--border-opacity))
        }

        .focus\:border-blue-800:focus {
            --border-opacity: 1;
            border-color: #2c5282;
            border-color: rgba(44, 82, 130, var(--border-opacity))
        }

        .focus\:border-blue-900:focus {
            --border-opacity: 1;
            border-color: #2a4365;
            border-color: rgba(42, 67, 101, var(--border-opacity))
        }

        .focus\:border-indigo-100:focus {
            --border-opacity: 1;
            border-color: #ebf4ff;
            border-color: rgba(235, 244, 255, var(--border-opacity))
        }

        .focus\:border-indigo-200:focus {
            --border-opacity: 1;
            border-color: #c3dafe;
            border-color: rgba(195, 218, 254, var(--border-opacity))
        }

        .focus\:border-indigo-300:focus {
            --border-opacity: 1;
            border-color: #a3bffa;
            border-color: rgba(163, 191, 250, var(--border-opacity))
        }

        .focus\:border-indigo-400:focus {
            --border-opacity: 1;
            border-color: #7f9cf5;
            border-color: rgba(127, 156, 245, var(--border-opacity))
        }

        .focus\:border-indigo-500:focus {
            --border-opacity: 1;
            border-color: #667eea;
            border-color: rgba(102, 126, 234, var(--border-opacity))
        }

        .focus\:border-indigo-600:focus {
            --border-opacity: 1;
            border-color: #5a67d8;
            border-color: rgba(90, 103, 216, var(--border-opacity))
        }

        .focus\:border-indigo-700:focus {
            --border-opacity: 1;
            border-color: #4c51bf;
            border-color: rgba(76, 81, 191, var(--border-opacity))
        }

        .focus\:border-indigo-800:focus {
            --border-opacity: 1;
            border-color: #434190;
            border-color: rgba(67, 65, 144, var(--border-opacity))
        }

        .focus\:border-indigo-900:focus {
            --border-opacity: 1;
            border-color: #3c366b;
            border-color: rgba(60, 54, 107, var(--border-opacity))
        }

        .focus\:border-purple-100:focus {
            --border-opacity: 1;
            border-color: #faf5ff;
            border-color: rgba(250, 245, 255, var(--border-opacity))
        }

        .focus\:border-purple-200:focus {
            --border-opacity: 1;
            border-color: #e9d8fd;
            border-color: rgba(233, 216, 253, var(--border-opacity))
        }

        .focus\:border-purple-300:focus {
            --border-opacity: 1;
            border-color: #d6bcfa;
            border-color: rgba(214, 188, 250, var(--border-opacity))
        }

        .focus\:border-purple-400:focus {
            --border-opacity: 1;
            border-color: #b794f4;
            border-color: rgba(183, 148, 244, var(--border-opacity))
        }

        .focus\:border-purple-500:focus {
            --border-opacity: 1;
            border-color: #9f7aea;
            border-color: rgba(159, 122, 234, var(--border-opacity))
        }

        .focus\:border-purple-600:focus {
            --border-opacity: 1;
            border-color: #805ad5;
            border-color: rgba(128, 90, 213, var(--border-opacity))
        }

        .focus\:border-purple-700:focus {
            --border-opacity: 1;
            border-color: #6b46c1;
            border-color: rgba(107, 70, 193, var(--border-opacity))
        }

        .focus\:border-purple-800:focus {
            --border-opacity: 1;
            border-color: #553c9a;
            border-color: rgba(85, 60, 154, var(--border-opacity))
        }

        .focus\:border-purple-900:focus {
            --border-opacity: 1;
            border-color: #44337a;
            border-color: rgba(68, 51, 122, var(--border-opacity))
        }

        .focus\:border-pink-100:focus {
            --border-opacity: 1;
            border-color: #fff5f7;
            border-color: rgba(255, 245, 247, var(--border-opacity))
        }

        .focus\:border-pink-200:focus {
            --border-opacity: 1;
            border-color: #fed7e2;
            border-color: rgba(254, 215, 226, var(--border-opacity))
        }

        .focus\:border-pink-300:focus {
            --border-opacity: 1;
            border-color: #fbb6ce;
            border-color: rgba(251, 182, 206, var(--border-opacity))
        }

        .focus\:border-pink-400:focus {
            --border-opacity: 1;
            border-color: #f687b3;
            border-color: rgba(246, 135, 179, var(--border-opacity))
        }

        .focus\:border-pink-500:focus {
            --border-opacity: 1;
            border-color: #ed64a6;
            border-color: rgba(237, 100, 166, var(--border-opacity))
        }

        .focus\:border-pink-600:focus {
            --border-opacity: 1;
            border-color: #d53f8c;
            border-color: rgba(213, 63, 140, var(--border-opacity))
        }

        .focus\:border-pink-700:focus {
            --border-opacity: 1;
            border-color: #b83280;
            border-color: rgba(184, 50, 128, var(--border-opacity))
        }

        .focus\:border-pink-800:focus {
            --border-opacity: 1;
            border-color: #97266d;
            border-color: rgba(151, 38, 109, var(--border-opacity))
        }

        .focus\:border-pink-900:focus {
            --border-opacity: 1;
            border-color: #702459;
            border-color: rgba(112, 36, 89, var(--border-opacity))
        }

        .border-opacity-0 {
            --border-opacity: 0
        }

        .border-opacity-25 {
            --border-opacity: 0.25
        }

        .border-opacity-50 {
            --border-opacity: 0.5
        }

        .border-opacity-75 {
            --border-opacity: 0.75
        }

        .border-opacity-100 {
            --border-opacity: 1
        }

        .hover\:border-opacity-0:hover {
            --border-opacity: 0
        }

        .hover\:border-opacity-25:hover {
            --border-opacity: 0.25
        }

        .hover\:border-opacity-50:hover {
            --border-opacity: 0.5
        }

        .hover\:border-opacity-75:hover {
            --border-opacity: 0.75
        }

        .hover\:border-opacity-100:hover {
            --border-opacity: 1
        }

        .focus\:border-opacity-0:focus {
            --border-opacity: 0
        }

        .focus\:border-opacity-25:focus {
            --border-opacity: 0.25
        }

        .focus\:border-opacity-50:focus {
            --border-opacity: 0.5
        }

        .focus\:border-opacity-75:focus {
            --border-opacity: 0.75
        }

        .focus\:border-opacity-100:focus {
            --border-opacity: 1
        }

        .rounded-none {
            border-radius: 0
        }

        .rounded-sm {
            border-radius: .125rem
        }

        .rounded {
            border-radius: .25rem
        }

        .rounded-md {
            border-radius: .375rem
        }

        .rounded-lg {
            border-radius: .5rem
        }

        .rounded-full {
            border-radius: 9999px
        }

        .rounded-t-none {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .rounded-r-none {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .rounded-b-none {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .rounded-l-none {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .rounded-t-sm {
            border-top-left-radius: .125rem
        }

        .rounded-r-sm,
        .rounded-t-sm {
            border-top-right-radius: .125rem
        }

        .rounded-b-sm,
        .rounded-r-sm {
            border-bottom-right-radius: .125rem
        }

        .rounded-b-sm,
        .rounded-l-sm {
            border-bottom-left-radius: .125rem
        }

        .rounded-l-sm {
            border-top-left-radius: .125rem
        }

        .rounded-t {
            border-top-left-radius: .25rem
        }

        .rounded-r,
        .rounded-t {
            border-top-right-radius: .25rem
        }

        .rounded-b,
        .rounded-r {
            border-bottom-right-radius: .25rem
        }

        .rounded-b,
        .rounded-l {
            border-bottom-left-radius: .25rem
        }

        .rounded-l {
            border-top-left-radius: .25rem
        }

        .rounded-t-md {
            border-top-left-radius: .375rem
        }

        .rounded-r-md,
        .rounded-t-md {
            border-top-right-radius: .375rem
        }

        .rounded-b-md,
        .rounded-r-md {
            border-bottom-right-radius: .375rem
        }

        .rounded-b-md,
        .rounded-l-md {
            border-bottom-left-radius: .375rem
        }

        .rounded-l-md {
            border-top-left-radius: .375rem
        }

        .rounded-t-lg {
            border-top-left-radius: .5rem
        }

        .rounded-r-lg,
        .rounded-t-lg {
            border-top-right-radius: .5rem
        }

        .rounded-b-lg,
        .rounded-r-lg {
            border-bottom-right-radius: .5rem
        }

        .rounded-b-lg,
        .rounded-l-lg {
            border-bottom-left-radius: .5rem
        }

        .rounded-l-lg {
            border-top-left-radius: .5rem
        }

        .rounded-t-full {
            border-top-left-radius: 9999px;
            border-top-right-radius: 9999px
        }

        .rounded-r-full {
            border-top-right-radius: 9999px
        }

        .rounded-b-full,
        .rounded-r-full {
            border-bottom-right-radius: 9999px
        }

        .rounded-b-full,
        .rounded-l-full {
            border-bottom-left-radius: 9999px
        }

        .rounded-l-full {
            border-top-left-radius: 9999px
        }

        .rounded-tl-none {
            border-top-left-radius: 0
        }

        .rounded-tr-none {
            border-top-right-radius: 0
        }

        .rounded-br-none {
            border-bottom-right-radius: 0
        }

        .rounded-bl-none {
            border-bottom-left-radius: 0
        }

        .rounded-tl-sm {
            border-top-left-radius: .125rem
        }

        .rounded-tr-sm {
            border-top-right-radius: .125rem
        }

        .rounded-br-sm {
            border-bottom-right-radius: .125rem
        }

        .rounded-bl-sm {
            border-bottom-left-radius: .125rem
        }

        .rounded-tl {
            border-top-left-radius: .25rem
        }

        .rounded-tr {
            border-top-right-radius: .25rem
        }

        .rounded-br {
            border-bottom-right-radius: .25rem
        }

        .rounded-bl {
            border-bottom-left-radius: .25rem
        }

        .rounded-tl-md {
            border-top-left-radius: .375rem
        }

        .rounded-tr-md {
            border-top-right-radius: .375rem
        }

        .rounded-br-md {
            border-bottom-right-radius: .375rem
        }

        .rounded-bl-md {
            border-bottom-left-radius: .375rem
        }

        .rounded-tl-lg {
            border-top-left-radius: .5rem
        }

        .rounded-tr-lg {
            border-top-right-radius: .5rem
        }

        .rounded-br-lg {
            border-bottom-right-radius: .5rem
        }

        .rounded-bl-lg {
            border-bottom-left-radius: .5rem
        }

        .rounded-tl-full {
            border-top-left-radius: 9999px
        }

        .rounded-tr-full {
            border-top-right-radius: 9999px
        }

        .rounded-br-full {
            border-bottom-right-radius: 9999px
        }

        .rounded-bl-full {
            border-bottom-left-radius: 9999px
        }

        .border-solid {
            border-style: solid
        }

        .border-dashed {
            border-style: dashed
        }

        .border-dotted {
            border-style: dotted
        }

        .border-double {
            border-style: double
        }

        .border-none {
            border-style: none
        }

        .border-0 {
            border-width: 0
        }

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

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

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

        .border {
            border-width: 1px
        }

        .border-t-0 {
            border-top-width: 0
        }

        .border-r-0 {
            border-right-width: 0
        }

        .border-b-0 {
            border-bottom-width: 0
        }

        .border-l-0 {
            border-left-width: 0
        }

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

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

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

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

        .border-t-4 {
            border-top-width: 4px
        }

        .border-r-4 {
            border-right-width: 4px
        }

        .border-b-4 {
            border-bottom-width: 4px
        }

        .border-l-4 {
            border-left-width: 4px
        }

        .border-t-8 {
            border-top-width: 8px
        }

        .border-r-8 {
            border-right-width: 8px
        }

        .border-b-8 {
            border-bottom-width: 8px
        }

        .border-l-8 {
            border-left-width: 8px
        }

        .border-t {
            border-top-width: 1px
        }

        .border-r {
            border-right-width: 1px
        }

        .border-b {
            border-bottom-width: 1px
        }

        .border-l {
            border-left-width: 1px
        }

        .box-border {
            box-sizing: border-box
        }

        .box-content {
            box-sizing: content-box
        }

        .cursor-auto {
            cursor: auto
        }

        .cursor-default {
            cursor: default
        }

        .cursor-pointer {
            cursor: pointer
        }

        .cursor-wait {
            cursor: wait
        }

        .cursor-text {
            cursor: text
        }

        .cursor-move {
            cursor: move
        }

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

        .block {
            display: block
        }

        .inline-block {
            display: inline-block
        }

        .inline {
            display: inline
        }

        .flex {
            display: flex
        }

        .inline-flex {
            display: inline-flex
        }

        .table {
            display: table
        }

        .table-caption {
            display: table-caption
        }

        .table-cell {
            display: table-cell
        }

        .table-column {
            display: table-column
        }

        .table-column-group {
            display: table-column-group
        }

        .table-footer-group {
            display: table-footer-group
        }

        .table-header-group {
            display: table-header-group
        }

        .table-row-group {
            display: table-row-group
        }

        .table-row {
            display: table-row
        }

        .flow-root {
            display: flow-root
        }

        .grid {
            display: grid
        }

        .inline-grid {
            display: inline-grid
        }

        .hidden {
            display: none
        }

        .flex-row {
            flex-direction: row
        }

        .flex-row-reverse {
            flex-direction: row-reverse
        }

        .flex-col {
            flex-direction: column
        }

        .flex-col-reverse {
            flex-direction: column-reverse
        }

        .flex-wrap {
            flex-wrap: wrap
        }

        .flex-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .flex-no-wrap {
            flex-wrap: nowrap
        }

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

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

        .items-center {
            align-items: center
        }

        .items-baseline {
            align-items: baseline
        }

        .items-stretch {
            align-items: stretch
        }

        .self-auto {
            align-self: auto
        }

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

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

        .self-center {
            align-self: center
        }

        .self-stretch {
            align-self: stretch
        }

        .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-evenly {
            justify-content: space-evenly
        }

        .content-center {
            align-content: center
        }

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

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

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

        .content-around {
            align-content: space-around
        }

        .flex-1 {
            flex: 1 1 0%
        }

        .flex-auto {
            flex: 1 1 auto
        }

        .flex-initial {
            flex: 0 1 auto
        }

        .flex-none {
            flex: none
        }

        .flex-grow-0 {
            flex-grow: 0
        }

        .flex-grow {
            flex-grow: 1
        }

        .flex-shrink-0 {
            flex-shrink: 0
        }

        .flex-shrink {
            flex-shrink: 1
        }

        .order-1 {
            order: 1
        }

        .order-2 {
            order: 2
        }

        .order-3 {
            order: 3
        }

        .order-4 {
            order: 4
        }

        .order-5 {
            order: 5
        }

        .order-6 {
            order: 6
        }

        .order-7 {
            order: 7
        }

        .order-8 {
            order: 8
        }

        .order-9 {
            order: 9
        }

        .order-10 {
            order: 10
        }

        .order-11 {
            order: 11
        }

        .order-12 {
            order: 12
        }

        .order-first {
            order: -9999
        }

        .order-last {
            order: 9999
        }

        .order-none {
            order: 0
        }

        .float-right {
            float: right
        }

        .float-left {
            float: left
        }

        .float-none {
            float: none
        }

        .clearfix:after {
            content: "";
            display: table;
            clear: both
        }

        .clear-left {
            clear: left
        }

        .clear-right {
            clear: right
        }

        .clear-both {
            clear: both
        }

        .clear-none {
            clear: none
        }

        .font-display {
            font-family: Oswald, sans-serif
        }

        .font-body {
            font-family: Ropa Sans, sans-serif
        }

        .font-hairline {
            font-weight: 100
        }

        .font-thin {
            font-weight: 200
        }

        .font-light {
            font-weight: 300
        }

        .font-normal {
            font-weight: 400
        }

        .font-medium {
            font-weight: 500
        }

        .font-semibold {
            font-weight: 600
        }

        .font-bold {
            font-weight: 700
        }

        .font-extrabold {
            font-weight: 800
        }

        .font-black {
            font-weight: 900
        }

        .hover\:font-hairline:hover {
            font-weight: 100
        }

        .hover\:font-thin:hover {
            font-weight: 200
        }

        .hover\:font-light:hover {
            font-weight: 300
        }

        .hover\:font-normal:hover {
            font-weight: 400
        }

        .hover\:font-medium:hover {
            font-weight: 500
        }

        .hover\:font-semibold:hover {
            font-weight: 600
        }

        .hover\:font-bold:hover {
            font-weight: 700
        }

        .hover\:font-extrabold:hover {
            font-weight: 800
        }

        .hover\:font-black:hover {
            font-weight: 900
        }

        .focus\:font-hairline:focus {
            font-weight: 100
        }

        .focus\:font-thin:focus {
            font-weight: 200
        }

        .focus\:font-light:focus {
            font-weight: 300
        }

        .focus\:font-normal:focus {
            font-weight: 400
        }

        .focus\:font-medium:focus {
            font-weight: 500
        }

        .focus\:font-semibold:focus {
            font-weight: 600
        }

        .focus\:font-bold:focus {
            font-weight: 700
        }

        .focus\:font-extrabold:focus {
            font-weight: 800
        }

        .focus\:font-black:focus {
            font-weight: 900
        }

        .h-0 {
            height: 0
        }

        .h-1 {
            height: 8px
        }

        .h-2 {
            height: 12px
        }

        .h-3 {
            height: 16px
        }

        .h-4 {
            height: 24px
        }

        .h-5 {
            height: 32px
        }

        .h-6 {
            height: 48px
        }

        .h-7 {
            height: 60px
        }

        .h-8 {
            height: 72px
        }

        .h-9 {
            height: 84px
        }

        .h-10 {
            height: 96px
        }

        .h-auto {
            height: auto
        }

        .h-0\.5 {
            height: 4px
        }

        .h-full {
            height: 100%
        }

        .h-screen {
            height: 100vh
        }

        .text-xs {
            font-size: .75rem
        }

        .text-sm {
            font-size: .875rem
        }

        .text-base {
            font-size: 1rem
        }

        .text-lg {
            font-size: 1.125rem
        }

        .text-xl {
            font-size: 1.25rem
        }

        .text-2xl {
            font-size: 1.5rem
        }

        .text-3xl {
            font-size: 1.875rem
        }

        .text-4xl {
            font-size: 2.25rem
        }

        .text-5xl {
            font-size: 3rem
        }

        .text-6xl {
            font-size: 4rem
        }

        .hover\:text-xs:hover {
            font-size: .75rem
        }

        .hover\:text-sm:hover {
            font-size: .875rem
        }

        .hover\:text-base:hover {
            font-size: 1rem
        }

        .hover\:text-lg:hover {
            font-size: 1.125rem
        }

        .hover\:text-xl:hover {
            font-size: 1.25rem
        }

        .hover\:text-2xl:hover {
            font-size: 1.5rem
        }

        .hover\:text-3xl:hover {
            font-size: 1.875rem
        }

        .hover\:text-4xl:hover {
            font-size: 2.25rem
        }

        .hover\:text-5xl:hover {
            font-size: 3rem
        }

        .hover\:text-6xl:hover {
            font-size: 4rem
        }

        .focus\:text-xs:focus {
            font-size: .75rem
        }

        .focus\:text-sm:focus {
            font-size: .875rem
        }

        .focus\:text-base:focus {
            font-size: 1rem
        }

        .focus\:text-lg:focus {
            font-size: 1.125rem
        }

        .focus\:text-xl:focus {
            font-size: 1.25rem
        }

        .focus\:text-2xl:focus {
            font-size: 1.5rem
        }

        .focus\:text-3xl:focus {
            font-size: 1.875rem
        }

        .focus\:text-4xl:focus {
            font-size: 2.25rem
        }

        .focus\:text-5xl:focus {
            font-size: 3rem
        }

        .focus\:text-6xl:focus {
            font-size: 4rem
        }

        .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-9 {
            line-height: 2.25rem
        }

        .leading-10 {
            line-height: 2.5rem
        }

        .leading-none {
            line-height: 1
        }

        .leading-tight {
            line-height: 1.25
        }

        .leading-snug {
            line-height: 1.375
        }

        .leading-normal {
            line-height: 1.5
        }

        .leading-relaxed {
            line-height: 1.625
        }

        .leading-loose {
            line-height: 2
        }

        .list-inside {
            list-style-position: inside
        }

        .list-outside {
            list-style-position: outside
        }

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

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

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

        .m-0 {
            margin: 0
        }

        .m-1 {
            margin: 8px
        }

        .m-2 {
            margin: 12px
        }

        .m-3 {
            margin: 16px
        }

        .m-4 {
            margin: 24px
        }

        .m-5 {
            margin: 32px
        }

        .m-6 {
            margin: 48px
        }

        .m-7 {
            margin: 60px
        }

        .m-8 {
            margin: 72px
        }

        .m-9 {
            margin: 84px
        }

        .m-10 {
            margin: 96px
        }

        .m-auto {
            margin: auto
        }

        .m-0\.5 {
            margin: 4px
        }

        .-m-1 {
            margin: -8px
        }

        .-m-2 {
            margin: -12px
        }

        .-m-3 {
            margin: -16px
        }

        .-m-4 {
            margin: -24px
        }

        .-m-5 {
            margin: -32px
        }

        .-m-6 {
            margin: -48px
        }

        .-m-7 {
            margin: -60px
        }

        .-m-8 {
            margin: -72px
        }

        .-m-9 {
            margin: -84px
        }

        .-m-10 {
            margin: -96px
        }

        .-m-0\.5 {
            margin: -4px
        }

        .my-0 {
            margin-top: 0;
            margin-bottom: 0
        }

        .mx-0 {
            margin-left: 0;
            margin-right: 0
        }

        .my-1 {
            margin-top: 8px;
            margin-bottom: 8px
        }

        .mx-1 {
            margin-left: 8px;
            margin-right: 8px
        }

        .my-2 {
            margin-top: 12px;
            margin-bottom: 12px
        }

        .mx-2 {
            margin-left: 12px;
            margin-right: 12px
        }

        .my-3 {
            margin-top: 16px;
            margin-bottom: 16px
        }

        .mx-3 {
            margin-left: 16px;
            margin-right: 16px
        }

        .my-4 {
            margin-top: 24px;
            margin-bottom: 24px
        }

        .mx-4 {
            margin-left: 24px;
            margin-right: 24px
        }

        .my-5 {
            margin-top: 32px;
            margin-bottom: 32px
        }

        .mx-5 {
            margin-left: 32px;
            margin-right: 32px
        }

        .my-6 {
            margin-top: 48px;
            margin-bottom: 48px
        }

        .mx-6 {
            margin-left: 48px;
            margin-right: 48px
        }

        .my-7 {
            margin-top: 60px;
            margin-bottom: 60px
        }

        .mx-7 {
            margin-left: 60px;
            margin-right: 60px
        }

        .my-8 {
            margin-top: 72px;
            margin-bottom: 72px
        }

        .mx-8 {
            margin-left: 72px;
            margin-right: 72px
        }

        .my-9 {
            margin-top: 84px;
            margin-bottom: 84px
        }

        .mx-9 {
            margin-left: 84px;
            margin-right: 84px
        }

        .my-10 {
            margin-top: 96px;
            margin-bottom: 96px
        }

        .mx-10 {
            margin-left: 96px;
            margin-right: 96px
        }

        .my-auto {
            margin-top: auto;
            margin-bottom: auto
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .my-0\.5 {
            margin-top: 4px;
            margin-bottom: 4px
        }

        .mx-0\.5 {
            margin-left: 4px;
            margin-right: 4px
        }

        .-my-1 {
            margin-top: -8px;
            margin-bottom: -8px
        }

        .-mx-1 {
            margin-left: -8px;
            margin-right: -8px
        }

        .-my-2 {
            margin-top: -12px;
            margin-bottom: -12px
        }

        .-mx-2 {
            margin-left: -12px;
            margin-right: -12px
        }

        .-my-3 {
            margin-top: -16px;
            margin-bottom: -16px
        }

        .-mx-3 {
            margin-left: -16px;
            margin-right: -16px
        }

        .-my-4 {
            margin-top: -24px;
            margin-bottom: -24px
        }

        .-mx-4 {
            margin-left: -24px;
            margin-right: -24px
        }

        .-my-5 {
            margin-top: -32px;
            margin-bottom: -32px
        }

        .-mx-5 {
            margin-left: -32px;
            margin-right: -32px
        }

        .-my-6 {
            margin-top: -48px;
            margin-bottom: -48px
        }

        .-mx-6 {
            margin-left: -48px;
            margin-right: -48px
        }

        .-my-7 {
            margin-top: -60px;
            margin-bottom: -60px
        }

        .-mx-7 {
            margin-left: -60px;
            margin-right: -60px
        }

        .-my-8 {
            margin-top: -72px;
            margin-bottom: -72px
        }

        .-mx-8 {
            margin-left: -72px;
            margin-right: -72px
        }

        .-my-9 {
            margin-top: -84px;
            margin-bottom: -84px
        }

        .-mx-9 {
            margin-left: -84px;
            margin-right: -84px
        }

        .-my-10 {
            margin-top: -96px;
            margin-bottom: -96px
        }

        .-mx-10 {
            margin-left: -96px;
            margin-right: -96px
        }

        .-my-0\.5 {
            margin-top: -4px;
            margin-bottom: -4px
        }

        .-mx-0\.5 {
            margin-left: -4px;
            margin-right: -4px
        }

        .mt-0 {
            margin-top: 0
        }

        .mr-0 {
            margin-right: 0
        }

        .mb-0 {
            margin-bottom: 0
        }

        .ml-0 {
            margin-left: 0
        }

        .mt-1 {
            margin-top: 8px
        }

        .mr-1 {
            margin-right: 8px
        }

        .mb-1 {
            margin-bottom: 8px
        }

        .ml-1 {
            margin-left: 8px
        }

        .mt-2 {
            margin-top: 12px
        }

        .mr-2 {
            margin-right: 12px
        }

        .mb-2 {
            margin-bottom: 12px
        }

        .ml-2 {
            margin-left: 12px
        }

        .mt-3 {
            margin-top: 16px
        }

        .mr-3 {
            margin-right: 16px
        }

        .mb-3 {
            margin-bottom: 16px
        }

        .ml-3 {
            margin-left: 16px
        }

        .mt-4 {
            margin-top: 24px
        }

        .mr-4 {
            margin-right: 24px
        }

        .mb-4 {
            margin-bottom: 24px
        }

        .ml-4 {
            margin-left: 24px
        }

        .mt-5 {
            margin-top: 32px
        }

        .mr-5 {
            margin-right: 32px
        }

        .mb-5 {
            margin-bottom: 32px
        }

        .ml-5 {
            margin-left: 32px
        }

        .mt-6 {
            margin-top: 48px
        }

        .mr-6 {
            margin-right: 48px
        }

        .mb-6 {
            margin-bottom: 48px
        }

        .ml-6 {
            margin-left: 48px
        }

        .mt-7 {
            margin-top: 60px
        }

        .mr-7 {
            margin-right: 60px
        }

        .mb-7 {
            margin-bottom: 60px
        }

        .ml-7 {
            margin-left: 60px
        }

        .mt-8 {
            margin-top: 72px
        }

        .mr-8 {
            margin-right: 72px
        }

        .mb-8 {
            margin-bottom: 72px
        }

        .ml-8 {
            margin-left: 72px
        }

        .mt-9 {
            margin-top: 84px
        }

        .mr-9 {
            margin-right: 84px
        }

        .mb-9 {
            margin-bottom: 84px
        }

        .ml-9 {
            margin-left: 84px
        }

        .mt-10 {
            margin-top: 96px
        }

        .mr-10 {
            margin-right: 96px
        }

        .mb-10 {
            margin-bottom: 96px
        }

        .ml-10 {
            margin-left: 96px
        }

        .mt-auto {
            margin-top: auto
        }

        .mr-auto {
            margin-right: auto
        }

        .mb-auto {
            margin-bottom: auto
        }

        .ml-auto {
            margin-left: auto
        }

        .mt-0\.5 {
            margin-top: 4px
        }

        .mr-0\.5 {
            margin-right: 4px
        }

        .mb-0\.5 {
            margin-bottom: 4px
        }

        .ml-0\.5 {
            margin-left: 4px
        }

        .-mt-1 {
            margin-top: -8px
        }

        .-mr-1 {
            margin-right: -8px
        }

        .-mb-1 {
            margin-bottom: -8px
        }

        .-ml-1 {
            margin-left: -8px
        }

        .-mt-2 {
            margin-top: -12px
        }

        .-mr-2 {
            margin-right: -12px
        }

        .-mb-2 {
            margin-bottom: -12px
        }

        .-ml-2 {
            margin-left: -12px
        }

        .-mt-3 {
            margin-top: -16px
        }

        .-mr-3 {
            margin-right: -16px
        }

        .-mb-3 {
            margin-bottom: -16px
        }

        .-ml-3 {
            margin-left: -16px
        }

        .-mt-4 {
            margin-top: -24px
        }

        .-mr-4 {
            margin-right: -24px
        }

        .-mb-4 {
            margin-bottom: -24px
        }

        .-ml-4 {
            margin-left: -24px
        }

        .-mt-5 {
            margin-top: -32px
        }

        .-mr-5 {
            margin-right: -32px
        }

        .-mb-5 {
            margin-bottom: -32px
        }

        .-ml-5 {
            margin-left: -32px
        }

        .-mt-6 {
            margin-top: -48px
        }

        .-mr-6 {
            margin-right: -48px
        }

        .-mb-6 {
            margin-bottom: -48px
        }

        .-ml-6 {
            margin-left: -48px
        }

        .-mt-7 {
            margin-top: -60px
        }

        .-mr-7 {
            margin-right: -60px
        }

        .-mb-7 {
            margin-bottom: -60px
        }

        .-ml-7 {
            margin-left: -60px
        }

        .-mt-8 {
            margin-top: -72px
        }

        .-mr-8 {
            margin-right: -72px
        }

        .-mb-8 {
            margin-bottom: -72px
        }

        .-ml-8 {
            margin-left: -72px
        }

        .-mt-9 {
            margin-top: -84px
        }

        .-mr-9 {
            margin-right: -84px
        }

        .-mb-9 {
            margin-bottom: -84px
        }

        .-ml-9 {
            margin-left: -84px
        }

        .-mt-10 {
            margin-top: -96px
        }

        .-mr-10 {
            margin-right: -96px
        }

        .-mb-10 {
            margin-bottom: -96px
        }

        .-ml-10 {
            margin-left: -96px
        }

        .-mt-0\.5 {
            margin-top: -4px
        }

        .-mr-0\.5 {
            margin-right: -4px
        }

        .-mb-0\.5 {
            margin-bottom: -4px
        }

        .-ml-0\.5 {
            margin-left: -4px
        }

        .max-h-full {
            max-height: 100%
        }

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

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

        .max-w-xs {
            max-width: 20rem
        }

        .max-w-sm {
            max-width: 24rem
        }

        .max-w-md {
            max-width: 28rem
        }

        .max-w-lg {
            max-width: 32rem
        }

        .max-w-xl {
            max-width: 36rem
        }

        .max-w-2xl {
            max-width: 42rem
        }

        .max-w-3xl {
            max-width: 48rem
        }

        .max-w-4xl {
            max-width: 56rem
        }

        .max-w-5xl {
            max-width: 64rem
        }

        .max-w-6xl {
            max-width: 72rem
        }

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

        .max-w-screen-xs {
            max-width: 420px
        }

        .max-w-screen-sm {
            max-width: 640px
        }

        .max-w-screen-md {
            max-width: 768px
        }

        .max-w-screen-lg {
            max-width: 1024px
        }

        .max-w-screen-xl {
            max-width: 1100px
        }

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

        .min-h-full {
            min-height: 100%
        }

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

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

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

        .object-contain {
            object-fit: contain
        }

        .object-cover {
            object-fit: cover
        }

        .object-fill {
            object-fit: fill
        }

        .object-none {
            object-fit: none
        }

        .object-scale-down {
            object-fit: scale-down
        }

        .object-bottom {
            object-position: bottom
        }

        .object-center {
            object-position: center
        }

        .object-left {
            object-position: left
        }

        .object-left-bottom {
            object-position: left bottom
        }

        .object-left-top {
            object-position: left top
        }

        .object-right {
            object-position: right
        }

        .object-right-bottom {
            object-position: right bottom
        }

        .object-right-top {
            object-position: right top
        }

        .object-top {
            object-position: top
        }

        .opacity-0 {
            opacity: 0
        }

        .opacity-25 {
            opacity: .25
        }

        .opacity-50 {
            opacity: .5
        }

        .opacity-75 {
            opacity: .75
        }

        .opacity-100 {
            opacity: 1
        }

        .hover\:opacity-0:hover {
            opacity: 0
        }

        .hover\:opacity-25:hover {
            opacity: .25
        }

        .hover\:opacity-50:hover {
            opacity: .5
        }

        .hover\:opacity-75:hover {
            opacity: .75
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }

        .focus\:outline-none:focus,
        .outline-none {
            outline: 0
        }

        .overflow-auto {
            overflow: auto
        }

        .overflow-hidden {
            overflow: hidden
        }

        .overflow-visible {
            overflow: visible
        }

        .overflow-scroll {
            overflow: scroll
        }

        .overflow-x-auto {
            overflow-x: auto
        }

        .overflow-y-auto {
            overflow-y: auto
        }

        .overflow-x-hidden {
            overflow-x: hidden
        }

        .overflow-y-hidden {
            overflow-y: hidden
        }

        .overflow-x-visible {
            overflow-x: visible
        }

        .overflow-y-visible {
            overflow-y: visible
        }

        .overflow-x-scroll {
            overflow-x: scroll
        }

        .overflow-y-scroll {
            overflow-y: scroll
        }

        .scrolling-touch {
            -webkit-overflow-scrolling: touch
        }

        .scrolling-auto {
            -webkit-overflow-scrolling: auto
        }

        .p-0 {
            padding: 0
        }

        .p-1 {
            padding: 8px
        }

        .p-2 {
            padding: 12px
        }

        .p-3 {
            padding: 16px
        }

        .p-4 {
            padding: 24px
        }

        .p-5 {
            padding: 32px
        }

        .p-6 {
            padding: 48px
        }

        .p-7 {
            padding: 60px
        }

        .p-8 {
            padding: 72px
        }

        .p-9 {
            padding: 84px
        }

        .p-10 {
            padding: 96px
        }

        .p-0\.5 {
            padding: 4px
        }

        .py-0 {
            padding-top: 0;
            padding-bottom: 0
        }

        .px-0 {
            padding-left: 0;
            padding-right: 0
        }

        .py-1 {
            padding-top: 8px;
            padding-bottom: 8px
        }

        .px-1 {
            padding-left: 8px;
            padding-right: 8px
        }

        .py-2 {
            padding-top: 12px;
            padding-bottom: 12px
        }

        .px-2 {
            padding-left: 12px;
            padding-right: 12px
        }

        .py-3 {
            padding-top: 16px;
            padding-bottom: 16px
        }

        .px-3 {
            padding-left: 16px;
            padding-right: 16px
        }

        .py-4 {
            padding-top: 24px;
            padding-bottom: 24px
        }

        .px-4 {
            padding-left: 24px;
            padding-right: 24px
        }

        .py-5 {
            padding-top: 32px;
            padding-bottom: 32px
        }

        .px-5 {
            padding-left: 32px;
            padding-right: 32px
        }

        .py-6 {
            padding-top: 48px;
            padding-bottom: 48px
        }

        .px-6 {
            padding-left: 48px;
            padding-right: 48px
        }

        .py-7 {
            padding-top: 60px;
            padding-bottom: 60px
        }

        .px-7 {
            padding-left: 60px;
            padding-right: 60px
        }

        .py-8 {
            padding-top: 72px;
            padding-bottom: 72px
        }

        .px-8 {
            padding-left: 72px;
            padding-right: 72px
        }

        .py-9 {
            padding-top: 84px;
            padding-bottom: 84px
        }

        .px-9 {
            padding-left: 84px;
            padding-right: 84px
        }

        .py-10 {
            padding-top: 96px;
            padding-bottom: 96px
        }

        .px-10 {
            padding-left: 96px;
            padding-right: 96px
        }

        .py-0\.5 {
            padding-top: 4px;
            padding-bottom: 4px
        }

        .px-0\.5 {
            padding-left: 4px;
            padding-right: 4px
        }

        .pt-0 {
            padding-top: 0
        }

        .pr-0 {
            padding-right: 0
        }

        .pb-0 {
            padding-bottom: 0
        }

        .pl-0 {
            padding-left: 0
        }

        .pt-1 {
            padding-top: 8px
        }

        .pr-1 {
            padding-right: 8px
        }

        .pb-1 {
            padding-bottom: 8px
        }

        .pl-1 {
            padding-left: 8px
        }

        .pt-2 {
            padding-top: 12px
        }

        .pr-2 {
            padding-right: 12px
        }

        .pb-2 {
            padding-bottom: 12px
        }

        .pl-2 {
            padding-left: 12px
        }

        .pt-3 {
            padding-top: 16px
        }

        .pr-3 {
            padding-right: 16px
        }

        .pb-3 {
            padding-bottom: 16px
        }

        .pl-3 {
            padding-left: 16px
        }

        .pt-4 {
            padding-top: 24px
        }

        .pr-4 {
            padding-right: 24px
        }

        .pb-4 {
            padding-bottom: 24px
        }

        .pl-4 {
            padding-left: 24px
        }

        .pt-5 {
            padding-top: 32px
        }

        .pr-5 {
            padding-right: 32px
        }

        .pb-5 {
            padding-bottom: 32px
        }

        .pl-5 {
            padding-left: 32px
        }

        .pt-6 {
            padding-top: 48px
        }

        .pr-6 {
            padding-right: 48px
        }

        .pb-6 {
            padding-bottom: 48px
        }

        .pl-6 {
            padding-left: 48px
        }

        .pt-7 {
            padding-top: 60px
        }

        .pr-7 {
            padding-right: 60px
        }

        .pb-7 {
            padding-bottom: 60px
        }

        .pl-7 {
            padding-left: 60px
        }

        .pt-8 {
            padding-top: 72px
        }

        .pr-8 {
            padding-right: 72px
        }

        .pb-8 {
            padding-bottom: 72px
        }

        .pl-8 {
            padding-left: 72px
        }

        .pt-9 {
            padding-top: 84px
        }

        .pr-9 {
            padding-right: 84px
        }

        .pb-9 {
            padding-bottom: 84px
        }

        .pl-9 {
            padding-left: 84px
        }

        .pt-10 {
            padding-top: 96px
        }

        .pr-10 {
            padding-right: 96px
        }

        .pb-10 {
            padding-bottom: 96px
        }

        .pl-10 {
            padding-left: 96px
        }

        .pt-0\.5 {
            padding-top: 4px
        }

        .pr-0\.5 {
            padding-right: 4px
        }

        .pb-0\.5 {
            padding-bottom: 4px
        }

        .pl-0\.5 {
            padding-left: 4px
        }

        .placeholder-transparent::placeholder {
            color: transparent
        }

        .placeholder-current::placeholder {
            color: currentColor
        }

        .placeholder-black::placeholder {
            --placeholder-opacity: 1;
            color: #000;
            color: rgba(0, 0, 0, var(--placeholder-opacity))
        }

        .placeholder-white::placeholder {
            --placeholder-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--placeholder-opacity))
        }

        .placeholder-gray-100::placeholder {
            --placeholder-opacity: 1;
            color: #f7fafc;
            color: rgba(247, 250, 252, var(--placeholder-opacity))
        }

        .placeholder-gray-200::placeholder {
            --placeholder-opacity: 1;
            color: #edf2f7;
            color: rgba(237, 242, 247, var(--placeholder-opacity))
        }

        .placeholder-gray-300::placeholder {
            --placeholder-opacity: 1;
            color: #e2e8f0;
            color: rgba(226, 232, 240, var(--placeholder-opacity))
        }

        .placeholder-gray-400::placeholder {
            --placeholder-opacity: 1;
            color: #cbd5e0;
            color: rgba(203, 213, 224, var(--placeholder-opacity))
        }

        .placeholder-gray-500::placeholder {
            --placeholder-opacity: 1;
            color: #a0aec0;
            color: rgba(160, 174, 192, var(--placeholder-opacity))
        }

        .placeholder-gray-600::placeholder {
            --placeholder-opacity: 1;
            color: #718096;
            color: rgba(113, 128, 150, var(--placeholder-opacity))
        }

        .placeholder-gray-700::placeholder {
            --placeholder-opacity: 1;
            color: #4a5568;
            color: rgba(74, 85, 104, var(--placeholder-opacity))
        }

        .placeholder-gray-800::placeholder {
            --placeholder-opacity: 1;
            color: #2d3748;
            color: rgba(45, 55, 72, var(--placeholder-opacity))
        }

        .placeholder-gray-900::placeholder {
            --placeholder-opacity: 1;
            color: #1a202c;
            color: rgba(26, 32, 44, var(--placeholder-opacity))
        }

        .placeholder-red-100::placeholder {
            --placeholder-opacity: 1;
            color: #fff5f5;
            color: rgba(255, 245, 245, var(--placeholder-opacity))
        }

        .placeholder-red-200::placeholder {
            --placeholder-opacity: 1;
            color: #fed7d7;
            color: rgba(254, 215, 215, var(--placeholder-opacity))
        }

        .placeholder-red-300::placeholder {
            --placeholder-opacity: 1;
            color: #feb2b2;
            color: rgba(254, 178, 178, var(--placeholder-opacity))
        }

        .placeholder-red-400::placeholder {
            --placeholder-opacity: 1;
            color: #fc8181;
            color: rgba(252, 129, 129, var(--placeholder-opacity))
        }

        .placeholder-red-500::placeholder {
            --placeholder-opacity: 1;
            color: #f56565;
            color: rgba(245, 101, 101, var(--placeholder-opacity))
        }

        .placeholder-red-600::placeholder {
            --placeholder-opacity: 1;
            color: #e53e3e;
            color: rgba(229, 62, 62, var(--placeholder-opacity))
        }

        .placeholder-red-700::placeholder {
            --placeholder-opacity: 1;
            color: #c53030;
            color: rgba(197, 48, 48, var(--placeholder-opacity))
        }

        .placeholder-red-800::placeholder {
            --placeholder-opacity: 1;
            color: #9b2c2c;
            color: rgba(155, 44, 44, var(--placeholder-opacity))
        }

        .placeholder-red-900::placeholder {
            --placeholder-opacity: 1;
            color: #742a2a;
            color: rgba(116, 42, 42, var(--placeholder-opacity))
        }

        .placeholder-orange-100::placeholder {
            --placeholder-opacity: 1;
            color: #fffaf0;
            color: rgba(255, 250, 240, var(--placeholder-opacity))
        }

        .placeholder-orange-200::placeholder {
            --placeholder-opacity: 1;
            color: #feebc8;
            color: rgba(254, 235, 200, var(--placeholder-opacity))
        }

        .placeholder-orange-300::placeholder {
            --placeholder-opacity: 1;
            color: #fbd38d;
            color: rgba(251, 211, 141, var(--placeholder-opacity))
        }

        .placeholder-orange-400::placeholder {
            --placeholder-opacity: 1;
            color: #f6ad55;
            color: rgba(246, 173, 85, var(--placeholder-opacity))
        }

        .placeholder-orange-500::placeholder {
            --placeholder-opacity: 1;
            color: #ed8936;
            color: rgba(237, 137, 54, var(--placeholder-opacity))
        }

        .placeholder-orange-600::placeholder {
            --placeholder-opacity: 1;
            color: #dd6b20;
            color: rgba(221, 107, 32, var(--placeholder-opacity))
        }

        .placeholder-orange-700::placeholder {
            --placeholder-opacity: 1;
            color: #c05621;
            color: rgba(192, 86, 33, var(--placeholder-opacity))
        }

        .placeholder-orange-800::placeholder {
            --placeholder-opacity: 1;
            color: #9c4221;
            color: rgba(156, 66, 33, var(--placeholder-opacity))
        }

        .placeholder-orange-900::placeholder {
            --placeholder-opacity: 1;
            color: #7b341e;
            color: rgba(123, 52, 30, var(--placeholder-opacity))
        }

        .placeholder-yellow-100::placeholder {
            --placeholder-opacity: 1;
            color: ivory;
            color: rgba(255, 255, 240, var(--placeholder-opacity))
        }

        .placeholder-yellow-200::placeholder {
            --placeholder-opacity: 1;
            color: #fefcbf;
            color: rgba(254, 252, 191, var(--placeholder-opacity))
        }

        .placeholder-yellow-300::placeholder {
            --placeholder-opacity: 1;
            color: #faf089;
            color: rgba(250, 240, 137, var(--placeholder-opacity))
        }

        .placeholder-yellow-400::placeholder {
            --placeholder-opacity: 1;
            color: #f6e05e;
            color: rgba(246, 224, 94, var(--placeholder-opacity))
        }

        .placeholder-yellow-500::placeholder {
            --placeholder-opacity: 1;
            color: #ecc94b;
            color: rgba(236, 201, 75, var(--placeholder-opacity))
        }

        .placeholder-yellow-600::placeholder {
            --placeholder-opacity: 1;
            color: #d69e2e;
            color: rgba(214, 158, 46, var(--placeholder-opacity))
        }

        .placeholder-yellow-700::placeholder {
            --placeholder-opacity: 1;
            color: #b7791f;
            color: rgba(183, 121, 31, var(--placeholder-opacity))
        }

        .placeholder-yellow-800::placeholder {
            --placeholder-opacity: 1;
            color: #975a16;
            color: rgba(151, 90, 22, var(--placeholder-opacity))
        }

        .placeholder-yellow-900::placeholder {
            --placeholder-opacity: 1;
            color: #744210;
            color: rgba(116, 66, 16, var(--placeholder-opacity))
        }

        .placeholder-green-100::placeholder {
            --placeholder-opacity: 1;
            color: #f0fff4;
            color: rgba(240, 255, 244, var(--placeholder-opacity))
        }

        .placeholder-green-200::placeholder {
            --placeholder-opacity: 1;
            color: #c6f6d5;
            color: rgba(198, 246, 213, var(--placeholder-opacity))
        }

        .placeholder-green-300::placeholder {
            --placeholder-opacity: 1;
            color: #9ae6b4;
            color: rgba(154, 230, 180, var(--placeholder-opacity))
        }

        .placeholder-green-400::placeholder {
            --placeholder-opacity: 1;
            color: #68d391;
            color: rgba(104, 211, 145, var(--placeholder-opacity))
        }

        .placeholder-green-500::placeholder {
            --placeholder-opacity: 1;
            color: #48bb78;
            color: rgba(72, 187, 120, var(--placeholder-opacity))
        }

        .placeholder-green-600::placeholder {
            --placeholder-opacity: 1;
            color: #38a169;
            color: rgba(56, 161, 105, var(--placeholder-opacity))
        }

        .placeholder-green-700::placeholder {
            --placeholder-opacity: 1;
            color: #2f855a;
            color: rgba(47, 133, 90, var(--placeholder-opacity))
        }

        .placeholder-green-800::placeholder {
            --placeholder-opacity: 1;
            color: #276749;
            color: rgba(39, 103, 73, var(--placeholder-opacity))
        }

        .placeholder-green-900::placeholder {
            --placeholder-opacity: 1;
            color: #22543d;
            color: rgba(34, 84, 61, var(--placeholder-opacity))
        }

        .placeholder-teal-100::placeholder {
            --placeholder-opacity: 1;
            color: #e6fffa;
            color: rgba(230, 255, 250, var(--placeholder-opacity))
        }

        .placeholder-teal-200::placeholder {
            --placeholder-opacity: 1;
            color: #b2f5ea;
            color: rgba(178, 245, 234, var(--placeholder-opacity))
        }

        .placeholder-teal-300::placeholder {
            --placeholder-opacity: 1;
            color: #81e6d9;
            color: rgba(129, 230, 217, var(--placeholder-opacity))
        }

        .placeholder-teal-400::placeholder {
            --placeholder-opacity: 1;
            color: #4fd1c5;
            color: rgba(79, 209, 197, var(--placeholder-opacity))
        }

        .placeholder-teal-500::placeholder {
            --placeholder-opacity: 1;
            color: #38b2ac;
            color: rgba(56, 178, 172, var(--placeholder-opacity))
        }

        .placeholder-teal-600::placeholder {
            --placeholder-opacity: 1;
            color: #319795;
            color: rgba(49, 151, 149, var(--placeholder-opacity))
        }

        .placeholder-teal-700::placeholder {
            --placeholder-opacity: 1;
            color: #2c7a7b;
            color: rgba(44, 122, 123, var(--placeholder-opacity))
        }

        .placeholder-teal-800::placeholder {
            --placeholder-opacity: 1;
            color: #285e61;
            color: rgba(40, 94, 97, var(--placeholder-opacity))
        }

        .placeholder-teal-900::placeholder {
            --placeholder-opacity: 1;
            color: #234e52;
            color: rgba(35, 78, 82, var(--placeholder-opacity))
        }

        .placeholder-blue-100::placeholder {
            --placeholder-opacity: 1;
            color: #ebf8ff;
            color: rgba(235, 248, 255, var(--placeholder-opacity))
        }

        .placeholder-blue-200::placeholder {
            --placeholder-opacity: 1;
            color: #bee3f8;
            color: rgba(190, 227, 248, var(--placeholder-opacity))
        }

        .placeholder-blue-300::placeholder {
            --placeholder-opacity: 1;
            color: #90cdf4;
            color: rgba(144, 205, 244, var(--placeholder-opacity))
        }

        .placeholder-blue-400::placeholder {
            --placeholder-opacity: 1;
            color: #63b3ed;
            color: rgba(99, 179, 237, var(--placeholder-opacity))
        }

        .placeholder-blue-500::placeholder {
            --placeholder-opacity: 1;
            color: #4299e1;
            color: rgba(66, 153, 225, var(--placeholder-opacity))
        }

        .placeholder-blue-600::placeholder {
            --placeholder-opacity: 1;
            color: #3182ce;
            color: rgba(49, 130, 206, var(--placeholder-opacity))
        }

        .placeholder-blue-700::placeholder {
            --placeholder-opacity: 1;
            color: #2b6cb0;
            color: rgba(43, 108, 176, var(--placeholder-opacity))
        }

        .placeholder-blue-800::placeholder {
            --placeholder-opacity: 1;
            color: #2c5282;
            color: rgba(44, 82, 130, var(--placeholder-opacity))
        }

        .placeholder-blue-900::placeholder {
            --placeholder-opacity: 1;
            color: #2a4365;
            color: rgba(42, 67, 101, var(--placeholder-opacity))
        }

        .placeholder-indigo-100::placeholder {
            --placeholder-opacity: 1;
            color: #ebf4ff;
            color: rgba(235, 244, 255, var(--placeholder-opacity))
        }

        .placeholder-indigo-200::placeholder {
            --placeholder-opacity: 1;
            color: #c3dafe;
            color: rgba(195, 218, 254, var(--placeholder-opacity))
        }

        .placeholder-indigo-300::placeholder {
            --placeholder-opacity: 1;
            color: #a3bffa;
            color: rgba(163, 191, 250, var(--placeholder-opacity))
        }

        .placeholder-indigo-400::placeholder {
            --placeholder-opacity: 1;
            color: #7f9cf5;
            color: rgba(127, 156, 245, var(--placeholder-opacity))
        }

        .placeholder-indigo-500::placeholder {
            --placeholder-opacity: 1;
            color: #667eea;
            color: rgba(102, 126, 234, var(--placeholder-opacity))
        }

        .placeholder-indigo-600::placeholder {
            --placeholder-opacity: 1;
            color: #5a67d8;
            color: rgba(90, 103, 216, var(--placeholder-opacity))
        }

        .placeholder-indigo-700::placeholder {
            --placeholder-opacity: 1;
            color: #4c51bf;
            color: rgba(76, 81, 191, var(--placeholder-opacity))
        }

        .placeholder-indigo-800::placeholder {
            --placeholder-opacity: 1;
            color: #434190;
            color: rgba(67, 65, 144, var(--placeholder-opacity))
        }

        .placeholder-indigo-900::placeholder {
            --placeholder-opacity: 1;
            color: #3c366b;
            color: rgba(60, 54, 107, var(--placeholder-opacity))
        }

        .placeholder-purple-100::placeholder {
            --placeholder-opacity: 1;
            color: #faf5ff;
            color: rgba(250, 245, 255, var(--placeholder-opacity))
        }

        .placeholder-purple-200::placeholder {
            --placeholder-opacity: 1;
            color: #e9d8fd;
            color: rgba(233, 216, 253, var(--placeholder-opacity))
        }

        .placeholder-purple-300::placeholder {
            --placeholder-opacity: 1;
            color: #d6bcfa;
            color: rgba(214, 188, 250, var(--placeholder-opacity))
        }

        .placeholder-purple-400::placeholder {
            --placeholder-opacity: 1;
            color: #b794f4;
            color: rgba(183, 148, 244, var(--placeholder-opacity))
        }

        .placeholder-purple-500::placeholder {
            --placeholder-opacity: 1;
            color: #9f7aea;
            color: rgba(159, 122, 234, var(--placeholder-opacity))
        }

        .placeholder-purple-600::placeholder {
            --placeholder-opacity: 1;
            color: #805ad5;
            color: rgba(128, 90, 213, var(--placeholder-opacity))
        }

        .placeholder-purple-700::placeholder {
            --placeholder-opacity: 1;
            color: #6b46c1;
            color: rgba(107, 70, 193, var(--placeholder-opacity))
        }

        .placeholder-purple-800::placeholder {
            --placeholder-opacity: 1;
            color: #553c9a;
            color: rgba(85, 60, 154, var(--placeholder-opacity))
        }

        .placeholder-purple-900::placeholder {
            --placeholder-opacity: 1;
            color: #44337a;
            color: rgba(68, 51, 122, var(--placeholder-opacity))
        }

        .placeholder-pink-100::placeholder {
            --placeholder-opacity: 1;
            color: #fff5f7;
            color: rgba(255, 245, 247, var(--placeholder-opacity))
        }

        .placeholder-pink-200::placeholder {
            --placeholder-opacity: 1;
            color: #fed7e2;
            color: rgba(254, 215, 226, var(--placeholder-opacity))
        }

        .placeholder-pink-300::placeholder {
            --placeholder-opacity: 1;
            color: #fbb6ce;
            color: rgba(251, 182, 206, var(--placeholder-opacity))
        }

        .placeholder-pink-400::placeholder {
            --placeholder-opacity: 1;
            color: #f687b3;
            color: rgba(246, 135, 179, var(--placeholder-opacity))
        }

        .placeholder-pink-500::placeholder {
            --placeholder-opacity: 1;
            color: #ed64a6;
            color: rgba(237, 100, 166, var(--placeholder-opacity))
        }

        .placeholder-pink-600::placeholder {
            --placeholder-opacity: 1;
            color: #d53f8c;
            color: rgba(213, 63, 140, var(--placeholder-opacity))
        }

        .placeholder-pink-700::placeholder {
            --placeholder-opacity: 1;
            color: #b83280;
            color: rgba(184, 50, 128, var(--placeholder-opacity))
        }

        .placeholder-pink-800::placeholder {
            --placeholder-opacity: 1;
            color: #97266d;
            color: rgba(151, 38, 109, var(--placeholder-opacity))
        }

        .placeholder-pink-900::placeholder {
            --placeholder-opacity: 1;
            color: #702459;
            color: rgba(112, 36, 89, var(--placeholder-opacity))
        }

        .focus\:placeholder-transparent:focus::placeholder {
            color: transparent
        }

        .focus\:placeholder-current:focus::placeholder {
            color: currentColor
        }

        .focus\:placeholder-black:focus::placeholder {
            --placeholder-opacity: 1;
            color: #000;
            color: rgba(0, 0, 0, var(--placeholder-opacity))
        }

        .focus\:placeholder-white:focus::placeholder {
            --placeholder-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--placeholder-opacity))
        }

        .focus\:placeholder-gray-100:focus::placeholder {
            --placeholder-opacity: 1;
            color: #f7fafc;
            color: rgba(247, 250, 252, var(--placeholder-opacity))
        }

        .focus\:placeholder-gray-200:focus::placeholder {
            --placeholder-opacity: 1;
            color: #edf2f7;
            color: rgba(237, 242, 247, var(--placeholder-opacity))
        }

        .focus\:placeholder-gray-300:focus::placeholder {
            --placeholder-opacity: 1;
            color: #e2e8f0;
            color: rgba(226, 232, 240, var(--placeholder-opacity))
        }

        .focus\:placeholder-gray-400:focus::placeholder {
            --placeholder-opacity: 1;
            color: #cbd5e0;
            color: rgba(203, 213, 224, var(--placeholder-opacity))
        }

        .focus\:placeholder-gray-500:focus::placeholder {
            --placeholder-opacity: 1;
            color: #a0aec0;
            color: rgba(160, 174, 192, var(--placeholder-opacity))
        }

        .focus\:placeholder-gray-600:focus::placeholder {
            --placeholder-opacity: 1;
            color: #718096;
            color: rgba(113, 128, 150, var(--placeholder-opacity))
        }

        .focus\:placeholder-gray-700:focus::placeholder {
            --placeholder-opacity: 1;
            color: #4a5568;
            color: rgba(74, 85, 104, var(--placeholder-opacity))
        }

        .focus\:placeholder-gray-800:focus::placeholder {
            --placeholder-opacity: 1;
            color: #2d3748;
            color: rgba(45, 55, 72, var(--placeholder-opacity))
        }

        .focus\:placeholder-gray-900:focus::placeholder {
            --placeholder-opacity: 1;
            color: #1a202c;
            color: rgba(26, 32, 44, var(--placeholder-opacity))
        }

        .focus\:placeholder-red-100:focus::placeholder {
            --placeholder-opacity: 1;
            color: #fff5f5;
            color: rgba(255, 245, 245, var(--placeholder-opacity))
        }

        .focus\:placeholder-red-200:focus::placeholder {
            --placeholder-opacity: 1;
            color: #fed7d7;
            color: rgba(254, 215, 215, var(--placeholder-opacity))
        }

        .focus\:placeholder-red-300:focus::placeholder {
            --placeholder-opacity: 1;
            color: #feb2b2;
            color: rgba(254, 178, 178, var(--placeholder-opacity))
        }

        .focus\:placeholder-red-400:focus::placeholder {
            --placeholder-opacity: 1;
            color: #fc8181;
            color: rgba(252, 129, 129, var(--placeholder-opacity))
        }

        .focus\:placeholder-red-500:focus::placeholder {
            --placeholder-opacity: 1;
            color: #f56565;
            color: rgba(245, 101, 101, var(--placeholder-opacity))
        }

        .focus\:placeholder-red-600:focus::placeholder {
            --placeholder-opacity: 1;
            color: #e53e3e;
            color: rgba(229, 62, 62, var(--placeholder-opacity))
        }

        .focus\:placeholder-red-700:focus::placeholder {
            --placeholder-opacity: 1;
            color: #c53030;
            color: rgba(197, 48, 48, var(--placeholder-opacity))
        }

        .focus\:placeholder-red-800:focus::placeholder {
            --placeholder-opacity: 1;
            color: #9b2c2c;
            color: rgba(155, 44, 44, var(--placeholder-opacity))
        }

        .focus\:placeholder-red-900:focus::placeholder {
            --placeholder-opacity: 1;
            color: #742a2a;
            color: rgba(116, 42, 42, var(--placeholder-opacity))
        }

        .focus\:placeholder-orange-100:focus::placeholder {
            --placeholder-opacity: 1;
            color: #fffaf0;
            color: rgba(255, 250, 240, var(--placeholder-opacity))
        }

        .focus\:placeholder-orange-200:focus::placeholder {
            --placeholder-opacity: 1;
            color: #feebc8;
            color: rgba(254, 235, 200, var(--placeholder-opacity))
        }

        .focus\:placeholder-orange-300:focus::placeholder {
            --placeholder-opacity: 1;
            color: #fbd38d;
            color: rgba(251, 211, 141, var(--placeholder-opacity))
        }

        .focus\:placeholder-orange-400:focus::placeholder {
            --placeholder-opacity: 1;
            color: #f6ad55;
            color: rgba(246, 173, 85, var(--placeholder-opacity))
        }

        .focus\:placeholder-orange-500:focus::placeholder {
            --placeholder-opacity: 1;
            color: #ed8936;
            color: rgba(237, 137, 54, var(--placeholder-opacity))
        }

        .focus\:placeholder-orange-600:focus::placeholder {
            --placeholder-opacity: 1;
            color: #dd6b20;
            color: rgba(221, 107, 32, var(--placeholder-opacity))
        }

        .focus\:placeholder-orange-700:focus::placeholder {
            --placeholder-opacity: 1;
            color: #c05621;
            color: rgba(192, 86, 33, var(--placeholder-opacity))
        }

        .focus\:placeholder-orange-800:focus::placeholder {
            --placeholder-opacity: 1;
            color: #9c4221;
            color: rgba(156, 66, 33, var(--placeholder-opacity))
        }

        .focus\:placeholder-orange-900:focus::placeholder {
            --placeholder-opacity: 1;
            color: #7b341e;
            color: rgba(123, 52, 30, var(--placeholder-opacity))
        }

        .focus\:placeholder-yellow-100:focus::placeholder {
            --placeholder-opacity: 1;
            color: ivory;
            color: rgba(255, 255, 240, var(--placeholder-opacity))
        }

        .focus\:placeholder-yellow-200:focus::placeholder {
            --placeholder-opacity: 1;
            color: #fefcbf;
            color: rgba(254, 252, 191, var(--placeholder-opacity))
        }

        .focus\:placeholder-yellow-300:focus::placeholder {
            --placeholder-opacity: 1;
            color: #faf089;
            color: rgba(250, 240, 137, var(--placeholder-opacity))
        }

        .focus\:placeholder-yellow-400:focus::placeholder {
            --placeholder-opacity: 1;
            color: #f6e05e;
            color: rgba(246, 224, 94, var(--placeholder-opacity))
        }

        .focus\:placeholder-yellow-500:focus::placeholder {
            --placeholder-opacity: 1;
            color: #ecc94b;
            color: rgba(236, 201, 75, var(--placeholder-opacity))
        }

        .focus\:placeholder-yellow-600:focus::placeholder {
            --placeholder-opacity: 1;
            color: #d69e2e;
            color: rgba(214, 158, 46, var(--placeholder-opacity))
        }

        .focus\:placeholder-yellow-700:focus::placeholder {
            --placeholder-opacity: 1;
            color: #b7791f;
            color: rgba(183, 121, 31, var(--placeholder-opacity))
        }

        .focus\:placeholder-yellow-800:focus::placeholder {
            --placeholder-opacity: 1;
            color: #975a16;
            color: rgba(151, 90, 22, var(--placeholder-opacity))
        }

        .focus\:placeholder-yellow-900:focus::placeholder {
            --placeholder-opacity: 1;
            color: #744210;
            color: rgba(116, 66, 16, var(--placeholder-opacity))
        }

        .focus\:placeholder-green-100:focus::placeholder {
            --placeholder-opacity: 1;
            color: #f0fff4;
            color: rgba(240, 255, 244, var(--placeholder-opacity))
        }

        .focus\:placeholder-green-200:focus::placeholder {
            --placeholder-opacity: 1;
            color: #c6f6d5;
            color: rgba(198, 246, 213, var(--placeholder-opacity))
        }

        .focus\:placeholder-green-300:focus::placeholder {
            --placeholder-opacity: 1;
            color: #9ae6b4;
            color: rgba(154, 230, 180, var(--placeholder-opacity))
        }

        .focus\:placeholder-green-400:focus::placeholder {
            --placeholder-opacity: 1;
            color: #68d391;
            color: rgba(104, 211, 145, var(--placeholder-opacity))
        }

        .focus\:placeholder-green-500:focus::placeholder {
            --placeholder-opacity: 1;
            color: #48bb78;
            color: rgba(72, 187, 120, var(--placeholder-opacity))
        }

        .focus\:placeholder-green-600:focus::placeholder {
            --placeholder-opacity: 1;
            color: #38a169;
            color: rgba(56, 161, 105, var(--placeholder-opacity))
        }

        .focus\:placeholder-green-700:focus::placeholder {
            --placeholder-opacity: 1;
            color: #2f855a;
            color: rgba(47, 133, 90, var(--placeholder-opacity))
        }

        .focus\:placeholder-green-800:focus::placeholder {
            --placeholder-opacity: 1;
            color: #276749;
            color: rgba(39, 103, 73, var(--placeholder-opacity))
        }

        .focus\:placeholder-green-900:focus::placeholder {
            --placeholder-opacity: 1;
            color: #22543d;
            color: rgba(34, 84, 61, var(--placeholder-opacity))
        }

        .focus\:placeholder-teal-100:focus::placeholder {
            --placeholder-opacity: 1;
            color: #e6fffa;
            color: rgba(230, 255, 250, var(--placeholder-opacity))
        }

        .focus\:placeholder-teal-200:focus::placeholder {
            --placeholder-opacity: 1;
            color: #b2f5ea;
            color: rgba(178, 245, 234, var(--placeholder-opacity))
        }

        .focus\:placeholder-teal-300:focus::placeholder {
            --placeholder-opacity: 1;
            color: #81e6d9;
            color: rgba(129, 230, 217, var(--placeholder-opacity))
        }

        .focus\:placeholder-teal-400:focus::placeholder {
            --placeholder-opacity: 1;
            color: #4fd1c5;
            color: rgba(79, 209, 197, var(--placeholder-opacity))
        }

        .focus\:placeholder-teal-500:focus::placeholder {
            --placeholder-opacity: 1;
            color: #38b2ac;
            color: rgba(56, 178, 172, var(--placeholder-opacity))
        }

        .focus\:placeholder-teal-600:focus::placeholder {
            --placeholder-opacity: 1;
            color: #319795;
            color: rgba(49, 151, 149, var(--placeholder-opacity))
        }

        .focus\:placeholder-teal-700:focus::placeholder {
            --placeholder-opacity: 1;
            color: #2c7a7b;
            color: rgba(44, 122, 123, var(--placeholder-opacity))
        }

        .focus\:placeholder-teal-800:focus::placeholder {
            --placeholder-opacity: 1;
            color: #285e61;
            color: rgba(40, 94, 97, var(--placeholder-opacity))
        }

        .focus\:placeholder-teal-900:focus::placeholder {
            --placeholder-opacity: 1;
            color: #234e52;
            color: rgba(35, 78, 82, var(--placeholder-opacity))
        }

        .focus\:placeholder-blue-100:focus::placeholder {
            --placeholder-opacity: 1;
            color: #ebf8ff;
            color: rgba(235, 248, 255, var(--placeholder-opacity))
        }

        .focus\:placeholder-blue-200:focus::placeholder {
            --placeholder-opacity: 1;
            color: #bee3f8;
            color: rgba(190, 227, 248, var(--placeholder-opacity))
        }

        .focus\:placeholder-blue-300:focus::placeholder {
            --placeholder-opacity: 1;
            color: #90cdf4;
            color: rgba(144, 205, 244, var(--placeholder-opacity))
        }

        .focus\:placeholder-blue-400:focus::placeholder {
            --placeholder-opacity: 1;
            color: #63b3ed;
            color: rgba(99, 179, 237, var(--placeholder-opacity))
        }

        .focus\:placeholder-blue-500:focus::placeholder {
            --placeholder-opacity: 1;
            color: #4299e1;
            color: rgba(66, 153, 225, var(--placeholder-opacity))
        }

        .focus\:placeholder-blue-600:focus::placeholder {
            --placeholder-opacity: 1;
            color: #3182ce;
            color: rgba(49, 130, 206, var(--placeholder-opacity))
        }

        .focus\:placeholder-blue-700:focus::placeholder {
            --placeholder-opacity: 1;
            color: #2b6cb0;
            color: rgba(43, 108, 176, var(--placeholder-opacity))
        }

        .focus\:placeholder-blue-800:focus::placeholder {
            --placeholder-opacity: 1;
            color: #2c5282;
            color: rgba(44, 82, 130, var(--placeholder-opacity))
        }

        .focus\:placeholder-blue-900:focus::placeholder {
            --placeholder-opacity: 1;
            color: #2a4365;
            color: rgba(42, 67, 101, var(--placeholder-opacity))
        }

        .focus\:placeholder-indigo-100:focus::placeholder {
            --placeholder-opacity: 1;
            color: #ebf4ff;
            color: rgba(235, 244, 255, var(--placeholder-opacity))
        }

        .focus\:placeholder-indigo-200:focus::placeholder {
            --placeholder-opacity: 1;
            color: #c3dafe;
            color: rgba(195, 218, 254, var(--placeholder-opacity))
        }

        .focus\:placeholder-indigo-300:focus::placeholder {
            --placeholder-opacity: 1;
            color: #a3bffa;
            color: rgba(163, 191, 250, var(--placeholder-opacity))
        }

        .focus\:placeholder-indigo-400:focus::placeholder {
            --placeholder-opacity: 1;
            color: #7f9cf5;
            color: rgba(127, 156, 245, var(--placeholder-opacity))
        }

        .focus\:placeholder-indigo-500:focus::placeholder {
            --placeholder-opacity: 1;
            color: #667eea;
            color: rgba(102, 126, 234, var(--placeholder-opacity))
        }

        .focus\:placeholder-indigo-600:focus::placeholder {
            --placeholder-opacity: 1;
            color: #5a67d8;
            color: rgba(90, 103, 216, var(--placeholder-opacity))
        }

        .focus\:placeholder-indigo-700:focus::placeholder {
            --placeholder-opacity: 1;
            color: #4c51bf;
            color: rgba(76, 81, 191, var(--placeholder-opacity))
        }

        .focus\:placeholder-indigo-800:focus::placeholder {
            --placeholder-opacity: 1;
            color: #434190;
            color: rgba(67, 65, 144, var(--placeholder-opacity))
        }

        .focus\:placeholder-indigo-900:focus::placeholder {
            --placeholder-opacity: 1;
            color: #3c366b;
            color: rgba(60, 54, 107, var(--placeholder-opacity))
        }

        .focus\:placeholder-purple-100:focus::placeholder {
            --placeholder-opacity: 1;
            color: #faf5ff;
            color: rgba(250, 245, 255, var(--placeholder-opacity))
        }

        .focus\:placeholder-purple-200:focus::placeholder {
            --placeholder-opacity: 1;
            color: #e9d8fd;
            color: rgba(233, 216, 253, var(--placeholder-opacity))
        }

        .focus\:placeholder-purple-300:focus::placeholder {
            --placeholder-opacity: 1;
            color: #d6bcfa;
            color: rgba(214, 188, 250, var(--placeholder-opacity))
        }

        .focus\:placeholder-purple-400:focus::placeholder {
            --placeholder-opacity: 1;
            color: #b794f4;
            color: rgba(183, 148, 244, var(--placeholder-opacity))
        }

        .focus\:placeholder-purple-500:focus::placeholder {
            --placeholder-opacity: 1;
            color: #9f7aea;
            color: rgba(159, 122, 234, var(--placeholder-opacity))
        }

        .focus\:placeholder-purple-600:focus::placeholder {
            --placeholder-opacity: 1;
            color: #805ad5;
            color: rgba(128, 90, 213, var(--placeholder-opacity))
        }

        .focus\:placeholder-purple-700:focus::placeholder {
            --placeholder-opacity: 1;
            color: #6b46c1;
            color: rgba(107, 70, 193, var(--placeholder-opacity))
        }

        .focus\:placeholder-purple-800:focus::placeholder {
            --placeholder-opacity: 1;
            color: #553c9a;
            color: rgba(85, 60, 154, var(--placeholder-opacity))
        }

        .focus\:placeholder-purple-900:focus::placeholder {
            --placeholder-opacity: 1;
            color: #44337a;
            color: rgba(68, 51, 122, var(--placeholder-opacity))
        }

        .focus\:placeholder-pink-100:focus::placeholder {
            --placeholder-opacity: 1;
            color: #fff5f7;
            color: rgba(255, 245, 247, var(--placeholder-opacity))
        }

        .focus\:placeholder-pink-200:focus::placeholder {
            --placeholder-opacity: 1;
            color: #fed7e2;
            color: rgba(254, 215, 226, var(--placeholder-opacity))
        }

        .focus\:placeholder-pink-300:focus::placeholder {
            --placeholder-opacity: 1;
            color: #fbb6ce;
            color: rgba(251, 182, 206, var(--placeholder-opacity))
        }

        .focus\:placeholder-pink-400:focus::placeholder {
            --placeholder-opacity: 1;
            color: #f687b3;
            color: rgba(246, 135, 179, var(--placeholder-opacity))
        }

        .focus\:placeholder-pink-500:focus::placeholder {
            --placeholder-opacity: 1;
            color: #ed64a6;
            color: rgba(237, 100, 166, var(--placeholder-opacity))
        }

        .focus\:placeholder-pink-600:focus::placeholder {
            --placeholder-opacity: 1;
            color: #d53f8c;
            color: rgba(213, 63, 140, var(--placeholder-opacity))
        }

        .focus\:placeholder-pink-700:focus::placeholder {
            --placeholder-opacity: 1;
            color: #b83280;
            color: rgba(184, 50, 128, var(--placeholder-opacity))
        }

        .focus\:placeholder-pink-800:focus::placeholder {
            --placeholder-opacity: 1;
            color: #97266d;
            color: rgba(151, 38, 109, var(--placeholder-opacity))
        }

        .focus\:placeholder-pink-900:focus::placeholder {
            --placeholder-opacity: 1;
            color: #702459;
            color: rgba(112, 36, 89, var(--placeholder-opacity))
        }

        .placeholder-opacity-0::placeholder {
            --placeholder-opacity: 0
        }

        .placeholder-opacity-25::placeholder {
            --placeholder-opacity: 0.25
        }

        .placeholder-opacity-50::placeholder {
            --placeholder-opacity: 0.5
        }

        .placeholder-opacity-75::placeholder {
            --placeholder-opacity: 0.75
        }

        .placeholder-opacity-100::placeholder {
            --placeholder-opacity: 1
        }

        .focus\:placeholder-opacity-0:focus::placeholder {
            --placeholder-opacity: 0
        }

        .focus\:placeholder-opacity-25:focus::placeholder {
            --placeholder-opacity: 0.25
        }

        .focus\:placeholder-opacity-50:focus::placeholder {
            --placeholder-opacity: 0.5
        }

        .focus\:placeholder-opacity-75:focus::placeholder {
            --placeholder-opacity: 0.75
        }

        .focus\:placeholder-opacity-100:focus::placeholder {
            --placeholder-opacity: 1
        }

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

        .pointer-events-auto {
            pointer-events: auto
        }

        .static {
            position: static
        }

        .fixed {
            position: fixed
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .sticky {
            position: sticky
        }

        .inset-0 {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .inset-auto {
            top: auto;
            right: auto;
            bottom: auto;
            left: auto
        }

        .inset-y-0 {
            top: 0;
            bottom: 0
        }

        .inset-x-0 {
            right: 0;
            left: 0
        }

        .inset-y-auto {
            top: auto;
            bottom: auto
        }

        .inset-x-auto {
            right: auto;
            left: auto
        }

        .top-0 {
            top: 0
        }

        .right-0 {
            right: 0
        }

        .bottom-0 {
            bottom: 0
        }

        .left-0 {
            left: 0
        }

        .top-auto {
            top: auto
        }

        .right-auto {
            right: auto
        }

        .bottom-auto {
            bottom: auto
        }

        .left-auto {
            left: auto
        }

        .resize-none {
            resize: none
        }

        .resize-y {
            resize: vertical
        }

        .resize-x {
            resize: horizontal
        }

        .resize {
            resize: both
        }

        .shadow-xs {
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
        }

        .shadow-sm {
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
        }

        .shadow {
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
        }

        .shadow-md {
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
        }

        .shadow-lg {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
        }

        .shadow-xl {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
        }

        .shadow-2xl {
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
        }

        .shadow-inner {
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
        }

        .shadow-outline {
            box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
        }

        .shadow-none {
            box-shadow: none
        }

        .hover\:shadow-xs:hover {
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
        }

        .hover\:shadow-sm:hover {
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
        }

        .hover\:shadow:hover {
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
        }

        .hover\:shadow-md:hover {
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
        }

        .hover\:shadow-lg:hover {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
        }

        .hover\:shadow-xl:hover {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
        }

        .hover\:shadow-2xl:hover {
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
        }

        .hover\:shadow-inner:hover {
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
        }

        .hover\:shadow-outline:hover {
            box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
        }

        .hover\:shadow-none:hover {
            box-shadow: none
        }

        .focus\:shadow-xs:focus {
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
        }

        .focus\:shadow-sm:focus {
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
        }

        .focus\:shadow:focus {
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
        }

        .focus\:shadow-md:focus {
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
        }

        .focus\:shadow-lg:focus {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
        }

        .focus\:shadow-xl:focus {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
        }

        .focus\:shadow-2xl:focus {
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
        }

        .focus\:shadow-inner:focus {
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
        }

        .focus\:shadow-outline:focus {
            box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
        }

        .focus\:shadow-none:focus {
            box-shadow: none
        }

        .fill-current {
            fill: currentColor
        }

        .stroke-current {
            stroke: currentColor
        }

        .stroke-0 {
            stroke-width: 0
        }

        .stroke-1 {
            stroke-width: 1
        }

        .stroke-2 {
            stroke-width: 2
        }

        .table-auto {
            table-layout: auto
        }

        .table-fixed {
            table-layout: fixed
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .text-right {
            text-align: right
        }

        .text-justify {
            text-align: justify
        }

        .text-transparent {
            color: transparent
        }

        .text-current {
            color: currentColor
        }

        .text-black {
            --text-opacity: 1;
            color: #000;
            color: rgba(0, 0, 0, var(--text-opacity))
        }

        .text-white {
            --text-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--text-opacity))
        }

        .text-gray-100 {
            --text-opacity: 1;
            color: #f7fafc;
            color: rgba(247, 250, 252, var(--text-opacity))
        }

        .text-gray-200 {
            --text-opacity: 1;
            color: #edf2f7;
            color: rgba(237, 242, 247, var(--text-opacity))
        }

        .text-gray-300 {
            --text-opacity: 1;
            color: #e2e8f0;
            color: rgba(226, 232, 240, var(--text-opacity))
        }

        .text-gray-400 {
            --text-opacity: 1;
            color: #cbd5e0;
            color: rgba(203, 213, 224, var(--text-opacity))
        }

        .text-gray-500 {
            --text-opacity: 1;
            color: #a0aec0;
            color: rgba(160, 174, 192, var(--text-opacity))
        }

        .text-gray-600 {
            --text-opacity: 1;
            color: #718096;
            color: rgba(113, 128, 150, var(--text-opacity))
        }

        .text-gray-700 {
            --text-opacity: 1;
            color: #4a5568;
            color: rgba(74, 85, 104, var(--text-opacity))
        }

        .text-gray-800 {
            --text-opacity: 1;
            color: #2d3748;
            color: rgba(45, 55, 72, var(--text-opacity))
        }

        .text-gray-900 {
            --text-opacity: 1;
            color: #1a202c;
            color: rgba(26, 32, 44, var(--text-opacity))
        }

        .text-red-100 {
            --text-opacity: 1;
            color: #fff5f5;
            color: rgba(255, 245, 245, var(--text-opacity))
        }

        .text-red-200 {
            --text-opacity: 1;
            color: #fed7d7;
            color: rgba(254, 215, 215, var(--text-opacity))
        }

        .text-red-300 {
            --text-opacity: 1;
            color: #feb2b2;
            color: rgba(254, 178, 178, var(--text-opacity))
        }

        .text-red-400 {
            --text-opacity: 1;
            color: #fc8181;
            color: rgba(252, 129, 129, var(--text-opacity))
        }

        .text-red-500 {
            --text-opacity: 1;
            color: #f56565;
            color: rgba(245, 101, 101, var(--text-opacity))
        }

        .text-red-600 {
            --text-opacity: 1;
            color: #e53e3e;
            color: rgba(229, 62, 62, var(--text-opacity))
        }

        .text-red-700 {
            --text-opacity: 1;
            color: #c53030;
            color: rgba(197, 48, 48, var(--text-opacity))
        }

        .text-red-800 {
            --text-opacity: 1;
            color: #9b2c2c;
            color: rgba(155, 44, 44, var(--text-opacity))
        }

        .text-red-900 {
            --text-opacity: 1;
            color: #742a2a;
            color: rgba(116, 42, 42, var(--text-opacity))
        }

        .text-orange-100 {
            --text-opacity: 1;
            color: #fffaf0;
            color: rgba(255, 250, 240, var(--text-opacity))
        }

        .text-orange-200 {
            --text-opacity: 1;
            color: #feebc8;
            color: rgba(254, 235, 200, var(--text-opacity))
        }

        .text-orange-300 {
            --text-opacity: 1;
            color: #fbd38d;
            color: rgba(251, 211, 141, var(--text-opacity))
        }

        .text-orange-400 {
            --text-opacity: 1;
            color: #f6ad55;
            color: rgba(246, 173, 85, var(--text-opacity))
        }

        .text-orange-500 {
            --text-opacity: 1;
            color: #ed8936;
            color: rgba(237, 137, 54, var(--text-opacity))
        }

        .text-orange-600 {
            --text-opacity: 1;
            color: #dd6b20;
            color: rgba(221, 107, 32, var(--text-opacity))
        }

        .text-orange-700 {
            --text-opacity: 1;
            color: #c05621;
            color: rgba(192, 86, 33, var(--text-opacity))
        }

        .text-orange-800 {
            --text-opacity: 1;
            color: #9c4221;
            color: rgba(156, 66, 33, var(--text-opacity))
        }

        .text-orange-900 {
            --text-opacity: 1;
            color: #7b341e;
            color: rgba(123, 52, 30, var(--text-opacity))
        }

        .text-yellow-100 {
            --text-opacity: 1;
            color: ivory;
            color: rgba(255, 255, 240, var(--text-opacity))
        }

        .text-yellow-200 {
            --text-opacity: 1;
            color: #fefcbf;
            color: rgba(254, 252, 191, var(--text-opacity))
        }

        .text-yellow-300 {
            --text-opacity: 1;
            color: #faf089;
            color: rgba(250, 240, 137, var(--text-opacity))
        }

        .text-yellow-400 {
            --text-opacity: 1;
            color: #f6e05e;
            color: rgba(246, 224, 94, var(--text-opacity))
        }

        .text-yellow-500 {
            --text-opacity: 1;
            color: #ecc94b;
            color: rgba(236, 201, 75, var(--text-opacity))
        }

        .text-yellow-600 {
            --text-opacity: 1;
            color: #d69e2e;
            color: rgba(214, 158, 46, var(--text-opacity))
        }

        .text-yellow-700 {
            --text-opacity: 1;
            color: #b7791f;
            color: rgba(183, 121, 31, var(--text-opacity))
        }

        .text-yellow-800 {
            --text-opacity: 1;
            color: #975a16;
            color: rgba(151, 90, 22, var(--text-opacity))
        }

        .text-yellow-900 {
            --text-opacity: 1;
            color: #744210;
            color: rgba(116, 66, 16, var(--text-opacity))
        }

        .text-green-100 {
            --text-opacity: 1;
            color: #f0fff4;
            color: rgba(240, 255, 244, var(--text-opacity))
        }

        .text-green-200 {
            --text-opacity: 1;
            color: #c6f6d5;
            color: rgba(198, 246, 213, var(--text-opacity))
        }

        .text-green-300 {
            --text-opacity: 1;
            color: #9ae6b4;
            color: rgba(154, 230, 180, var(--text-opacity))
        }

        .text-green-400 {
            --text-opacity: 1;
            color: #68d391;
            color: rgba(104, 211, 145, var(--text-opacity))
        }

        .text-green-500 {
            --text-opacity: 1;
            color: #48bb78;
            color: rgba(72, 187, 120, var(--text-opacity))
        }

        .text-green-600 {
            --text-opacity: 1;
            color: #38a169;
            color: rgba(56, 161, 105, var(--text-opacity))
        }

        .text-green-700 {
            --text-opacity: 1;
            color: #2f855a;
            color: rgba(47, 133, 90, var(--text-opacity))
        }

        .text-green-800 {
            --text-opacity: 1;
            color: #276749;
            color: rgba(39, 103, 73, var(--text-opacity))
        }

        .text-green-900 {
            --text-opacity: 1;
            color: #22543d;
            color: rgba(34, 84, 61, var(--text-opacity))
        }

        .text-teal-100 {
            --text-opacity: 1;
            color: #e6fffa;
            color: rgba(230, 255, 250, var(--text-opacity))
        }

        .text-teal-200 {
            --text-opacity: 1;
            color: #b2f5ea;
            color: rgba(178, 245, 234, var(--text-opacity))
        }

        .text-teal-300 {
            --text-opacity: 1;
            color: #81e6d9;
            color: rgba(129, 230, 217, var(--text-opacity))
        }

        .text-teal-400 {
            --text-opacity: 1;
            color: #4fd1c5;
            color: rgba(79, 209, 197, var(--text-opacity))
        }

        .text-teal-500 {
            --text-opacity: 1;
            color: #38b2ac;
            color: rgba(56, 178, 172, var(--text-opacity))
        }

        .text-teal-600 {
            --text-opacity: 1;
            color: #319795;
            color: rgba(49, 151, 149, var(--text-opacity))
        }

        .text-teal-700 {
            --text-opacity: 1;
            color: #2c7a7b;
            color: rgba(44, 122, 123, var(--text-opacity))
        }

        .text-teal-800 {
            --text-opacity: 1;
            color: #285e61;
            color: rgba(40, 94, 97, var(--text-opacity))
        }

        .text-teal-900 {
            --text-opacity: 1;
            color: #234e52;
            color: rgba(35, 78, 82, var(--text-opacity))
        }

        .text-blue-100 {
            --text-opacity: 1;
            color: #ebf8ff;
            color: rgba(235, 248, 255, var(--text-opacity))
        }

        .text-blue-200 {
            --text-opacity: 1;
            color: #bee3f8;
            color: rgba(190, 227, 248, var(--text-opacity))
        }

        .text-blue-300 {
            --text-opacity: 1;
            color: #90cdf4;
            color: rgba(144, 205, 244, var(--text-opacity))
        }

        .text-blue-400 {
            --text-opacity: 1;
            color: #63b3ed;
            color: rgba(99, 179, 237, var(--text-opacity))
        }

        .text-blue-500 {
            --text-opacity: 1;
            color: #4299e1;
            color: rgba(66, 153, 225, var(--text-opacity))
        }

        .text-blue-600 {
            --text-opacity: 1;
            color: #3182ce;
            color: rgba(49, 130, 206, var(--text-opacity))
        }

        .text-blue-700 {
            --text-opacity: 1;
            color: #2b6cb0;
            color: rgba(43, 108, 176, var(--text-opacity))
        }

        .text-blue-800 {
            --text-opacity: 1;
            color: #2c5282;
            color: rgba(44, 82, 130, var(--text-opacity))
        }

        .text-blue-900 {
            --text-opacity: 1;
            color: #2a4365;
            color: rgba(42, 67, 101, var(--text-opacity))
        }

        .text-indigo-100 {
            --text-opacity: 1;
            color: #ebf4ff;
            color: rgba(235, 244, 255, var(--text-opacity))
        }

        .text-indigo-200 {
            --text-opacity: 1;
            color: #c3dafe;
            color: rgba(195, 218, 254, var(--text-opacity))
        }

        .text-indigo-300 {
            --text-opacity: 1;
            color: #a3bffa;
            color: rgba(163, 191, 250, var(--text-opacity))
        }

        .text-indigo-400 {
            --text-opacity: 1;
            color: #7f9cf5;
            color: rgba(127, 156, 245, var(--text-opacity))
        }

        .text-indigo-500 {
            --text-opacity: 1;
            color: #667eea;
            color: rgba(102, 126, 234, var(--text-opacity))
        }

        .text-indigo-600 {
            --text-opacity: 1;
            color: #5a67d8;
            color: rgba(90, 103, 216, var(--text-opacity))
        }

        .text-indigo-700 {
            --text-opacity: 1;
            color: #4c51bf;
            color: rgba(76, 81, 191, var(--text-opacity))
        }

        .text-indigo-800 {
            --text-opacity: 1;
            color: #434190;
            color: rgba(67, 65, 144, var(--text-opacity))
        }

        .text-indigo-900 {
            --text-opacity: 1;
            color: #3c366b;
            color: rgba(60, 54, 107, var(--text-opacity))
        }

        .text-purple-100 {
            --text-opacity: 1;
            color: #faf5ff;
            color: rgba(250, 245, 255, var(--text-opacity))
        }

        .text-purple-200 {
            --text-opacity: 1;
            color: #e9d8fd;
            color: rgba(233, 216, 253, var(--text-opacity))
        }

        .text-purple-300 {
            --text-opacity: 1;
            color: #d6bcfa;
            color: rgba(214, 188, 250, var(--text-opacity))
        }

        .text-purple-400 {
            --text-opacity: 1;
            color: #b794f4;
            color: rgba(183, 148, 244, var(--text-opacity))
        }

        .text-purple-500 {
            --text-opacity: 1;
            color: #9f7aea;
            color: rgba(159, 122, 234, var(--text-opacity))
        }

        .text-purple-600 {
            --text-opacity: 1;
            color: #805ad5;
            color: rgba(128, 90, 213, var(--text-opacity))
        }

        .text-purple-700 {
            --text-opacity: 1;
            color: #6b46c1;
            color: rgba(107, 70, 193, var(--text-opacity))
        }

        .text-purple-800 {
            --text-opacity: 1;
            color: #553c9a;
            color: rgba(85, 60, 154, var(--text-opacity))
        }

        .text-purple-900 {
            --text-opacity: 1;
            color: #44337a;
            color: rgba(68, 51, 122, var(--text-opacity))
        }

        .text-pink-100 {
            --text-opacity: 1;
            color: #fff5f7;
            color: rgba(255, 245, 247, var(--text-opacity))
        }

        .text-pink-200 {
            --text-opacity: 1;
            color: #fed7e2;
            color: rgba(254, 215, 226, var(--text-opacity))
        }

        .text-pink-300 {
            --text-opacity: 1;
            color: #fbb6ce;
            color: rgba(251, 182, 206, var(--text-opacity))
        }

        .text-pink-400 {
            --text-opacity: 1;
            color: #f687b3;
            color: rgba(246, 135, 179, var(--text-opacity))
        }

        .text-pink-500 {
            --text-opacity: 1;
            color: #ed64a6;
            color: rgba(237, 100, 166, var(--text-opacity))
        }

        .text-pink-600 {
            --text-opacity: 1;
            color: #d53f8c;
            color: rgba(213, 63, 140, var(--text-opacity))
        }

        .text-pink-700 {
            --text-opacity: 1;
            color: #b83280;
            color: rgba(184, 50, 128, var(--text-opacity))
        }

        .text-pink-800 {
            --text-opacity: 1;
            color: #97266d;
            color: rgba(151, 38, 109, var(--text-opacity))
        }

        .text-pink-900 {
            --text-opacity: 1;
            color: #702459;
            color: rgba(112, 36, 89, var(--text-opacity))
        }

        .hover\:text-transparent:hover {
            color: transparent
        }

        .hover\:text-current:hover {
            color: currentColor
        }

        .hover\:text-black:hover {
            --text-opacity: 1;
            color: #000;
            color: rgba(0, 0, 0, var(--text-opacity))
        }

        .hover\:text-white:hover {
            --text-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--text-opacity))
        }

        .hover\:text-gray-100:hover {
            --text-opacity: 1;
            color: #f7fafc;
            color: rgba(247, 250, 252, var(--text-opacity))
        }

        .hover\:text-gray-200:hover {
            --text-opacity: 1;
            color: #edf2f7;
            color: rgba(237, 242, 247, var(--text-opacity))
        }

        .hover\:text-gray-300:hover {
            --text-opacity: 1;
            color: #e2e8f0;
            color: rgba(226, 232, 240, var(--text-opacity))
        }

        .hover\:text-gray-400:hover {
            --text-opacity: 1;
            color: #cbd5e0;
            color: rgba(203, 213, 224, var(--text-opacity))
        }

        .hover\:text-gray-500:hover {
            --text-opacity: 1;
            color: #a0aec0;
            color: rgba(160, 174, 192, var(--text-opacity))
        }

        .hover\:text-gray-600:hover {
            --text-opacity: 1;
            color: #718096;
            color: rgba(113, 128, 150, var(--text-opacity))
        }

        .hover\:text-gray-700:hover {
            --text-opacity: 1;
            color: #4a5568;
            color: rgba(74, 85, 104, var(--text-opacity))
        }

        .hover\:text-gray-800:hover {
            --text-opacity: 1;
            color: #2d3748;
            color: rgba(45, 55, 72, var(--text-opacity))
        }

        .hover\:text-gray-900:hover {
            --text-opacity: 1;
            color: #1a202c;
            color: rgba(26, 32, 44, var(--text-opacity))
        }

        .hover\:text-red-100:hover {
            --text-opacity: 1;
            color: #fff5f5;
            color: rgba(255, 245, 245, var(--text-opacity))
        }

        .hover\:text-red-200:hover {
            --text-opacity: 1;
            color: #fed7d7;
            color: rgba(254, 215, 215, var(--text-opacity))
        }

        .hover\:text-red-300:hover {
            --text-opacity: 1;
            color: #feb2b2;
            color: rgba(254, 178, 178, var(--text-opacity))
        }

        .hover\:text-red-400:hover {
            --text-opacity: 1;
            color: #fc8181;
            color: rgba(252, 129, 129, var(--text-opacity))
        }

        .hover\:text-red-500:hover {
            --text-opacity: 1;
            color: #f56565;
            color: rgba(245, 101, 101, var(--text-opacity))
        }

        .hover\:text-red-600:hover {
            --text-opacity: 1;
            color: #e53e3e;
            color: rgba(229, 62, 62, var(--text-opacity))
        }

        .hover\:text-red-700:hover {
            --text-opacity: 1;
            color: #c53030;
            color: rgba(197, 48, 48, var(--text-opacity))
        }

        .hover\:text-red-800:hover {
            --text-opacity: 1;
            color: #9b2c2c;
            color: rgba(155, 44, 44, var(--text-opacity))
        }

        .hover\:text-red-900:hover {
            --text-opacity: 1;
            color: #742a2a;
            color: rgba(116, 42, 42, var(--text-opacity))
        }

        .hover\:text-orange-100:hover {
            --text-opacity: 1;
            color: #fffaf0;
            color: rgba(255, 250, 240, var(--text-opacity))
        }

        .hover\:text-orange-200:hover {
            --text-opacity: 1;
            color: #feebc8;
            color: rgba(254, 235, 200, var(--text-opacity))
        }

        .hover\:text-orange-300:hover {
            --text-opacity: 1;
            color: #fbd38d;
            color: rgba(251, 211, 141, var(--text-opacity))
        }

        .hover\:text-orange-400:hover {
            --text-opacity: 1;
            color: #f6ad55;
            color: rgba(246, 173, 85, var(--text-opacity))
        }

        .hover\:text-orange-500:hover {
            --text-opacity: 1;
            color: #ed8936;
            color: rgba(237, 137, 54, var(--text-opacity))
        }

        .hover\:text-orange-600:hover {
            --text-opacity: 1;
            color: #dd6b20;
            color: rgba(221, 107, 32, var(--text-opacity))
        }

        .hover\:text-orange-700:hover {
            --text-opacity: 1;
            color: #c05621;
            color: rgba(192, 86, 33, var(--text-opacity))
        }

        .hover\:text-orange-800:hover {
            --text-opacity: 1;
            color: #9c4221;
            color: rgba(156, 66, 33, var(--text-opacity))
        }

        .hover\:text-orange-900:hover {
            --text-opacity: 1;
            color: #7b341e;
            color: rgba(123, 52, 30, var(--text-opacity))
        }

        .hover\:text-yellow-100:hover {
            --text-opacity: 1;
            color: ivory;
            color: rgba(255, 255, 240, var(--text-opacity))
        }

        .hover\:text-yellow-200:hover {
            --text-opacity: 1;
            color: #fefcbf;
            color: rgba(254, 252, 191, var(--text-opacity))
        }

        .hover\:text-yellow-300:hover {
            --text-opacity: 1;
            color: #faf089;
            color: rgba(250, 240, 137, var(--text-opacity))
        }

        .hover\:text-yellow-400:hover {
            --text-opacity: 1;
            color: #f6e05e;
            color: rgba(246, 224, 94, var(--text-opacity))
        }

        .hover\:text-yellow-500:hover {
            --text-opacity: 1;
            color: #ecc94b;
            color: rgba(236, 201, 75, var(--text-opacity))
        }

        .hover\:text-yellow-600:hover {
            --text-opacity: 1;
            color: #d69e2e;
            color: rgba(214, 158, 46, var(--text-opacity))
        }

        .hover\:text-yellow-700:hover {
            --text-opacity: 1;
            color: #b7791f;
            color: rgba(183, 121, 31, var(--text-opacity))
        }

        .hover\:text-yellow-800:hover {
            --text-opacity: 1;
            color: #975a16;
            color: rgba(151, 90, 22, var(--text-opacity))
        }

        .hover\:text-yellow-900:hover {
            --text-opacity: 1;
            color: #744210;
            color: rgba(116, 66, 16, var(--text-opacity))
        }

        .hover\:text-green-100:hover {
            --text-opacity: 1;
            color: #f0fff4;
            color: rgba(240, 255, 244, var(--text-opacity))
        }

        .hover\:text-green-200:hover {
            --text-opacity: 1;
            color: #c6f6d5;
            color: rgba(198, 246, 213, var(--text-opacity))
        }

        .hover\:text-green-300:hover {
            --text-opacity: 1;
            color: #9ae6b4;
            color: rgba(154, 230, 180, var(--text-opacity))
        }

        .hover\:text-green-400:hover {
            --text-opacity: 1;
            color: #68d391;
            color: rgba(104, 211, 145, var(--text-opacity))
        }

        .hover\:text-green-500:hover {
            --text-opacity: 1;
            color: #48bb78;
            color: rgba(72, 187, 120, var(--text-opacity))
        }

        .hover\:text-green-600:hover {
            --text-opacity: 1;
            color: #38a169;
            color: rgba(56, 161, 105, var(--text-opacity))
        }

        .hover\:text-green-700:hover {
            --text-opacity: 1;
            color: #2f855a;
            color: rgba(47, 133, 90, var(--text-opacity))
        }

        .hover\:text-green-800:hover {
            --text-opacity: 1;
            color: #276749;
            color: rgba(39, 103, 73, var(--text-opacity))
        }

        .hover\:text-green-900:hover {
            --text-opacity: 1;
            color: #22543d;
            color: rgba(34, 84, 61, var(--text-opacity))
        }

        .hover\:text-teal-100:hover {
            --text-opacity: 1;
            color: #e6fffa;
            color: rgba(230, 255, 250, var(--text-opacity))
        }

        .hover\:text-teal-200:hover {
            --text-opacity: 1;
            color: #b2f5ea;
            color: rgba(178, 245, 234, var(--text-opacity))
        }

        .hover\:text-teal-300:hover {
            --text-opacity: 1;
            color: #81e6d9;
            color: rgba(129, 230, 217, var(--text-opacity))
        }

        .hover\:text-teal-400:hover {
            --text-opacity: 1;
            color: #4fd1c5;
            color: rgba(79, 209, 197, var(--text-opacity))
        }

        .hover\:text-teal-500:hover {
            --text-opacity: 1;
            color: #38b2ac;
            color: rgba(56, 178, 172, var(--text-opacity))
        }

        .hover\:text-teal-600:hover {
            --text-opacity: 1;
            color: #319795;
            color: rgba(49, 151, 149, var(--text-opacity))
        }

        .hover\:text-teal-700:hover {
            --text-opacity: 1;
            color: #2c7a7b;
            color: rgba(44, 122, 123, var(--text-opacity))
        }

        .hover\:text-teal-800:hover {
            --text-opacity: 1;
            color: #285e61;
            color: rgba(40, 94, 97, var(--text-opacity))
        }

        .hover\:text-teal-900:hover {
            --text-opacity: 1;
            color: #234e52;
            color: rgba(35, 78, 82, var(--text-opacity))
        }

        .hover\:text-blue-100:hover {
            --text-opacity: 1;
            color: #ebf8ff;
            color: rgba(235, 248, 255, var(--text-opacity))
        }

        .hover\:text-blue-200:hover {
            --text-opacity: 1;
            color: #bee3f8;
            color: rgba(190, 227, 248, var(--text-opacity))
        }

        .hover\:text-blue-300:hover {
            --text-opacity: 1;
            color: #90cdf4;
            color: rgba(144, 205, 244, var(--text-opacity))
        }

        .hover\:text-blue-400:hover {
            --text-opacity: 1;
            color: #63b3ed;
            color: rgba(99, 179, 237, var(--text-opacity))
        }

        .hover\:text-blue-500:hover {
            --text-opacity: 1;
            color: #4299e1;
            color: rgba(66, 153, 225, var(--text-opacity))
        }

        .hover\:text-blue-600:hover {
            --text-opacity: 1;
            color: #3182ce;
            color: rgba(49, 130, 206, var(--text-opacity))
        }

        .hover\:text-blue-700:hover {
            --text-opacity: 1;
            color: #2b6cb0;
            color: rgba(43, 108, 176, var(--text-opacity))
        }

        .hover\:text-blue-800:hover {
            --text-opacity: 1;
            color: #2c5282;
            color: rgba(44, 82, 130, var(--text-opacity))
        }

        .hover\:text-blue-900:hover {
            --text-opacity: 1;
            color: #2a4365;
            color: rgba(42, 67, 101, var(--text-opacity))
        }

        .hover\:text-indigo-100:hover {
            --text-opacity: 1;
            color: #ebf4ff;
            color: rgba(235, 244, 255, var(--text-opacity))
        }

        .hover\:text-indigo-200:hover {
            --text-opacity: 1;
            color: #c3dafe;
            color: rgba(195, 218, 254, var(--text-opacity))
        }

        .hover\:text-indigo-300:hover {
            --text-opacity: 1;
            color: #a3bffa;
            color: rgba(163, 191, 250, var(--text-opacity))
        }

        .hover\:text-indigo-400:hover {
            --text-opacity: 1;
            color: #7f9cf5;
            color: rgba(127, 156, 245, var(--text-opacity))
        }

        .hover\:text-indigo-500:hover {
            --text-opacity: 1;
            color: #667eea;
            color: rgba(102, 126, 234, var(--text-opacity))
        }

        .hover\:text-indigo-600:hover {
            --text-opacity: 1;
            color: #5a67d8;
            color: rgba(90, 103, 216, var(--text-opacity))
        }

        .hover\:text-indigo-700:hover {
            --text-opacity: 1;
            color: #4c51bf;
            color: rgba(76, 81, 191, var(--text-opacity))
        }

        .hover\:text-indigo-800:hover {
            --text-opacity: 1;
            color: #434190;
            color: rgba(67, 65, 144, var(--text-opacity))
        }

        .hover\:text-indigo-900:hover {
            --text-opacity: 1;
            color: #3c366b;
            color: rgba(60, 54, 107, var(--text-opacity))
        }

        .hover\:text-purple-100:hover {
            --text-opacity: 1;
            color: #faf5ff;
            color: rgba(250, 245, 255, var(--text-opacity))
        }

        .hover\:text-purple-200:hover {
            --text-opacity: 1;
            color: #e9d8fd;
            color: rgba(233, 216, 253, var(--text-opacity))
        }

        .hover\:text-purple-300:hover {
            --text-opacity: 1;
            color: #d6bcfa;
            color: rgba(214, 188, 250, var(--text-opacity))
        }

        .hover\:text-purple-400:hover {
            --text-opacity: 1;
            color: #b794f4;
            color: rgba(183, 148, 244, var(--text-opacity))
        }

        .hover\:text-purple-500:hover {
            --text-opacity: 1;
            color: #9f7aea;
            color: rgba(159, 122, 234, var(--text-opacity))
        }

        .hover\:text-purple-600:hover {
            --text-opacity: 1;
            color: #805ad5;
            color: rgba(128, 90, 213, var(--text-opacity))
        }

        .hover\:text-purple-700:hover {
            --text-opacity: 1;
            color: #6b46c1;
            color: rgba(107, 70, 193, var(--text-opacity))
        }

        .hover\:text-purple-800:hover {
            --text-opacity: 1;
            color: #553c9a;
            color: rgba(85, 60, 154, var(--text-opacity))
        }

        .hover\:text-purple-900:hover {
            --text-opacity: 1;
            color: #44337a;
            color: rgba(68, 51, 122, var(--text-opacity))
        }

        .hover\:text-pink-100:hover {
            --text-opacity: 1;
            color: #fff5f7;
            color: rgba(255, 245, 247, var(--text-opacity))
        }

        .hover\:text-pink-200:hover {
            --text-opacity: 1;
            color: #fed7e2;
            color: rgba(254, 215, 226, var(--text-opacity))
        }

        .hover\:text-pink-300:hover {
            --text-opacity: 1;
            color: #fbb6ce;
            color: rgba(251, 182, 206, var(--text-opacity))
        }

        .hover\:text-pink-400:hover {
            --text-opacity: 1;
            color: #f687b3;
            color: rgba(246, 135, 179, var(--text-opacity))
        }

        .hover\:text-pink-500:hover {
            --text-opacity: 1;
            color: #ed64a6;
            color: rgba(237, 100, 166, var(--text-opacity))
        }

        .hover\:text-pink-600:hover {
            --text-opacity: 1;
            color: #d53f8c;
            color: rgba(213, 63, 140, var(--text-opacity))
        }

        .hover\:text-pink-700:hover {
            --text-opacity: 1;
            color: #b83280;
            color: rgba(184, 50, 128, var(--text-opacity))
        }

        .hover\:text-pink-800:hover {
            --text-opacity: 1;
            color: #97266d;
            color: rgba(151, 38, 109, var(--text-opacity))
        }

        .hover\:text-pink-900:hover {
            --text-opacity: 1;
            color: #702459;
            color: rgba(112, 36, 89, var(--text-opacity))
        }

        .focus\:text-transparent:focus {
            color: transparent
        }

        .focus\:text-current:focus {
            color: currentColor
        }

        .focus\:text-black:focus {
            --text-opacity: 1;
            color: #000;
            color: rgba(0, 0, 0, var(--text-opacity))
        }

        .focus\:text-white:focus {
            --text-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--text-opacity))
        }

        .focus\:text-gray-100:focus {
            --text-opacity: 1;
            color: #f7fafc;
            color: rgba(247, 250, 252, var(--text-opacity))
        }

        .focus\:text-gray-200:focus {
            --text-opacity: 1;
            color: #edf2f7;
            color: rgba(237, 242, 247, var(--text-opacity))
        }

        .focus\:text-gray-300:focus {
            --text-opacity: 1;
            color: #e2e8f0;
            color: rgba(226, 232, 240, var(--text-opacity))
        }

        .focus\:text-gray-400:focus {
            --text-opacity: 1;
            color: #cbd5e0;
            color: rgba(203, 213, 224, var(--text-opacity))
        }

        .focus\:text-gray-500:focus {
            --text-opacity: 1;
            color: #a0aec0;
            color: rgba(160, 174, 192, var(--text-opacity))
        }

        .focus\:text-gray-600:focus {
            --text-opacity: 1;
            color: #718096;
            color: rgba(113, 128, 150, var(--text-opacity))
        }

        .focus\:text-gray-700:focus {
            --text-opacity: 1;
            color: #4a5568;
            color: rgba(74, 85, 104, var(--text-opacity))
        }

        .focus\:text-gray-800:focus {
            --text-opacity: 1;
            color: #2d3748;
            color: rgba(45, 55, 72, var(--text-opacity))
        }

        .focus\:text-gray-900:focus {
            --text-opacity: 1;
            color: #1a202c;
            color: rgba(26, 32, 44, var(--text-opacity))
        }

        .focus\:text-red-100:focus {
            --text-opacity: 1;
            color: #fff5f5;
            color: rgba(255, 245, 245, var(--text-opacity))
        }

        .focus\:text-red-200:focus {
            --text-opacity: 1;
            color: #fed7d7;
            color: rgba(254, 215, 215, var(--text-opacity))
        }

        .focus\:text-red-300:focus {
            --text-opacity: 1;
            color: #feb2b2;
            color: rgba(254, 178, 178, var(--text-opacity))
        }

        .focus\:text-red-400:focus {
            --text-opacity: 1;
            color: #fc8181;
            color: rgba(252, 129, 129, var(--text-opacity))
        }

        .focus\:text-red-500:focus {
            --text-opacity: 1;
            color: #f56565;
            color: rgba(245, 101, 101, var(--text-opacity))
        }

        .focus\:text-red-600:focus {
            --text-opacity: 1;
            color: #e53e3e;
            color: rgba(229, 62, 62, var(--text-opacity))
        }

        .focus\:text-red-700:focus {
            --text-opacity: 1;
            color: #c53030;
            color: rgba(197, 48, 48, var(--text-opacity))
        }

        .focus\:text-red-800:focus {
            --text-opacity: 1;
            color: #9b2c2c;
            color: rgba(155, 44, 44, var(--text-opacity))
        }

        .focus\:text-red-900:focus {
            --text-opacity: 1;
            color: #742a2a;
            color: rgba(116, 42, 42, var(--text-opacity))
        }

        .focus\:text-orange-100:focus {
            --text-opacity: 1;
            color: #fffaf0;
            color: rgba(255, 250, 240, var(--text-opacity))
        }

        .focus\:text-orange-200:focus {
            --text-opacity: 1;
            color: #feebc8;
            color: rgba(254, 235, 200, var(--text-opacity))
        }

        .focus\:text-orange-300:focus {
            --text-opacity: 1;
            color: #fbd38d;
            color: rgba(251, 211, 141, var(--text-opacity))
        }

        .focus\:text-orange-400:focus {
            --text-opacity: 1;
            color: #f6ad55;
            color: rgba(246, 173, 85, var(--text-opacity))
        }

        .focus\:text-orange-500:focus {
            --text-opacity: 1;
            color: #ed8936;
            color: rgba(237, 137, 54, var(--text-opacity))
        }

        .focus\:text-orange-600:focus {
            --text-opacity: 1;
            color: #dd6b20;
            color: rgba(221, 107, 32, var(--text-opacity))
        }

        .focus\:text-orange-700:focus {
            --text-opacity: 1;
            color: #c05621;
            color: rgba(192, 86, 33, var(--text-opacity))
        }

        .focus\:text-orange-800:focus {
            --text-opacity: 1;
            color: #9c4221;
            color: rgba(156, 66, 33, var(--text-opacity))
        }

        .focus\:text-orange-900:focus {
            --text-opacity: 1;
            color: #7b341e;
            color: rgba(123, 52, 30, var(--text-opacity))
        }

        .focus\:text-yellow-100:focus {
            --text-opacity: 1;
            color: ivory;
            color: rgba(255, 255, 240, var(--text-opacity))
        }

        .focus\:text-yellow-200:focus {
            --text-opacity: 1;
            color: #fefcbf;
            color: rgba(254, 252, 191, var(--text-opacity))
        }

        .focus\:text-yellow-300:focus {
            --text-opacity: 1;
            color: #faf089;
            color: rgba(250, 240, 137, var(--text-opacity))
        }

        .focus\:text-yellow-400:focus {
            --text-opacity: 1;
            color: #f6e05e;
            color: rgba(246, 224, 94, var(--text-opacity))
        }

        .focus\:text-yellow-500:focus {
            --text-opacity: 1;
            color: #ecc94b;
            color: rgba(236, 201, 75, var(--text-opacity))
        }

        .focus\:text-yellow-600:focus {
            --text-opacity: 1;
            color: #d69e2e;
            color: rgba(214, 158, 46, var(--text-opacity))
        }

        .focus\:text-yellow-700:focus {
            --text-opacity: 1;
            color: #b7791f;
            color: rgba(183, 121, 31, var(--text-opacity))
        }

        .focus\:text-yellow-800:focus {
            --text-opacity: 1;
            color: #975a16;
            color: rgba(151, 90, 22, var(--text-opacity))
        }

        .focus\:text-yellow-900:focus {
            --text-opacity: 1;
            color: #744210;
            color: rgba(116, 66, 16, var(--text-opacity))
        }

        .focus\:text-green-100:focus {
            --text-opacity: 1;
            color: #f0fff4;
            color: rgba(240, 255, 244, var(--text-opacity))
        }

        .focus\:text-green-200:focus {
            --text-opacity: 1;
            color: #c6f6d5;
            color: rgba(198, 246, 213, var(--text-opacity))
        }

        .focus\:text-green-300:focus {
            --text-opacity: 1;
            color: #9ae6b4;
            color: rgba(154, 230, 180, var(--text-opacity))
        }

        .focus\:text-green-400:focus {
            --text-opacity: 1;
            color: #68d391;
            color: rgba(104, 211, 145, var(--text-opacity))
        }

        .focus\:text-green-500:focus {
            --text-opacity: 1;
            color: #48bb78;
            color: rgba(72, 187, 120, var(--text-opacity))
        }

        .focus\:text-green-600:focus {
            --text-opacity: 1;
            color: #38a169;
            color: rgba(56, 161, 105, var(--text-opacity))
        }

        .focus\:text-green-700:focus {
            --text-opacity: 1;
            color: #2f855a;
            color: rgba(47, 133, 90, var(--text-opacity))
        }

        .focus\:text-green-800:focus {
            --text-opacity: 1;
            color: #276749;
            color: rgba(39, 103, 73, var(--text-opacity))
        }

        .focus\:text-green-900:focus {
            --text-opacity: 1;
            color: #22543d;
            color: rgba(34, 84, 61, var(--text-opacity))
        }

        .focus\:text-teal-100:focus {
            --text-opacity: 1;
            color: #e6fffa;
            color: rgba(230, 255, 250, var(--text-opacity))
        }

        .focus\:text-teal-200:focus {
            --text-opacity: 1;
            color: #b2f5ea;
            color: rgba(178, 245, 234, var(--text-opacity))
        }

        .focus\:text-teal-300:focus {
            --text-opacity: 1;
            color: #81e6d9;
            color: rgba(129, 230, 217, var(--text-opacity))
        }

        .focus\:text-teal-400:focus {
            --text-opacity: 1;
            color: #4fd1c5;
            color: rgba(79, 209, 197, var(--text-opacity))
        }

        .focus\:text-teal-500:focus {
            --text-opacity: 1;
            color: #38b2ac;
            color: rgba(56, 178, 172, var(--text-opacity))
        }

        .focus\:text-teal-600:focus {
            --text-opacity: 1;
            color: #319795;
            color: rgba(49, 151, 149, var(--text-opacity))
        }

        .focus\:text-teal-700:focus {
            --text-opacity: 1;
            color: #2c7a7b;
            color: rgba(44, 122, 123, var(--text-opacity))
        }

        .focus\:text-teal-800:focus {
            --text-opacity: 1;
            color: #285e61;
            color: rgba(40, 94, 97, var(--text-opacity))
        }

        .focus\:text-teal-900:focus {
            --text-opacity: 1;
            color: #234e52;
            color: rgba(35, 78, 82, var(--text-opacity))
        }

        .focus\:text-blue-100:focus {
            --text-opacity: 1;
            color: #ebf8ff;
            color: rgba(235, 248, 255, var(--text-opacity))
        }

        .focus\:text-blue-200:focus {
            --text-opacity: 1;
            color: #bee3f8;
            color: rgba(190, 227, 248, var(--text-opacity))
        }

        .focus\:text-blue-300:focus {
            --text-opacity: 1;
            color: #90cdf4;
            color: rgba(144, 205, 244, var(--text-opacity))
        }

        .focus\:text-blue-400:focus {
            --text-opacity: 1;
            color: #63b3ed;
            color: rgba(99, 179, 237, var(--text-opacity))
        }

        .focus\:text-blue-500:focus {
            --text-opacity: 1;
            color: #4299e1;
            color: rgba(66, 153, 225, var(--text-opacity))
        }

        .focus\:text-blue-600:focus {
            --text-opacity: 1;
            color: #3182ce;
            color: rgba(49, 130, 206, var(--text-opacity))
        }

        .focus\:text-blue-700:focus {
            --text-opacity: 1;
            color: #2b6cb0;
            color: rgba(43, 108, 176, var(--text-opacity))
        }

        .focus\:text-blue-800:focus {
            --text-opacity: 1;
            color: #2c5282;
            color: rgba(44, 82, 130, var(--text-opacity))
        }

        .focus\:text-blue-900:focus {
            --text-opacity: 1;
            color: #2a4365;
            color: rgba(42, 67, 101, var(--text-opacity))
        }

        .focus\:text-indigo-100:focus {
            --text-opacity: 1;
            color: #ebf4ff;
            color: rgba(235, 244, 255, var(--text-opacity))
        }

        .focus\:text-indigo-200:focus {
            --text-opacity: 1;
            color: #c3dafe;
            color: rgba(195, 218, 254, var(--text-opacity))
        }

        .focus\:text-indigo-300:focus {
            --text-opacity: 1;
            color: #a3bffa;
            color: rgba(163, 191, 250, var(--text-opacity))
        }

        .focus\:text-indigo-400:focus {
            --text-opacity: 1;
            color: #7f9cf5;
            color: rgba(127, 156, 245, var(--text-opacity))
        }

        .focus\:text-indigo-500:focus {
            --text-opacity: 1;
            color: #667eea;
            color: rgba(102, 126, 234, var(--text-opacity))
        }

        .focus\:text-indigo-600:focus {
            --text-opacity: 1;
            color: #5a67d8;
            color: rgba(90, 103, 216, var(--text-opacity))
        }

        .focus\:text-indigo-700:focus {
            --text-opacity: 1;
            color: #4c51bf;
            color: rgba(76, 81, 191, var(--text-opacity))
        }

        .focus\:text-indigo-800:focus {
            --text-opacity: 1;
            color: #434190;
            color: rgba(67, 65, 144, var(--text-opacity))
        }

        .focus\:text-indigo-900:focus {
            --text-opacity: 1;
            color: #3c366b;
            color: rgba(60, 54, 107, var(--text-opacity))
        }

        .focus\:text-purple-100:focus {
            --text-opacity: 1;
            color: #faf5ff;
            color: rgba(250, 245, 255, var(--text-opacity))
        }

        .focus\:text-purple-200:focus {
            --text-opacity: 1;
            color: #e9d8fd;
            color: rgba(233, 216, 253, var(--text-opacity))
        }

        .focus\:text-purple-300:focus {
            --text-opacity: 1;
            color: #d6bcfa;
            color: rgba(214, 188, 250, var(--text-opacity))
        }

        .focus\:text-purple-400:focus {
            --text-opacity: 1;
            color: #b794f4;
            color: rgba(183, 148, 244, var(--text-opacity))
        }

        .focus\:text-purple-500:focus {
            --text-opacity: 1;
            color: #9f7aea;
            color: rgba(159, 122, 234, var(--text-opacity))
        }

        .focus\:text-purple-600:focus {
            --text-opacity: 1;
            color: #805ad5;
            color: rgba(128, 90, 213, var(--text-opacity))
        }

        .focus\:text-purple-700:focus {
            --text-opacity: 1;
            color: #6b46c1;
            color: rgba(107, 70, 193, var(--text-opacity))
        }

        .focus\:text-purple-800:focus {
            --text-opacity: 1;
            color: #553c9a;
            color: rgba(85, 60, 154, var(--text-opacity))
        }

        .focus\:text-purple-900:focus {
            --text-opacity: 1;
            color: #44337a;
            color: rgba(68, 51, 122, var(--text-opacity))
        }

        .focus\:text-pink-100:focus {
            --text-opacity: 1;
            color: #fff5f7;
            color: rgba(255, 245, 247, var(--text-opacity))
        }

        .focus\:text-pink-200:focus {
            --text-opacity: 1;
            color: #fed7e2;
            color: rgba(254, 215, 226, var(--text-opacity))
        }

        .focus\:text-pink-300:focus {
            --text-opacity: 1;
            color: #fbb6ce;
            color: rgba(251, 182, 206, var(--text-opacity))
        }

        .focus\:text-pink-400:focus {
            --text-opacity: 1;
            color: #f687b3;
            color: rgba(246, 135, 179, var(--text-opacity))
        }

        .focus\:text-pink-500:focus {
            --text-opacity: 1;
            color: #ed64a6;
            color: rgba(237, 100, 166, var(--text-opacity))
        }

        .focus\:text-pink-600:focus {
            --text-opacity: 1;
            color: #d53f8c;
            color: rgba(213, 63, 140, var(--text-opacity))
        }

        .focus\:text-pink-700:focus {
            --text-opacity: 1;
            color: #b83280;
            color: rgba(184, 50, 128, var(--text-opacity))
        }

        .focus\:text-pink-800:focus {
            --text-opacity: 1;
            color: #97266d;
            color: rgba(151, 38, 109, var(--text-opacity))
        }

        .focus\:text-pink-900:focus {
            --text-opacity: 1;
            color: #702459;
            color: rgba(112, 36, 89, var(--text-opacity))
        }

        .text-opacity-0 {
            --text-opacity: 0
        }

        .text-opacity-25 {
            --text-opacity: 0.25
        }

        .text-opacity-50 {
            --text-opacity: 0.5
        }

        .text-opacity-75 {
            --text-opacity: 0.75
        }

        .text-opacity-100 {
            --text-opacity: 1
        }

        .hover\:text-opacity-0:hover {
            --text-opacity: 0
        }

        .hover\:text-opacity-25:hover {
            --text-opacity: 0.25
        }

        .hover\:text-opacity-50:hover {
            --text-opacity: 0.5
        }

        .hover\:text-opacity-75:hover {
            --text-opacity: 0.75
        }

        .hover\:text-opacity-100:hover {
            --text-opacity: 1
        }

        .focus\:text-opacity-0:focus {
            --text-opacity: 0
        }

        .focus\:text-opacity-25:focus {
            --text-opacity: 0.25
        }

        .focus\:text-opacity-50:focus {
            --text-opacity: 0.5
        }

        .focus\:text-opacity-75:focus {
            --text-opacity: 0.75
        }

        .focus\:text-opacity-100:focus {
            --text-opacity: 1
        }

        .italic {
            font-style: italic
        }

        .not-italic {
            font-style: normal
        }

        .uppercase {
            text-transform: uppercase
        }

        .lowercase {
            text-transform: lowercase
        }

        .capitalize {
            text-transform: capitalize
        }

        .normal-case {
            text-transform: none
        }

        .underline {
            text-decoration: underline
        }

        .line-through {
            text-decoration: line-through
        }

        .no-underline {
            text-decoration: none
        }

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

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

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

        .focus\:underline:focus {
            text-decoration: underline
        }

        .focus\:line-through:focus {
            text-decoration: line-through
        }

        .focus\:no-underline:focus {
            text-decoration: none
        }

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

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

        .tracking-tighter {
            letter-spacing: -.05em
        }

        .tracking-tight {
            letter-spacing: -.025em
        }

        .tracking-normal {
            letter-spacing: 0
        }

        .tracking-wide {
            letter-spacing: .025em
        }

        .tracking-wider {
            letter-spacing: .05em
        }

        .tracking-widest {
            letter-spacing: .1em
        }

        .select-none {
            user-select: none
        }

        .select-text {
            user-select: text
        }

        .select-all {
            user-select: all
        }

        .select-auto {
            user-select: auto
        }

        .align-baseline {
            vertical-align: baseline
        }

        .align-top {
            vertical-align: top
        }

        .align-middle {
            vertical-align: middle
        }

        .align-bottom {
            vertical-align: bottom
        }

        .align-text-top {
            vertical-align: text-top
        }

        .align-text-bottom {
            vertical-align: text-bottom
        }

        .visible {
            visibility: visible
        }

        .invisible {
            visibility: hidden
        }

        .whitespace-normal {
            white-space: normal
        }

        .whitespace-no-wrap {
            white-space: nowrap
        }

        .whitespace-pre {
            white-space: pre
        }

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

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

        .break-normal {
            overflow-wrap: normal;
            word-break: normal
        }

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

        .break-all {
            word-break: break-all
        }

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

        .w-0 {
            width: 0
        }

        .w-1 {
            width: 8px
        }

        .w-2 {
            width: 12px
        }

        .w-3 {
            width: 16px
        }

        .w-4 {
            width: 24px
        }

        .w-5 {
            width: 32px
        }

        .w-6 {
            width: 48px
        }

        .w-7 {
            width: 60px
        }

        .w-8 {
            width: 72px
        }

        .w-9 {
            width: 84px
        }

        .w-10 {
            width: 96px
        }

        .w-auto {
            width: auto
        }

        .w-0\.5 {
            width: 4px
        }

        .w-1\/2 {
            width: 50%
        }

        .w-1\/3 {
            width: 33.333333%
        }

        .w-2\/3 {
            width: 66.666667%
        }

        .w-1\/4 {
            width: 25%
        }

        .w-2\/4 {
            width: 50%
        }

        .w-3\/4 {
            width: 75%
        }

        .w-1\/5 {
            width: 20%
        }

        .w-2\/5 {
            width: 40%
        }

        .w-3\/5 {
            width: 60%
        }

        .w-4\/5 {
            width: 80%
        }

        .w-1\/6 {
            width: 16.666667%
        }

        .w-2\/6 {
            width: 33.333333%
        }

        .w-3\/6 {
            width: 50%
        }

        .w-4\/6 {
            width: 66.666667%
        }

        .w-5\/6 {
            width: 83.333333%
        }

        .w-1\/12 {
            width: 8.333333%
        }

        .w-2\/12 {
            width: 16.666667%
        }

        .w-3\/12 {
            width: 25%
        }

        .w-4\/12 {
            width: 33.333333%
        }

        .w-5\/12 {
            width: 41.666667%
        }

        .w-6\/12 {
            width: 50%
        }

        .w-7\/12 {
            width: 58.333333%
        }

        .w-8\/12 {
            width: 66.666667%
        }

        .w-9\/12 {
            width: 75%
        }

        .w-10\/12 {
            width: 83.333333%
        }

        .w-11\/12 {
            width: 91.666667%
        }

        .w-full {
            width: 100%
        }

        .w-screen {
            width: 100vw
        }

        .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-auto {
            z-index: auto
        }

        .gap-0 {
            grid-gap: 0;
            gap: 0
        }

        .gap-1 {
            grid-gap: 8px;
            gap: 8px
        }

        .gap-2 {
            grid-gap: 12px;
            gap: 12px
        }

        .gap-3 {
            grid-gap: 16px;
            gap: 16px
        }

        .gap-4 {
            grid-gap: 24px;
            gap: 24px
        }

        .gap-5 {
            grid-gap: 32px;
            gap: 32px
        }

        .gap-6 {
            grid-gap: 48px;
            gap: 48px
        }

        .gap-7 {
            grid-gap: 60px;
            gap: 60px
        }

        .gap-8 {
            grid-gap: 72px;
            gap: 72px
        }

        .gap-9 {
            grid-gap: 84px;
            gap: 84px
        }

        .gap-10 {
            grid-gap: 96px;
            gap: 96px
        }

        .gap-0\.5 {
            grid-gap: 4px;
            gap: 4px
        }

        .col-gap-0 {
            grid-column-gap: 0;
            column-gap: 0
        }

        .col-gap-1 {
            grid-column-gap: 8px;
            column-gap: 8px
        }

        .col-gap-2 {
            grid-column-gap: 12px;
            column-gap: 12px
        }

        .col-gap-3 {
            grid-column-gap: 16px;
            column-gap: 16px
        }

        .col-gap-4 {
            grid-column-gap: 24px;
            column-gap: 24px
        }

        .col-gap-5 {
            grid-column-gap: 32px;
            column-gap: 32px
        }

        .col-gap-6 {
            grid-column-gap: 48px;
            column-gap: 48px
        }

        .col-gap-7 {
            grid-column-gap: 60px;
            column-gap: 60px
        }

        .col-gap-8 {
            grid-column-gap: 72px;
            column-gap: 72px
        }

        .col-gap-9 {
            grid-column-gap: 84px;
            column-gap: 84px
        }

        .col-gap-10 {
            grid-column-gap: 96px;
            column-gap: 96px
        }

        .col-gap-0\.5 {
            grid-column-gap: 4px;
            column-gap: 4px
        }

        .row-gap-0 {
            grid-row-gap: 0;
            row-gap: 0
        }

        .row-gap-1 {
            grid-row-gap: 8px;
            row-gap: 8px
        }

        .row-gap-2 {
            grid-row-gap: 12px;
            row-gap: 12px
        }

        .row-gap-3 {
            grid-row-gap: 16px;
            row-gap: 16px
        }

        .row-gap-4 {
            grid-row-gap: 24px;
            row-gap: 24px
        }

        .row-gap-5 {
            grid-row-gap: 32px;
            row-gap: 32px
        }

        .row-gap-6 {
            grid-row-gap: 48px;
            row-gap: 48px
        }

        .row-gap-7 {
            grid-row-gap: 60px;
            row-gap: 60px
        }

        .row-gap-8 {
            grid-row-gap: 72px;
            row-gap: 72px
        }

        .row-gap-9 {
            grid-row-gap: 84px;
            row-gap: 84px
        }

        .row-gap-10 {
            grid-row-gap: 96px;
            row-gap: 96px
        }

        .row-gap-0\.5 {
            grid-row-gap: 4px;
            row-gap: 4px
        }

        .grid-flow-row {
            grid-auto-flow: row
        }

        .grid-flow-col {
            grid-auto-flow: column
        }

        .grid-flow-row-dense {
            grid-auto-flow: row dense
        }

        .grid-flow-col-dense {
            grid-auto-flow: column dense
        }

        .grid-cols-1 {
            grid-template-columns: repeat(1, 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-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

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

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

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

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

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

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

        .grid-cols-none {
            grid-template-columns: none
        }

        .col-auto {
            grid-column: auto
        }

        .col-span-1 {
            grid-column: span 1/span 1
        }

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

        .col-span-3 {
            grid-column: span 3/span 3
        }

        .col-span-4 {
            grid-column: span 4/span 4
        }

        .col-span-5 {
            grid-column: span 5/span 5
        }

        .col-span-6 {
            grid-column: span 6/span 6
        }

        .col-span-7 {
            grid-column: span 7/span 7
        }

        .col-span-8 {
            grid-column: span 8/span 8
        }

        .col-span-9 {
            grid-column: span 9/span 9
        }

        .col-span-10 {
            grid-column: span 10/span 10
        }

        .col-span-11 {
            grid-column: span 11/span 11
        }

        .col-span-12 {
            grid-column: span 12/span 12
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .col-end-2 {
            grid-column-end: 2
        }

        .col-end-3 {
            grid-column-end: 3
        }

        .col-end-4 {
            grid-column-end: 4
        }

        .col-end-5 {
            grid-column-end: 5
        }

        .col-end-6 {
            grid-column-end: 6
        }

        .col-end-7 {
            grid-column-end: 7
        }

        .col-end-8 {
            grid-column-end: 8
        }

        .col-end-9 {
            grid-column-end: 9
        }

        .col-end-10 {
            grid-column-end: 10
        }

        .col-end-11 {
            grid-column-end: 11
        }

        .col-end-12 {
            grid-column-end: 12
        }

        .col-end-13 {
            grid-column-end: 13
        }

        .col-end-auto {
            grid-column-end: auto
        }

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

        .grid-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr))
        }

        .grid-rows-3 {
            grid-template-rows: repeat(3, minmax(0, 1fr))
        }

        .grid-rows-4 {
            grid-template-rows: repeat(4, minmax(0, 1fr))
        }

        .grid-rows-5 {
            grid-template-rows: repeat(5, minmax(0, 1fr))
        }

        .grid-rows-6 {
            grid-template-rows: repeat(6, minmax(0, 1fr))
        }

        .grid-rows-none {
            grid-template-rows: none
        }

        .row-auto {
            grid-row: auto
        }

        .row-span-1 {
            grid-row: span 1/span 1
        }

        .row-span-2 {
            grid-row: span 2/span 2
        }

        .row-span-3 {
            grid-row: span 3/span 3
        }

        .row-span-4 {
            grid-row: span 4/span 4
        }

        .row-span-5 {
            grid-row: span 5/span 5
        }

        .row-span-6 {
            grid-row: span 6/span 6
        }

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

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

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

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

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

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

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

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

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

        .row-end-2 {
            grid-row-end: 2
        }

        .row-end-3 {
            grid-row-end: 3
        }

        .row-end-4 {
            grid-row-end: 4
        }

        .row-end-5 {
            grid-row-end: 5
        }

        .row-end-6 {
            grid-row-end: 6
        }

        .row-end-7 {
            grid-row-end: 7
        }

        .row-end-auto {
            grid-row-end: auto
        }

        .transform {
            --transform-translate-x: 0;
            --transform-translate-y: 0;
            --transform-rotate: 0;
            --transform-skew-x: 0;
            --transform-skew-y: 0;
            --transform-scale-x: 1;
            --transform-scale-y: 1;
            transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
        }

        .transform-none {
            transform: none
        }

        .origin-center {
            transform-origin: center
        }

        .origin-top {
            transform-origin: top
        }

        .origin-top-right {
            transform-origin: top right
        }

        .origin-right {
            transform-origin: right
        }

        .origin-bottom-right {
            transform-origin: bottom right
        }

        .origin-bottom {
            transform-origin: bottom
        }

        .origin-bottom-left {
            transform-origin: bottom left
        }

        .origin-left {
            transform-origin: left
        }

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

        .scale-0 {
            --transform-scale-x: 0;
            --transform-scale-y: 0
        }

        .scale-50 {
            --transform-scale-x: .5;
            --transform-scale-y: .5
        }

        .scale-75 {
            --transform-scale-x: .75;
            --transform-scale-y: .75
        }

        .scale-90 {
            --transform-scale-x: .9;
            --transform-scale-y: .9
        }

        .scale-95 {
            --transform-scale-x: .95;
            --transform-scale-y: .95
        }

        .scale-100 {
            --transform-scale-x: 1;
            --transform-scale-y: 1
        }

        .scale-105 {
            --transform-scale-x: 1.05;
            --transform-scale-y: 1.05
        }

        .scale-110 {
            --transform-scale-x: 1.1;
            --transform-scale-y: 1.1
        }

        .scale-125 {
            --transform-scale-x: 1.25;
            --transform-scale-y: 1.25
        }

        .scale-150 {
            --transform-scale-x: 1.5;
            --transform-scale-y: 1.5
        }

        .scale-x-0 {
            --transform-scale-x: 0
        }

        .scale-x-50 {
            --transform-scale-x: .5
        }

        .scale-x-75 {
            --transform-scale-x: .75
        }

        .scale-x-90 {
            --transform-scale-x: .9
        }

        .scale-x-95 {
            --transform-scale-x: .95
        }

        .scale-x-100 {
            --transform-scale-x: 1
        }

        .scale-x-105 {
            --transform-scale-x: 1.05
        }

        .scale-x-110 {
            --transform-scale-x: 1.1
        }

        .scale-x-125 {
            --transform-scale-x: 1.25
        }

        .scale-x-150 {
            --transform-scale-x: 1.5
        }

        .scale-y-0 {
            --transform-scale-y: 0
        }

        .scale-y-50 {
            --transform-scale-y: .5
        }

        .scale-y-75 {
            --transform-scale-y: .75
        }

        .scale-y-90 {
            --transform-scale-y: .9
        }

        .scale-y-95 {
            --transform-scale-y: .95
        }

        .scale-y-100 {
            --transform-scale-y: 1
        }

        .scale-y-105 {
            --transform-scale-y: 1.05
        }

        .scale-y-110 {
            --transform-scale-y: 1.1
        }

        .scale-y-125 {
            --transform-scale-y: 1.25
        }

        .scale-y-150 {
            --transform-scale-y: 1.5
        }

        .hover\:scale-0:hover {
            --transform-scale-x: 0;
            --transform-scale-y: 0
        }

        .hover\:scale-50:hover {
            --transform-scale-x: .5;
            --transform-scale-y: .5
        }

        .hover\:scale-75:hover {
            --transform-scale-x: .75;
            --transform-scale-y: .75
        }

        .hover\:scale-90:hover {
            --transform-scale-x: .9;
            --transform-scale-y: .9
        }

        .hover\:scale-95:hover {
            --transform-scale-x: .95;
            --transform-scale-y: .95
        }

        .hover\:scale-100:hover {
            --transform-scale-x: 1;
            --transform-scale-y: 1
        }

        .hover\:scale-105:hover {
            --transform-scale-x: 1.05;
            --transform-scale-y: 1.05
        }

        .hover\:scale-110:hover {
            --transform-scale-x: 1.1;
            --transform-scale-y: 1.1
        }

        .hover\:scale-125:hover {
            --transform-scale-x: 1.25;
            --transform-scale-y: 1.25
        }

        .hover\:scale-150:hover {
            --transform-scale-x: 1.5;
            --transform-scale-y: 1.5
        }

        .hover\:scale-x-0:hover {
            --transform-scale-x: 0
        }

        .hover\:scale-x-50:hover {
            --transform-scale-x: .5
        }

        .hover\:scale-x-75:hover {
            --transform-scale-x: .75
        }

        .hover\:scale-x-90:hover {
            --transform-scale-x: .9
        }

        .hover\:scale-x-95:hover {
            --transform-scale-x: .95
        }

        .hover\:scale-x-100:hover {
            --transform-scale-x: 1
        }

        .hover\:scale-x-105:hover {
            --transform-scale-x: 1.05
        }

        .hover\:scale-x-110:hover {
            --transform-scale-x: 1.1
        }

        .hover\:scale-x-125:hover {
            --transform-scale-x: 1.25
        }

        .hover\:scale-x-150:hover {
            --transform-scale-x: 1.5
        }

        .hover\:scale-y-0:hover {
            --transform-scale-y: 0
        }

        .hover\:scale-y-50:hover {
            --transform-scale-y: .5
        }

        .hover\:scale-y-75:hover {
            --transform-scale-y: .75
        }

        .hover\:scale-y-90:hover {
            --transform-scale-y: .9
        }

        .hover\:scale-y-95:hover {
            --transform-scale-y: .95
        }

        .hover\:scale-y-100:hover {
            --transform-scale-y: 1
        }

        .hover\:scale-y-105:hover {
            --transform-scale-y: 1.05
        }

        .hover\:scale-y-110:hover {
            --transform-scale-y: 1.1
        }

        .hover\:scale-y-125:hover {
            --transform-scale-y: 1.25
        }

        .hover\:scale-y-150:hover {
            --transform-scale-y: 1.5
        }

        .focus\:scale-0:focus {
            --transform-scale-x: 0;
            --transform-scale-y: 0
        }

        .focus\:scale-50:focus {
            --transform-scale-x: .5;
            --transform-scale-y: .5
        }

        .focus\:scale-75:focus {
            --transform-scale-x: .75;
            --transform-scale-y: .75
        }

        .focus\:scale-90:focus {
            --transform-scale-x: .9;
            --transform-scale-y: .9
        }

        .focus\:scale-95:focus {
            --transform-scale-x: .95;
            --transform-scale-y: .95
        }

        .focus\:scale-100:focus {
            --transform-scale-x: 1;
            --transform-scale-y: 1
        }

        .focus\:scale-105:focus {
            --transform-scale-x: 1.05;
            --transform-scale-y: 1.05
        }

        .focus\:scale-110:focus {
            --transform-scale-x: 1.1;
            --transform-scale-y: 1.1
        }

        .focus\:scale-125:focus {
            --transform-scale-x: 1.25;
            --transform-scale-y: 1.25
        }

        .focus\:scale-150:focus {
            --transform-scale-x: 1.5;
            --transform-scale-y: 1.5
        }

        .focus\:scale-x-0:focus {
            --transform-scale-x: 0
        }

        .focus\:scale-x-50:focus {
            --transform-scale-x: .5
        }

        .focus\:scale-x-75:focus {
            --transform-scale-x: .75
        }

        .focus\:scale-x-90:focus {
            --transform-scale-x: .9
        }

        .focus\:scale-x-95:focus {
            --transform-scale-x: .95
        }

        .focus\:scale-x-100:focus {
            --transform-scale-x: 1
        }

        .focus\:scale-x-105:focus {
            --transform-scale-x: 1.05
        }

        .focus\:scale-x-110:focus {
            --transform-scale-x: 1.1
        }

        .focus\:scale-x-125:focus {
            --transform-scale-x: 1.25
        }

        .focus\:scale-x-150:focus {
            --transform-scale-x: 1.5
        }

        .focus\:scale-y-0:focus {
            --transform-scale-y: 0
        }

        .focus\:scale-y-50:focus {
            --transform-scale-y: .5
        }

        .focus\:scale-y-75:focus {
            --transform-scale-y: .75
        }

        .focus\:scale-y-90:focus {
            --transform-scale-y: .9
        }

        .focus\:scale-y-95:focus {
            --transform-scale-y: .95
        }

        .focus\:scale-y-100:focus {
            --transform-scale-y: 1
        }

        .focus\:scale-y-105:focus {
            --transform-scale-y: 1.05
        }

        .focus\:scale-y-110:focus {
            --transform-scale-y: 1.1
        }

        .focus\:scale-y-125:focus {
            --transform-scale-y: 1.25
        }

        .focus\:scale-y-150:focus {
            --transform-scale-y: 1.5
        }

        .rotate-0 {
            --transform-rotate: 0
        }

        .rotate-45 {
            --transform-rotate: 45deg
        }

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

        .rotate-180 {
            --transform-rotate: 180deg
        }

        .-rotate-180 {
            --transform-rotate: -180deg
        }

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

        .-rotate-45 {
            --transform-rotate: -45deg
        }

        .hover\:rotate-0:hover {
            --transform-rotate: 0
        }

        .hover\:rotate-45:hover {
            --transform-rotate: 45deg
        }

        .hover\:rotate-90:hover {
            --transform-rotate: 90deg
        }

        .hover\:rotate-180:hover {
            --transform-rotate: 180deg
        }

        .hover\:-rotate-180:hover {
            --transform-rotate: -180deg
        }

        .hover\:-rotate-90:hover {
            --transform-rotate: -90deg
        }

        .hover\:-rotate-45:hover {
            --transform-rotate: -45deg
        }

        .focus\:rotate-0:focus {
            --transform-rotate: 0
        }

        .focus\:rotate-45:focus {
            --transform-rotate: 45deg
        }

        .focus\:rotate-90:focus {
            --transform-rotate: 90deg
        }

        .focus\:rotate-180:focus {
            --transform-rotate: 180deg
        }

        .focus\:-rotate-180:focus {
            --transform-rotate: -180deg
        }

        .focus\:-rotate-90:focus {
            --transform-rotate: -90deg
        }

        .focus\:-rotate-45:focus {
            --transform-rotate: -45deg
        }

        .translate-x-0 {
            --transform-translate-x: 0
        }

        .translate-x-1 {
            --transform-translate-x: 8px
        }

        .translate-x-2 {
            --transform-translate-x: 12px
        }

        .translate-x-3 {
            --transform-translate-x: 16px
        }

        .translate-x-4 {
            --transform-translate-x: 24px
        }

        .translate-x-5 {
            --transform-translate-x: 32px
        }

        .translate-x-6 {
            --transform-translate-x: 48px
        }

        .translate-x-7 {
            --transform-translate-x: 60px
        }

        .translate-x-8 {
            --transform-translate-x: 72px
        }

        .translate-x-9 {
            --transform-translate-x: 84px
        }

        .translate-x-10 {
            --transform-translate-x: 96px
        }

        .translate-x-0\.5 {
            --transform-translate-x: 4px
        }

        .-translate-x-1 {
            --transform-translate-x: -8px
        }

        .-translate-x-2 {
            --transform-translate-x: -12px
        }

        .-translate-x-3 {
            --transform-translate-x: -16px
        }

        .-translate-x-4 {
            --transform-translate-x: -24px
        }

        .-translate-x-5 {
            --transform-translate-x: -32px
        }

        .-translate-x-6 {
            --transform-translate-x: -48px
        }

        .-translate-x-7 {
            --transform-translate-x: -60px
        }

        .-translate-x-8 {
            --transform-translate-x: -72px
        }

        .-translate-x-9 {
            --transform-translate-x: -84px
        }

        .-translate-x-10 {
            --transform-translate-x: -96px
        }

        .-translate-x-0\.5 {
            --transform-translate-x: -4px
        }

        .-translate-x-full {
            --transform-translate-x: -100%
        }

        .-translate-x-1\/2 {
            --transform-translate-x: -50%
        }

        .translate-x-1\/2 {
            --transform-translate-x: 50%
        }

        .translate-x-full {
            --transform-translate-x: 100%
        }

        .translate-y-0 {
            --transform-translate-y: 0
        }

        .translate-y-1 {
            --transform-translate-y: 8px
        }

        .translate-y-2 {
            --transform-translate-y: 12px
        }

        .translate-y-3 {
            --transform-translate-y: 16px
        }

        .translate-y-4 {
            --transform-translate-y: 24px
        }

        .translate-y-5 {
            --transform-translate-y: 32px
        }

        .translate-y-6 {
            --transform-translate-y: 48px
        }

        .translate-y-7 {
            --transform-translate-y: 60px
        }

        .translate-y-8 {
            --transform-translate-y: 72px
        }

        .translate-y-9 {
            --transform-translate-y: 84px
        }

        .translate-y-10 {
            --transform-translate-y: 96px
        }

        .translate-y-0\.5 {
            --transform-translate-y: 4px
        }

        .-translate-y-1 {
            --transform-translate-y: -8px
        }

        .-translate-y-2 {
            --transform-translate-y: -12px
        }

        .-translate-y-3 {
            --transform-translate-y: -16px
        }

        .-translate-y-4 {
            --transform-translate-y: -24px
        }

        .-translate-y-5 {
            --transform-translate-y: -32px
        }

        .-translate-y-6 {
            --transform-translate-y: -48px
        }

        .-translate-y-7 {
            --transform-translate-y: -60px
        }

        .-translate-y-8 {
            --transform-translate-y: -72px
        }

        .-translate-y-9 {
            --transform-translate-y: -84px
        }

        .-translate-y-10 {
            --transform-translate-y: -96px
        }

        .-translate-y-0\.5 {
            --transform-translate-y: -4px
        }

        .-translate-y-full {
            --transform-translate-y: -100%
        }

        .-translate-y-1\/2 {
            --transform-translate-y: -50%
        }

        .translate-y-1\/2 {
            --transform-translate-y: 50%
        }

        .translate-y-full {
            --transform-translate-y: 100%
        }

        .hover\:translate-x-0:hover {
            --transform-translate-x: 0
        }

        .hover\:translate-x-1:hover {
            --transform-translate-x: 8px
        }

        .hover\:translate-x-2:hover {
            --transform-translate-x: 12px
        }

        .hover\:translate-x-3:hover {
            --transform-translate-x: 16px
        }

        .hover\:translate-x-4:hover {
            --transform-translate-x: 24px
        }

        .hover\:translate-x-5:hover {
            --transform-translate-x: 32px
        }

        .hover\:translate-x-6:hover {
            --transform-translate-x: 48px
        }

        .hover\:translate-x-7:hover {
            --transform-translate-x: 60px
        }

        .hover\:translate-x-8:hover {
            --transform-translate-x: 72px
        }

        .hover\:translate-x-9:hover {
            --transform-translate-x: 84px
        }

        .hover\:translate-x-10:hover {
            --transform-translate-x: 96px
        }

        .hover\:translate-x-0\.5:hover {
            --transform-translate-x: 4px
        }

        .hover\:-translate-x-1:hover {
            --transform-translate-x: -8px
        }

        .hover\:-translate-x-2:hover {
            --transform-translate-x: -12px
        }

        .hover\:-translate-x-3:hover {
            --transform-translate-x: -16px
        }

        .hover\:-translate-x-4:hover {
            --transform-translate-x: -24px
        }

        .hover\:-translate-x-5:hover {
            --transform-translate-x: -32px
        }

        .hover\:-translate-x-6:hover {
            --transform-translate-x: -48px
        }

        .hover\:-translate-x-7:hover {
            --transform-translate-x: -60px
        }

        .hover\:-translate-x-8:hover {
            --transform-translate-x: -72px
        }

        .hover\:-translate-x-9:hover {
            --transform-translate-x: -84px
        }

        .hover\:-translate-x-10:hover {
            --transform-translate-x: -96px
        }

        .hover\:-translate-x-0\.5:hover {
            --transform-translate-x: -4px
        }

        .hover\:-translate-x-full:hover {
            --transform-translate-x: -100%
        }

        .hover\:-translate-x-1\/2:hover {
            --transform-translate-x: -50%
        }

        .hover\:translate-x-1\/2:hover {
            --transform-translate-x: 50%
        }

        .hover\:translate-x-full:hover {
            --transform-translate-x: 100%
        }

        .hover\:translate-y-0:hover {
            --transform-translate-y: 0
        }

        .hover\:translate-y-1:hover {
            --transform-translate-y: 8px
        }

        .hover\:translate-y-2:hover {
            --transform-translate-y: 12px
        }

        .hover\:translate-y-3:hover {
            --transform-translate-y: 16px
        }

        .hover\:translate-y-4:hover {
            --transform-translate-y: 24px
        }

        .hover\:translate-y-5:hover {
            --transform-translate-y: 32px
        }

        .hover\:translate-y-6:hover {
            --transform-translate-y: 48px
        }

        .hover\:translate-y-7:hover {
            --transform-translate-y: 60px
        }

        .hover\:translate-y-8:hover {
            --transform-translate-y: 72px
        }

        .hover\:translate-y-9:hover {
            --transform-translate-y: 84px
        }

        .hover\:translate-y-10:hover {
            --transform-translate-y: 96px
        }

        .hover\:translate-y-0\.5:hover {
            --transform-translate-y: 4px
        }

        .hover\:-translate-y-1:hover {
            --transform-translate-y: -8px
        }

        .hover\:-translate-y-2:hover {
            --transform-translate-y: -12px
        }

        .hover\:-translate-y-3:hover {
            --transform-translate-y: -16px
        }

        .hover\:-translate-y-4:hover {
            --transform-translate-y: -24px
        }

        .hover\:-translate-y-5:hover {
            --transform-translate-y: -32px
        }

        .hover\:-translate-y-6:hover {
            --transform-translate-y: -48px
        }

        .hover\:-translate-y-7:hover {
            --transform-translate-y: -60px
        }

        .hover\:-translate-y-8:hover {
            --transform-translate-y: -72px
        }

        .hover\:-translate-y-9:hover {
            --transform-translate-y: -84px
        }

        .hover\:-translate-y-10:hover {
            --transform-translate-y: -96px
        }

        .hover\:-translate-y-0\.5:hover {
            --transform-translate-y: -4px
        }

        .hover\:-translate-y-full:hover {
            --transform-translate-y: -100%
        }

        .hover\:-translate-y-1\/2:hover {
            --transform-translate-y: -50%
        }

        .hover\:translate-y-1\/2:hover {
            --transform-translate-y: 50%
        }

        .hover\:translate-y-full:hover {
            --transform-translate-y: 100%
        }

        .focus\:translate-x-0:focus {
            --transform-translate-x: 0
        }

        .focus\:translate-x-1:focus {
            --transform-translate-x: 8px
        }

        .focus\:translate-x-2:focus {
            --transform-translate-x: 12px
        }

        .focus\:translate-x-3:focus {
            --transform-translate-x: 16px
        }

        .focus\:translate-x-4:focus {
            --transform-translate-x: 24px
        }

        .focus\:translate-x-5:focus {
            --transform-translate-x: 32px
        }

        .focus\:translate-x-6:focus {
            --transform-translate-x: 48px
        }

        .focus\:translate-x-7:focus {
            --transform-translate-x: 60px
        }

        .focus\:translate-x-8:focus {
            --transform-translate-x: 72px
        }

        .focus\:translate-x-9:focus {
            --transform-translate-x: 84px
        }

        .focus\:translate-x-10:focus {
            --transform-translate-x: 96px
        }

        .focus\:translate-x-0\.5:focus {
            --transform-translate-x: 4px
        }

        .focus\:-translate-x-1:focus {
            --transform-translate-x: -8px
        }

        .focus\:-translate-x-2:focus {
            --transform-translate-x: -12px
        }

        .focus\:-translate-x-3:focus {
            --transform-translate-x: -16px
        }

        .focus\:-translate-x-4:focus {
            --transform-translate-x: -24px
        }

        .focus\:-translate-x-5:focus {
            --transform-translate-x: -32px
        }

        .focus\:-translate-x-6:focus {
            --transform-translate-x: -48px
        }

        .focus\:-translate-x-7:focus {
            --transform-translate-x: -60px
        }

        .focus\:-translate-x-8:focus {
            --transform-translate-x: -72px
        }

        .focus\:-translate-x-9:focus {
            --transform-translate-x: -84px
        }

        .focus\:-translate-x-10:focus {
            --transform-translate-x: -96px
        }

        .focus\:-translate-x-0\.5:focus {
            --transform-translate-x: -4px
        }

        .focus\:-translate-x-full:focus {
            --transform-translate-x: -100%
        }

        .focus\:-translate-x-1\/2:focus {
            --transform-translate-x: -50%
        }

        .focus\:translate-x-1\/2:focus {
            --transform-translate-x: 50%
        }

        .focus\:translate-x-full:focus {
            --transform-translate-x: 100%
        }

        .focus\:translate-y-0:focus {
            --transform-translate-y: 0
        }

        .focus\:translate-y-1:focus {
            --transform-translate-y: 8px
        }

        .focus\:translate-y-2:focus {
            --transform-translate-y: 12px
        }

        .focus\:translate-y-3:focus {
            --transform-translate-y: 16px
        }

        .focus\:translate-y-4:focus {
            --transform-translate-y: 24px
        }

        .focus\:translate-y-5:focus {
            --transform-translate-y: 32px
        }

        .focus\:translate-y-6:focus {
            --transform-translate-y: 48px
        }

        .focus\:translate-y-7:focus {
            --transform-translate-y: 60px
        }

        .focus\:translate-y-8:focus {
            --transform-translate-y: 72px
        }

        .focus\:translate-y-9:focus {
            --transform-translate-y: 84px
        }

        .focus\:translate-y-10:focus {
            --transform-translate-y: 96px
        }

        .focus\:translate-y-0\.5:focus {
            --transform-translate-y: 4px
        }

        .focus\:-translate-y-1:focus {
            --transform-translate-y: -8px
        }

        .focus\:-translate-y-2:focus {
            --transform-translate-y: -12px
        }

        .focus\:-translate-y-3:focus {
            --transform-translate-y: -16px
        }

        .focus\:-translate-y-4:focus {
            --transform-translate-y: -24px
        }

        .focus\:-translate-y-5:focus {
            --transform-translate-y: -32px
        }

        .focus\:-translate-y-6:focus {
            --transform-translate-y: -48px
        }

        .focus\:-translate-y-7:focus {
            --transform-translate-y: -60px
        }

        .focus\:-translate-y-8:focus {
            --transform-translate-y: -72px
        }

        .focus\:-translate-y-9:focus {
            --transform-translate-y: -84px
        }

        .focus\:-translate-y-10:focus {
            --transform-translate-y: -96px
        }

        .focus\:-translate-y-0\.5:focus {
            --transform-translate-y: -4px
        }

        .focus\:-translate-y-full:focus {
            --transform-translate-y: -100%
        }

        .focus\:-translate-y-1\/2:focus {
            --transform-translate-y: -50%
        }

        .focus\:translate-y-1\/2:focus {
            --transform-translate-y: 50%
        }

        .focus\:translate-y-full:focus {
            --transform-translate-y: 100%
        }

        .skew-x-0 {
            --transform-skew-x: 0
        }

        .skew-x-3 {
            --transform-skew-x: 3deg
        }

        .skew-x-6 {
            --transform-skew-x: 6deg
        }

        .skew-x-12 {
            --transform-skew-x: 12deg
        }

        .-skew-x-12 {
            --transform-skew-x: -12deg
        }

        .-skew-x-6 {
            --transform-skew-x: -6deg
        }

        .-skew-x-3 {
            --transform-skew-x: -3deg
        }

        .skew-y-0 {
            --transform-skew-y: 0
        }

        .skew-y-3 {
            --transform-skew-y: 3deg
        }

        .skew-y-6 {
            --transform-skew-y: 6deg
        }

        .skew-y-12 {
            --transform-skew-y: 12deg
        }

        .-skew-y-12 {
            --transform-skew-y: -12deg
        }

        .-skew-y-6 {
            --transform-skew-y: -6deg
        }

        .-skew-y-3 {
            --transform-skew-y: -3deg
        }

        .hover\:skew-x-0:hover {
            --transform-skew-x: 0
        }

        .hover\:skew-x-3:hover {
            --transform-skew-x: 3deg
        }

        .hover\:skew-x-6:hover {
            --transform-skew-x: 6deg
        }

        .hover\:skew-x-12:hover {
            --transform-skew-x: 12deg
        }

        .hover\:-skew-x-12:hover {
            --transform-skew-x: -12deg
        }

        .hover\:-skew-x-6:hover {
            --transform-skew-x: -6deg
        }

        .hover\:-skew-x-3:hover {
            --transform-skew-x: -3deg
        }

        .hover\:skew-y-0:hover {
            --transform-skew-y: 0
        }

        .hover\:skew-y-3:hover {
            --transform-skew-y: 3deg
        }

        .hover\:skew-y-6:hover {
            --transform-skew-y: 6deg
        }

        .hover\:skew-y-12:hover {
            --transform-skew-y: 12deg
        }

        .hover\:-skew-y-12:hover {
            --transform-skew-y: -12deg
        }

        .hover\:-skew-y-6:hover {
            --transform-skew-y: -6deg
        }

        .hover\:-skew-y-3:hover {
            --transform-skew-y: -3deg
        }

        .focus\:skew-x-0:focus {
            --transform-skew-x: 0
        }

        .focus\:skew-x-3:focus {
            --transform-skew-x: 3deg
        }

        .focus\:skew-x-6:focus {
            --transform-skew-x: 6deg
        }

        .focus\:skew-x-12:focus {
            --transform-skew-x: 12deg
        }

        .focus\:-skew-x-12:focus {
            --transform-skew-x: -12deg
        }

        .focus\:-skew-x-6:focus {
            --transform-skew-x: -6deg
        }

        .focus\:-skew-x-3:focus {
            --transform-skew-x: -3deg
        }

        .focus\:skew-y-0:focus {
            --transform-skew-y: 0
        }

        .focus\:skew-y-3:focus {
            --transform-skew-y: 3deg
        }

        .focus\:skew-y-6:focus {
            --transform-skew-y: 6deg
        }

        .focus\:skew-y-12:focus {
            --transform-skew-y: 12deg
        }

        .focus\:-skew-y-12:focus {
            --transform-skew-y: -12deg
        }

        .focus\:-skew-y-6:focus {
            --transform-skew-y: -6deg
        }

        .focus\:-skew-y-3:focus {
            --transform-skew-y: -3deg
        }

        .transition-none {
            transition-property: none
        }

        .transition-all {
            transition-property: all
        }

        .transition {
            transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
        }

        .transition-colors {
            transition-property: background-color, border-color, color, fill, stroke
        }

        .transition-opacity {
            transition-property: opacity
        }

        .transition-shadow {
            transition-property: box-shadow
        }

        .transition-transform {
            transition-property: transform
        }

        .ease-linear {
            transition-timing-function: linear
        }

        .ease-in {
            transition-timing-function: cubic-bezier(.4, 0, 1, 1)
        }

        .ease-out {
            transition-timing-function: cubic-bezier(0, 0, .2, 1)
        }

        .ease-in-out {
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        .duration-75 {
            transition-duration: 75ms
        }

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

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

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

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

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

        .duration-700 {
            transition-duration: .7s
        }

        .duration-1000 {
            transition-duration: 1s
        }

        .delay-75 {
            transition-delay: 75ms
        }

        .delay-100 {
            transition-delay: .1s
        }

        .delay-150 {
            transition-delay: .15s
        }

        .delay-200 {
            transition-delay: .2s
        }

        .delay-300 {
            transition-delay: .3s
        }

        .delay-500 {
            transition-delay: .5s
        }

        .delay-700 {
            transition-delay: .7s
        }

        .delay-1000 {
            transition-delay: 1s
        }

        @media (min-width:420px) {
            .xs\:space-y-0>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(0px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(0px*var(--space-y-reverse))
            }
            .xs\:space-x-0>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(0px*var(--space-x-reverse));
                margin-left: calc(0px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-1>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(8px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(8px*var(--space-y-reverse))
            }
            .xs\:space-x-1>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(8px*var(--space-x-reverse));
                margin-left: calc(8px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-2>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(12px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(12px*var(--space-y-reverse))
            }
            .xs\:space-x-2>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(12px*var(--space-x-reverse));
                margin-left: calc(12px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-3>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(16px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(16px*var(--space-y-reverse))
            }
            .xs\:space-x-3>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(16px*var(--space-x-reverse));
                margin-left: calc(16px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-4>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(24px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(24px*var(--space-y-reverse))
            }
            .xs\:space-x-4>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(24px*var(--space-x-reverse));
                margin-left: calc(24px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(32px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(32px*var(--space-y-reverse))
            }
            .xs\:space-x-5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(32px*var(--space-x-reverse));
                margin-left: calc(32px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-6>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(48px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(48px*var(--space-y-reverse))
            }
            .xs\:space-x-6>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(48px*var(--space-x-reverse));
                margin-left: calc(48px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-7>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(60px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(60px*var(--space-y-reverse))
            }
            .xs\:space-x-7>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(60px*var(--space-x-reverse));
                margin-left: calc(60px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-8>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(72px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(72px*var(--space-y-reverse))
            }
            .xs\:space-x-8>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(72px*var(--space-x-reverse));
                margin-left: calc(72px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-9>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(84px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(84px*var(--space-y-reverse))
            }
            .xs\:space-x-9>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(84px*var(--space-x-reverse));
                margin-left: calc(84px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-10>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(96px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(96px*var(--space-y-reverse))
            }
            .xs\:space-x-10>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(96px*var(--space-x-reverse));
                margin-left: calc(96px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-0\.5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(4px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(4px*var(--space-y-reverse))
            }
            .xs\:space-x-0\.5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(4px*var(--space-x-reverse));
                margin-left: calc(4px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-1>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-8px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-8px*var(--space-y-reverse))
            }
            .xs\:-space-x-1>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-8px*var(--space-x-reverse));
                margin-left: calc(-8px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-2>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-12px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-12px*var(--space-y-reverse))
            }
            .xs\:-space-x-2>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-12px*var(--space-x-reverse));
                margin-left: calc(-12px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-3>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-16px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-16px*var(--space-y-reverse))
            }
            .xs\:-space-x-3>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-16px*var(--space-x-reverse));
                margin-left: calc(-16px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-4>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-24px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-24px*var(--space-y-reverse))
            }
            .xs\:-space-x-4>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-24px*var(--space-x-reverse));
                margin-left: calc(-24px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-32px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-32px*var(--space-y-reverse))
            }
            .xs\:-space-x-5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-32px*var(--space-x-reverse));
                margin-left: calc(-32px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-6>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-48px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-48px*var(--space-y-reverse))
            }
            .xs\:-space-x-6>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-48px*var(--space-x-reverse));
                margin-left: calc(-48px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-7>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-60px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-60px*var(--space-y-reverse))
            }
            .xs\:-space-x-7>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-60px*var(--space-x-reverse));
                margin-left: calc(-60px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-8>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-72px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-72px*var(--space-y-reverse))
            }
            .xs\:-space-x-8>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-72px*var(--space-x-reverse));
                margin-left: calc(-72px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-9>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-84px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-84px*var(--space-y-reverse))
            }
            .xs\:-space-x-9>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-84px*var(--space-x-reverse));
                margin-left: calc(-84px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-10>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-96px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-96px*var(--space-y-reverse))
            }
            .xs\:-space-x-10>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-96px*var(--space-x-reverse));
                margin-left: calc(-96px*(1 - var(--space-x-reverse)))
            }
            .xs\:-space-y-0\.5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-4px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-4px*var(--space-y-reverse))
            }
            .xs\:-space-x-0\.5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-4px*var(--space-x-reverse));
                margin-left: calc(-4px*(1 - var(--space-x-reverse)))
            }
            .xs\:space-y-reverse>:not(template)~:not(template) {
                --space-y-reverse: 1
            }
            .xs\:space-x-reverse>:not(template)~:not(template) {
                --space-x-reverse: 1
            }
            .xs\:divide-y-0>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(0px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(0px*var(--divide-y-reverse))
            }
            .xs\:divide-x-0>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(0px*var(--divide-x-reverse));
                border-left-width: calc(0px*(1 - var(--divide-x-reverse)))
            }
            .xs\:divide-y-2>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(2px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(2px*var(--divide-y-reverse))
            }
            .xs\:divide-x-2>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(2px*var(--divide-x-reverse));
                border-left-width: calc(2px*(1 - var(--divide-x-reverse)))
            }
            .xs\:divide-y-4>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(4px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(4px*var(--divide-y-reverse))
            }
            .xs\:divide-x-4>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(4px*var(--divide-x-reverse));
                border-left-width: calc(4px*(1 - var(--divide-x-reverse)))
            }
            .xs\:divide-y-8>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(8px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(8px*var(--divide-y-reverse))
            }
            .xs\:divide-x-8>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(8px*var(--divide-x-reverse));
                border-left-width: calc(8px*(1 - var(--divide-x-reverse)))
            }
            .xs\:divide-y>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(1px*var(--divide-y-reverse))
            }
            .xs\:divide-x>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(1px*var(--divide-x-reverse));
                border-left-width: calc(1px*(1 - var(--divide-x-reverse)))
            }
            .xs\:divide-y-reverse>:not(template)~:not(template) {
                --divide-y-reverse: 1
            }
            .xs\:divide-x-reverse>:not(template)~:not(template) {
                --divide-x-reverse: 1
            }
            .xs\:divide-transparent>:not(template)~:not(template) {
                border-color: transparent
            }
            .xs\:divide-current>:not(template)~:not(template) {
                border-color: currentColor
            }
            .xs\:divide-black>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--divide-opacity))
            }
            .xs\:divide-white>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--divide-opacity))
            }
            .xs\:divide-gray-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--divide-opacity))
            }
            .xs\:divide-gray-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--divide-opacity))
            }
            .xs\:divide-gray-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--divide-opacity))
            }
            .xs\:divide-gray-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--divide-opacity))
            }
            .xs\:divide-gray-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--divide-opacity))
            }
            .xs\:divide-gray-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--divide-opacity))
            }
            .xs\:divide-gray-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--divide-opacity))
            }
            .xs\:divide-gray-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--divide-opacity))
            }
            .xs\:divide-gray-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--divide-opacity))
            }
            .xs\:divide-red-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--divide-opacity))
            }
            .xs\:divide-red-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--divide-opacity))
            }
            .xs\:divide-red-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--divide-opacity))
            }
            .xs\:divide-red-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--divide-opacity))
            }
            .xs\:divide-red-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--divide-opacity))
            }
            .xs\:divide-red-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--divide-opacity))
            }
            .xs\:divide-red-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--divide-opacity))
            }
            .xs\:divide-red-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--divide-opacity))
            }
            .xs\:divide-red-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--divide-opacity))
            }
            .xs\:divide-orange-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--divide-opacity))
            }
            .xs\:divide-orange-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--divide-opacity))
            }
            .xs\:divide-orange-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--divide-opacity))
            }
            .xs\:divide-orange-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--divide-opacity))
            }
            .xs\:divide-orange-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--divide-opacity))
            }
            .xs\:divide-orange-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--divide-opacity))
            }
            .xs\:divide-orange-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--divide-opacity))
            }
            .xs\:divide-orange-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--divide-opacity))
            }
            .xs\:divide-orange-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--divide-opacity))
            }
            .xs\:divide-yellow-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--divide-opacity))
            }
            .xs\:divide-yellow-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--divide-opacity))
            }
            .xs\:divide-yellow-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--divide-opacity))
            }
            .xs\:divide-yellow-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--divide-opacity))
            }
            .xs\:divide-yellow-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--divide-opacity))
            }
            .xs\:divide-yellow-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--divide-opacity))
            }
            .xs\:divide-yellow-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--divide-opacity))
            }
            .xs\:divide-yellow-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--divide-opacity))
            }
            .xs\:divide-yellow-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--divide-opacity))
            }
            .xs\:divide-green-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--divide-opacity))
            }
            .xs\:divide-green-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--divide-opacity))
            }
            .xs\:divide-green-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--divide-opacity))
            }
            .xs\:divide-green-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--divide-opacity))
            }
            .xs\:divide-green-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--divide-opacity))
            }
            .xs\:divide-green-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--divide-opacity))
            }
            .xs\:divide-green-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--divide-opacity))
            }
            .xs\:divide-green-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--divide-opacity))
            }
            .xs\:divide-green-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--divide-opacity))
            }
            .xs\:divide-teal-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--divide-opacity))
            }
            .xs\:divide-teal-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--divide-opacity))
            }
            .xs\:divide-teal-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--divide-opacity))
            }
            .xs\:divide-teal-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--divide-opacity))
            }
            .xs\:divide-teal-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--divide-opacity))
            }
            .xs\:divide-teal-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--divide-opacity))
            }
            .xs\:divide-teal-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--divide-opacity))
            }
            .xs\:divide-teal-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--divide-opacity))
            }
            .xs\:divide-teal-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--divide-opacity))
            }
            .xs\:divide-blue-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--divide-opacity))
            }
            .xs\:divide-blue-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--divide-opacity))
            }
            .xs\:divide-blue-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--divide-opacity))
            }
            .xs\:divide-blue-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--divide-opacity))
            }
            .xs\:divide-blue-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--divide-opacity))
            }
            .xs\:divide-blue-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--divide-opacity))
            }
            .xs\:divide-blue-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--divide-opacity))
            }
            .xs\:divide-blue-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--divide-opacity))
            }
            .xs\:divide-blue-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--divide-opacity))
            }
            .xs\:divide-indigo-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--divide-opacity))
            }
            .xs\:divide-indigo-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--divide-opacity))
            }
            .xs\:divide-indigo-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--divide-opacity))
            }
            .xs\:divide-indigo-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--divide-opacity))
            }
            .xs\:divide-indigo-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--divide-opacity))
            }
            .xs\:divide-indigo-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--divide-opacity))
            }
            .xs\:divide-indigo-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--divide-opacity))
            }
            .xs\:divide-indigo-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--divide-opacity))
            }
            .xs\:divide-indigo-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--divide-opacity))
            }
            .xs\:divide-purple-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--divide-opacity))
            }
            .xs\:divide-purple-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--divide-opacity))
            }
            .xs\:divide-purple-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--divide-opacity))
            }
            .xs\:divide-purple-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--divide-opacity))
            }
            .xs\:divide-purple-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--divide-opacity))
            }
            .xs\:divide-purple-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--divide-opacity))
            }
            .xs\:divide-purple-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--divide-opacity))
            }
            .xs\:divide-purple-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--divide-opacity))
            }
            .xs\:divide-purple-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--divide-opacity))
            }
            .xs\:divide-pink-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--divide-opacity))
            }
            .xs\:divide-pink-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--divide-opacity))
            }
            .xs\:divide-pink-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--divide-opacity))
            }
            .xs\:divide-pink-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--divide-opacity))
            }
            .xs\:divide-pink-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--divide-opacity))
            }
            .xs\:divide-pink-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--divide-opacity))
            }
            .xs\:divide-pink-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--divide-opacity))
            }
            .xs\:divide-pink-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--divide-opacity))
            }
            .xs\:divide-pink-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--divide-opacity))
            }
            .xs\:divide-opacity-0>:not(template)~:not(template) {
                --divide-opacity: 0
            }
            .xs\:divide-opacity-25>:not(template)~:not(template) {
                --divide-opacity: 0.25
            }
            .xs\:divide-opacity-50>:not(template)~:not(template) {
                --divide-opacity: 0.5
            }
            .xs\:divide-opacity-75>:not(template)~:not(template) {
                --divide-opacity: 0.75
            }
            .xs\:divide-opacity-100>:not(template)~:not(template) {
                --divide-opacity: 1
            }
            .xs\:sr-only {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0
            }
            .xs\:not-sr-only {
                position: static;
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal
            }
            .xs\:focus\:sr-only:focus {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0
            }
            .xs\:focus\:not-sr-only:focus {
                position: static;
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal
            }
            .xs\:appearance-none,
            .xs\:focus\:appearance-none:focus,
            .xs\:hover\:appearance-none:hover {
                appearance: none
            }
            .xs\:bg-fixed {
                background-attachment: fixed
            }
            .xs\:bg-local {
                background-attachment: local
            }
            .xs\:bg-scroll {
                background-attachment: scroll
            }
            .xs\:bg-primary,
            .xs\:focus\:bg-primary:focus,
            .xs\:hover\:bg-primary:hover {
                --bg-opacity: 1;
                background-color: #ed1c24;
                background-color: rgba(237, 28, 36, var(--bg-opacity))
            }
            .xs\:bg-opacity-0 {
                --bg-opacity: 0
            }
            .xs\:bg-opacity-25 {
                --bg-opacity: 0.25
            }
            .xs\:bg-opacity-50 {
                --bg-opacity: 0.5
            }
            .xs\:bg-opacity-75 {
                --bg-opacity: 0.75
            }
            .xs\:bg-opacity-100 {
                --bg-opacity: 1
            }
            .xs\:hover\:bg-opacity-0:hover {
                --bg-opacity: 0
            }
            .xs\:hover\:bg-opacity-25:hover {
                --bg-opacity: 0.25
            }
            .xs\:hover\:bg-opacity-50:hover {
                --bg-opacity: 0.5
            }
            .xs\:hover\:bg-opacity-75:hover {
                --bg-opacity: 0.75
            }
            .xs\:hover\:bg-opacity-100:hover {
                --bg-opacity: 1
            }
            .xs\:focus\:bg-opacity-0:focus {
                --bg-opacity: 0
            }
            .xs\:focus\:bg-opacity-25:focus {
                --bg-opacity: 0.25
            }
            .xs\:focus\:bg-opacity-50:focus {
                --bg-opacity: 0.5
            }
            .xs\:focus\:bg-opacity-75:focus {
                --bg-opacity: 0.75
            }
            .xs\:focus\:bg-opacity-100:focus {
                --bg-opacity: 1
            }
            .xs\:bg-bottom {
                background-position: bottom
            }
            .xs\:bg-center {
                background-position: 50%
            }
            .xs\:bg-left {
                background-position: 0
            }
            .xs\:bg-left-bottom {
                background-position: 0 100%
            }
            .xs\:bg-left-top {
                background-position: 0 0
            }
            .xs\:bg-right {
                background-position: 100%
            }
            .xs\:bg-right-bottom {
                background-position: 100% 100%
            }
            .xs\:bg-right-top {
                background-position: 100% 0
            }
            .xs\:bg-top {
                background-position: top
            }
            .xs\:bg-repeat {
                background-repeat: repeat
            }
            .xs\:bg-no-repeat {
                background-repeat: no-repeat
            }
            .xs\:bg-repeat-x {
                background-repeat: repeat-x
            }
            .xs\:bg-repeat-y {
                background-repeat: repeat-y
            }
            .xs\:bg-repeat-round {
                background-repeat: round
            }
            .xs\:bg-repeat-space {
                background-repeat: space
            }
            .xs\:bg-auto {
                background-size: auto
            }
            .xs\:bg-cover {
                background-size: cover
            }
            .xs\:bg-contain {
                background-size: contain
            }
            .xs\:border-collapse {
                border-collapse: collapse
            }
            .xs\:border-separate {
                border-collapse: separate
            }
            .xs\:border-transparent {
                border-color: transparent
            }
            .xs\:border-current {
                border-color: currentColor
            }
            .xs\:border-black {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .xs\:border-white {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .xs\:border-gray-100 {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .xs\:border-gray-200 {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .xs\:border-gray-300 {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .xs\:border-gray-400 {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .xs\:border-gray-500 {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .xs\:border-gray-600 {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .xs\:border-gray-700 {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .xs\:border-gray-800 {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .xs\:border-gray-900 {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .xs\:border-red-100 {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .xs\:border-red-200 {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .xs\:border-red-300 {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .xs\:border-red-400 {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .xs\:border-red-500 {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .xs\:border-red-600 {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .xs\:border-red-700 {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .xs\:border-red-800 {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .xs\:border-red-900 {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .xs\:border-orange-100 {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .xs\:border-orange-200 {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .xs\:border-orange-300 {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .xs\:border-orange-400 {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .xs\:border-orange-500 {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .xs\:border-orange-600 {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .xs\:border-orange-700 {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .xs\:border-orange-800 {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .xs\:border-orange-900 {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .xs\:border-yellow-100 {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .xs\:border-yellow-200 {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .xs\:border-yellow-300 {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .xs\:border-yellow-400 {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .xs\:border-yellow-500 {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .xs\:border-yellow-600 {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .xs\:border-yellow-700 {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .xs\:border-yellow-800 {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .xs\:border-yellow-900 {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .xs\:border-green-100 {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .xs\:border-green-200 {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .xs\:border-green-300 {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .xs\:border-green-400 {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .xs\:border-green-500 {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .xs\:border-green-600 {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .xs\:border-green-700 {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .xs\:border-green-800 {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .xs\:border-green-900 {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .xs\:border-teal-100 {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .xs\:border-teal-200 {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .xs\:border-teal-300 {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .xs\:border-teal-400 {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .xs\:border-teal-500 {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .xs\:border-teal-600 {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .xs\:border-teal-700 {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .xs\:border-teal-800 {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .xs\:border-teal-900 {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .xs\:border-blue-100 {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .xs\:border-blue-200 {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .xs\:border-blue-300 {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .xs\:border-blue-400 {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .xs\:border-blue-500 {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .xs\:border-blue-600 {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .xs\:border-blue-700 {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .xs\:border-blue-800 {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .xs\:border-blue-900 {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .xs\:border-indigo-100 {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .xs\:border-indigo-200 {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .xs\:border-indigo-300 {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .xs\:border-indigo-400 {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .xs\:border-indigo-500 {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .xs\:border-indigo-600 {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .xs\:border-indigo-700 {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .xs\:border-indigo-800 {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .xs\:border-indigo-900 {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .xs\:border-purple-100 {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .xs\:border-purple-200 {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .xs\:border-purple-300 {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .xs\:border-purple-400 {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .xs\:border-purple-500 {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .xs\:border-purple-600 {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .xs\:border-purple-700 {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .xs\:border-purple-800 {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .xs\:border-purple-900 {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .xs\:border-pink-100 {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .xs\:border-pink-200 {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .xs\:border-pink-300 {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .xs\:border-pink-400 {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .xs\:border-pink-500 {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .xs\:border-pink-600 {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .xs\:border-pink-700 {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .xs\:border-pink-800 {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .xs\:border-pink-900 {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .xs\:hover\:border-transparent:hover {
                border-color: transparent
            }
            .xs\:hover\:border-current:hover {
                border-color: currentColor
            }
            .xs\:hover\:border-black:hover {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .xs\:hover\:border-white:hover {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .xs\:hover\:border-gray-100:hover {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .xs\:hover\:border-gray-200:hover {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .xs\:hover\:border-gray-300:hover {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .xs\:hover\:border-gray-400:hover {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .xs\:hover\:border-gray-500:hover {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .xs\:hover\:border-gray-600:hover {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .xs\:hover\:border-gray-700:hover {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .xs\:hover\:border-gray-800:hover {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .xs\:hover\:border-gray-900:hover {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .xs\:hover\:border-red-100:hover {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .xs\:hover\:border-red-200:hover {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .xs\:hover\:border-red-300:hover {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .xs\:hover\:border-red-400:hover {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .xs\:hover\:border-red-500:hover {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .xs\:hover\:border-red-600:hover {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .xs\:hover\:border-red-700:hover {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .xs\:hover\:border-red-800:hover {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .xs\:hover\:border-red-900:hover {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .xs\:hover\:border-orange-100:hover {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .xs\:hover\:border-orange-200:hover {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .xs\:hover\:border-orange-300:hover {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .xs\:hover\:border-orange-400:hover {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .xs\:hover\:border-orange-500:hover {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .xs\:hover\:border-orange-600:hover {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .xs\:hover\:border-orange-700:hover {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .xs\:hover\:border-orange-800:hover {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .xs\:hover\:border-orange-900:hover {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .xs\:hover\:border-yellow-100:hover {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .xs\:hover\:border-yellow-200:hover {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .xs\:hover\:border-yellow-300:hover {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .xs\:hover\:border-yellow-400:hover {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .xs\:hover\:border-yellow-500:hover {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .xs\:hover\:border-yellow-600:hover {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .xs\:hover\:border-yellow-700:hover {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .xs\:hover\:border-yellow-800:hover {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .xs\:hover\:border-yellow-900:hover {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .xs\:hover\:border-green-100:hover {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .xs\:hover\:border-green-200:hover {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .xs\:hover\:border-green-300:hover {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .xs\:hover\:border-green-400:hover {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .xs\:hover\:border-green-500:hover {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .xs\:hover\:border-green-600:hover {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .xs\:hover\:border-green-700:hover {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .xs\:hover\:border-green-800:hover {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .xs\:hover\:border-green-900:hover {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .xs\:hover\:border-teal-100:hover {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .xs\:hover\:border-teal-200:hover {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .xs\:hover\:border-teal-300:hover {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .xs\:hover\:border-teal-400:hover {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .xs\:hover\:border-teal-500:hover {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .xs\:hover\:border-teal-600:hover {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .xs\:hover\:border-teal-700:hover {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .xs\:hover\:border-teal-800:hover {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .xs\:hover\:border-teal-900:hover {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .xs\:hover\:border-blue-100:hover {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .xs\:hover\:border-blue-200:hover {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .xs\:hover\:border-blue-300:hover {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .xs\:hover\:border-blue-400:hover {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .xs\:hover\:border-blue-500:hover {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .xs\:hover\:border-blue-600:hover {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .xs\:hover\:border-blue-700:hover {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .xs\:hover\:border-blue-800:hover {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .xs\:hover\:border-blue-900:hover {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .xs\:hover\:border-indigo-100:hover {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .xs\:hover\:border-indigo-200:hover {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .xs\:hover\:border-indigo-300:hover {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .xs\:hover\:border-indigo-400:hover {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .xs\:hover\:border-indigo-500:hover {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .xs\:hover\:border-indigo-600:hover {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .xs\:hover\:border-indigo-700:hover {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .xs\:hover\:border-indigo-800:hover {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .xs\:hover\:border-indigo-900:hover {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .xs\:hover\:border-purple-100:hover {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .xs\:hover\:border-purple-200:hover {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .xs\:hover\:border-purple-300:hover {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .xs\:hover\:border-purple-400:hover {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .xs\:hover\:border-purple-500:hover {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .xs\:hover\:border-purple-600:hover {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .xs\:hover\:border-purple-700:hover {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .xs\:hover\:border-purple-800:hover {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .xs\:hover\:border-purple-900:hover {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .xs\:hover\:border-pink-100:hover {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .xs\:hover\:border-pink-200:hover {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .xs\:hover\:border-pink-300:hover {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .xs\:hover\:border-pink-400:hover {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .xs\:hover\:border-pink-500:hover {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .xs\:hover\:border-pink-600:hover {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .xs\:hover\:border-pink-700:hover {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .xs\:hover\:border-pink-800:hover {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .xs\:hover\:border-pink-900:hover {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .xs\:focus\:border-transparent:focus {
                border-color: transparent
            }
            .xs\:focus\:border-current:focus {
                border-color: currentColor
            }
            .xs\:focus\:border-black:focus {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .xs\:focus\:border-white:focus {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .xs\:focus\:border-gray-100:focus {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .xs\:focus\:border-gray-200:focus {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .xs\:focus\:border-gray-300:focus {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .xs\:focus\:border-gray-400:focus {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .xs\:focus\:border-gray-500:focus {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .xs\:focus\:border-gray-600:focus {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .xs\:focus\:border-gray-700:focus {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .xs\:focus\:border-gray-800:focus {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .xs\:focus\:border-gray-900:focus {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .xs\:focus\:border-red-100:focus {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .xs\:focus\:border-red-200:focus {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .xs\:focus\:border-red-300:focus {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .xs\:focus\:border-red-400:focus {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .xs\:focus\:border-red-500:focus {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .xs\:focus\:border-red-600:focus {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .xs\:focus\:border-red-700:focus {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .xs\:focus\:border-red-800:focus {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .xs\:focus\:border-red-900:focus {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .xs\:focus\:border-orange-100:focus {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .xs\:focus\:border-orange-200:focus {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .xs\:focus\:border-orange-300:focus {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .xs\:focus\:border-orange-400:focus {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .xs\:focus\:border-orange-500:focus {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .xs\:focus\:border-orange-600:focus {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .xs\:focus\:border-orange-700:focus {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .xs\:focus\:border-orange-800:focus {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .xs\:focus\:border-orange-900:focus {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .xs\:focus\:border-yellow-100:focus {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .xs\:focus\:border-yellow-200:focus {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .xs\:focus\:border-yellow-300:focus {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .xs\:focus\:border-yellow-400:focus {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .xs\:focus\:border-yellow-500:focus {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .xs\:focus\:border-yellow-600:focus {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .xs\:focus\:border-yellow-700:focus {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .xs\:focus\:border-yellow-800:focus {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .xs\:focus\:border-yellow-900:focus {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .xs\:focus\:border-green-100:focus {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .xs\:focus\:border-green-200:focus {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .xs\:focus\:border-green-300:focus {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .xs\:focus\:border-green-400:focus {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .xs\:focus\:border-green-500:focus {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .xs\:focus\:border-green-600:focus {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .xs\:focus\:border-green-700:focus {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .xs\:focus\:border-green-800:focus {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .xs\:focus\:border-green-900:focus {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .xs\:focus\:border-teal-100:focus {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .xs\:focus\:border-teal-200:focus {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .xs\:focus\:border-teal-300:focus {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .xs\:focus\:border-teal-400:focus {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .xs\:focus\:border-teal-500:focus {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .xs\:focus\:border-teal-600:focus {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .xs\:focus\:border-teal-700:focus {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .xs\:focus\:border-teal-800:focus {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .xs\:focus\:border-teal-900:focus {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .xs\:focus\:border-blue-100:focus {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .xs\:focus\:border-blue-200:focus {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .xs\:focus\:border-blue-300:focus {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .xs\:focus\:border-blue-400:focus {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .xs\:focus\:border-blue-500:focus {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .xs\:focus\:border-blue-600:focus {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .xs\:focus\:border-blue-700:focus {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .xs\:focus\:border-blue-800:focus {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .xs\:focus\:border-blue-900:focus {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .xs\:focus\:border-indigo-100:focus {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .xs\:focus\:border-indigo-200:focus {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .xs\:focus\:border-indigo-300:focus {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .xs\:focus\:border-indigo-400:focus {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .xs\:focus\:border-indigo-500:focus {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .xs\:focus\:border-indigo-600:focus {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .xs\:focus\:border-indigo-700:focus {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .xs\:focus\:border-indigo-800:focus {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .xs\:focus\:border-indigo-900:focus {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .xs\:focus\:border-purple-100:focus {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .xs\:focus\:border-purple-200:focus {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .xs\:focus\:border-purple-300:focus {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .xs\:focus\:border-purple-400:focus {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .xs\:focus\:border-purple-500:focus {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .xs\:focus\:border-purple-600:focus {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .xs\:focus\:border-purple-700:focus {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .xs\:focus\:border-purple-800:focus {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .xs\:focus\:border-purple-900:focus {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .xs\:focus\:border-pink-100:focus {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .xs\:focus\:border-pink-200:focus {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .xs\:focus\:border-pink-300:focus {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .xs\:focus\:border-pink-400:focus {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .xs\:focus\:border-pink-500:focus {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .xs\:focus\:border-pink-600:focus {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .xs\:focus\:border-pink-700:focus {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .xs\:focus\:border-pink-800:focus {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .xs\:focus\:border-pink-900:focus {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .xs\:border-opacity-0 {
                --border-opacity: 0
            }
            .xs\:border-opacity-25 {
                --border-opacity: 0.25
            }
            .xs\:border-opacity-50 {
                --border-opacity: 0.5
            }
            .xs\:border-opacity-75 {
                --border-opacity: 0.75
            }
            .xs\:border-opacity-100 {
                --border-opacity: 1
            }
            .xs\:hover\:border-opacity-0:hover {
                --border-opacity: 0
            }
            .xs\:hover\:border-opacity-25:hover {
                --border-opacity: 0.25
            }
            .xs\:hover\:border-opacity-50:hover {
                --border-opacity: 0.5
            }
            .xs\:hover\:border-opacity-75:hover {
                --border-opacity: 0.75
            }
            .xs\:hover\:border-opacity-100:hover {
                --border-opacity: 1
            }
            .xs\:focus\:border-opacity-0:focus {
                --border-opacity: 0
            }
            .xs\:focus\:border-opacity-25:focus {
                --border-opacity: 0.25
            }
            .xs\:focus\:border-opacity-50:focus {
                --border-opacity: 0.5
            }
            .xs\:focus\:border-opacity-75:focus {
                --border-opacity: 0.75
            }
            .xs\:focus\:border-opacity-100:focus {
                --border-opacity: 1
            }
            .xs\:rounded-none {
                border-radius: 0
            }
            .xs\:rounded-sm {
                border-radius: .125rem
            }
            .xs\:rounded {
                border-radius: .25rem
            }
            .xs\:rounded-md {
                border-radius: .375rem
            }
            .xs\:rounded-lg {
                border-radius: .5rem
            }
            .xs\:rounded-full {
                border-radius: 9999px
            }
            .xs\:rounded-t-none {
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }
            .xs\:rounded-r-none {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }
            .xs\:rounded-b-none {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0
            }
            .xs\:rounded-l-none {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }
            .xs\:rounded-t-sm {
                border-top-left-radius: .125rem;
                border-top-right-radius: .125rem
            }
            .xs\:rounded-r-sm {
                border-top-right-radius: .125rem;
                border-bottom-right-radius: .125rem
            }
            .xs\:rounded-b-sm {
                border-bottom-right-radius: .125rem;
                border-bottom-left-radius: .125rem
            }
            .xs\:rounded-l-sm {
                border-top-left-radius: .125rem;
                border-bottom-left-radius: .125rem
            }
            .xs\:rounded-t {
                border-top-left-radius: .25rem
            }
            .xs\:rounded-r,
            .xs\:rounded-t {
                border-top-right-radius: .25rem
            }
            .xs\:rounded-b,
            .xs\:rounded-r {
                border-bottom-right-radius: .25rem
            }
            .xs\:rounded-b,
            .xs\:rounded-l {
                border-bottom-left-radius: .25rem
            }
            .xs\:rounded-l {
                border-top-left-radius: .25rem
            }
            .xs\:rounded-t-md {
                border-top-left-radius: .375rem;
                border-top-right-radius: .375rem
            }
            .xs\:rounded-r-md {
                border-top-right-radius: .375rem;
                border-bottom-right-radius: .375rem
            }
            .xs\:rounded-b-md {
                border-bottom-right-radius: .375rem;
                border-bottom-left-radius: .375rem
            }
            .xs\:rounded-l-md {
                border-top-left-radius: .375rem;
                border-bottom-left-radius: .375rem
            }
            .xs\:rounded-t-lg {
                border-top-left-radius: .5rem;
                border-top-right-radius: .5rem
            }
            .xs\:rounded-r-lg {
                border-top-right-radius: .5rem;
                border-bottom-right-radius: .5rem
            }
            .xs\:rounded-b-lg {
                border-bottom-right-radius: .5rem;
                border-bottom-left-radius: .5rem
            }
            .xs\:rounded-l-lg {
                border-top-left-radius: .5rem;
                border-bottom-left-radius: .5rem
            }
            .xs\:rounded-t-full {
                border-top-left-radius: 9999px;
                border-top-right-radius: 9999px
            }
            .xs\:rounded-r-full {
                border-top-right-radius: 9999px;
                border-bottom-right-radius: 9999px
            }
            .xs\:rounded-b-full {
                border-bottom-right-radius: 9999px;
                border-bottom-left-radius: 9999px
            }
            .xs\:rounded-l-full {
                border-top-left-radius: 9999px;
                border-bottom-left-radius: 9999px
            }
            .xs\:rounded-tl-none {
                border-top-left-radius: 0
            }
            .xs\:rounded-tr-none {
                border-top-right-radius: 0
            }
            .xs\:rounded-br-none {
                border-bottom-right-radius: 0
            }
            .xs\:rounded-bl-none {
                border-bottom-left-radius: 0
            }
            .xs\:rounded-tl-sm {
                border-top-left-radius: .125rem
            }
            .xs\:rounded-tr-sm {
                border-top-right-radius: .125rem
            }
            .xs\:rounded-br-sm {
                border-bottom-right-radius: .125rem
            }
            .xs\:rounded-bl-sm {
                border-bottom-left-radius: .125rem
            }
            .xs\:rounded-tl {
                border-top-left-radius: .25rem
            }
            .xs\:rounded-tr {
                border-top-right-radius: .25rem
            }
            .xs\:rounded-br {
                border-bottom-right-radius: .25rem
            }
            .xs\:rounded-bl {
                border-bottom-left-radius: .25rem
            }
            .xs\:rounded-tl-md {
                border-top-left-radius: .375rem
            }
            .xs\:rounded-tr-md {
                border-top-right-radius: .375rem
            }
            .xs\:rounded-br-md {
                border-bottom-right-radius: .375rem
            }
            .xs\:rounded-bl-md {
                border-bottom-left-radius: .375rem
            }
            .xs\:rounded-tl-lg {
                border-top-left-radius: .5rem
            }
            .xs\:rounded-tr-lg {
                border-top-right-radius: .5rem
            }
            .xs\:rounded-br-lg {
                border-bottom-right-radius: .5rem
            }
            .xs\:rounded-bl-lg {
                border-bottom-left-radius: .5rem
            }
            .xs\:rounded-tl-full {
                border-top-left-radius: 9999px
            }
            .xs\:rounded-tr-full {
                border-top-right-radius: 9999px
            }
            .xs\:rounded-br-full {
                border-bottom-right-radius: 9999px
            }
            .xs\:rounded-bl-full {
                border-bottom-left-radius: 9999px
            }
            .xs\:border-solid {
                border-style: solid
            }
            .xs\:border-dashed {
                border-style: dashed
            }
            .xs\:border-dotted {
                border-style: dotted
            }
            .xs\:border-double {
                border-style: double
            }
            .xs\:border-none {
                border-style: none
            }
            .xs\:border-0 {
                border-width: 0
            }
            .xs\:border-2 {
                border-width: 2px
            }
            .xs\:border-4 {
                border-width: 4px
            }
            .xs\:border-8 {
                border-width: 8px
            }
            .xs\:border {
                border-width: 1px
            }
            .xs\:border-t-0 {
                border-top-width: 0
            }
            .xs\:border-r-0 {
                border-right-width: 0
            }
            .xs\:border-b-0 {
                border-bottom-width: 0
            }
            .xs\:border-l-0 {
                border-left-width: 0
            }
            .xs\:border-t-2 {
                border-top-width: 2px
            }
            .xs\:border-r-2 {
                border-right-width: 2px
            }
            .xs\:border-b-2 {
                border-bottom-width: 2px
            }
            .xs\:border-l-2 {
                border-left-width: 2px
            }
            .xs\:border-t-4 {
                border-top-width: 4px
            }
            .xs\:border-r-4 {
                border-right-width: 4px
            }
            .xs\:border-b-4 {
                border-bottom-width: 4px
            }
            .xs\:border-l-4 {
                border-left-width: 4px
            }
            .xs\:border-t-8 {
                border-top-width: 8px
            }
            .xs\:border-r-8 {
                border-right-width: 8px
            }
            .xs\:border-b-8 {
                border-bottom-width: 8px
            }
            .xs\:border-l-8 {
                border-left-width: 8px
            }
            .xs\:border-t {
                border-top-width: 1px
            }
            .xs\:border-r {
                border-right-width: 1px
            }
            .xs\:border-b {
                border-bottom-width: 1px
            }
            .xs\:border-l {
                border-left-width: 1px
            }
            .xs\:box-border {
                box-sizing: border-box
            }
            .xs\:box-content {
                box-sizing: content-box
            }
            .xs\:cursor-auto {
                cursor: auto
            }
            .xs\:cursor-default {
                cursor: default
            }
            .xs\:cursor-pointer {
                cursor: pointer
            }
            .xs\:cursor-wait {
                cursor: wait
            }
            .xs\:cursor-text {
                cursor: text
            }
            .xs\:cursor-move {
                cursor: move
            }
            .xs\:cursor-not-allowed {
                cursor: not-allowed
            }
            .xs\:block {
                display: block
            }
            .xs\:inline-block {
                display: inline-block
            }
            .xs\:inline {
                display: inline
            }
            .xs\:flex {
                display: flex
            }
            .xs\:inline-flex {
                display: inline-flex
            }
            .xs\:table {
                display: table
            }
            .xs\:table-caption {
                display: table-caption
            }
            .xs\:table-cell {
                display: table-cell
            }
            .xs\:table-column {
                display: table-column
            }
            .xs\:table-column-group {
                display: table-column-group
            }
            .xs\:table-footer-group {
                display: table-footer-group
            }
            .xs\:table-header-group {
                display: table-header-group
            }
            .xs\:table-row-group {
                display: table-row-group
            }
            .xs\:table-row {
                display: table-row
            }
            .xs\:flow-root {
                display: flow-root
            }
            .xs\:grid {
                display: grid
            }
            .xs\:inline-grid {
                display: inline-grid
            }
            .xs\:hidden {
                display: none
            }
            .xs\:flex-row {
                flex-direction: row
            }
            .xs\:flex-row-reverse {
                flex-direction: row-reverse
            }
            .xs\:flex-col {
                flex-direction: column
            }
            .xs\:flex-col-reverse {
                flex-direction: column-reverse
            }
            .xs\:flex-wrap {
                flex-wrap: wrap
            }
            .xs\:flex-wrap-reverse {
                flex-wrap: wrap-reverse
            }
            .xs\:flex-no-wrap {
                flex-wrap: nowrap
            }
            .xs\:items-start {
                align-items: flex-start
            }
            .xs\:items-end {
                align-items: flex-end
            }
            .xs\:items-center {
                align-items: center
            }
            .xs\:items-baseline {
                align-items: baseline
            }
            .xs\:items-stretch {
                align-items: stretch
            }
            .xs\:self-auto {
                align-self: auto
            }
            .xs\:self-start {
                align-self: flex-start
            }
            .xs\:self-end {
                align-self: flex-end
            }
            .xs\:self-center {
                align-self: center
            }
            .xs\:self-stretch {
                align-self: stretch
            }
            .xs\:justify-start {
                justify-content: flex-start
            }
            .xs\:justify-end {
                justify-content: flex-end
            }
            .xs\:justify-center {
                justify-content: center
            }
            .xs\:justify-between {
                justify-content: space-between
            }
            .xs\:justify-around {
                justify-content: space-around
            }
            .xs\:justify-evenly {
                justify-content: space-evenly
            }
            .xs\:content-center {
                align-content: center
            }
            .xs\:content-start {
                align-content: flex-start
            }
            .xs\:content-end {
                align-content: flex-end
            }
            .xs\:content-between {
                align-content: space-between
            }
            .xs\:content-around {
                align-content: space-around
            }
            .xs\:flex-1 {
                flex: 1 1 0%
            }
            .xs\:flex-auto {
                flex: 1 1 auto
            }
            .xs\:flex-initial {
                flex: 0 1 auto
            }
            .xs\:flex-none {
                flex: none
            }
            .xs\:flex-grow-0 {
                flex-grow: 0
            }
            .xs\:flex-grow {
                flex-grow: 1
            }
            .xs\:flex-shrink-0 {
                flex-shrink: 0
            }
            .xs\:flex-shrink {
                flex-shrink: 1
            }
            .xs\:order-1 {
                order: 1
            }
            .xs\:order-2 {
                order: 2
            }
            .xs\:order-3 {
                order: 3
            }
            .xs\:order-4 {
                order: 4
            }
            .xs\:order-5 {
                order: 5
            }
            .xs\:order-6 {
                order: 6
            }
            .xs\:order-7 {
                order: 7
            }
            .xs\:order-8 {
                order: 8
            }
            .xs\:order-9 {
                order: 9
            }
            .xs\:order-10 {
                order: 10
            }
            .xs\:order-11 {
                order: 11
            }
            .xs\:order-12 {
                order: 12
            }
            .xs\:order-first {
                order: -9999
            }
            .xs\:order-last {
                order: 9999
            }
            .xs\:order-none {
                order: 0
            }
            .xs\:float-right {
                float: right
            }
            .xs\:float-left {
                float: left
            }
            .xs\:float-none {
                float: none
            }
            .xs\:clearfix:after {
                content: "";
                display: table;
                clear: both
            }
            .xs\:clear-left {
                clear: left
            }
            .xs\:clear-right {
                clear: right
            }
            .xs\:clear-both {
                clear: both
            }
            .xs\:clear-none {
                clear: none
            }
            .xs\:font-display {
                font-family: Oswald, sans-serif
            }
            .xs\:font-body {
                font-family: Ropa Sans, sans-serif
            }
            .xs\:font-hairline {
                font-weight: 100
            }
            .xs\:font-thin {
                font-weight: 200
            }
            .xs\:font-light {
                font-weight: 300
            }
            .xs\:font-normal {
                font-weight: 400
            }
            .xs\:font-medium {
                font-weight: 500
            }
            .xs\:font-semibold {
                font-weight: 600
            }
            .xs\:font-bold {
                font-weight: 700
            }
            .xs\:font-extrabold {
                font-weight: 800
            }
            .xs\:font-black {
                font-weight: 900
            }
            .xs\:hover\:font-hairline:hover {
                font-weight: 100
            }
            .xs\:hover\:font-thin:hover {
                font-weight: 200
            }
            .xs\:hover\:font-light:hover {
                font-weight: 300
            }
            .xs\:hover\:font-normal:hover {
                font-weight: 400
            }
            .xs\:hover\:font-medium:hover {
                font-weight: 500
            }
            .xs\:hover\:font-semibold:hover {
                font-weight: 600
            }
            .xs\:hover\:font-bold:hover {
                font-weight: 700
            }
            .xs\:hover\:font-extrabold:hover {
                font-weight: 800
            }
            .xs\:hover\:font-black:hover {
                font-weight: 900
            }
            .xs\:focus\:font-hairline:focus {
                font-weight: 100
            }
            .xs\:focus\:font-thin:focus {
                font-weight: 200
            }
            .xs\:focus\:font-light:focus {
                font-weight: 300
            }
            .xs\:focus\:font-normal:focus {
                font-weight: 400
            }
            .xs\:focus\:font-medium:focus {
                font-weight: 500
            }
            .xs\:focus\:font-semibold:focus {
                font-weight: 600
            }
            .xs\:focus\:font-bold:focus {
                font-weight: 700
            }
            .xs\:focus\:font-extrabold:focus {
                font-weight: 800
            }
            .xs\:focus\:font-black:focus {
                font-weight: 900
            }
            .xs\:h-0 {
                height: 0
            }
            .xs\:h-1 {
                height: 8px
            }
            .xs\:h-2 {
                height: 12px
            }
            .xs\:h-3 {
                height: 16px
            }
            .xs\:h-4 {
                height: 24px
            }
            .xs\:h-5 {
                height: 32px
            }
            .xs\:h-6 {
                height: 48px
            }
            .xs\:h-7 {
                height: 60px
            }
            .xs\:h-8 {
                height: 72px
            }
            .xs\:h-9 {
                height: 84px
            }
            .xs\:h-10 {
                height: 96px
            }
            .xs\:h-auto {
                height: auto
            }
            .xs\:h-0\.5 {
                height: 4px
            }
            .xs\:h-full {
                height: 100%
            }
            .xs\:h-screen {
                height: 100vh
            }
            .xs\:text-xs {
                font-size: .75rem
            }
            .xs\:text-sm {
                font-size: .875rem
            }
            .xs\:text-base {
                font-size: 1rem
            }
            .xs\:text-lg {
                font-size: 1.125rem
            }
            .xs\:text-xl {
                font-size: 1.25rem
            }
            .xs\:text-2xl {
                font-size: 1.5rem
            }
            .xs\:text-3xl {
                font-size: 1.875rem
            }
            .xs\:text-4xl {
                font-size: 2.25rem
            }
            .xs\:text-5xl {
                font-size: 3rem
            }
            .xs\:text-6xl {
                font-size: 4rem
            }
            .xs\:hover\:text-xs:hover {
                font-size: .75rem
            }
            .xs\:hover\:text-sm:hover {
                font-size: .875rem
            }
            .xs\:hover\:text-base:hover {
                font-size: 1rem
            }
            .xs\:hover\:text-lg:hover {
                font-size: 1.125rem
            }
            .xs\:hover\:text-xl:hover {
                font-size: 1.25rem
            }
            .xs\:hover\:text-2xl:hover {
                font-size: 1.5rem
            }
            .xs\:hover\:text-3xl:hover {
                font-size: 1.875rem
            }
            .xs\:hover\:text-4xl:hover {
                font-size: 2.25rem
            }
            .xs\:hover\:text-5xl:hover {
                font-size: 3rem
            }
            .xs\:hover\:text-6xl:hover {
                font-size: 4rem
            }
            .xs\:focus\:text-xs:focus {
                font-size: .75rem
            }
            .xs\:focus\:text-sm:focus {
                font-size: .875rem
            }
            .xs\:focus\:text-base:focus {
                font-size: 1rem
            }
            .xs\:focus\:text-lg:focus {
                font-size: 1.125rem
            }
            .xs\:focus\:text-xl:focus {
                font-size: 1.25rem
            }
            .xs\:focus\:text-2xl:focus {
                font-size: 1.5rem
            }
            .xs\:focus\:text-3xl:focus {
                font-size: 1.875rem
            }
            .xs\:focus\:text-4xl:focus {
                font-size: 2.25rem
            }
            .xs\:focus\:text-5xl:focus {
                font-size: 3rem
            }
            .xs\:focus\:text-6xl:focus {
                font-size: 4rem
            }
            .xs\:leading-3 {
                line-height: .75rem
            }
            .xs\:leading-4 {
                line-height: 1rem
            }
            .xs\:leading-5 {
                line-height: 1.25rem
            }
            .xs\:leading-6 {
                line-height: 1.5rem
            }
            .xs\:leading-7 {
                line-height: 1.75rem
            }
            .xs\:leading-8 {
                line-height: 2rem
            }
            .xs\:leading-9 {
                line-height: 2.25rem
            }
            .xs\:leading-10 {
                line-height: 2.5rem
            }
            .xs\:leading-none {
                line-height: 1
            }
            .xs\:leading-tight {
                line-height: 1.25
            }
            .xs\:leading-snug {
                line-height: 1.375
            }
            .xs\:leading-normal {
                line-height: 1.5
            }
            .xs\:leading-relaxed {
                line-height: 1.625
            }
            .xs\:leading-loose {
                line-height: 2
            }
            .xs\:list-inside {
                list-style-position: inside
            }
            .xs\:list-outside {
                list-style-position: outside
            }
            .xs\:list-none {
                list-style-type: none
            }
            .xs\:list-disc {
                list-style-type: disc
            }
            .xs\:list-decimal {
                list-style-type: decimal
            }
            .xs\:m-0 {
                margin: 0
            }
            .xs\:m-1 {
                margin: 8px
            }
            .xs\:m-2 {
                margin: 12px
            }
            .xs\:m-3 {
                margin: 16px
            }
            .xs\:m-4 {
                margin: 24px
            }
            .xs\:m-5 {
                margin: 32px
            }
            .xs\:m-6 {
                margin: 48px
            }
            .xs\:m-7 {
                margin: 60px
            }
            .xs\:m-8 {
                margin: 72px
            }
            .xs\:m-9 {
                margin: 84px
            }
            .xs\:m-10 {
                margin: 96px
            }
            .xs\:m-auto {
                margin: auto
            }
            .xs\:m-0\.5 {
                margin: 4px
            }
            .xs\:-m-1 {
                margin: -8px
            }
            .xs\:-m-2 {
                margin: -12px
            }
            .xs\:-m-3 {
                margin: -16px
            }
            .xs\:-m-4 {
                margin: -24px
            }
            .xs\:-m-5 {
                margin: -32px
            }
            .xs\:-m-6 {
                margin: -48px
            }
            .xs\:-m-7 {
                margin: -60px
            }
            .xs\:-m-8 {
                margin: -72px
            }
            .xs\:-m-9 {
                margin: -84px
            }
            .xs\:-m-10 {
                margin: -96px
            }
            .xs\:-m-0\.5 {
                margin: -4px
            }
            .xs\:my-0 {
                margin-top: 0;
                margin-bottom: 0
            }
            .xs\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }
            .xs\:my-1 {
                margin-top: 8px;
                margin-bottom: 8px
            }
            .xs\:mx-1 {
                margin-left: 8px;
                margin-right: 8px
            }
            .xs\:my-2 {
                margin-top: 12px;
                margin-bottom: 12px
            }
            .xs\:mx-2 {
                margin-left: 12px;
                margin-right: 12px
            }
            .xs\:my-3 {
                margin-top: 16px;
                margin-bottom: 16px
            }
            .xs\:mx-3 {
                margin-left: 16px;
                margin-right: 16px
            }
            .xs\:my-4 {
                margin-top: 24px;
                margin-bottom: 24px
            }
            .xs\:mx-4 {
                margin-left: 24px;
                margin-right: 24px
            }
            .xs\:my-5 {
                margin-top: 32px;
                margin-bottom: 32px
            }
            .xs\:mx-5 {
                margin-left: 32px;
                margin-right: 32px
            }
            .xs\:my-6 {
                margin-top: 48px;
                margin-bottom: 48px
            }
            .xs\:mx-6 {
                margin-left: 48px;
                margin-right: 48px
            }
            .xs\:my-7 {
                margin-top: 60px;
                margin-bottom: 60px
            }
            .xs\:mx-7 {
                margin-left: 60px;
                margin-right: 60px
            }
            .xs\:my-8 {
                margin-top: 72px;
                margin-bottom: 72px
            }
            .xs\:mx-8 {
                margin-left: 72px;
                margin-right: 72px
            }
            .xs\:my-9 {
                margin-top: 84px;
                margin-bottom: 84px
            }
            .xs\:mx-9 {
                margin-left: 84px;
                margin-right: 84px
            }
            .xs\:my-10 {
                margin-top: 96px;
                margin-bottom: 96px
            }
            .xs\:mx-10 {
                margin-left: 96px;
                margin-right: 96px
            }
            .xs\:my-auto {
                margin-top: auto;
                margin-bottom: auto
            }
            .xs\:mx-auto {
                margin-left: auto;
                margin-right: auto
            }
            .xs\:my-0\.5 {
                margin-top: 4px;
                margin-bottom: 4px
            }
            .xs\:mx-0\.5 {
                margin-left: 4px;
                margin-right: 4px
            }
            .xs\:-my-1 {
                margin-top: -8px;
                margin-bottom: -8px
            }
            .xs\:-mx-1 {
                margin-left: -8px;
                margin-right: -8px
            }
            .xs\:-my-2 {
                margin-top: -12px;
                margin-bottom: -12px
            }
            .xs\:-mx-2 {
                margin-left: -12px;
                margin-right: -12px
            }
            .xs\:-my-3 {
                margin-top: -16px;
                margin-bottom: -16px
            }
            .xs\:-mx-3 {
                margin-left: -16px;
                margin-right: -16px
            }
            .xs\:-my-4 {
                margin-top: -24px;
                margin-bottom: -24px
            }
            .xs\:-mx-4 {
                margin-left: -24px;
                margin-right: -24px
            }
            .xs\:-my-5 {
                margin-top: -32px;
                margin-bottom: -32px
            }
            .xs\:-mx-5 {
                margin-left: -32px;
                margin-right: -32px
            }
            .xs\:-my-6 {
                margin-top: -48px;
                margin-bottom: -48px
            }
            .xs\:-mx-6 {
                margin-left: -48px;
                margin-right: -48px
            }
            .xs\:-my-7 {
                margin-top: -60px;
                margin-bottom: -60px
            }
            .xs\:-mx-7 {
                margin-left: -60px;
                margin-right: -60px
            }
            .xs\:-my-8 {
                margin-top: -72px;
                margin-bottom: -72px
            }
            .xs\:-mx-8 {
                margin-left: -72px;
                margin-right: -72px
            }
            .xs\:-my-9 {
                margin-top: -84px;
                margin-bottom: -84px
            }
            .xs\:-mx-9 {
                margin-left: -84px;
                margin-right: -84px
            }
            .xs\:-my-10 {
                margin-top: -96px;
                margin-bottom: -96px
            }
            .xs\:-mx-10 {
                margin-left: -96px;
                margin-right: -96px
            }
            .xs\:-my-0\.5 {
                margin-top: -4px;
                margin-bottom: -4px
            }
            .xs\:-mx-0\.5 {
                margin-left: -4px;
                margin-right: -4px
            }
            .xs\:mt-0 {
                margin-top: 0
            }
            .xs\:mr-0 {
                margin-right: 0
            }
            .xs\:mb-0 {
                margin-bottom: 0
            }
            .xs\:ml-0 {
                margin-left: 0
            }
            .xs\:mt-1 {
                margin-top: 8px
            }
            .xs\:mr-1 {
                margin-right: 8px
            }
            .xs\:mb-1 {
                margin-bottom: 8px
            }
            .xs\:ml-1 {
                margin-left: 8px
            }
            .xs\:mt-2 {
                margin-top: 12px
            }
            .xs\:mr-2 {
                margin-right: 12px
            }
            .xs\:mb-2 {
                margin-bottom: 12px
            }
            .xs\:ml-2 {
                margin-left: 12px
            }
            .xs\:mt-3 {
                margin-top: 16px
            }
            .xs\:mr-3 {
                margin-right: 16px
            }
            .xs\:mb-3 {
                margin-bottom: 16px
            }
            .xs\:ml-3 {
                margin-left: 16px
            }
            .xs\:mt-4 {
                margin-top: 24px
            }
            .xs\:mr-4 {
                margin-right: 24px
            }
            .xs\:mb-4 {
                margin-bottom: 24px
            }
            .xs\:ml-4 {
                margin-left: 24px
            }
            .xs\:mt-5 {
                margin-top: 32px
            }
            .xs\:mr-5 {
                margin-right: 32px
            }
            .xs\:mb-5 {
                margin-bottom: 32px
            }
            .xs\:ml-5 {
                margin-left: 32px
            }
            .xs\:mt-6 {
                margin-top: 48px
            }
            .xs\:mr-6 {
                margin-right: 48px
            }
            .xs\:mb-6 {
                margin-bottom: 48px
            }
            .xs\:ml-6 {
                margin-left: 48px
            }
            .xs\:mt-7 {
                margin-top: 60px
            }
            .xs\:mr-7 {
                margin-right: 60px
            }
            .xs\:mb-7 {
                margin-bottom: 60px
            }
            .xs\:ml-7 {
                margin-left: 60px
            }
            .xs\:mt-8 {
                margin-top: 72px
            }
            .xs\:mr-8 {
                margin-right: 72px
            }
            .xs\:mb-8 {
                margin-bottom: 72px
            }
            .xs\:ml-8 {
                margin-left: 72px
            }
            .xs\:mt-9 {
                margin-top: 84px
            }
            .xs\:mr-9 {
                margin-right: 84px
            }
            .xs\:mb-9 {
                margin-bottom: 84px
            }
            .xs\:ml-9 {
                margin-left: 84px
            }
            .xs\:mt-10 {
                margin-top: 96px
            }
            .xs\:mr-10 {
                margin-right: 96px
            }
            .xs\:mb-10 {
                margin-bottom: 96px
            }
            .xs\:ml-10 {
                margin-left: 96px
            }
            .xs\:mt-auto {
                margin-top: auto
            }
            .xs\:mr-auto {
                margin-right: auto
            }
            .xs\:mb-auto {
                margin-bottom: auto
            }
            .xs\:ml-auto {
                margin-left: auto
            }
            .xs\:mt-0\.5 {
                margin-top: 4px
            }
            .xs\:mr-0\.5 {
                margin-right: 4px
            }
            .xs\:mb-0\.5 {
                margin-bottom: 4px
            }
            .xs\:ml-0\.5 {
                margin-left: 4px
            }
            .xs\:-mt-1 {
                margin-top: -8px
            }
            .xs\:-mr-1 {
                margin-right: -8px
            }
            .xs\:-mb-1 {
                margin-bottom: -8px
            }
            .xs\:-ml-1 {
                margin-left: -8px
            }
            .xs\:-mt-2 {
                margin-top: -12px
            }
            .xs\:-mr-2 {
                margin-right: -12px
            }
            .xs\:-mb-2 {
                margin-bottom: -12px
            }
            .xs\:-ml-2 {
                margin-left: -12px
            }
            .xs\:-mt-3 {
                margin-top: -16px
            }
            .xs\:-mr-3 {
                margin-right: -16px
            }
            .xs\:-mb-3 {
                margin-bottom: -16px
            }
            .xs\:-ml-3 {
                margin-left: -16px
            }
            .xs\:-mt-4 {
                margin-top: -24px
            }
            .xs\:-mr-4 {
                margin-right: -24px
            }
            .xs\:-mb-4 {
                margin-bottom: -24px
            }
            .xs\:-ml-4 {
                margin-left: -24px
            }
            .xs\:-mt-5 {
                margin-top: -32px
            }
            .xs\:-mr-5 {
                margin-right: -32px
            }
            .xs\:-mb-5 {
                margin-bottom: -32px
            }
            .xs\:-ml-5 {
                margin-left: -32px
            }
            .xs\:-mt-6 {
                margin-top: -48px
            }
            .xs\:-mr-6 {
                margin-right: -48px
            }
            .xs\:-mb-6 {
                margin-bottom: -48px
            }
            .xs\:-ml-6 {
                margin-left: -48px
            }
            .xs\:-mt-7 {
                margin-top: -60px
            }
            .xs\:-mr-7 {
                margin-right: -60px
            }
            .xs\:-mb-7 {
                margin-bottom: -60px
            }
            .xs\:-ml-7 {
                margin-left: -60px
            }
            .xs\:-mt-8 {
                margin-top: -72px
            }
            .xs\:-mr-8 {
                margin-right: -72px
            }
            .xs\:-mb-8 {
                margin-bottom: -72px
            }
            .xs\:-ml-8 {
                margin-left: -72px
            }
            .xs\:-mt-9 {
                margin-top: -84px
            }
            .xs\:-mr-9 {
                margin-right: -84px
            }
            .xs\:-mb-9 {
                margin-bottom: -84px
            }
            .xs\:-ml-9 {
                margin-left: -84px
            }
            .xs\:-mt-10 {
                margin-top: -96px
            }
            .xs\:-mr-10 {
                margin-right: -96px
            }
            .xs\:-mb-10 {
                margin-bottom: -96px
            }
            .xs\:-ml-10 {
                margin-left: -96px
            }
            .xs\:-mt-0\.5 {
                margin-top: -4px
            }
            .xs\:-mr-0\.5 {
                margin-right: -4px
            }
            .xs\:-mb-0\.5 {
                margin-bottom: -4px
            }
            .xs\:-ml-0\.5 {
                margin-left: -4px
            }
            .xs\:max-h-full {
                max-height: 100%
            }
            .xs\:max-h-screen {
                max-height: 100vh
            }
            .xs\:max-w-none {
                max-width: none
            }
            .xs\:max-w-xs {
                max-width: 20rem
            }
            .xs\:max-w-sm {
                max-width: 24rem
            }
            .xs\:max-w-md {
                max-width: 28rem
            }
            .xs\:max-w-lg {
                max-width: 32rem
            }
            .xs\:max-w-xl {
                max-width: 36rem
            }
            .xs\:max-w-2xl {
                max-width: 42rem
            }
            .xs\:max-w-3xl {
                max-width: 48rem
            }
            .xs\:max-w-4xl {
                max-width: 56rem
            }
            .xs\:max-w-5xl {
                max-width: 64rem
            }
            .xs\:max-w-6xl {
                max-width: 72rem
            }
            .xs\:max-w-full {
                max-width: 100%
            }
            .xs\:max-w-screen-xs {
                max-width: 420px
            }
            .xs\:max-w-screen-sm {
                max-width: 640px
            }
            .xs\:max-w-screen-md {
                max-width: 768px
            }
            .xs\:max-w-screen-lg {
                max-width: 1024px
            }
            .xs\:max-w-screen-xl {
                max-width: 1100px
            }
            .xs\:min-h-0 {
                min-height: 0
            }
            .xs\:min-h-full {
                min-height: 100%
            }
            .xs\:min-h-screen {
                min-height: 100vh
            }
            .xs\:min-w-0 {
                min-width: 0
            }
            .xs\:min-w-full {
                min-width: 100%
            }
            .xs\:object-contain {
                object-fit: contain
            }
            .xs\:object-cover {
                object-fit: cover
            }
            .xs\:object-fill {
                object-fit: fill
            }
            .xs\:object-none {
                object-fit: none
            }
            .xs\:object-scale-down {
                object-fit: scale-down
            }
            .xs\:object-bottom {
                object-position: bottom
            }
            .xs\:object-center {
                object-position: center
            }
            .xs\:object-left {
                object-position: left
            }
            .xs\:object-left-bottom {
                object-position: left bottom
            }
            .xs\:object-left-top {
                object-position: left top
            }
            .xs\:object-right {
                object-position: right
            }
            .xs\:object-right-bottom {
                object-position: right bottom
            }
            .xs\:object-right-top {
                object-position: right top
            }
            .xs\:object-top {
                object-position: top
            }
            .xs\:opacity-0 {
                opacity: 0
            }
            .xs\:opacity-25 {
                opacity: .25
            }
            .xs\:opacity-50 {
                opacity: .5
            }
            .xs\:opacity-75 {
                opacity: .75
            }
            .xs\:opacity-100 {
                opacity: 1
            }
            .xs\:hover\:opacity-0:hover {
                opacity: 0
            }
            .xs\:hover\:opacity-25:hover {
                opacity: .25
            }
            .xs\:hover\:opacity-50:hover {
                opacity: .5
            }
            .xs\:hover\:opacity-75:hover {
                opacity: .75
            }
            .xs\:hover\:opacity-100:hover {
                opacity: 1
            }
            .xs\:focus\:outline-none:focus,
            .xs\:outline-none {
                outline: 0
            }
            .xs\:overflow-auto {
                overflow: auto
            }
            .xs\:overflow-hidden {
                overflow: hidden
            }
            .xs\:overflow-visible {
                overflow: visible
            }
            .xs\:overflow-scroll {
                overflow: scroll
            }
            .xs\:overflow-x-auto {
                overflow-x: auto
            }
            .xs\:overflow-y-auto {
                overflow-y: auto
            }
            .xs\:overflow-x-hidden {
                overflow-x: hidden
            }
            .xs\:overflow-y-hidden {
                overflow-y: hidden
            }
            .xs\:overflow-x-visible {
                overflow-x: visible
            }
            .xs\:overflow-y-visible {
                overflow-y: visible
            }
            .xs\:overflow-x-scroll {
                overflow-x: scroll
            }
            .xs\:overflow-y-scroll {
                overflow-y: scroll
            }
            .xs\:scrolling-touch {
                -webkit-overflow-scrolling: touch
            }
            .xs\:scrolling-auto {
                -webkit-overflow-scrolling: auto
            }
            .xs\:p-0 {
                padding: 0
            }
            .xs\:p-1 {
                padding: 8px
            }
            .xs\:p-2 {
                padding: 12px
            }
            .xs\:p-3 {
                padding: 16px
            }
            .xs\:p-4 {
                padding: 24px
            }
            .xs\:p-5 {
                padding: 32px
            }
            .xs\:p-6 {
                padding: 48px
            }
            .xs\:p-7 {
                padding: 60px
            }
            .xs\:p-8 {
                padding: 72px
            }
            .xs\:p-9 {
                padding: 84px
            }
            .xs\:p-10 {
                padding: 96px
            }
            .xs\:p-0\.5 {
                padding: 4px
            }
            .xs\:py-0 {
                padding-top: 0;
                padding-bottom: 0
            }
            .xs\:px-0 {
                padding-left: 0;
                padding-right: 0
            }
            .xs\:py-1 {
                padding-top: 8px;
                padding-bottom: 8px
            }
            .xs\:px-1 {
                padding-left: 8px;
                padding-right: 8px
            }
            .xs\:py-2 {
                padding-top: 12px;
                padding-bottom: 12px
            }
            .xs\:px-2 {
                padding-left: 12px;
                padding-right: 12px
            }
            .xs\:py-3 {
                padding-top: 16px;
                padding-bottom: 16px
            }
            .xs\:px-3 {
                padding-left: 16px;
                padding-right: 16px
            }
            .xs\:py-4 {
                padding-top: 24px;
                padding-bottom: 24px
            }
            .xs\:px-4 {
                padding-left: 24px;
                padding-right: 24px
            }
            .xs\:py-5 {
                padding-top: 32px;
                padding-bottom: 32px
            }
            .xs\:px-5 {
                padding-left: 32px;
                padding-right: 32px
            }
            .xs\:py-6 {
                padding-top: 48px;
                padding-bottom: 48px
            }
            .xs\:px-6 {
                padding-left: 48px;
                padding-right: 48px
            }
            .xs\:py-7 {
                padding-top: 60px;
                padding-bottom: 60px
            }
            .xs\:px-7 {
                padding-left: 60px;
                padding-right: 60px
            }
            .xs\:py-8 {
                padding-top: 72px;
                padding-bottom: 72px
            }
            .xs\:px-8 {
                padding-left: 72px;
                padding-right: 72px
            }
            .xs\:py-9 {
                padding-top: 84px;
                padding-bottom: 84px
            }
            .xs\:px-9 {
                padding-left: 84px;
                padding-right: 84px
            }
            .xs\:py-10 {
                padding-top: 96px;
                padding-bottom: 96px
            }
            .xs\:px-10 {
                padding-left: 96px;
                padding-right: 96px
            }
            .xs\:py-0\.5 {
                padding-top: 4px;
                padding-bottom: 4px
            }
            .xs\:px-0\.5 {
                padding-left: 4px;
                padding-right: 4px
            }
            .xs\:pt-0 {
                padding-top: 0
            }
            .xs\:pr-0 {
                padding-right: 0
            }
            .xs\:pb-0 {
                padding-bottom: 0
            }
            .xs\:pl-0 {
                padding-left: 0
            }
            .xs\:pt-1 {
                padding-top: 8px
            }
            .xs\:pr-1 {
                padding-right: 8px
            }
            .xs\:pb-1 {
                padding-bottom: 8px
            }
            .xs\:pl-1 {
                padding-left: 8px
            }
            .xs\:pt-2 {
                padding-top: 12px
            }
            .xs\:pr-2 {
                padding-right: 12px
            }
            .xs\:pb-2 {
                padding-bottom: 12px
            }
            .xs\:pl-2 {
                padding-left: 12px
            }
            .xs\:pt-3 {
                padding-top: 16px
            }
            .xs\:pr-3 {
                padding-right: 16px
            }
            .xs\:pb-3 {
                padding-bottom: 16px
            }
            .xs\:pl-3 {
                padding-left: 16px
            }
            .xs\:pt-4 {
                padding-top: 24px
            }
            .xs\:pr-4 {
                padding-right: 24px
            }
            .xs\:pb-4 {
                padding-bottom: 24px
            }
            .xs\:pl-4 {
                padding-left: 24px
            }
            .xs\:pt-5 {
                padding-top: 32px
            }
            .xs\:pr-5 {
                padding-right: 32px
            }
            .xs\:pb-5 {
                padding-bottom: 32px
            }
            .xs\:pl-5 {
                padding-left: 32px
            }
            .xs\:pt-6 {
                padding-top: 48px
            }
            .xs\:pr-6 {
                padding-right: 48px
            }
            .xs\:pb-6 {
                padding-bottom: 48px
            }
            .xs\:pl-6 {
                padding-left: 48px
            }
            .xs\:pt-7 {
                padding-top: 60px
            }
            .xs\:pr-7 {
                padding-right: 60px
            }
            .xs\:pb-7 {
                padding-bottom: 60px
            }
            .xs\:pl-7 {
                padding-left: 60px
            }
            .xs\:pt-8 {
                padding-top: 72px
            }
            .xs\:pr-8 {
                padding-right: 72px
            }
            .xs\:pb-8 {
                padding-bottom: 72px
            }
            .xs\:pl-8 {
                padding-left: 72px
            }
            .xs\:pt-9 {
                padding-top: 84px
            }
            .xs\:pr-9 {
                padding-right: 84px
            }
            .xs\:pb-9 {
                padding-bottom: 84px
            }
            .xs\:pl-9 {
                padding-left: 84px
            }
            .xs\:pt-10 {
                padding-top: 96px
            }
            .xs\:pr-10 {
                padding-right: 96px
            }
            .xs\:pb-10 {
                padding-bottom: 96px
            }
            .xs\:pl-10 {
                padding-left: 96px
            }
            .xs\:pt-0\.5 {
                padding-top: 4px
            }
            .xs\:pr-0\.5 {
                padding-right: 4px
            }
            .xs\:pb-0\.5 {
                padding-bottom: 4px
            }
            .xs\:pl-0\.5 {
                padding-left: 4px
            }
            .xs\:placeholder-transparent::placeholder {
                color: transparent
            }
            .xs\:placeholder-current::placeholder {
                color: currentColor
            }
            .xs\:placeholder-black::placeholder {
                --placeholder-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--placeholder-opacity))
            }
            .xs\:placeholder-white::placeholder {
                --placeholder-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--placeholder-opacity))
            }
            .xs\:placeholder-gray-100::placeholder {
                --placeholder-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--placeholder-opacity))
            }
            .xs\:placeholder-gray-200::placeholder {
                --placeholder-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--placeholder-opacity))
            }
            .xs\:placeholder-gray-300::placeholder {
                --placeholder-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--placeholder-opacity))
            }
            .xs\:placeholder-gray-400::placeholder {
                --placeholder-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--placeholder-opacity))
            }
            .xs\:placeholder-gray-500::placeholder {
                --placeholder-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--placeholder-opacity))
            }
            .xs\:placeholder-gray-600::placeholder {
                --placeholder-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--placeholder-opacity))
            }
            .xs\:placeholder-gray-700::placeholder {
                --placeholder-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--placeholder-opacity))
            }
            .xs\:placeholder-gray-800::placeholder {
                --placeholder-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--placeholder-opacity))
            }
            .xs\:placeholder-gray-900::placeholder {
                --placeholder-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--placeholder-opacity))
            }
            .xs\:placeholder-red-100::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--placeholder-opacity))
            }
            .xs\:placeholder-red-200::placeholder {
                --placeholder-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--placeholder-opacity))
            }
            .xs\:placeholder-red-300::placeholder {
                --placeholder-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--placeholder-opacity))
            }
            .xs\:placeholder-red-400::placeholder {
                --placeholder-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--placeholder-opacity))
            }
            .xs\:placeholder-red-500::placeholder {
                --placeholder-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--placeholder-opacity))
            }
            .xs\:placeholder-red-600::placeholder {
                --placeholder-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--placeholder-opacity))
            }
            .xs\:placeholder-red-700::placeholder {
                --placeholder-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--placeholder-opacity))
            }
            .xs\:placeholder-red-800::placeholder {
                --placeholder-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--placeholder-opacity))
            }
            .xs\:placeholder-red-900::placeholder {
                --placeholder-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--placeholder-opacity))
            }
            .xs\:placeholder-orange-100::placeholder {
                --placeholder-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--placeholder-opacity))
            }
            .xs\:placeholder-orange-200::placeholder {
                --placeholder-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--placeholder-opacity))
            }
            .xs\:placeholder-orange-300::placeholder {
                --placeholder-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--placeholder-opacity))
            }
            .xs\:placeholder-orange-400::placeholder {
                --placeholder-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--placeholder-opacity))
            }
            .xs\:placeholder-orange-500::placeholder {
                --placeholder-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--placeholder-opacity))
            }
            .xs\:placeholder-orange-600::placeholder {
                --placeholder-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--placeholder-opacity))
            }
            .xs\:placeholder-orange-700::placeholder {
                --placeholder-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--placeholder-opacity))
            }
            .xs\:placeholder-orange-800::placeholder {
                --placeholder-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--placeholder-opacity))
            }
            .xs\:placeholder-orange-900::placeholder {
                --placeholder-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--placeholder-opacity))
            }
            .xs\:placeholder-yellow-100::placeholder {
                --placeholder-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--placeholder-opacity))
            }
            .xs\:placeholder-yellow-200::placeholder {
                --placeholder-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--placeholder-opacity))
            }
            .xs\:placeholder-yellow-300::placeholder {
                --placeholder-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--placeholder-opacity))
            }
            .xs\:placeholder-yellow-400::placeholder {
                --placeholder-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--placeholder-opacity))
            }
            .xs\:placeholder-yellow-500::placeholder {
                --placeholder-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--placeholder-opacity))
            }
            .xs\:placeholder-yellow-600::placeholder {
                --placeholder-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--placeholder-opacity))
            }
            .xs\:placeholder-yellow-700::placeholder {
                --placeholder-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--placeholder-opacity))
            }
            .xs\:placeholder-yellow-800::placeholder {
                --placeholder-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--placeholder-opacity))
            }
            .xs\:placeholder-yellow-900::placeholder {
                --placeholder-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--placeholder-opacity))
            }
            .xs\:placeholder-green-100::placeholder {
                --placeholder-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--placeholder-opacity))
            }
            .xs\:placeholder-green-200::placeholder {
                --placeholder-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--placeholder-opacity))
            }
            .xs\:placeholder-green-300::placeholder {
                --placeholder-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--placeholder-opacity))
            }
            .xs\:placeholder-green-400::placeholder {
                --placeholder-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--placeholder-opacity))
            }
            .xs\:placeholder-green-500::placeholder {
                --placeholder-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--placeholder-opacity))
            }
            .xs\:placeholder-green-600::placeholder {
                --placeholder-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--placeholder-opacity))
            }
            .xs\:placeholder-green-700::placeholder {
                --placeholder-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--placeholder-opacity))
            }
            .xs\:placeholder-green-800::placeholder {
                --placeholder-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--placeholder-opacity))
            }
            .xs\:placeholder-green-900::placeholder {
                --placeholder-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--placeholder-opacity))
            }
            .xs\:placeholder-teal-100::placeholder {
                --placeholder-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--placeholder-opacity))
            }
            .xs\:placeholder-teal-200::placeholder {
                --placeholder-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--placeholder-opacity))
            }
            .xs\:placeholder-teal-300::placeholder {
                --placeholder-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--placeholder-opacity))
            }
            .xs\:placeholder-teal-400::placeholder {
                --placeholder-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--placeholder-opacity))
            }
            .xs\:placeholder-teal-500::placeholder {
                --placeholder-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--placeholder-opacity))
            }
            .xs\:placeholder-teal-600::placeholder {
                --placeholder-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--placeholder-opacity))
            }
            .xs\:placeholder-teal-700::placeholder {
                --placeholder-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--placeholder-opacity))
            }
            .xs\:placeholder-teal-800::placeholder {
                --placeholder-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--placeholder-opacity))
            }
            .xs\:placeholder-teal-900::placeholder {
                --placeholder-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--placeholder-opacity))
            }
            .xs\:placeholder-blue-100::placeholder {
                --placeholder-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--placeholder-opacity))
            }
            .xs\:placeholder-blue-200::placeholder {
                --placeholder-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--placeholder-opacity))
            }
            .xs\:placeholder-blue-300::placeholder {
                --placeholder-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--placeholder-opacity))
            }
            .xs\:placeholder-blue-400::placeholder {
                --placeholder-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--placeholder-opacity))
            }
            .xs\:placeholder-blue-500::placeholder {
                --placeholder-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--placeholder-opacity))
            }
            .xs\:placeholder-blue-600::placeholder {
                --placeholder-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--placeholder-opacity))
            }
            .xs\:placeholder-blue-700::placeholder {
                --placeholder-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--placeholder-opacity))
            }
            .xs\:placeholder-blue-800::placeholder {
                --placeholder-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--placeholder-opacity))
            }
            .xs\:placeholder-blue-900::placeholder {
                --placeholder-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--placeholder-opacity))
            }
            .xs\:placeholder-indigo-100::placeholder {
                --placeholder-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--placeholder-opacity))
            }
            .xs\:placeholder-indigo-200::placeholder {
                --placeholder-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--placeholder-opacity))
            }
            .xs\:placeholder-indigo-300::placeholder {
                --placeholder-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--placeholder-opacity))
            }
            .xs\:placeholder-indigo-400::placeholder {
                --placeholder-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--placeholder-opacity))
            }
            .xs\:placeholder-indigo-500::placeholder {
                --placeholder-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--placeholder-opacity))
            }
            .xs\:placeholder-indigo-600::placeholder {
                --placeholder-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--placeholder-opacity))
            }
            .xs\:placeholder-indigo-700::placeholder {
                --placeholder-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--placeholder-opacity))
            }
            .xs\:placeholder-indigo-800::placeholder {
                --placeholder-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--placeholder-opacity))
            }
            .xs\:placeholder-indigo-900::placeholder {
                --placeholder-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--placeholder-opacity))
            }
            .xs\:placeholder-purple-100::placeholder {
                --placeholder-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--placeholder-opacity))
            }
            .xs\:placeholder-purple-200::placeholder {
                --placeholder-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--placeholder-opacity))
            }
            .xs\:placeholder-purple-300::placeholder {
                --placeholder-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--placeholder-opacity))
            }
            .xs\:placeholder-purple-400::placeholder {
                --placeholder-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--placeholder-opacity))
            }
            .xs\:placeholder-purple-500::placeholder {
                --placeholder-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--placeholder-opacity))
            }
            .xs\:placeholder-purple-600::placeholder {
                --placeholder-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--placeholder-opacity))
            }
            .xs\:placeholder-purple-700::placeholder {
                --placeholder-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--placeholder-opacity))
            }
            .xs\:placeholder-purple-800::placeholder {
                --placeholder-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--placeholder-opacity))
            }
            .xs\:placeholder-purple-900::placeholder {
                --placeholder-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--placeholder-opacity))
            }
            .xs\:placeholder-pink-100::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--placeholder-opacity))
            }
            .xs\:placeholder-pink-200::placeholder {
                --placeholder-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--placeholder-opacity))
            }
            .xs\:placeholder-pink-300::placeholder {
                --placeholder-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--placeholder-opacity))
            }
            .xs\:placeholder-pink-400::placeholder {
                --placeholder-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--placeholder-opacity))
            }
            .xs\:placeholder-pink-500::placeholder {
                --placeholder-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--placeholder-opacity))
            }
            .xs\:placeholder-pink-600::placeholder {
                --placeholder-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--placeholder-opacity))
            }
            .xs\:placeholder-pink-700::placeholder {
                --placeholder-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--placeholder-opacity))
            }
            .xs\:placeholder-pink-800::placeholder {
                --placeholder-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--placeholder-opacity))
            }
            .xs\:placeholder-pink-900::placeholder {
                --placeholder-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-transparent:focus::placeholder {
                color: transparent
            }
            .xs\:focus\:placeholder-current:focus::placeholder {
                color: currentColor
            }
            .xs\:focus\:placeholder-black:focus::placeholder {
                --placeholder-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-white:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-gray-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-gray-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-gray-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-gray-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-gray-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-gray-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-gray-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-gray-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-gray-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-red-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-red-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-red-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-red-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-red-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-red-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-red-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-red-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-red-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-orange-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-orange-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-orange-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-orange-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-orange-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-orange-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-orange-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-orange-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-orange-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-yellow-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-yellow-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-yellow-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-yellow-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-yellow-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-yellow-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-yellow-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-yellow-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-yellow-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-green-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-green-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-green-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-green-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-green-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-green-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-green-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-green-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-green-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-teal-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-teal-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-teal-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-teal-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-teal-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-teal-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-teal-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-teal-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-teal-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-blue-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-blue-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-blue-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-blue-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-blue-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-blue-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-blue-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-blue-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-blue-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-indigo-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-indigo-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-indigo-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-indigo-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-indigo-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-indigo-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-indigo-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-indigo-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-indigo-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-purple-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-purple-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-purple-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-purple-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-purple-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-purple-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-purple-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-purple-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-purple-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-pink-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-pink-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-pink-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-pink-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-pink-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-pink-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-pink-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-pink-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--placeholder-opacity))
            }
            .xs\:focus\:placeholder-pink-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--placeholder-opacity))
            }
            .xs\:placeholder-opacity-0::placeholder {
                --placeholder-opacity: 0
            }
            .xs\:placeholder-opacity-25::placeholder {
                --placeholder-opacity: 0.25
            }
            .xs\:placeholder-opacity-50::placeholder {
                --placeholder-opacity: 0.5
            }
            .xs\:placeholder-opacity-75::placeholder {
                --placeholder-opacity: 0.75
            }
            .xs\:placeholder-opacity-100::placeholder {
                --placeholder-opacity: 1
            }
            .xs\:focus\:placeholder-opacity-0:focus::placeholder {
                --placeholder-opacity: 0
            }
            .xs\:focus\:placeholder-opacity-25:focus::placeholder {
                --placeholder-opacity: 0.25
            }
            .xs\:focus\:placeholder-opacity-50:focus::placeholder {
                --placeholder-opacity: 0.5
            }
            .xs\:focus\:placeholder-opacity-75:focus::placeholder {
                --placeholder-opacity: 0.75
            }
            .xs\:focus\:placeholder-opacity-100:focus::placeholder {
                --placeholder-opacity: 1
            }
            .xs\:pointer-events-none {
                pointer-events: none
            }
            .xs\:pointer-events-auto {
                pointer-events: auto
            }
            .xs\:static {
                position: static
            }
            .xs\:fixed {
                position: fixed
            }
            .xs\:absolute {
                position: absolute
            }
            .xs\:relative {
                position: relative
            }
            .xs\:sticky {
                position: sticky
            }
            .xs\:inset-0 {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }
            .xs\:inset-auto {
                top: auto;
                right: auto;
                bottom: auto;
                left: auto
            }
            .xs\:inset-y-0 {
                top: 0;
                bottom: 0
            }
            .xs\:inset-x-0 {
                right: 0;
                left: 0
            }
            .xs\:inset-y-auto {
                top: auto;
                bottom: auto
            }
            .xs\:inset-x-auto {
                right: auto;
                left: auto
            }
            .xs\:top-0 {
                top: 0
            }
            .xs\:right-0 {
                right: 0
            }
            .xs\:bottom-0 {
                bottom: 0
            }
            .xs\:left-0 {
                left: 0
            }
            .xs\:top-auto {
                top: auto
            }
            .xs\:right-auto {
                right: auto
            }
            .xs\:bottom-auto {
                bottom: auto
            }
            .xs\:left-auto {
                left: auto
            }
            .xs\:resize-none {
                resize: none
            }
            .xs\:resize-y {
                resize: vertical
            }
            .xs\:resize-x {
                resize: horizontal
            }
            .xs\:resize {
                resize: both
            }
            .xs\:shadow-xs {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .xs\:shadow-sm {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .xs\:shadow {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .xs\:shadow-md {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .xs\:shadow-lg {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .xs\:shadow-xl {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .xs\:shadow-2xl {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .xs\:shadow-inner {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .xs\:shadow-outline {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .xs\:shadow-none {
                box-shadow: none
            }
            .xs\:hover\:shadow-xs:hover {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .xs\:hover\:shadow-sm:hover {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .xs\:hover\:shadow:hover {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .xs\:hover\:shadow-md:hover {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .xs\:hover\:shadow-lg:hover {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .xs\:hover\:shadow-xl:hover {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .xs\:hover\:shadow-2xl:hover {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .xs\:hover\:shadow-inner:hover {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .xs\:hover\:shadow-outline:hover {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .xs\:hover\:shadow-none:hover {
                box-shadow: none
            }
            .xs\:focus\:shadow-xs:focus {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .xs\:focus\:shadow-sm:focus {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .xs\:focus\:shadow:focus {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .xs\:focus\:shadow-md:focus {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .xs\:focus\:shadow-lg:focus {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .xs\:focus\:shadow-xl:focus {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .xs\:focus\:shadow-2xl:focus {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .xs\:focus\:shadow-inner:focus {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .xs\:focus\:shadow-outline:focus {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .xs\:focus\:shadow-none:focus {
                box-shadow: none
            }
            .xs\:fill-current {
                fill: currentColor
            }
            .xs\:stroke-current {
                stroke: currentColor
            }
            .xs\:stroke-0 {
                stroke-width: 0
            }
            .xs\:stroke-1 {
                stroke-width: 1
            }
            .xs\:stroke-2 {
                stroke-width: 2
            }
            .xs\:table-auto {
                table-layout: auto
            }
            .xs\:table-fixed {
                table-layout: fixed
            }
            .xs\:text-left {
                text-align: left
            }
            .xs\:text-center {
                text-align: center
            }
            .xs\:text-right {
                text-align: right
            }
            .xs\:text-justify {
                text-align: justify
            }
            .xs\:text-transparent {
                color: transparent
            }
            .xs\:text-current {
                color: currentColor
            }
            .xs\:text-black {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .xs\:text-white {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .xs\:text-gray-100 {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .xs\:text-gray-200 {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .xs\:text-gray-300 {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .xs\:text-gray-400 {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .xs\:text-gray-500 {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .xs\:text-gray-600 {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .xs\:text-gray-700 {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .xs\:text-gray-800 {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .xs\:text-gray-900 {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .xs\:text-red-100 {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .xs\:text-red-200 {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .xs\:text-red-300 {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .xs\:text-red-400 {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .xs\:text-red-500 {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .xs\:text-red-600 {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .xs\:text-red-700 {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .xs\:text-red-800 {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .xs\:text-red-900 {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .xs\:text-orange-100 {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .xs\:text-orange-200 {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .xs\:text-orange-300 {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .xs\:text-orange-400 {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .xs\:text-orange-500 {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .xs\:text-orange-600 {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .xs\:text-orange-700 {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .xs\:text-orange-800 {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .xs\:text-orange-900 {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .xs\:text-yellow-100 {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .xs\:text-yellow-200 {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .xs\:text-yellow-300 {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .xs\:text-yellow-400 {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .xs\:text-yellow-500 {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .xs\:text-yellow-600 {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .xs\:text-yellow-700 {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .xs\:text-yellow-800 {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .xs\:text-yellow-900 {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .xs\:text-green-100 {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .xs\:text-green-200 {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .xs\:text-green-300 {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .xs\:text-green-400 {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .xs\:text-green-500 {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .xs\:text-green-600 {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .xs\:text-green-700 {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .xs\:text-green-800 {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .xs\:text-green-900 {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .xs\:text-teal-100 {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .xs\:text-teal-200 {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .xs\:text-teal-300 {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .xs\:text-teal-400 {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .xs\:text-teal-500 {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .xs\:text-teal-600 {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .xs\:text-teal-700 {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .xs\:text-teal-800 {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .xs\:text-teal-900 {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .xs\:text-blue-100 {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .xs\:text-blue-200 {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .xs\:text-blue-300 {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .xs\:text-blue-400 {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .xs\:text-blue-500 {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .xs\:text-blue-600 {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .xs\:text-blue-700 {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .xs\:text-blue-800 {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .xs\:text-blue-900 {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .xs\:text-indigo-100 {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .xs\:text-indigo-200 {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .xs\:text-indigo-300 {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .xs\:text-indigo-400 {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .xs\:text-indigo-500 {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .xs\:text-indigo-600 {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .xs\:text-indigo-700 {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .xs\:text-indigo-800 {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .xs\:text-indigo-900 {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .xs\:text-purple-100 {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .xs\:text-purple-200 {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .xs\:text-purple-300 {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .xs\:text-purple-400 {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .xs\:text-purple-500 {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .xs\:text-purple-600 {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .xs\:text-purple-700 {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .xs\:text-purple-800 {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .xs\:text-purple-900 {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .xs\:text-pink-100 {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .xs\:text-pink-200 {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .xs\:text-pink-300 {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .xs\:text-pink-400 {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .xs\:text-pink-500 {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .xs\:text-pink-600 {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .xs\:text-pink-700 {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .xs\:text-pink-800 {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .xs\:text-pink-900 {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .xs\:hover\:text-transparent:hover {
                color: transparent
            }
            .xs\:hover\:text-current:hover {
                color: currentColor
            }
            .xs\:hover\:text-black:hover {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .xs\:hover\:text-white:hover {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .xs\:hover\:text-gray-100:hover {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .xs\:hover\:text-gray-200:hover {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .xs\:hover\:text-gray-300:hover {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .xs\:hover\:text-gray-400:hover {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .xs\:hover\:text-gray-500:hover {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .xs\:hover\:text-gray-600:hover {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .xs\:hover\:text-gray-700:hover {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .xs\:hover\:text-gray-800:hover {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .xs\:hover\:text-gray-900:hover {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .xs\:hover\:text-red-100:hover {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .xs\:hover\:text-red-200:hover {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .xs\:hover\:text-red-300:hover {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .xs\:hover\:text-red-400:hover {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .xs\:hover\:text-red-500:hover {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .xs\:hover\:text-red-600:hover {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .xs\:hover\:text-red-700:hover {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .xs\:hover\:text-red-800:hover {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .xs\:hover\:text-red-900:hover {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .xs\:hover\:text-orange-100:hover {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .xs\:hover\:text-orange-200:hover {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .xs\:hover\:text-orange-300:hover {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .xs\:hover\:text-orange-400:hover {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .xs\:hover\:text-orange-500:hover {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .xs\:hover\:text-orange-600:hover {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .xs\:hover\:text-orange-700:hover {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .xs\:hover\:text-orange-800:hover {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .xs\:hover\:text-orange-900:hover {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .xs\:hover\:text-yellow-100:hover {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .xs\:hover\:text-yellow-200:hover {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .xs\:hover\:text-yellow-300:hover {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .xs\:hover\:text-yellow-400:hover {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .xs\:hover\:text-yellow-500:hover {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .xs\:hover\:text-yellow-600:hover {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .xs\:hover\:text-yellow-700:hover {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .xs\:hover\:text-yellow-800:hover {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .xs\:hover\:text-yellow-900:hover {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .xs\:hover\:text-green-100:hover {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .xs\:hover\:text-green-200:hover {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .xs\:hover\:text-green-300:hover {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .xs\:hover\:text-green-400:hover {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .xs\:hover\:text-green-500:hover {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .xs\:hover\:text-green-600:hover {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .xs\:hover\:text-green-700:hover {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .xs\:hover\:text-green-800:hover {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .xs\:hover\:text-green-900:hover {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .xs\:hover\:text-teal-100:hover {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .xs\:hover\:text-teal-200:hover {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .xs\:hover\:text-teal-300:hover {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .xs\:hover\:text-teal-400:hover {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .xs\:hover\:text-teal-500:hover {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .xs\:hover\:text-teal-600:hover {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .xs\:hover\:text-teal-700:hover {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .xs\:hover\:text-teal-800:hover {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .xs\:hover\:text-teal-900:hover {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .xs\:hover\:text-blue-100:hover {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .xs\:hover\:text-blue-200:hover {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .xs\:hover\:text-blue-300:hover {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .xs\:hover\:text-blue-400:hover {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .xs\:hover\:text-blue-500:hover {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .xs\:hover\:text-blue-600:hover {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .xs\:hover\:text-blue-700:hover {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .xs\:hover\:text-blue-800:hover {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .xs\:hover\:text-blue-900:hover {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .xs\:hover\:text-indigo-100:hover {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .xs\:hover\:text-indigo-200:hover {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .xs\:hover\:text-indigo-300:hover {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .xs\:hover\:text-indigo-400:hover {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .xs\:hover\:text-indigo-500:hover {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .xs\:hover\:text-indigo-600:hover {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .xs\:hover\:text-indigo-700:hover {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .xs\:hover\:text-indigo-800:hover {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .xs\:hover\:text-indigo-900:hover {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .xs\:hover\:text-purple-100:hover {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .xs\:hover\:text-purple-200:hover {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .xs\:hover\:text-purple-300:hover {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .xs\:hover\:text-purple-400:hover {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .xs\:hover\:text-purple-500:hover {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .xs\:hover\:text-purple-600:hover {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .xs\:hover\:text-purple-700:hover {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .xs\:hover\:text-purple-800:hover {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .xs\:hover\:text-purple-900:hover {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .xs\:hover\:text-pink-100:hover {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .xs\:hover\:text-pink-200:hover {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .xs\:hover\:text-pink-300:hover {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .xs\:hover\:text-pink-400:hover {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .xs\:hover\:text-pink-500:hover {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .xs\:hover\:text-pink-600:hover {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .xs\:hover\:text-pink-700:hover {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .xs\:hover\:text-pink-800:hover {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .xs\:hover\:text-pink-900:hover {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .xs\:focus\:text-transparent:focus {
                color: transparent
            }
            .xs\:focus\:text-current:focus {
                color: currentColor
            }
            .xs\:focus\:text-black:focus {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .xs\:focus\:text-white:focus {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .xs\:focus\:text-gray-100:focus {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .xs\:focus\:text-gray-200:focus {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .xs\:focus\:text-gray-300:focus {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .xs\:focus\:text-gray-400:focus {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .xs\:focus\:text-gray-500:focus {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .xs\:focus\:text-gray-600:focus {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .xs\:focus\:text-gray-700:focus {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .xs\:focus\:text-gray-800:focus {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .xs\:focus\:text-gray-900:focus {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .xs\:focus\:text-red-100:focus {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .xs\:focus\:text-red-200:focus {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .xs\:focus\:text-red-300:focus {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .xs\:focus\:text-red-400:focus {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .xs\:focus\:text-red-500:focus {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .xs\:focus\:text-red-600:focus {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .xs\:focus\:text-red-700:focus {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .xs\:focus\:text-red-800:focus {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .xs\:focus\:text-red-900:focus {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .xs\:focus\:text-orange-100:focus {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .xs\:focus\:text-orange-200:focus {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .xs\:focus\:text-orange-300:focus {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .xs\:focus\:text-orange-400:focus {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .xs\:focus\:text-orange-500:focus {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .xs\:focus\:text-orange-600:focus {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .xs\:focus\:text-orange-700:focus {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .xs\:focus\:text-orange-800:focus {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .xs\:focus\:text-orange-900:focus {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .xs\:focus\:text-yellow-100:focus {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .xs\:focus\:text-yellow-200:focus {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .xs\:focus\:text-yellow-300:focus {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .xs\:focus\:text-yellow-400:focus {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .xs\:focus\:text-yellow-500:focus {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .xs\:focus\:text-yellow-600:focus {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .xs\:focus\:text-yellow-700:focus {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .xs\:focus\:text-yellow-800:focus {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .xs\:focus\:text-yellow-900:focus {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .xs\:focus\:text-green-100:focus {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .xs\:focus\:text-green-200:focus {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .xs\:focus\:text-green-300:focus {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .xs\:focus\:text-green-400:focus {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .xs\:focus\:text-green-500:focus {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .xs\:focus\:text-green-600:focus {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .xs\:focus\:text-green-700:focus {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .xs\:focus\:text-green-800:focus {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .xs\:focus\:text-green-900:focus {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .xs\:focus\:text-teal-100:focus {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .xs\:focus\:text-teal-200:focus {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .xs\:focus\:text-teal-300:focus {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .xs\:focus\:text-teal-400:focus {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .xs\:focus\:text-teal-500:focus {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .xs\:focus\:text-teal-600:focus {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .xs\:focus\:text-teal-700:focus {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .xs\:focus\:text-teal-800:focus {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .xs\:focus\:text-teal-900:focus {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .xs\:focus\:text-blue-100:focus {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .xs\:focus\:text-blue-200:focus {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .xs\:focus\:text-blue-300:focus {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .xs\:focus\:text-blue-400:focus {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .xs\:focus\:text-blue-500:focus {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .xs\:focus\:text-blue-600:focus {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .xs\:focus\:text-blue-700:focus {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .xs\:focus\:text-blue-800:focus {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .xs\:focus\:text-blue-900:focus {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .xs\:focus\:text-indigo-100:focus {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .xs\:focus\:text-indigo-200:focus {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .xs\:focus\:text-indigo-300:focus {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .xs\:focus\:text-indigo-400:focus {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .xs\:focus\:text-indigo-500:focus {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .xs\:focus\:text-indigo-600:focus {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .xs\:focus\:text-indigo-700:focus {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .xs\:focus\:text-indigo-800:focus {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .xs\:focus\:text-indigo-900:focus {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .xs\:focus\:text-purple-100:focus {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .xs\:focus\:text-purple-200:focus {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .xs\:focus\:text-purple-300:focus {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .xs\:focus\:text-purple-400:focus {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .xs\:focus\:text-purple-500:focus {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .xs\:focus\:text-purple-600:focus {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .xs\:focus\:text-purple-700:focus {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .xs\:focus\:text-purple-800:focus {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .xs\:focus\:text-purple-900:focus {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .xs\:focus\:text-pink-100:focus {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .xs\:focus\:text-pink-200:focus {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .xs\:focus\:text-pink-300:focus {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .xs\:focus\:text-pink-400:focus {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .xs\:focus\:text-pink-500:focus {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .xs\:focus\:text-pink-600:focus {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .xs\:focus\:text-pink-700:focus {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .xs\:focus\:text-pink-800:focus {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .xs\:focus\:text-pink-900:focus {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .xs\:text-opacity-0 {
                --text-opacity: 0
            }
            .xs\:text-opacity-25 {
                --text-opacity: 0.25
            }
            .xs\:text-opacity-50 {
                --text-opacity: 0.5
            }
            .xs\:text-opacity-75 {
                --text-opacity: 0.75
            }
            .xs\:text-opacity-100 {
                --text-opacity: 1
            }
            .xs\:hover\:text-opacity-0:hover {
                --text-opacity: 0
            }
            .xs\:hover\:text-opacity-25:hover {
                --text-opacity: 0.25
            }
            .xs\:hover\:text-opacity-50:hover {
                --text-opacity: 0.5
            }
            .xs\:hover\:text-opacity-75:hover {
                --text-opacity: 0.75
            }
            .xs\:hover\:text-opacity-100:hover {
                --text-opacity: 1
            }
            .xs\:focus\:text-opacity-0:focus {
                --text-opacity: 0
            }
            .xs\:focus\:text-opacity-25:focus {
                --text-opacity: 0.25
            }
            .xs\:focus\:text-opacity-50:focus {
                --text-opacity: 0.5
            }
            .xs\:focus\:text-opacity-75:focus {
                --text-opacity: 0.75
            }
            .xs\:focus\:text-opacity-100:focus {
                --text-opacity: 1
            }
            .xs\:italic {
                font-style: italic
            }
            .xs\:not-italic {
                font-style: normal
            }
            .xs\:uppercase {
                text-transform: uppercase
            }
            .xs\:lowercase {
                text-transform: lowercase
            }
            .xs\:capitalize {
                text-transform: capitalize
            }
            .xs\:normal-case {
                text-transform: none
            }
            .xs\:underline {
                text-decoration: underline
            }
            .xs\:line-through {
                text-decoration: line-through
            }
            .xs\:no-underline {
                text-decoration: none
            }
            .xs\:hover\:underline:hover {
                text-decoration: underline
            }
            .xs\:hover\:line-through:hover {
                text-decoration: line-through
            }
            .xs\:hover\:no-underline:hover {
                text-decoration: none
            }
            .xs\:focus\:underline:focus {
                text-decoration: underline
            }
            .xs\:focus\:line-through:focus {
                text-decoration: line-through
            }
            .xs\:focus\:no-underline:focus {
                text-decoration: none
            }
            .xs\:antialiased {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }
            .xs\:subpixel-antialiased {
                -webkit-font-smoothing: auto;
                -moz-osx-font-smoothing: auto
            }
            .xs\:tracking-tighter {
                letter-spacing: -.05em
            }
            .xs\:tracking-tight {
                letter-spacing: -.025em
            }
            .xs\:tracking-normal {
                letter-spacing: 0
            }
            .xs\:tracking-wide {
                letter-spacing: .025em
            }
            .xs\:tracking-wider {
                letter-spacing: .05em
            }
            .xs\:tracking-widest {
                letter-spacing: .1em
            }
            .xs\:select-none {
                user-select: none
            }
            .xs\:select-text {
                user-select: text
            }
            .xs\:select-all {
                user-select: all
            }
            .xs\:select-auto {
                user-select: auto
            }
            .xs\:align-baseline {
                vertical-align: baseline
            }
            .xs\:align-top {
                vertical-align: top
            }
            .xs\:align-middle {
                vertical-align: middle
            }
            .xs\:align-bottom {
                vertical-align: bottom
            }
            .xs\:align-text-top {
                vertical-align: text-top
            }
            .xs\:align-text-bottom {
                vertical-align: text-bottom
            }
            .xs\:visible {
                visibility: visible
            }
            .xs\:invisible {
                visibility: hidden
            }
            .xs\:whitespace-normal {
                white-space: normal
            }
            .xs\:whitespace-no-wrap {
                white-space: nowrap
            }
            .xs\:whitespace-pre {
                white-space: pre
            }
            .xs\:whitespace-pre-line {
                white-space: pre-line
            }
            .xs\:whitespace-pre-wrap {
                white-space: pre-wrap
            }
            .xs\:break-normal {
                overflow-wrap: normal;
                word-break: normal
            }
            .xs\:break-words {
                overflow-wrap: break-word
            }
            .xs\:break-all {
                word-break: break-all
            }
            .xs\:truncate {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }
            .xs\:w-0 {
                width: 0
            }
            .xs\:w-1 {
                width: 8px
            }
            .xs\:w-2 {
                width: 12px
            }
            .xs\:w-3 {
                width: 16px
            }
            .xs\:w-4 {
                width: 24px
            }
            .xs\:w-5 {
                width: 32px
            }
            .xs\:w-6 {
                width: 48px
            }
            .xs\:w-7 {
                width: 60px
            }
            .xs\:w-8 {
                width: 72px
            }
            .xs\:w-9 {
                width: 84px
            }
            .xs\:w-10 {
                width: 96px
            }
            .xs\:w-auto {
                width: auto
            }
            .xs\:w-0\.5 {
                width: 4px
            }
            .xs\:w-1\/2 {
                width: 50%
            }
            .xs\:w-1\/3 {
                width: 33.333333%
            }
            .xs\:w-2\/3 {
                width: 66.666667%
            }
            .xs\:w-1\/4 {
                width: 25%
            }
            .xs\:w-2\/4 {
                width: 50%
            }
            .xs\:w-3\/4 {
                width: 75%
            }
            .xs\:w-1\/5 {
                width: 20%
            }
            .xs\:w-2\/5 {
                width: 40%
            }
            .xs\:w-3\/5 {
                width: 60%
            }
            .xs\:w-4\/5 {
                width: 80%
            }
            .xs\:w-1\/6 {
                width: 16.666667%
            }
            .xs\:w-2\/6 {
                width: 33.333333%
            }
            .xs\:w-3\/6 {
                width: 50%
            }
            .xs\:w-4\/6 {
                width: 66.666667%
            }
            .xs\:w-5\/6 {
                width: 83.333333%
            }
            .xs\:w-1\/12 {
                width: 8.333333%
            }
            .xs\:w-2\/12 {
                width: 16.666667%
            }
            .xs\:w-3\/12 {
                width: 25%
            }
            .xs\:w-4\/12 {
                width: 33.333333%
            }
            .xs\:w-5\/12 {
                width: 41.666667%
            }
            .xs\:w-6\/12 {
                width: 50%
            }
            .xs\:w-7\/12 {
                width: 58.333333%
            }
            .xs\:w-8\/12 {
                width: 66.666667%
            }
            .xs\:w-9\/12 {
                width: 75%
            }
            .xs\:w-10\/12 {
                width: 83.333333%
            }
            .xs\:w-11\/12 {
                width: 91.666667%
            }
            .xs\:w-full {
                width: 100%
            }
            .xs\:w-screen {
                width: 100vw
            }
            .xs\:z-0 {
                z-index: 0
            }
            .xs\:z-10 {
                z-index: 10
            }
            .xs\:z-20 {
                z-index: 20
            }
            .xs\:z-30 {
                z-index: 30
            }
            .xs\:z-40 {
                z-index: 40
            }
            .xs\:z-50 {
                z-index: 50
            }
            .xs\:z-auto {
                z-index: auto
            }
            .xs\:gap-0 {
                grid-gap: 0;
                gap: 0
            }
            .xs\:gap-1 {
                grid-gap: 8px;
                gap: 8px
            }
            .xs\:gap-2 {
                grid-gap: 12px;
                gap: 12px
            }
            .xs\:gap-3 {
                grid-gap: 16px;
                gap: 16px
            }
            .xs\:gap-4 {
                grid-gap: 24px;
                gap: 24px
            }
            .xs\:gap-5 {
                grid-gap: 32px;
                gap: 32px
            }
            .xs\:gap-6 {
                grid-gap: 48px;
                gap: 48px
            }
            .xs\:gap-7 {
                grid-gap: 60px;
                gap: 60px
            }
            .xs\:gap-8 {
                grid-gap: 72px;
                gap: 72px
            }
            .xs\:gap-9 {
                grid-gap: 84px;
                gap: 84px
            }
            .xs\:gap-10 {
                grid-gap: 96px;
                gap: 96px
            }
            .xs\:gap-0\.5 {
                grid-gap: 4px;
                gap: 4px
            }
            .xs\:col-gap-0 {
                grid-column-gap: 0;
                column-gap: 0
            }
            .xs\:col-gap-1 {
                grid-column-gap: 8px;
                column-gap: 8px
            }
            .xs\:col-gap-2 {
                grid-column-gap: 12px;
                column-gap: 12px
            }
            .xs\:col-gap-3 {
                grid-column-gap: 16px;
                column-gap: 16px
            }
            .xs\:col-gap-4 {
                grid-column-gap: 24px;
                column-gap: 24px
            }
            .xs\:col-gap-5 {
                grid-column-gap: 32px;
                column-gap: 32px
            }
            .xs\:col-gap-6 {
                grid-column-gap: 48px;
                column-gap: 48px
            }
            .xs\:col-gap-7 {
                grid-column-gap: 60px;
                column-gap: 60px
            }
            .xs\:col-gap-8 {
                grid-column-gap: 72px;
                column-gap: 72px
            }
            .xs\:col-gap-9 {
                grid-column-gap: 84px;
                column-gap: 84px
            }
            .xs\:col-gap-10 {
                grid-column-gap: 96px;
                column-gap: 96px
            }
            .xs\:col-gap-0\.5 {
                grid-column-gap: 4px;
                column-gap: 4px
            }
            .xs\:row-gap-0 {
                grid-row-gap: 0;
                row-gap: 0
            }
            .xs\:row-gap-1 {
                grid-row-gap: 8px;
                row-gap: 8px
            }
            .xs\:row-gap-2 {
                grid-row-gap: 12px;
                row-gap: 12px
            }
            .xs\:row-gap-3 {
                grid-row-gap: 16px;
                row-gap: 16px
            }
            .xs\:row-gap-4 {
                grid-row-gap: 24px;
                row-gap: 24px
            }
            .xs\:row-gap-5 {
                grid-row-gap: 32px;
                row-gap: 32px
            }
            .xs\:row-gap-6 {
                grid-row-gap: 48px;
                row-gap: 48px
            }
            .xs\:row-gap-7 {
                grid-row-gap: 60px;
                row-gap: 60px
            }
            .xs\:row-gap-8 {
                grid-row-gap: 72px;
                row-gap: 72px
            }
            .xs\:row-gap-9 {
                grid-row-gap: 84px;
                row-gap: 84px
            }
            .xs\:row-gap-10 {
                grid-row-gap: 96px;
                row-gap: 96px
            }
            .xs\:row-gap-0\.5 {
                grid-row-gap: 4px;
                row-gap: 4px
            }
            .xs\:grid-flow-row {
                grid-auto-flow: row
            }
            .xs\:grid-flow-col {
                grid-auto-flow: column
            }
            .xs\:grid-flow-row-dense {
                grid-auto-flow: row dense
            }
            .xs\:grid-flow-col-dense {
                grid-auto-flow: column dense
            }
            .xs\:grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr))
            }
            .xs\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .xs\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
            .xs\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }
            .xs\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }
            .xs\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }
            .xs\:grid-cols-7 {
                grid-template-columns: repeat(7, minmax(0, 1fr))
            }
            .xs\:grid-cols-8 {
                grid-template-columns: repeat(8, minmax(0, 1fr))
            }
            .xs\:grid-cols-9 {
                grid-template-columns: repeat(9, minmax(0, 1fr))
            }
            .xs\:grid-cols-10 {
                grid-template-columns: repeat(10, minmax(0, 1fr))
            }
            .xs\:grid-cols-11 {
                grid-template-columns: repeat(11, minmax(0, 1fr))
            }
            .xs\:grid-cols-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr))
            }
            .xs\:grid-cols-none {
                grid-template-columns: none
            }
            .xs\:col-auto {
                grid-column: auto
            }
            .xs\:col-span-1 {
                grid-column: span 1/span 1
            }
            .xs\:col-span-2 {
                grid-column: span 2/span 2
            }
            .xs\:col-span-3 {
                grid-column: span 3/span 3
            }
            .xs\:col-span-4 {
                grid-column: span 4/span 4
            }
            .xs\:col-span-5 {
                grid-column: span 5/span 5
            }
            .xs\:col-span-6 {
                grid-column: span 6/span 6
            }
            .xs\:col-span-7 {
                grid-column: span 7/span 7
            }
            .xs\:col-span-8 {
                grid-column: span 8/span 8
            }
            .xs\:col-span-9 {
                grid-column: span 9/span 9
            }
            .xs\:col-span-10 {
                grid-column: span 10/span 10
            }
            .xs\:col-span-11 {
                grid-column: span 11/span 11
            }
            .xs\:col-span-12 {
                grid-column: span 12/span 12
            }
            .xs\:col-start-1 {
                grid-column-start: 1
            }
            .xs\:col-start-2 {
                grid-column-start: 2
            }
            .xs\:col-start-3 {
                grid-column-start: 3
            }
            .xs\:col-start-4 {
                grid-column-start: 4
            }
            .xs\:col-start-5 {
                grid-column-start: 5
            }
            .xs\:col-start-6 {
                grid-column-start: 6
            }
            .xs\:col-start-7 {
                grid-column-start: 7
            }
            .xs\:col-start-8 {
                grid-column-start: 8
            }
            .xs\:col-start-9 {
                grid-column-start: 9
            }
            .xs\:col-start-10 {
                grid-column-start: 10
            }
            .xs\:col-start-11 {
                grid-column-start: 11
            }
            .xs\:col-start-12 {
                grid-column-start: 12
            }
            .xs\:col-start-13 {
                grid-column-start: 13
            }
            .xs\:col-start-auto {
                grid-column-start: auto
            }
            .xs\:col-end-1 {
                grid-column-end: 1
            }
            .xs\:col-end-2 {
                grid-column-end: 2
            }
            .xs\:col-end-3 {
                grid-column-end: 3
            }
            .xs\:col-end-4 {
                grid-column-end: 4
            }
            .xs\:col-end-5 {
                grid-column-end: 5
            }
            .xs\:col-end-6 {
                grid-column-end: 6
            }
            .xs\:col-end-7 {
                grid-column-end: 7
            }
            .xs\:col-end-8 {
                grid-column-end: 8
            }
            .xs\:col-end-9 {
                grid-column-end: 9
            }
            .xs\:col-end-10 {
                grid-column-end: 10
            }
            .xs\:col-end-11 {
                grid-column-end: 11
            }
            .xs\:col-end-12 {
                grid-column-end: 12
            }
            .xs\:col-end-13 {
                grid-column-end: 13
            }
            .xs\:col-end-auto {
                grid-column-end: auto
            }
            .xs\:grid-rows-1 {
                grid-template-rows: repeat(1, minmax(0, 1fr))
            }
            .xs\:grid-rows-2 {
                grid-template-rows: repeat(2, minmax(0, 1fr))
            }
            .xs\:grid-rows-3 {
                grid-template-rows: repeat(3, minmax(0, 1fr))
            }
            .xs\:grid-rows-4 {
                grid-template-rows: repeat(4, minmax(0, 1fr))
            }
            .xs\:grid-rows-5 {
                grid-template-rows: repeat(5, minmax(0, 1fr))
            }
            .xs\:grid-rows-6 {
                grid-template-rows: repeat(6, minmax(0, 1fr))
            }
            .xs\:grid-rows-none {
                grid-template-rows: none
            }
            .xs\:row-auto {
                grid-row: auto
            }
            .xs\:row-span-1 {
                grid-row: span 1/span 1
            }
            .xs\:row-span-2 {
                grid-row: span 2/span 2
            }
            .xs\:row-span-3 {
                grid-row: span 3/span 3
            }
            .xs\:row-span-4 {
                grid-row: span 4/span 4
            }
            .xs\:row-span-5 {
                grid-row: span 5/span 5
            }
            .xs\:row-span-6 {
                grid-row: span 6/span 6
            }
            .xs\:row-start-1 {
                grid-row-start: 1
            }
            .xs\:row-start-2 {
                grid-row-start: 2
            }
            .xs\:row-start-3 {
                grid-row-start: 3
            }
            .xs\:row-start-4 {
                grid-row-start: 4
            }
            .xs\:row-start-5 {
                grid-row-start: 5
            }
            .xs\:row-start-6 {
                grid-row-start: 6
            }
            .xs\:row-start-7 {
                grid-row-start: 7
            }
            .xs\:row-start-auto {
                grid-row-start: auto
            }
            .xs\:row-end-1 {
                grid-row-end: 1
            }
            .xs\:row-end-2 {
                grid-row-end: 2
            }
            .xs\:row-end-3 {
                grid-row-end: 3
            }
            .xs\:row-end-4 {
                grid-row-end: 4
            }
            .xs\:row-end-5 {
                grid-row-end: 5
            }
            .xs\:row-end-6 {
                grid-row-end: 6
            }
            .xs\:row-end-7 {
                grid-row-end: 7
            }
            .xs\:row-end-auto {
                grid-row-end: auto
            }
            .xs\:transform {
                --transform-translate-x: 0;
                --transform-translate-y: 0;
                --transform-rotate: 0;
                --transform-skew-x: 0;
                --transform-skew-y: 0;
                --transform-scale-x: 1;
                --transform-scale-y: 1;
                transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
            }
            .xs\:transform-none {
                transform: none
            }
            .xs\:origin-center {
                transform-origin: center
            }
            .xs\:origin-top {
                transform-origin: top
            }
            .xs\:origin-top-right {
                transform-origin: top right
            }
            .xs\:origin-right {
                transform-origin: right
            }
            .xs\:origin-bottom-right {
                transform-origin: bottom right
            }
            .xs\:origin-bottom {
                transform-origin: bottom
            }
            .xs\:origin-bottom-left {
                transform-origin: bottom left
            }
            .xs\:origin-left {
                transform-origin: left
            }
            .xs\:origin-top-left {
                transform-origin: top left
            }
            .xs\:scale-0 {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .xs\:scale-50 {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .xs\:scale-75 {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .xs\:scale-90 {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .xs\:scale-95 {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .xs\:scale-100 {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .xs\:scale-105 {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .xs\:scale-110 {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .xs\:scale-125 {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .xs\:scale-150 {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .xs\:scale-x-0 {
                --transform-scale-x: 0
            }
            .xs\:scale-x-50 {
                --transform-scale-x: .5
            }
            .xs\:scale-x-75 {
                --transform-scale-x: .75
            }
            .xs\:scale-x-90 {
                --transform-scale-x: .9
            }
            .xs\:scale-x-95 {
                --transform-scale-x: .95
            }
            .xs\:scale-x-100 {
                --transform-scale-x: 1
            }
            .xs\:scale-x-105 {
                --transform-scale-x: 1.05
            }
            .xs\:scale-x-110 {
                --transform-scale-x: 1.1
            }
            .xs\:scale-x-125 {
                --transform-scale-x: 1.25
            }
            .xs\:scale-x-150 {
                --transform-scale-x: 1.5
            }
            .xs\:scale-y-0 {
                --transform-scale-y: 0
            }
            .xs\:scale-y-50 {
                --transform-scale-y: .5
            }
            .xs\:scale-y-75 {
                --transform-scale-y: .75
            }
            .xs\:scale-y-90 {
                --transform-scale-y: .9
            }
            .xs\:scale-y-95 {
                --transform-scale-y: .95
            }
            .xs\:scale-y-100 {
                --transform-scale-y: 1
            }
            .xs\:scale-y-105 {
                --transform-scale-y: 1.05
            }
            .xs\:scale-y-110 {
                --transform-scale-y: 1.1
            }
            .xs\:scale-y-125 {
                --transform-scale-y: 1.25
            }
            .xs\:scale-y-150 {
                --transform-scale-y: 1.5
            }
            .xs\:hover\:scale-0:hover {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .xs\:hover\:scale-50:hover {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .xs\:hover\:scale-75:hover {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .xs\:hover\:scale-90:hover {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .xs\:hover\:scale-95:hover {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .xs\:hover\:scale-100:hover {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .xs\:hover\:scale-105:hover {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .xs\:hover\:scale-110:hover {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .xs\:hover\:scale-125:hover {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .xs\:hover\:scale-150:hover {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .xs\:hover\:scale-x-0:hover {
                --transform-scale-x: 0
            }
            .xs\:hover\:scale-x-50:hover {
                --transform-scale-x: .5
            }
            .xs\:hover\:scale-x-75:hover {
                --transform-scale-x: .75
            }
            .xs\:hover\:scale-x-90:hover {
                --transform-scale-x: .9
            }
            .xs\:hover\:scale-x-95:hover {
                --transform-scale-x: .95
            }
            .xs\:hover\:scale-x-100:hover {
                --transform-scale-x: 1
            }
            .xs\:hover\:scale-x-105:hover {
                --transform-scale-x: 1.05
            }
            .xs\:hover\:scale-x-110:hover {
                --transform-scale-x: 1.1
            }
            .xs\:hover\:scale-x-125:hover {
                --transform-scale-x: 1.25
            }
            .xs\:hover\:scale-x-150:hover {
                --transform-scale-x: 1.5
            }
            .xs\:hover\:scale-y-0:hover {
                --transform-scale-y: 0
            }
            .xs\:hover\:scale-y-50:hover {
                --transform-scale-y: .5
            }
            .xs\:hover\:scale-y-75:hover {
                --transform-scale-y: .75
            }
            .xs\:hover\:scale-y-90:hover {
                --transform-scale-y: .9
            }
            .xs\:hover\:scale-y-95:hover {
                --transform-scale-y: .95
            }
            .xs\:hover\:scale-y-100:hover {
                --transform-scale-y: 1
            }
            .xs\:hover\:scale-y-105:hover {
                --transform-scale-y: 1.05
            }
            .xs\:hover\:scale-y-110:hover {
                --transform-scale-y: 1.1
            }
            .xs\:hover\:scale-y-125:hover {
                --transform-scale-y: 1.25
            }
            .xs\:hover\:scale-y-150:hover {
                --transform-scale-y: 1.5
            }
            .xs\:focus\:scale-0:focus {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .xs\:focus\:scale-50:focus {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .xs\:focus\:scale-75:focus {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .xs\:focus\:scale-90:focus {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .xs\:focus\:scale-95:focus {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .xs\:focus\:scale-100:focus {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .xs\:focus\:scale-105:focus {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .xs\:focus\:scale-110:focus {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .xs\:focus\:scale-125:focus {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .xs\:focus\:scale-150:focus {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .xs\:focus\:scale-x-0:focus {
                --transform-scale-x: 0
            }
            .xs\:focus\:scale-x-50:focus {
                --transform-scale-x: .5
            }
            .xs\:focus\:scale-x-75:focus {
                --transform-scale-x: .75
            }
            .xs\:focus\:scale-x-90:focus {
                --transform-scale-x: .9
            }
            .xs\:focus\:scale-x-95:focus {
                --transform-scale-x: .95
            }
            .xs\:focus\:scale-x-100:focus {
                --transform-scale-x: 1
            }
            .xs\:focus\:scale-x-105:focus {
                --transform-scale-x: 1.05
            }
            .xs\:focus\:scale-x-110:focus {
                --transform-scale-x: 1.1
            }
            .xs\:focus\:scale-x-125:focus {
                --transform-scale-x: 1.25
            }
            .xs\:focus\:scale-x-150:focus {
                --transform-scale-x: 1.5
            }
            .xs\:focus\:scale-y-0:focus {
                --transform-scale-y: 0
            }
            .xs\:focus\:scale-y-50:focus {
                --transform-scale-y: .5
            }
            .xs\:focus\:scale-y-75:focus {
                --transform-scale-y: .75
            }
            .xs\:focus\:scale-y-90:focus {
                --transform-scale-y: .9
            }
            .xs\:focus\:scale-y-95:focus {
                --transform-scale-y: .95
            }
            .xs\:focus\:scale-y-100:focus {
                --transform-scale-y: 1
            }
            .xs\:focus\:scale-y-105:focus {
                --transform-scale-y: 1.05
            }
            .xs\:focus\:scale-y-110:focus {
                --transform-scale-y: 1.1
            }
            .xs\:focus\:scale-y-125:focus {
                --transform-scale-y: 1.25
            }
            .xs\:focus\:scale-y-150:focus {
                --transform-scale-y: 1.5
            }
            .xs\:rotate-0 {
                --transform-rotate: 0
            }
            .xs\:rotate-45 {
                --transform-rotate: 45deg
            }
            .xs\:rotate-90 {
                --transform-rotate: 90deg
            }
            .xs\:rotate-180 {
                --transform-rotate: 180deg
            }
            .xs\:-rotate-180 {
                --transform-rotate: -180deg
            }
            .xs\:-rotate-90 {
                --transform-rotate: -90deg
            }
            .xs\:-rotate-45 {
                --transform-rotate: -45deg
            }
            .xs\:hover\:rotate-0:hover {
                --transform-rotate: 0
            }
            .xs\:hover\:rotate-45:hover {
                --transform-rotate: 45deg
            }
            .xs\:hover\:rotate-90:hover {
                --transform-rotate: 90deg
            }
            .xs\:hover\:rotate-180:hover {
                --transform-rotate: 180deg
            }
            .xs\:hover\:-rotate-180:hover {
                --transform-rotate: -180deg
            }
            .xs\:hover\:-rotate-90:hover {
                --transform-rotate: -90deg
            }
            .xs\:hover\:-rotate-45:hover {
                --transform-rotate: -45deg
            }
            .xs\:focus\:rotate-0:focus {
                --transform-rotate: 0
            }
            .xs\:focus\:rotate-45:focus {
                --transform-rotate: 45deg
            }
            .xs\:focus\:rotate-90:focus {
                --transform-rotate: 90deg
            }
            .xs\:focus\:rotate-180:focus {
                --transform-rotate: 180deg
            }
            .xs\:focus\:-rotate-180:focus {
                --transform-rotate: -180deg
            }
            .xs\:focus\:-rotate-90:focus {
                --transform-rotate: -90deg
            }
            .xs\:focus\:-rotate-45:focus {
                --transform-rotate: -45deg
            }
            .xs\:translate-x-0 {
                --transform-translate-x: 0
            }
            .xs\:translate-x-1 {
                --transform-translate-x: 8px
            }
            .xs\:translate-x-2 {
                --transform-translate-x: 12px
            }
            .xs\:translate-x-3 {
                --transform-translate-x: 16px
            }
            .xs\:translate-x-4 {
                --transform-translate-x: 24px
            }
            .xs\:translate-x-5 {
                --transform-translate-x: 32px
            }
            .xs\:translate-x-6 {
                --transform-translate-x: 48px
            }
            .xs\:translate-x-7 {
                --transform-translate-x: 60px
            }
            .xs\:translate-x-8 {
                --transform-translate-x: 72px
            }
            .xs\:translate-x-9 {
                --transform-translate-x: 84px
            }
            .xs\:translate-x-10 {
                --transform-translate-x: 96px
            }
            .xs\:translate-x-0\.5 {
                --transform-translate-x: 4px
            }
            .xs\:-translate-x-1 {
                --transform-translate-x: -8px
            }
            .xs\:-translate-x-2 {
                --transform-translate-x: -12px
            }
            .xs\:-translate-x-3 {
                --transform-translate-x: -16px
            }
            .xs\:-translate-x-4 {
                --transform-translate-x: -24px
            }
            .xs\:-translate-x-5 {
                --transform-translate-x: -32px
            }
            .xs\:-translate-x-6 {
                --transform-translate-x: -48px
            }
            .xs\:-translate-x-7 {
                --transform-translate-x: -60px
            }
            .xs\:-translate-x-8 {
                --transform-translate-x: -72px
            }
            .xs\:-translate-x-9 {
                --transform-translate-x: -84px
            }
            .xs\:-translate-x-10 {
                --transform-translate-x: -96px
            }
            .xs\:-translate-x-0\.5 {
                --transform-translate-x: -4px
            }
            .xs\:-translate-x-full {
                --transform-translate-x: -100%
            }
            .xs\:-translate-x-1\/2 {
                --transform-translate-x: -50%
            }
            .xs\:translate-x-1\/2 {
                --transform-translate-x: 50%
            }
            .xs\:translate-x-full {
                --transform-translate-x: 100%
            }
            .xs\:translate-y-0 {
                --transform-translate-y: 0
            }
            .xs\:translate-y-1 {
                --transform-translate-y: 8px
            }
            .xs\:translate-y-2 {
                --transform-translate-y: 12px
            }
            .xs\:translate-y-3 {
                --transform-translate-y: 16px
            }
            .xs\:translate-y-4 {
                --transform-translate-y: 24px
            }
            .xs\:translate-y-5 {
                --transform-translate-y: 32px
            }
            .xs\:translate-y-6 {
                --transform-translate-y: 48px
            }
            .xs\:translate-y-7 {
                --transform-translate-y: 60px
            }
            .xs\:translate-y-8 {
                --transform-translate-y: 72px
            }
            .xs\:translate-y-9 {
                --transform-translate-y: 84px
            }
            .xs\:translate-y-10 {
                --transform-translate-y: 96px
            }
            .xs\:translate-y-0\.5 {
                --transform-translate-y: 4px
            }
            .xs\:-translate-y-1 {
                --transform-translate-y: -8px
            }
            .xs\:-translate-y-2 {
                --transform-translate-y: -12px
            }
            .xs\:-translate-y-3 {
                --transform-translate-y: -16px
            }
            .xs\:-translate-y-4 {
                --transform-translate-y: -24px
            }
            .xs\:-translate-y-5 {
                --transform-translate-y: -32px
            }
            .xs\:-translate-y-6 {
                --transform-translate-y: -48px
            }
            .xs\:-translate-y-7 {
                --transform-translate-y: -60px
            }
            .xs\:-translate-y-8 {
                --transform-translate-y: -72px
            }
            .xs\:-translate-y-9 {
                --transform-translate-y: -84px
            }
            .xs\:-translate-y-10 {
                --transform-translate-y: -96px
            }
            .xs\:-translate-y-0\.5 {
                --transform-translate-y: -4px
            }
            .xs\:-translate-y-full {
                --transform-translate-y: -100%
            }
            .xs\:-translate-y-1\/2 {
                --transform-translate-y: -50%
            }
            .xs\:translate-y-1\/2 {
                --transform-translate-y: 50%
            }
            .xs\:translate-y-full {
                --transform-translate-y: 100%
            }
            .xs\:hover\:translate-x-0:hover {
                --transform-translate-x: 0
            }
            .xs\:hover\:translate-x-1:hover {
                --transform-translate-x: 8px
            }
            .xs\:hover\:translate-x-2:hover {
                --transform-translate-x: 12px
            }
            .xs\:hover\:translate-x-3:hover {
                --transform-translate-x: 16px
            }
            .xs\:hover\:translate-x-4:hover {
                --transform-translate-x: 24px
            }
            .xs\:hover\:translate-x-5:hover {
                --transform-translate-x: 32px
            }
            .xs\:hover\:translate-x-6:hover {
                --transform-translate-x: 48px
            }
            .xs\:hover\:translate-x-7:hover {
                --transform-translate-x: 60px
            }
            .xs\:hover\:translate-x-8:hover {
                --transform-translate-x: 72px
            }
            .xs\:hover\:translate-x-9:hover {
                --transform-translate-x: 84px
            }
            .xs\:hover\:translate-x-10:hover {
                --transform-translate-x: 96px
            }
            .xs\:hover\:translate-x-0\.5:hover {
                --transform-translate-x: 4px
            }
            .xs\:hover\:-translate-x-1:hover {
                --transform-translate-x: -8px
            }
            .xs\:hover\:-translate-x-2:hover {
                --transform-translate-x: -12px
            }
            .xs\:hover\:-translate-x-3:hover {
                --transform-translate-x: -16px
            }
            .xs\:hover\:-translate-x-4:hover {
                --transform-translate-x: -24px
            }
            .xs\:hover\:-translate-x-5:hover {
                --transform-translate-x: -32px
            }
            .xs\:hover\:-translate-x-6:hover {
                --transform-translate-x: -48px
            }
            .xs\:hover\:-translate-x-7:hover {
                --transform-translate-x: -60px
            }
            .xs\:hover\:-translate-x-8:hover {
                --transform-translate-x: -72px
            }
            .xs\:hover\:-translate-x-9:hover {
                --transform-translate-x: -84px
            }
            .xs\:hover\:-translate-x-10:hover {
                --transform-translate-x: -96px
            }
            .xs\:hover\:-translate-x-0\.5:hover {
                --transform-translate-x: -4px
            }
            .xs\:hover\:-translate-x-full:hover {
                --transform-translate-x: -100%
            }
            .xs\:hover\:-translate-x-1\/2:hover {
                --transform-translate-x: -50%
            }
            .xs\:hover\:translate-x-1\/2:hover {
                --transform-translate-x: 50%
            }
            .xs\:hover\:translate-x-full:hover {
                --transform-translate-x: 100%
            }
            .xs\:hover\:translate-y-0:hover {
                --transform-translate-y: 0
            }
            .xs\:hover\:translate-y-1:hover {
                --transform-translate-y: 8px
            }
            .xs\:hover\:translate-y-2:hover {
                --transform-translate-y: 12px
            }
            .xs\:hover\:translate-y-3:hover {
                --transform-translate-y: 16px
            }
            .xs\:hover\:translate-y-4:hover {
                --transform-translate-y: 24px
            }
            .xs\:hover\:translate-y-5:hover {
                --transform-translate-y: 32px
            }
            .xs\:hover\:translate-y-6:hover {
                --transform-translate-y: 48px
            }
            .xs\:hover\:translate-y-7:hover {
                --transform-translate-y: 60px
            }
            .xs\:hover\:translate-y-8:hover {
                --transform-translate-y: 72px
            }
            .xs\:hover\:translate-y-9:hover {
                --transform-translate-y: 84px
            }
            .xs\:hover\:translate-y-10:hover {
                --transform-translate-y: 96px
            }
            .xs\:hover\:translate-y-0\.5:hover {
                --transform-translate-y: 4px
            }
            .xs\:hover\:-translate-y-1:hover {
                --transform-translate-y: -8px
            }
            .xs\:hover\:-translate-y-2:hover {
                --transform-translate-y: -12px
            }
            .xs\:hover\:-translate-y-3:hover {
                --transform-translate-y: -16px
            }
            .xs\:hover\:-translate-y-4:hover {
                --transform-translate-y: -24px
            }
            .xs\:hover\:-translate-y-5:hover {
                --transform-translate-y: -32px
            }
            .xs\:hover\:-translate-y-6:hover {
                --transform-translate-y: -48px
            }
            .xs\:hover\:-translate-y-7:hover {
                --transform-translate-y: -60px
            }
            .xs\:hover\:-translate-y-8:hover {
                --transform-translate-y: -72px
            }
            .xs\:hover\:-translate-y-9:hover {
                --transform-translate-y: -84px
            }
            .xs\:hover\:-translate-y-10:hover {
                --transform-translate-y: -96px
            }
            .xs\:hover\:-translate-y-0\.5:hover {
                --transform-translate-y: -4px
            }
            .xs\:hover\:-translate-y-full:hover {
                --transform-translate-y: -100%
            }
            .xs\:hover\:-translate-y-1\/2:hover {
                --transform-translate-y: -50%
            }
            .xs\:hover\:translate-y-1\/2:hover {
                --transform-translate-y: 50%
            }
            .xs\:hover\:translate-y-full:hover {
                --transform-translate-y: 100%
            }
            .xs\:focus\:translate-x-0:focus {
                --transform-translate-x: 0
            }
            .xs\:focus\:translate-x-1:focus {
                --transform-translate-x: 8px
            }
            .xs\:focus\:translate-x-2:focus {
                --transform-translate-x: 12px
            }
            .xs\:focus\:translate-x-3:focus {
                --transform-translate-x: 16px
            }
            .xs\:focus\:translate-x-4:focus {
                --transform-translate-x: 24px
            }
            .xs\:focus\:translate-x-5:focus {
                --transform-translate-x: 32px
            }
            .xs\:focus\:translate-x-6:focus {
                --transform-translate-x: 48px
            }
            .xs\:focus\:translate-x-7:focus {
                --transform-translate-x: 60px
            }
            .xs\:focus\:translate-x-8:focus {
                --transform-translate-x: 72px
            }
            .xs\:focus\:translate-x-9:focus {
                --transform-translate-x: 84px
            }
            .xs\:focus\:translate-x-10:focus {
                --transform-translate-x: 96px
            }
            .xs\:focus\:translate-x-0\.5:focus {
                --transform-translate-x: 4px
            }
            .xs\:focus\:-translate-x-1:focus {
                --transform-translate-x: -8px
            }
            .xs\:focus\:-translate-x-2:focus {
                --transform-translate-x: -12px
            }
            .xs\:focus\:-translate-x-3:focus {
                --transform-translate-x: -16px
            }
            .xs\:focus\:-translate-x-4:focus {
                --transform-translate-x: -24px
            }
            .xs\:focus\:-translate-x-5:focus {
                --transform-translate-x: -32px
            }
            .xs\:focus\:-translate-x-6:focus {
                --transform-translate-x: -48px
            }
            .xs\:focus\:-translate-x-7:focus {
                --transform-translate-x: -60px
            }
            .xs\:focus\:-translate-x-8:focus {
                --transform-translate-x: -72px
            }
            .xs\:focus\:-translate-x-9:focus {
                --transform-translate-x: -84px
            }
            .xs\:focus\:-translate-x-10:focus {
                --transform-translate-x: -96px
            }
            .xs\:focus\:-translate-x-0\.5:focus {
                --transform-translate-x: -4px
            }
            .xs\:focus\:-translate-x-full:focus {
                --transform-translate-x: -100%
            }
            .xs\:focus\:-translate-x-1\/2:focus {
                --transform-translate-x: -50%
            }
            .xs\:focus\:translate-x-1\/2:focus {
                --transform-translate-x: 50%
            }
            .xs\:focus\:translate-x-full:focus {
                --transform-translate-x: 100%
            }
            .xs\:focus\:translate-y-0:focus {
                --transform-translate-y: 0
            }
            .xs\:focus\:translate-y-1:focus {
                --transform-translate-y: 8px
            }
            .xs\:focus\:translate-y-2:focus {
                --transform-translate-y: 12px
            }
            .xs\:focus\:translate-y-3:focus {
                --transform-translate-y: 16px
            }
            .xs\:focus\:translate-y-4:focus {
                --transform-translate-y: 24px
            }
            .xs\:focus\:translate-y-5:focus {
                --transform-translate-y: 32px
            }
            .xs\:focus\:translate-y-6:focus {
                --transform-translate-y: 48px
            }
            .xs\:focus\:translate-y-7:focus {
                --transform-translate-y: 60px
            }
            .xs\:focus\:translate-y-8:focus {
                --transform-translate-y: 72px
            }
            .xs\:focus\:translate-y-9:focus {
                --transform-translate-y: 84px
            }
            .xs\:focus\:translate-y-10:focus {
                --transform-translate-y: 96px
            }
            .xs\:focus\:translate-y-0\.5:focus {
                --transform-translate-y: 4px
            }
            .xs\:focus\:-translate-y-1:focus {
                --transform-translate-y: -8px
            }
            .xs\:focus\:-translate-y-2:focus {
                --transform-translate-y: -12px
            }
            .xs\:focus\:-translate-y-3:focus {
                --transform-translate-y: -16px
            }
            .xs\:focus\:-translate-y-4:focus {
                --transform-translate-y: -24px
            }
            .xs\:focus\:-translate-y-5:focus {
                --transform-translate-y: -32px
            }
            .xs\:focus\:-translate-y-6:focus {
                --transform-translate-y: -48px
            }
            .xs\:focus\:-translate-y-7:focus {
                --transform-translate-y: -60px
            }
            .xs\:focus\:-translate-y-8:focus {
                --transform-translate-y: -72px
            }
            .xs\:focus\:-translate-y-9:focus {
                --transform-translate-y: -84px
            }
            .xs\:focus\:-translate-y-10:focus {
                --transform-translate-y: -96px
            }
            .xs\:focus\:-translate-y-0\.5:focus {
                --transform-translate-y: -4px
            }
            .xs\:focus\:-translate-y-full:focus {
                --transform-translate-y: -100%
            }
            .xs\:focus\:-translate-y-1\/2:focus {
                --transform-translate-y: -50%
            }
            .xs\:focus\:translate-y-1\/2:focus {
                --transform-translate-y: 50%
            }
            .xs\:focus\:translate-y-full:focus {
                --transform-translate-y: 100%
            }
            .xs\:skew-x-0 {
                --transform-skew-x: 0
            }
            .xs\:skew-x-3 {
                --transform-skew-x: 3deg
            }
            .xs\:skew-x-6 {
                --transform-skew-x: 6deg
            }
            .xs\:skew-x-12 {
                --transform-skew-x: 12deg
            }
            .xs\:-skew-x-12 {
                --transform-skew-x: -12deg
            }
            .xs\:-skew-x-6 {
                --transform-skew-x: -6deg
            }
            .xs\:-skew-x-3 {
                --transform-skew-x: -3deg
            }
            .xs\:skew-y-0 {
                --transform-skew-y: 0
            }
            .xs\:skew-y-3 {
                --transform-skew-y: 3deg
            }
            .xs\:skew-y-6 {
                --transform-skew-y: 6deg
            }
            .xs\:skew-y-12 {
                --transform-skew-y: 12deg
            }
            .xs\:-skew-y-12 {
                --transform-skew-y: -12deg
            }
            .xs\:-skew-y-6 {
                --transform-skew-y: -6deg
            }
            .xs\:-skew-y-3 {
                --transform-skew-y: -3deg
            }
            .xs\:hover\:skew-x-0:hover {
                --transform-skew-x: 0
            }
            .xs\:hover\:skew-x-3:hover {
                --transform-skew-x: 3deg
            }
            .xs\:hover\:skew-x-6:hover {
                --transform-skew-x: 6deg
            }
            .xs\:hover\:skew-x-12:hover {
                --transform-skew-x: 12deg
            }
            .xs\:hover\:-skew-x-12:hover {
                --transform-skew-x: -12deg
            }
            .xs\:hover\:-skew-x-6:hover {
                --transform-skew-x: -6deg
            }
            .xs\:hover\:-skew-x-3:hover {
                --transform-skew-x: -3deg
            }
            .xs\:hover\:skew-y-0:hover {
                --transform-skew-y: 0
            }
            .xs\:hover\:skew-y-3:hover {
                --transform-skew-y: 3deg
            }
            .xs\:hover\:skew-y-6:hover {
                --transform-skew-y: 6deg
            }
            .xs\:hover\:skew-y-12:hover {
                --transform-skew-y: 12deg
            }
            .xs\:hover\:-skew-y-12:hover {
                --transform-skew-y: -12deg
            }
            .xs\:hover\:-skew-y-6:hover {
                --transform-skew-y: -6deg
            }
            .xs\:hover\:-skew-y-3:hover {
                --transform-skew-y: -3deg
            }
            .xs\:focus\:skew-x-0:focus {
                --transform-skew-x: 0
            }
            .xs\:focus\:skew-x-3:focus {
                --transform-skew-x: 3deg
            }
            .xs\:focus\:skew-x-6:focus {
                --transform-skew-x: 6deg
            }
            .xs\:focus\:skew-x-12:focus {
                --transform-skew-x: 12deg
            }
            .xs\:focus\:-skew-x-12:focus {
                --transform-skew-x: -12deg
            }
            .xs\:focus\:-skew-x-6:focus {
                --transform-skew-x: -6deg
            }
            .xs\:focus\:-skew-x-3:focus {
                --transform-skew-x: -3deg
            }
            .xs\:focus\:skew-y-0:focus {
                --transform-skew-y: 0
            }
            .xs\:focus\:skew-y-3:focus {
                --transform-skew-y: 3deg
            }
            .xs\:focus\:skew-y-6:focus {
                --transform-skew-y: 6deg
            }
            .xs\:focus\:skew-y-12:focus {
                --transform-skew-y: 12deg
            }
            .xs\:focus\:-skew-y-12:focus {
                --transform-skew-y: -12deg
            }
            .xs\:focus\:-skew-y-6:focus {
                --transform-skew-y: -6deg
            }
            .xs\:focus\:-skew-y-3:focus {
                --transform-skew-y: -3deg
            }
            .xs\:transition-none {
                transition-property: none
            }
            .xs\:transition-all {
                transition-property: all
            }
            .xs\:transition {
                transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
            }
            .xs\:transition-colors {
                transition-property: background-color, border-color, color, fill, stroke
            }
            .xs\:transition-opacity {
                transition-property: opacity
            }
            .xs\:transition-shadow {
                transition-property: box-shadow
            }
            .xs\:transition-transform {
                transition-property: transform
            }
            .xs\:ease-linear {
                transition-timing-function: linear
            }
            .xs\:ease-in {
                transition-timing-function: cubic-bezier(.4, 0, 1, 1)
            }
            .xs\:ease-out {
                transition-timing-function: cubic-bezier(0, 0, .2, 1)
            }
            .xs\:ease-in-out {
                transition-timing-function: cubic-bezier(.4, 0, .2, 1)
            }
            .xs\:duration-75 {
                transition-duration: 75ms
            }
            .xs\:duration-100 {
                transition-duration: .1s
            }
            .xs\:duration-150 {
                transition-duration: .15s
            }
            .xs\:duration-200 {
                transition-duration: .2s
            }
            .xs\:duration-300 {
                transition-duration: .3s
            }
            .xs\:duration-500 {
                transition-duration: .5s
            }
            .xs\:duration-700 {
                transition-duration: .7s
            }
            .xs\:duration-1000 {
                transition-duration: 1s
            }
            .xs\:delay-75 {
                transition-delay: 75ms
            }
            .xs\:delay-100 {
                transition-delay: .1s
            }
            .xs\:delay-150 {
                transition-delay: .15s
            }
            .xs\:delay-200 {
                transition-delay: .2s
            }
            .xs\:delay-300 {
                transition-delay: .3s
            }
            .xs\:delay-500 {
                transition-delay: .5s
            }
            .xs\:delay-700 {
                transition-delay: .7s
            }
            .xs\:delay-1000 {
                transition-delay: 1s
            }
        }

        @media (min-width:640px) {
            .sm\:space-y-0>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(0px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(0px*var(--space-y-reverse))
            }
            .sm\:space-x-0>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(0px*var(--space-x-reverse));
                margin-left: calc(0px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-1>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(8px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(8px*var(--space-y-reverse))
            }
            .sm\:space-x-1>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(8px*var(--space-x-reverse));
                margin-left: calc(8px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-2>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(12px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(12px*var(--space-y-reverse))
            }
            .sm\:space-x-2>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(12px*var(--space-x-reverse));
                margin-left: calc(12px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-3>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(16px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(16px*var(--space-y-reverse))
            }
            .sm\:space-x-3>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(16px*var(--space-x-reverse));
                margin-left: calc(16px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-4>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(24px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(24px*var(--space-y-reverse))
            }
            .sm\:space-x-4>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(24px*var(--space-x-reverse));
                margin-left: calc(24px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(32px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(32px*var(--space-y-reverse))
            }
            .sm\:space-x-5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(32px*var(--space-x-reverse));
                margin-left: calc(32px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-6>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(48px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(48px*var(--space-y-reverse))
            }
            .sm\:space-x-6>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(48px*var(--space-x-reverse));
                margin-left: calc(48px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-7>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(60px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(60px*var(--space-y-reverse))
            }
            .sm\:space-x-7>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(60px*var(--space-x-reverse));
                margin-left: calc(60px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-8>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(72px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(72px*var(--space-y-reverse))
            }
            .sm\:space-x-8>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(72px*var(--space-x-reverse));
                margin-left: calc(72px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-9>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(84px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(84px*var(--space-y-reverse))
            }
            .sm\:space-x-9>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(84px*var(--space-x-reverse));
                margin-left: calc(84px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-10>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(96px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(96px*var(--space-y-reverse))
            }
            .sm\:space-x-10>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(96px*var(--space-x-reverse));
                margin-left: calc(96px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-0\.5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(4px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(4px*var(--space-y-reverse))
            }
            .sm\:space-x-0\.5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(4px*var(--space-x-reverse));
                margin-left: calc(4px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-1>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-8px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-8px*var(--space-y-reverse))
            }
            .sm\:-space-x-1>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-8px*var(--space-x-reverse));
                margin-left: calc(-8px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-2>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-12px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-12px*var(--space-y-reverse))
            }
            .sm\:-space-x-2>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-12px*var(--space-x-reverse));
                margin-left: calc(-12px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-3>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-16px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-16px*var(--space-y-reverse))
            }
            .sm\:-space-x-3>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-16px*var(--space-x-reverse));
                margin-left: calc(-16px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-4>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-24px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-24px*var(--space-y-reverse))
            }
            .sm\:-space-x-4>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-24px*var(--space-x-reverse));
                margin-left: calc(-24px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-32px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-32px*var(--space-y-reverse))
            }
            .sm\:-space-x-5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-32px*var(--space-x-reverse));
                margin-left: calc(-32px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-6>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-48px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-48px*var(--space-y-reverse))
            }
            .sm\:-space-x-6>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-48px*var(--space-x-reverse));
                margin-left: calc(-48px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-7>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-60px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-60px*var(--space-y-reverse))
            }
            .sm\:-space-x-7>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-60px*var(--space-x-reverse));
                margin-left: calc(-60px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-8>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-72px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-72px*var(--space-y-reverse))
            }
            .sm\:-space-x-8>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-72px*var(--space-x-reverse));
                margin-left: calc(-72px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-9>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-84px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-84px*var(--space-y-reverse))
            }
            .sm\:-space-x-9>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-84px*var(--space-x-reverse));
                margin-left: calc(-84px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-10>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-96px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-96px*var(--space-y-reverse))
            }
            .sm\:-space-x-10>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-96px*var(--space-x-reverse));
                margin-left: calc(-96px*(1 - var(--space-x-reverse)))
            }
            .sm\:-space-y-0\.5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-4px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-4px*var(--space-y-reverse))
            }
            .sm\:-space-x-0\.5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-4px*var(--space-x-reverse));
                margin-left: calc(-4px*(1 - var(--space-x-reverse)))
            }
            .sm\:space-y-reverse>:not(template)~:not(template) {
                --space-y-reverse: 1
            }
            .sm\:space-x-reverse>:not(template)~:not(template) {
                --space-x-reverse: 1
            }
            .sm\:divide-y-0>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(0px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(0px*var(--divide-y-reverse))
            }
            .sm\:divide-x-0>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(0px*var(--divide-x-reverse));
                border-left-width: calc(0px*(1 - var(--divide-x-reverse)))
            }
            .sm\:divide-y-2>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(2px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(2px*var(--divide-y-reverse))
            }
            .sm\:divide-x-2>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(2px*var(--divide-x-reverse));
                border-left-width: calc(2px*(1 - var(--divide-x-reverse)))
            }
            .sm\:divide-y-4>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(4px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(4px*var(--divide-y-reverse))
            }
            .sm\:divide-x-4>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(4px*var(--divide-x-reverse));
                border-left-width: calc(4px*(1 - var(--divide-x-reverse)))
            }
            .sm\:divide-y-8>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(8px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(8px*var(--divide-y-reverse))
            }
            .sm\:divide-x-8>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(8px*var(--divide-x-reverse));
                border-left-width: calc(8px*(1 - var(--divide-x-reverse)))
            }
            .sm\:divide-y>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(1px*var(--divide-y-reverse))
            }
            .sm\:divide-x>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(1px*var(--divide-x-reverse));
                border-left-width: calc(1px*(1 - var(--divide-x-reverse)))
            }
            .sm\:divide-y-reverse>:not(template)~:not(template) {
                --divide-y-reverse: 1
            }
            .sm\:divide-x-reverse>:not(template)~:not(template) {
                --divide-x-reverse: 1
            }
            .sm\:divide-transparent>:not(template)~:not(template) {
                border-color: transparent
            }
            .sm\:divide-current>:not(template)~:not(template) {
                border-color: currentColor
            }
            .sm\:divide-black>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--divide-opacity))
            }
            .sm\:divide-white>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--divide-opacity))
            }
            .sm\:divide-gray-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--divide-opacity))
            }
            .sm\:divide-gray-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--divide-opacity))
            }
            .sm\:divide-gray-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--divide-opacity))
            }
            .sm\:divide-gray-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--divide-opacity))
            }
            .sm\:divide-gray-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--divide-opacity))
            }
            .sm\:divide-gray-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--divide-opacity))
            }
            .sm\:divide-gray-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--divide-opacity))
            }
            .sm\:divide-gray-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--divide-opacity))
            }
            .sm\:divide-gray-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--divide-opacity))
            }
            .sm\:divide-red-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--divide-opacity))
            }
            .sm\:divide-red-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--divide-opacity))
            }
            .sm\:divide-red-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--divide-opacity))
            }
            .sm\:divide-red-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--divide-opacity))
            }
            .sm\:divide-red-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--divide-opacity))
            }
            .sm\:divide-red-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--divide-opacity))
            }
            .sm\:divide-red-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--divide-opacity))
            }
            .sm\:divide-red-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--divide-opacity))
            }
            .sm\:divide-red-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--divide-opacity))
            }
            .sm\:divide-orange-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--divide-opacity))
            }
            .sm\:divide-orange-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--divide-opacity))
            }
            .sm\:divide-orange-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--divide-opacity))
            }
            .sm\:divide-orange-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--divide-opacity))
            }
            .sm\:divide-orange-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--divide-opacity))
            }
            .sm\:divide-orange-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--divide-opacity))
            }
            .sm\:divide-orange-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--divide-opacity))
            }
            .sm\:divide-orange-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--divide-opacity))
            }
            .sm\:divide-orange-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--divide-opacity))
            }
            .sm\:divide-yellow-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--divide-opacity))
            }
            .sm\:divide-yellow-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--divide-opacity))
            }
            .sm\:divide-yellow-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--divide-opacity))
            }
            .sm\:divide-yellow-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--divide-opacity))
            }
            .sm\:divide-yellow-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--divide-opacity))
            }
            .sm\:divide-yellow-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--divide-opacity))
            }
            .sm\:divide-yellow-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--divide-opacity))
            }
            .sm\:divide-yellow-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--divide-opacity))
            }
            .sm\:divide-yellow-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--divide-opacity))
            }
            .sm\:divide-green-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--divide-opacity))
            }
            .sm\:divide-green-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--divide-opacity))
            }
            .sm\:divide-green-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--divide-opacity))
            }
            .sm\:divide-green-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--divide-opacity))
            }
            .sm\:divide-green-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--divide-opacity))
            }
            .sm\:divide-green-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--divide-opacity))
            }
            .sm\:divide-green-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--divide-opacity))
            }
            .sm\:divide-green-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--divide-opacity))
            }
            .sm\:divide-green-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--divide-opacity))
            }
            .sm\:divide-teal-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--divide-opacity))
            }
            .sm\:divide-teal-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--divide-opacity))
            }
            .sm\:divide-teal-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--divide-opacity))
            }
            .sm\:divide-teal-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--divide-opacity))
            }
            .sm\:divide-teal-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--divide-opacity))
            }
            .sm\:divide-teal-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--divide-opacity))
            }
            .sm\:divide-teal-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--divide-opacity))
            }
            .sm\:divide-teal-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--divide-opacity))
            }
            .sm\:divide-teal-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--divide-opacity))
            }
            .sm\:divide-blue-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--divide-opacity))
            }
            .sm\:divide-blue-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--divide-opacity))
            }
            .sm\:divide-blue-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--divide-opacity))
            }
            .sm\:divide-blue-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--divide-opacity))
            }
            .sm\:divide-blue-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--divide-opacity))
            }
            .sm\:divide-blue-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--divide-opacity))
            }
            .sm\:divide-blue-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--divide-opacity))
            }
            .sm\:divide-blue-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--divide-opacity))
            }
            .sm\:divide-blue-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--divide-opacity))
            }
            .sm\:divide-indigo-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--divide-opacity))
            }
            .sm\:divide-indigo-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--divide-opacity))
            }
            .sm\:divide-indigo-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--divide-opacity))
            }
            .sm\:divide-indigo-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--divide-opacity))
            }
            .sm\:divide-indigo-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--divide-opacity))
            }
            .sm\:divide-indigo-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--divide-opacity))
            }
            .sm\:divide-indigo-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--divide-opacity))
            }
            .sm\:divide-indigo-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--divide-opacity))
            }
            .sm\:divide-indigo-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--divide-opacity))
            }
            .sm\:divide-purple-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--divide-opacity))
            }
            .sm\:divide-purple-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--divide-opacity))
            }
            .sm\:divide-purple-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--divide-opacity))
            }
            .sm\:divide-purple-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--divide-opacity))
            }
            .sm\:divide-purple-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--divide-opacity))
            }
            .sm\:divide-purple-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--divide-opacity))
            }
            .sm\:divide-purple-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--divide-opacity))
            }
            .sm\:divide-purple-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--divide-opacity))
            }
            .sm\:divide-purple-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--divide-opacity))
            }
            .sm\:divide-pink-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--divide-opacity))
            }
            .sm\:divide-pink-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--divide-opacity))
            }
            .sm\:divide-pink-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--divide-opacity))
            }
            .sm\:divide-pink-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--divide-opacity))
            }
            .sm\:divide-pink-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--divide-opacity))
            }
            .sm\:divide-pink-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--divide-opacity))
            }
            .sm\:divide-pink-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--divide-opacity))
            }
            .sm\:divide-pink-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--divide-opacity))
            }
            .sm\:divide-pink-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--divide-opacity))
            }
            .sm\:divide-opacity-0>:not(template)~:not(template) {
                --divide-opacity: 0
            }
            .sm\:divide-opacity-25>:not(template)~:not(template) {
                --divide-opacity: 0.25
            }
            .sm\:divide-opacity-50>:not(template)~:not(template) {
                --divide-opacity: 0.5
            }
            .sm\:divide-opacity-75>:not(template)~:not(template) {
                --divide-opacity: 0.75
            }
            .sm\:divide-opacity-100>:not(template)~:not(template) {
                --divide-opacity: 1
            }
            .sm\:sr-only {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0
            }
            .sm\:not-sr-only {
                position: static;
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal
            }
            .sm\:focus\:sr-only:focus {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0
            }
            .sm\:focus\:not-sr-only:focus {
                position: static;
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal
            }
            .sm\:appearance-none,
            .sm\:focus\:appearance-none:focus,
            .sm\:hover\:appearance-none:hover {
                appearance: none
            }
            .sm\:bg-fixed {
                background-attachment: fixed
            }
            .sm\:bg-local {
                background-attachment: local
            }
            .sm\:bg-scroll {
                background-attachment: scroll
            }
            .sm\:bg-primary,
            .sm\:focus\:bg-primary:focus,
            .sm\:hover\:bg-primary:hover {
                --bg-opacity: 1;
                background-color: #ed1c24;
                background-color: rgba(237, 28, 36, var(--bg-opacity))
            }
            .sm\:bg-opacity-0 {
                --bg-opacity: 0
            }
            .sm\:bg-opacity-25 {
                --bg-opacity: 0.25
            }
            .sm\:bg-opacity-50 {
                --bg-opacity: 0.5
            }
            .sm\:bg-opacity-75 {
                --bg-opacity: 0.75
            }
            .sm\:bg-opacity-100 {
                --bg-opacity: 1
            }
            .sm\:hover\:bg-opacity-0:hover {
                --bg-opacity: 0
            }
            .sm\:hover\:bg-opacity-25:hover {
                --bg-opacity: 0.25
            }
            .sm\:hover\:bg-opacity-50:hover {
                --bg-opacity: 0.5
            }
            .sm\:hover\:bg-opacity-75:hover {
                --bg-opacity: 0.75
            }
            .sm\:hover\:bg-opacity-100:hover {
                --bg-opacity: 1
            }
            .sm\:focus\:bg-opacity-0:focus {
                --bg-opacity: 0
            }
            .sm\:focus\:bg-opacity-25:focus {
                --bg-opacity: 0.25
            }
            .sm\:focus\:bg-opacity-50:focus {
                --bg-opacity: 0.5
            }
            .sm\:focus\:bg-opacity-75:focus {
                --bg-opacity: 0.75
            }
            .sm\:focus\:bg-opacity-100:focus {
                --bg-opacity: 1
            }
            .sm\:bg-bottom {
                background-position: bottom
            }
            .sm\:bg-center {
                background-position: 50%
            }
            .sm\:bg-left {
                background-position: 0
            }
            .sm\:bg-left-bottom {
                background-position: 0 100%
            }
            .sm\:bg-left-top {
                background-position: 0 0
            }
            .sm\:bg-right {
                background-position: 100%
            }
            .sm\:bg-right-bottom {
                background-position: 100% 100%
            }
            .sm\:bg-right-top {
                background-position: 100% 0
            }
            .sm\:bg-top {
                background-position: top
            }
            .sm\:bg-repeat {
                background-repeat: repeat
            }
            .sm\:bg-no-repeat {
                background-repeat: no-repeat
            }
            .sm\:bg-repeat-x {
                background-repeat: repeat-x
            }
            .sm\:bg-repeat-y {
                background-repeat: repeat-y
            }
            .sm\:bg-repeat-round {
                background-repeat: round
            }
            .sm\:bg-repeat-space {
                background-repeat: space
            }
            .sm\:bg-auto {
                background-size: auto
            }
            .sm\:bg-cover {
                background-size: cover
            }
            .sm\:bg-contain {
                background-size: contain
            }
            .sm\:border-collapse {
                border-collapse: collapse
            }
            .sm\:border-separate {
                border-collapse: separate
            }
            .sm\:border-transparent {
                border-color: transparent
            }
            .sm\:border-current {
                border-color: currentColor
            }
            .sm\:border-black {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .sm\:border-white {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .sm\:border-gray-100 {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .sm\:border-gray-200 {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .sm\:border-gray-300 {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .sm\:border-gray-400 {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .sm\:border-gray-500 {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .sm\:border-gray-600 {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .sm\:border-gray-700 {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .sm\:border-gray-800 {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .sm\:border-gray-900 {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .sm\:border-red-100 {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .sm\:border-red-200 {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .sm\:border-red-300 {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .sm\:border-red-400 {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .sm\:border-red-500 {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .sm\:border-red-600 {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .sm\:border-red-700 {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .sm\:border-red-800 {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .sm\:border-red-900 {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .sm\:border-orange-100 {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .sm\:border-orange-200 {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .sm\:border-orange-300 {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .sm\:border-orange-400 {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .sm\:border-orange-500 {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .sm\:border-orange-600 {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .sm\:border-orange-700 {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .sm\:border-orange-800 {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .sm\:border-orange-900 {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .sm\:border-yellow-100 {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .sm\:border-yellow-200 {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .sm\:border-yellow-300 {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .sm\:border-yellow-400 {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .sm\:border-yellow-500 {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .sm\:border-yellow-600 {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .sm\:border-yellow-700 {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .sm\:border-yellow-800 {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .sm\:border-yellow-900 {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .sm\:border-green-100 {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .sm\:border-green-200 {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .sm\:border-green-300 {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .sm\:border-green-400 {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .sm\:border-green-500 {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .sm\:border-green-600 {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .sm\:border-green-700 {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .sm\:border-green-800 {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .sm\:border-green-900 {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .sm\:border-teal-100 {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .sm\:border-teal-200 {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .sm\:border-teal-300 {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .sm\:border-teal-400 {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .sm\:border-teal-500 {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .sm\:border-teal-600 {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .sm\:border-teal-700 {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .sm\:border-teal-800 {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .sm\:border-teal-900 {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .sm\:border-blue-100 {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .sm\:border-blue-200 {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .sm\:border-blue-300 {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .sm\:border-blue-400 {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .sm\:border-blue-500 {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .sm\:border-blue-600 {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .sm\:border-blue-700 {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .sm\:border-blue-800 {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .sm\:border-blue-900 {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .sm\:border-indigo-100 {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .sm\:border-indigo-200 {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .sm\:border-indigo-300 {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .sm\:border-indigo-400 {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .sm\:border-indigo-500 {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .sm\:border-indigo-600 {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .sm\:border-indigo-700 {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .sm\:border-indigo-800 {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .sm\:border-indigo-900 {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .sm\:border-purple-100 {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .sm\:border-purple-200 {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .sm\:border-purple-300 {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .sm\:border-purple-400 {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .sm\:border-purple-500 {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .sm\:border-purple-600 {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .sm\:border-purple-700 {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .sm\:border-purple-800 {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .sm\:border-purple-900 {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .sm\:border-pink-100 {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .sm\:border-pink-200 {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .sm\:border-pink-300 {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .sm\:border-pink-400 {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .sm\:border-pink-500 {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .sm\:border-pink-600 {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .sm\:border-pink-700 {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .sm\:border-pink-800 {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .sm\:border-pink-900 {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .sm\:hover\:border-transparent:hover {
                border-color: transparent
            }
            .sm\:hover\:border-current:hover {
                border-color: currentColor
            }
            .sm\:hover\:border-black:hover {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .sm\:hover\:border-white:hover {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .sm\:hover\:border-gray-100:hover {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .sm\:hover\:border-gray-200:hover {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .sm\:hover\:border-gray-300:hover {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .sm\:hover\:border-gray-400:hover {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .sm\:hover\:border-gray-500:hover {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .sm\:hover\:border-gray-600:hover {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .sm\:hover\:border-gray-700:hover {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .sm\:hover\:border-gray-800:hover {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .sm\:hover\:border-gray-900:hover {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .sm\:hover\:border-red-100:hover {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .sm\:hover\:border-red-200:hover {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .sm\:hover\:border-red-300:hover {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .sm\:hover\:border-red-400:hover {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .sm\:hover\:border-red-500:hover {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .sm\:hover\:border-red-600:hover {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .sm\:hover\:border-red-700:hover {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .sm\:hover\:border-red-800:hover {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .sm\:hover\:border-red-900:hover {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .sm\:hover\:border-orange-100:hover {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .sm\:hover\:border-orange-200:hover {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .sm\:hover\:border-orange-300:hover {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .sm\:hover\:border-orange-400:hover {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .sm\:hover\:border-orange-500:hover {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .sm\:hover\:border-orange-600:hover {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .sm\:hover\:border-orange-700:hover {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .sm\:hover\:border-orange-800:hover {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .sm\:hover\:border-orange-900:hover {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .sm\:hover\:border-yellow-100:hover {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .sm\:hover\:border-yellow-200:hover {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .sm\:hover\:border-yellow-300:hover {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .sm\:hover\:border-yellow-400:hover {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .sm\:hover\:border-yellow-500:hover {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .sm\:hover\:border-yellow-600:hover {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .sm\:hover\:border-yellow-700:hover {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .sm\:hover\:border-yellow-800:hover {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .sm\:hover\:border-yellow-900:hover {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .sm\:hover\:border-green-100:hover {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .sm\:hover\:border-green-200:hover {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .sm\:hover\:border-green-300:hover {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .sm\:hover\:border-green-400:hover {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .sm\:hover\:border-green-500:hover {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .sm\:hover\:border-green-600:hover {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .sm\:hover\:border-green-700:hover {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .sm\:hover\:border-green-800:hover {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .sm\:hover\:border-green-900:hover {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .sm\:hover\:border-teal-100:hover {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .sm\:hover\:border-teal-200:hover {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .sm\:hover\:border-teal-300:hover {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .sm\:hover\:border-teal-400:hover {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .sm\:hover\:border-teal-500:hover {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .sm\:hover\:border-teal-600:hover {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .sm\:hover\:border-teal-700:hover {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .sm\:hover\:border-teal-800:hover {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .sm\:hover\:border-teal-900:hover {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .sm\:hover\:border-blue-100:hover {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .sm\:hover\:border-blue-200:hover {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .sm\:hover\:border-blue-300:hover {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .sm\:hover\:border-blue-400:hover {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .sm\:hover\:border-blue-500:hover {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .sm\:hover\:border-blue-600:hover {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .sm\:hover\:border-blue-700:hover {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .sm\:hover\:border-blue-800:hover {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .sm\:hover\:border-blue-900:hover {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .sm\:hover\:border-indigo-100:hover {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .sm\:hover\:border-indigo-200:hover {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .sm\:hover\:border-indigo-300:hover {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .sm\:hover\:border-indigo-400:hover {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .sm\:hover\:border-indigo-500:hover {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .sm\:hover\:border-indigo-600:hover {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .sm\:hover\:border-indigo-700:hover {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .sm\:hover\:border-indigo-800:hover {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .sm\:hover\:border-indigo-900:hover {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .sm\:hover\:border-purple-100:hover {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .sm\:hover\:border-purple-200:hover {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .sm\:hover\:border-purple-300:hover {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .sm\:hover\:border-purple-400:hover {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .sm\:hover\:border-purple-500:hover {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .sm\:hover\:border-purple-600:hover {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .sm\:hover\:border-purple-700:hover {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .sm\:hover\:border-purple-800:hover {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .sm\:hover\:border-purple-900:hover {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .sm\:hover\:border-pink-100:hover {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .sm\:hover\:border-pink-200:hover {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .sm\:hover\:border-pink-300:hover {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .sm\:hover\:border-pink-400:hover {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .sm\:hover\:border-pink-500:hover {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .sm\:hover\:border-pink-600:hover {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .sm\:hover\:border-pink-700:hover {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .sm\:hover\:border-pink-800:hover {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .sm\:hover\:border-pink-900:hover {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .sm\:focus\:border-transparent:focus {
                border-color: transparent
            }
            .sm\:focus\:border-current:focus {
                border-color: currentColor
            }
            .sm\:focus\:border-black:focus {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .sm\:focus\:border-white:focus {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .sm\:focus\:border-gray-100:focus {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .sm\:focus\:border-gray-200:focus {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .sm\:focus\:border-gray-300:focus {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .sm\:focus\:border-gray-400:focus {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .sm\:focus\:border-gray-500:focus {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .sm\:focus\:border-gray-600:focus {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .sm\:focus\:border-gray-700:focus {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .sm\:focus\:border-gray-800:focus {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .sm\:focus\:border-gray-900:focus {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .sm\:focus\:border-red-100:focus {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .sm\:focus\:border-red-200:focus {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .sm\:focus\:border-red-300:focus {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .sm\:focus\:border-red-400:focus {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .sm\:focus\:border-red-500:focus {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .sm\:focus\:border-red-600:focus {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .sm\:focus\:border-red-700:focus {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .sm\:focus\:border-red-800:focus {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .sm\:focus\:border-red-900:focus {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .sm\:focus\:border-orange-100:focus {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .sm\:focus\:border-orange-200:focus {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .sm\:focus\:border-orange-300:focus {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .sm\:focus\:border-orange-400:focus {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .sm\:focus\:border-orange-500:focus {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .sm\:focus\:border-orange-600:focus {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .sm\:focus\:border-orange-700:focus {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .sm\:focus\:border-orange-800:focus {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .sm\:focus\:border-orange-900:focus {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .sm\:focus\:border-yellow-100:focus {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .sm\:focus\:border-yellow-200:focus {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .sm\:focus\:border-yellow-300:focus {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .sm\:focus\:border-yellow-400:focus {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .sm\:focus\:border-yellow-500:focus {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .sm\:focus\:border-yellow-600:focus {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .sm\:focus\:border-yellow-700:focus {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .sm\:focus\:border-yellow-800:focus {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .sm\:focus\:border-yellow-900:focus {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .sm\:focus\:border-green-100:focus {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .sm\:focus\:border-green-200:focus {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .sm\:focus\:border-green-300:focus {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .sm\:focus\:border-green-400:focus {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .sm\:focus\:border-green-500:focus {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .sm\:focus\:border-green-600:focus {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .sm\:focus\:border-green-700:focus {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .sm\:focus\:border-green-800:focus {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .sm\:focus\:border-green-900:focus {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .sm\:focus\:border-teal-100:focus {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .sm\:focus\:border-teal-200:focus {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .sm\:focus\:border-teal-300:focus {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .sm\:focus\:border-teal-400:focus {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .sm\:focus\:border-teal-500:focus {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .sm\:focus\:border-teal-600:focus {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .sm\:focus\:border-teal-700:focus {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .sm\:focus\:border-teal-800:focus {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .sm\:focus\:border-teal-900:focus {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .sm\:focus\:border-blue-100:focus {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .sm\:focus\:border-blue-200:focus {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .sm\:focus\:border-blue-300:focus {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .sm\:focus\:border-blue-400:focus {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .sm\:focus\:border-blue-500:focus {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .sm\:focus\:border-blue-600:focus {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .sm\:focus\:border-blue-700:focus {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .sm\:focus\:border-blue-800:focus {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .sm\:focus\:border-blue-900:focus {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .sm\:focus\:border-indigo-100:focus {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .sm\:focus\:border-indigo-200:focus {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .sm\:focus\:border-indigo-300:focus {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .sm\:focus\:border-indigo-400:focus {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .sm\:focus\:border-indigo-500:focus {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .sm\:focus\:border-indigo-600:focus {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .sm\:focus\:border-indigo-700:focus {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .sm\:focus\:border-indigo-800:focus {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .sm\:focus\:border-indigo-900:focus {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .sm\:focus\:border-purple-100:focus {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .sm\:focus\:border-purple-200:focus {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .sm\:focus\:border-purple-300:focus {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .sm\:focus\:border-purple-400:focus {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .sm\:focus\:border-purple-500:focus {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .sm\:focus\:border-purple-600:focus {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .sm\:focus\:border-purple-700:focus {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .sm\:focus\:border-purple-800:focus {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .sm\:focus\:border-purple-900:focus {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .sm\:focus\:border-pink-100:focus {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .sm\:focus\:border-pink-200:focus {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .sm\:focus\:border-pink-300:focus {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .sm\:focus\:border-pink-400:focus {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .sm\:focus\:border-pink-500:focus {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .sm\:focus\:border-pink-600:focus {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .sm\:focus\:border-pink-700:focus {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .sm\:focus\:border-pink-800:focus {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .sm\:focus\:border-pink-900:focus {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .sm\:border-opacity-0 {
                --border-opacity: 0
            }
            .sm\:border-opacity-25 {
                --border-opacity: 0.25
            }
            .sm\:border-opacity-50 {
                --border-opacity: 0.5
            }
            .sm\:border-opacity-75 {
                --border-opacity: 0.75
            }
            .sm\:border-opacity-100 {
                --border-opacity: 1
            }
            .sm\:hover\:border-opacity-0:hover {
                --border-opacity: 0
            }
            .sm\:hover\:border-opacity-25:hover {
                --border-opacity: 0.25
            }
            .sm\:hover\:border-opacity-50:hover {
                --border-opacity: 0.5
            }
            .sm\:hover\:border-opacity-75:hover {
                --border-opacity: 0.75
            }
            .sm\:hover\:border-opacity-100:hover {
                --border-opacity: 1
            }
            .sm\:focus\:border-opacity-0:focus {
                --border-opacity: 0
            }
            .sm\:focus\:border-opacity-25:focus {
                --border-opacity: 0.25
            }
            .sm\:focus\:border-opacity-50:focus {
                --border-opacity: 0.5
            }
            .sm\:focus\:border-opacity-75:focus {
                --border-opacity: 0.75
            }
            .sm\:focus\:border-opacity-100:focus {
                --border-opacity: 1
            }
            .sm\:rounded-none {
                border-radius: 0
            }
            .sm\:rounded-sm {
                border-radius: .125rem
            }
            .sm\:rounded {
                border-radius: .25rem
            }
            .sm\:rounded-md {
                border-radius: .375rem
            }
            .sm\:rounded-lg {
                border-radius: .5rem
            }
            .sm\:rounded-full {
                border-radius: 9999px
            }
            .sm\:rounded-t-none {
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }
            .sm\:rounded-r-none {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }
            .sm\:rounded-b-none {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0
            }
            .sm\:rounded-l-none {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }
            .sm\:rounded-t-sm {
                border-top-left-radius: .125rem;
                border-top-right-radius: .125rem
            }
            .sm\:rounded-r-sm {
                border-top-right-radius: .125rem;
                border-bottom-right-radius: .125rem
            }
            .sm\:rounded-b-sm {
                border-bottom-right-radius: .125rem;
                border-bottom-left-radius: .125rem
            }
            .sm\:rounded-l-sm {
                border-top-left-radius: .125rem;
                border-bottom-left-radius: .125rem
            }
            .sm\:rounded-t {
                border-top-left-radius: .25rem
            }
            .sm\:rounded-r,
            .sm\:rounded-t {
                border-top-right-radius: .25rem
            }
            .sm\:rounded-b,
            .sm\:rounded-r {
                border-bottom-right-radius: .25rem
            }
            .sm\:rounded-b,
            .sm\:rounded-l {
                border-bottom-left-radius: .25rem
            }
            .sm\:rounded-l {
                border-top-left-radius: .25rem
            }
            .sm\:rounded-t-md {
                border-top-left-radius: .375rem;
                border-top-right-radius: .375rem
            }
            .sm\:rounded-r-md {
                border-top-right-radius: .375rem;
                border-bottom-right-radius: .375rem
            }
            .sm\:rounded-b-md {
                border-bottom-right-radius: .375rem;
                border-bottom-left-radius: .375rem
            }
            .sm\:rounded-l-md {
                border-top-left-radius: .375rem;
                border-bottom-left-radius: .375rem
            }
            .sm\:rounded-t-lg {
                border-top-left-radius: .5rem;
                border-top-right-radius: .5rem
            }
            .sm\:rounded-r-lg {
                border-top-right-radius: .5rem;
                border-bottom-right-radius: .5rem
            }
            .sm\:rounded-b-lg {
                border-bottom-right-radius: .5rem;
                border-bottom-left-radius: .5rem
            }
            .sm\:rounded-l-lg {
                border-top-left-radius: .5rem;
                border-bottom-left-radius: .5rem
            }
            .sm\:rounded-t-full {
                border-top-left-radius: 9999px;
                border-top-right-radius: 9999px
            }
            .sm\:rounded-r-full {
                border-top-right-radius: 9999px;
                border-bottom-right-radius: 9999px
            }
            .sm\:rounded-b-full {
                border-bottom-right-radius: 9999px;
                border-bottom-left-radius: 9999px
            }
            .sm\:rounded-l-full {
                border-top-left-radius: 9999px;
                border-bottom-left-radius: 9999px
            }
            .sm\:rounded-tl-none {
                border-top-left-radius: 0
            }
            .sm\:rounded-tr-none {
                border-top-right-radius: 0
            }
            .sm\:rounded-br-none {
                border-bottom-right-radius: 0
            }
            .sm\:rounded-bl-none {
                border-bottom-left-radius: 0
            }
            .sm\:rounded-tl-sm {
                border-top-left-radius: .125rem
            }
            .sm\:rounded-tr-sm {
                border-top-right-radius: .125rem
            }
            .sm\:rounded-br-sm {
                border-bottom-right-radius: .125rem
            }
            .sm\:rounded-bl-sm {
                border-bottom-left-radius: .125rem
            }
            .sm\:rounded-tl {
                border-top-left-radius: .25rem
            }
            .sm\:rounded-tr {
                border-top-right-radius: .25rem
            }
            .sm\:rounded-br {
                border-bottom-right-radius: .25rem
            }
            .sm\:rounded-bl {
                border-bottom-left-radius: .25rem
            }
            .sm\:rounded-tl-md {
                border-top-left-radius: .375rem
            }
            .sm\:rounded-tr-md {
                border-top-right-radius: .375rem
            }
            .sm\:rounded-br-md {
                border-bottom-right-radius: .375rem
            }
            .sm\:rounded-bl-md {
                border-bottom-left-radius: .375rem
            }
            .sm\:rounded-tl-lg {
                border-top-left-radius: .5rem
            }
            .sm\:rounded-tr-lg {
                border-top-right-radius: .5rem
            }
            .sm\:rounded-br-lg {
                border-bottom-right-radius: .5rem
            }
            .sm\:rounded-bl-lg {
                border-bottom-left-radius: .5rem
            }
            .sm\:rounded-tl-full {
                border-top-left-radius: 9999px
            }
            .sm\:rounded-tr-full {
                border-top-right-radius: 9999px
            }
            .sm\:rounded-br-full {
                border-bottom-right-radius: 9999px
            }
            .sm\:rounded-bl-full {
                border-bottom-left-radius: 9999px
            }
            .sm\:border-solid {
                border-style: solid
            }
            .sm\:border-dashed {
                border-style: dashed
            }
            .sm\:border-dotted {
                border-style: dotted
            }
            .sm\:border-double {
                border-style: double
            }
            .sm\:border-none {
                border-style: none
            }
            .sm\:border-0 {
                border-width: 0
            }
            .sm\:border-2 {
                border-width: 2px
            }
            .sm\:border-4 {
                border-width: 4px
            }
            .sm\:border-8 {
                border-width: 8px
            }
            .sm\:border {
                border-width: 1px
            }
            .sm\:border-t-0 {
                border-top-width: 0
            }
            .sm\:border-r-0 {
                border-right-width: 0
            }
            .sm\:border-b-0 {
                border-bottom-width: 0
            }
            .sm\:border-l-0 {
                border-left-width: 0
            }
            .sm\:border-t-2 {
                border-top-width: 2px
            }
            .sm\:border-r-2 {
                border-right-width: 2px
            }
            .sm\:border-b-2 {
                border-bottom-width: 2px
            }
            .sm\:border-l-2 {
                border-left-width: 2px
            }
            .sm\:border-t-4 {
                border-top-width: 4px
            }
            .sm\:border-r-4 {
                border-right-width: 4px
            }
            .sm\:border-b-4 {
                border-bottom-width: 4px
            }
            .sm\:border-l-4 {
                border-left-width: 4px
            }
            .sm\:border-t-8 {
                border-top-width: 8px
            }
            .sm\:border-r-8 {
                border-right-width: 8px
            }
            .sm\:border-b-8 {
                border-bottom-width: 8px
            }
            .sm\:border-l-8 {
                border-left-width: 8px
            }
            .sm\:border-t {
                border-top-width: 1px
            }
            .sm\:border-r {
                border-right-width: 1px
            }
            .sm\:border-b {
                border-bottom-width: 1px
            }
            .sm\:border-l {
                border-left-width: 1px
            }
            .sm\:box-border {
                box-sizing: border-box
            }
            .sm\:box-content {
                box-sizing: content-box
            }
            .sm\:cursor-auto {
                cursor: auto
            }
            .sm\:cursor-default {
                cursor: default
            }
            .sm\:cursor-pointer {
                cursor: pointer
            }
            .sm\:cursor-wait {
                cursor: wait
            }
            .sm\:cursor-text {
                cursor: text
            }
            .sm\:cursor-move {
                cursor: move
            }
            .sm\:cursor-not-allowed {
                cursor: not-allowed
            }
            .sm\:block {
                display: block
            }
            .sm\:inline-block {
                display: inline-block
            }
            .sm\:inline {
                display: inline
            }
            .sm\:flex {
                display: flex
            }
            .sm\:inline-flex {
                display: inline-flex
            }
            .sm\:table {
                display: table
            }
            .sm\:table-caption {
                display: table-caption
            }
            .sm\:table-cell {
                display: table-cell
            }
            .sm\:table-column {
                display: table-column
            }
            .sm\:table-column-group {
                display: table-column-group
            }
            .sm\:table-footer-group {
                display: table-footer-group
            }
            .sm\:table-header-group {
                display: table-header-group
            }
            .sm\:table-row-group {
                display: table-row-group
            }
            .sm\:table-row {
                display: table-row
            }
            .sm\:flow-root {
                display: flow-root
            }
            .sm\:grid {
                display: grid
            }
            .sm\:inline-grid {
                display: inline-grid
            }
            .sm\:hidden {
                display: none
            }
            .sm\:flex-row {
                flex-direction: row
            }
            .sm\:flex-row-reverse {
                flex-direction: row-reverse
            }
            .sm\:flex-col {
                flex-direction: column
            }
            .sm\:flex-col-reverse {
                flex-direction: column-reverse
            }
            .sm\:flex-wrap {
                flex-wrap: wrap
            }
            .sm\:flex-wrap-reverse {
                flex-wrap: wrap-reverse
            }
            .sm\:flex-no-wrap {
                flex-wrap: nowrap
            }
            .sm\:items-start {
                align-items: flex-start
            }
            .sm\:items-end {
                align-items: flex-end
            }
            .sm\:items-center {
                align-items: center
            }
            .sm\:items-baseline {
                align-items: baseline
            }
            .sm\:items-stretch {
                align-items: stretch
            }
            .sm\:self-auto {
                align-self: auto
            }
            .sm\:self-start {
                align-self: flex-start
            }
            .sm\:self-end {
                align-self: flex-end
            }
            .sm\:self-center {
                align-self: center
            }
            .sm\:self-stretch {
                align-self: stretch
            }
            .sm\:justify-start {
                justify-content: flex-start
            }
            .sm\:justify-end {
                justify-content: flex-end
            }
            .sm\:justify-center {
                justify-content: center
            }
            .sm\:justify-between {
                justify-content: space-between
            }
            .sm\:justify-around {
                justify-content: space-around
            }
            .sm\:justify-evenly {
                justify-content: space-evenly
            }
            .sm\:content-center {
                align-content: center
            }
            .sm\:content-start {
                align-content: flex-start
            }
            .sm\:content-end {
                align-content: flex-end
            }
            .sm\:content-between {
                align-content: space-between
            }
            .sm\:content-around {
                align-content: space-around
            }
            .sm\:flex-1 {
                flex: 1 1 0%
            }
            .sm\:flex-auto {
                flex: 1 1 auto
            }
            .sm\:flex-initial {
                flex: 0 1 auto
            }
            .sm\:flex-none {
                flex: none
            }
            .sm\:flex-grow-0 {
                flex-grow: 0
            }
            .sm\:flex-grow {
                flex-grow: 1
            }
            .sm\:flex-shrink-0 {
                flex-shrink: 0
            }
            .sm\:flex-shrink {
                flex-shrink: 1
            }
            .sm\:order-1 {
                order: 1
            }
            .sm\:order-2 {
                order: 2
            }
            .sm\:order-3 {
                order: 3
            }
            .sm\:order-4 {
                order: 4
            }
            .sm\:order-5 {
                order: 5
            }
            .sm\:order-6 {
                order: 6
            }
            .sm\:order-7 {
                order: 7
            }
            .sm\:order-8 {
                order: 8
            }
            .sm\:order-9 {
                order: 9
            }
            .sm\:order-10 {
                order: 10
            }
            .sm\:order-11 {
                order: 11
            }
            .sm\:order-12 {
                order: 12
            }
            .sm\:order-first {
                order: -9999
            }
            .sm\:order-last {
                order: 9999
            }
            .sm\:order-none {
                order: 0
            }
            .sm\:float-right {
                float: right
            }
            .sm\:float-left {
                float: left
            }
            .sm\:float-none {
                float: none
            }
            .sm\:clearfix:after {
                content: "";
                display: table;
                clear: both
            }
            .sm\:clear-left {
                clear: left
            }
            .sm\:clear-right {
                clear: right
            }
            .sm\:clear-both {
                clear: both
            }
            .sm\:clear-none {
                clear: none
            }
            .sm\:font-display {
                font-family: Oswald, sans-serif
            }
            .sm\:font-body {
                font-family: Ropa Sans, sans-serif
            }
            .sm\:font-hairline {
                font-weight: 100
            }
            .sm\:font-thin {
                font-weight: 200
            }
            .sm\:font-light {
                font-weight: 300
            }
            .sm\:font-normal {
                font-weight: 400
            }
            .sm\:font-medium {
                font-weight: 500
            }
            .sm\:font-semibold {
                font-weight: 600
            }
            .sm\:font-bold {
                font-weight: 700
            }
            .sm\:font-extrabold {
                font-weight: 800
            }
            .sm\:font-black {
                font-weight: 900
            }
            .sm\:hover\:font-hairline:hover {
                font-weight: 100
            }
            .sm\:hover\:font-thin:hover {
                font-weight: 200
            }
            .sm\:hover\:font-light:hover {
                font-weight: 300
            }
            .sm\:hover\:font-normal:hover {
                font-weight: 400
            }
            .sm\:hover\:font-medium:hover {
                font-weight: 500
            }
            .sm\:hover\:font-semibold:hover {
                font-weight: 600
            }
            .sm\:hover\:font-bold:hover {
                font-weight: 700
            }
            .sm\:hover\:font-extrabold:hover {
                font-weight: 800
            }
            .sm\:hover\:font-black:hover {
                font-weight: 900
            }
            .sm\:focus\:font-hairline:focus {
                font-weight: 100
            }
            .sm\:focus\:font-thin:focus {
                font-weight: 200
            }
            .sm\:focus\:font-light:focus {
                font-weight: 300
            }
            .sm\:focus\:font-normal:focus {
                font-weight: 400
            }
            .sm\:focus\:font-medium:focus {
                font-weight: 500
            }
            .sm\:focus\:font-semibold:focus {
                font-weight: 600
            }
            .sm\:focus\:font-bold:focus {
                font-weight: 700
            }
            .sm\:focus\:font-extrabold:focus {
                font-weight: 800
            }
            .sm\:focus\:font-black:focus {
                font-weight: 900
            }
            .sm\:h-0 {
                height: 0
            }
            .sm\:h-1 {
                height: 8px
            }
            .sm\:h-2 {
                height: 12px
            }
            .sm\:h-3 {
                height: 16px
            }
            .sm\:h-4 {
                height: 24px
            }
            .sm\:h-5 {
                height: 32px
            }
            .sm\:h-6 {
                height: 48px
            }
            .sm\:h-7 {
                height: 60px
            }
            .sm\:h-8 {
                height: 72px
            }
            .sm\:h-9 {
                height: 84px
            }
            .sm\:h-10 {
                height: 96px
            }
            .sm\:h-auto {
                height: auto
            }
            .sm\:h-0\.5 {
                height: 4px
            }
            .sm\:h-full {
                height: 100%
            }
            .sm\:h-screen {
                height: 100vh
            }
            .sm\:text-xs {
                font-size: .75rem
            }
            .sm\:text-sm {
                font-size: .875rem
            }
            .sm\:text-base {
                font-size: 1rem
            }
            .sm\:text-lg {
                font-size: 1.125rem
            }
            .sm\:text-xl {
                font-size: 1.25rem
            }
            .sm\:text-2xl {
                font-size: 1.5rem
            }
            .sm\:text-3xl {
                font-size: 1.875rem
            }
            .sm\:text-4xl {
                font-size: 2.25rem
            }
            .sm\:text-5xl {
                font-size: 3rem
            }
            .sm\:text-6xl {
                font-size: 4rem
            }
            .sm\:hover\:text-xs:hover {
                font-size: .75rem
            }
            .sm\:hover\:text-sm:hover {
                font-size: .875rem
            }
            .sm\:hover\:text-base:hover {
                font-size: 1rem
            }
            .sm\:hover\:text-lg:hover {
                font-size: 1.125rem
            }
            .sm\:hover\:text-xl:hover {
                font-size: 1.25rem
            }
            .sm\:hover\:text-2xl:hover {
                font-size: 1.5rem
            }
            .sm\:hover\:text-3xl:hover {
                font-size: 1.875rem
            }
            .sm\:hover\:text-4xl:hover {
                font-size: 2.25rem
            }
            .sm\:hover\:text-5xl:hover {
                font-size: 3rem
            }
            .sm\:hover\:text-6xl:hover {
                font-size: 4rem
            }
            .sm\:focus\:text-xs:focus {
                font-size: .75rem
            }
            .sm\:focus\:text-sm:focus {
                font-size: .875rem
            }
            .sm\:focus\:text-base:focus {
                font-size: 1rem
            }
            .sm\:focus\:text-lg:focus {
                font-size: 1.125rem
            }
            .sm\:focus\:text-xl:focus {
                font-size: 1.25rem
            }
            .sm\:focus\:text-2xl:focus {
                font-size: 1.5rem
            }
            .sm\:focus\:text-3xl:focus {
                font-size: 1.875rem
            }
            .sm\:focus\:text-4xl:focus {
                font-size: 2.25rem
            }
            .sm\:focus\:text-5xl:focus {
                font-size: 3rem
            }
            .sm\:focus\:text-6xl:focus {
                font-size: 4rem
            }
            .sm\:leading-3 {
                line-height: .75rem
            }
            .sm\:leading-4 {
                line-height: 1rem
            }
            .sm\:leading-5 {
                line-height: 1.25rem
            }
            .sm\:leading-6 {
                line-height: 1.5rem
            }
            .sm\:leading-7 {
                line-height: 1.75rem
            }
            .sm\:leading-8 {
                line-height: 2rem
            }
            .sm\:leading-9 {
                line-height: 2.25rem
            }
            .sm\:leading-10 {
                line-height: 2.5rem
            }
            .sm\:leading-none {
                line-height: 1
            }
            .sm\:leading-tight {
                line-height: 1.25
            }
            .sm\:leading-snug {
                line-height: 1.375
            }
            .sm\:leading-normal {
                line-height: 1.5
            }
            .sm\:leading-relaxed {
                line-height: 1.625
            }
            .sm\:leading-loose {
                line-height: 2
            }
            .sm\:list-inside {
                list-style-position: inside
            }
            .sm\:list-outside {
                list-style-position: outside
            }
            .sm\:list-none {
                list-style-type: none
            }
            .sm\:list-disc {
                list-style-type: disc
            }
            .sm\:list-decimal {
                list-style-type: decimal
            }
            .sm\:m-0 {
                margin: 0
            }
            .sm\:m-1 {
                margin: 8px
            }
            .sm\:m-2 {
                margin: 12px
            }
            .sm\:m-3 {
                margin: 16px
            }
            .sm\:m-4 {
                margin: 24px
            }
            .sm\:m-5 {
                margin: 32px
            }
            .sm\:m-6 {
                margin: 48px
            }
            .sm\:m-7 {
                margin: 60px
            }
            .sm\:m-8 {
                margin: 72px
            }
            .sm\:m-9 {
                margin: 84px
            }
            .sm\:m-10 {
                margin: 96px
            }
            .sm\:m-auto {
                margin: auto
            }
            .sm\:m-0\.5 {
                margin: 4px
            }
            .sm\:-m-1 {
                margin: -8px
            }
            .sm\:-m-2 {
                margin: -12px
            }
            .sm\:-m-3 {
                margin: -16px
            }
            .sm\:-m-4 {
                margin: -24px
            }
            .sm\:-m-5 {
                margin: -32px
            }
            .sm\:-m-6 {
                margin: -48px
            }
            .sm\:-m-7 {
                margin: -60px
            }
            .sm\:-m-8 {
                margin: -72px
            }
            .sm\:-m-9 {
                margin: -84px
            }
            .sm\:-m-10 {
                margin: -96px
            }
            .sm\:-m-0\.5 {
                margin: -4px
            }
            .sm\:my-0 {
                margin-top: 0;
                margin-bottom: 0
            }
            .sm\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }
            .sm\:my-1 {
                margin-top: 8px;
                margin-bottom: 8px
            }
            .sm\:mx-1 {
                margin-left: 8px;
                margin-right: 8px
            }
            .sm\:my-2 {
                margin-top: 12px;
                margin-bottom: 12px
            }
            .sm\:mx-2 {
                margin-left: 12px;
                margin-right: 12px
            }
            .sm\:my-3 {
                margin-top: 16px;
                margin-bottom: 16px
            }
            .sm\:mx-3 {
                margin-left: 16px;
                margin-right: 16px
            }
            .sm\:my-4 {
                margin-top: 24px;
                margin-bottom: 24px
            }
            .sm\:mx-4 {
                margin-left: 24px;
                margin-right: 24px
            }
            .sm\:my-5 {
                margin-top: 32px;
                margin-bottom: 32px
            }
            .sm\:mx-5 {
                margin-left: 32px;
                margin-right: 32px
            }
            .sm\:my-6 {
                margin-top: 48px;
                margin-bottom: 48px
            }
            .sm\:mx-6 {
                margin-left: 48px;
                margin-right: 48px
            }
            .sm\:my-7 {
                margin-top: 60px;
                margin-bottom: 60px
            }
            .sm\:mx-7 {
                margin-left: 60px;
                margin-right: 60px
            }
            .sm\:my-8 {
                margin-top: 72px;
                margin-bottom: 72px
            }
            .sm\:mx-8 {
                margin-left: 72px;
                margin-right: 72px
            }
            .sm\:my-9 {
                margin-top: 84px;
                margin-bottom: 84px
            }
            .sm\:mx-9 {
                margin-left: 84px;
                margin-right: 84px
            }
            .sm\:my-10 {
                margin-top: 96px;
                margin-bottom: 96px
            }
            .sm\:mx-10 {
                margin-left: 96px;
                margin-right: 96px
            }
            .sm\:my-auto {
                margin-top: auto;
                margin-bottom: auto
            }
            .sm\:mx-auto {
                margin-left: auto;
                margin-right: auto
            }
            .sm\:my-0\.5 {
                margin-top: 4px;
                margin-bottom: 4px
            }
            .sm\:mx-0\.5 {
                margin-left: 4px;
                margin-right: 4px
            }
            .sm\:-my-1 {
                margin-top: -8px;
                margin-bottom: -8px
            }
            .sm\:-mx-1 {
                margin-left: -8px;
                margin-right: -8px
            }
            .sm\:-my-2 {
                margin-top: -12px;
                margin-bottom: -12px
            }
            .sm\:-mx-2 {
                margin-left: -12px;
                margin-right: -12px
            }
            .sm\:-my-3 {
                margin-top: -16px;
                margin-bottom: -16px
            }
            .sm\:-mx-3 {
                margin-left: -16px;
                margin-right: -16px
            }
            .sm\:-my-4 {
                margin-top: -24px;
                margin-bottom: -24px
            }
            .sm\:-mx-4 {
                margin-left: -24px;
                margin-right: -24px
            }
            .sm\:-my-5 {
                margin-top: -32px;
                margin-bottom: -32px
            }
            .sm\:-mx-5 {
                margin-left: -32px;
                margin-right: -32px
            }
            .sm\:-my-6 {
                margin-top: -48px;
                margin-bottom: -48px
            }
            .sm\:-mx-6 {
                margin-left: -48px;
                margin-right: -48px
            }
            .sm\:-my-7 {
                margin-top: -60px;
                margin-bottom: -60px
            }
            .sm\:-mx-7 {
                margin-left: -60px;
                margin-right: -60px
            }
            .sm\:-my-8 {
                margin-top: -72px;
                margin-bottom: -72px
            }
            .sm\:-mx-8 {
                margin-left: -72px;
                margin-right: -72px
            }
            .sm\:-my-9 {
                margin-top: -84px;
                margin-bottom: -84px
            }
            .sm\:-mx-9 {
                margin-left: -84px;
                margin-right: -84px
            }
            .sm\:-my-10 {
                margin-top: -96px;
                margin-bottom: -96px
            }
            .sm\:-mx-10 {
                margin-left: -96px;
                margin-right: -96px
            }
            .sm\:-my-0\.5 {
                margin-top: -4px;
                margin-bottom: -4px
            }
            .sm\:-mx-0\.5 {
                margin-left: -4px;
                margin-right: -4px
            }
            .sm\:mt-0 {
                margin-top: 0
            }
            .sm\:mr-0 {
                margin-right: 0
            }
            .sm\:mb-0 {
                margin-bottom: 0
            }
            .sm\:ml-0 {
                margin-left: 0
            }
            .sm\:mt-1 {
                margin-top: 8px
            }
            .sm\:mr-1 {
                margin-right: 8px
            }
            .sm\:mb-1 {
                margin-bottom: 8px
            }
            .sm\:ml-1 {
                margin-left: 8px
            }
            .sm\:mt-2 {
                margin-top: 12px
            }
            .sm\:mr-2 {
                margin-right: 12px
            }
            .sm\:mb-2 {
                margin-bottom: 12px
            }
            .sm\:ml-2 {
                margin-left: 12px
            }
            .sm\:mt-3 {
                margin-top: 16px
            }
            .sm\:mr-3 {
                margin-right: 16px
            }
            .sm\:mb-3 {
                margin-bottom: 16px
            }
            .sm\:ml-3 {
                margin-left: 16px
            }
            .sm\:mt-4 {
                margin-top: 24px
            }
            .sm\:mr-4 {
                margin-right: 24px
            }
            .sm\:mb-4 {
                margin-bottom: 24px
            }
            .sm\:ml-4 {
                margin-left: 24px
            }
            .sm\:mt-5 {
                margin-top: 32px
            }
            .sm\:mr-5 {
                margin-right: 32px
            }
            .sm\:mb-5 {
                margin-bottom: 32px
            }
            .sm\:ml-5 {
                margin-left: 32px
            }
            .sm\:mt-6 {
                margin-top: 48px
            }
            .sm\:mr-6 {
                margin-right: 48px
            }
            .sm\:mb-6 {
                margin-bottom: 48px
            }
            .sm\:ml-6 {
                margin-left: 48px
            }
            .sm\:mt-7 {
                margin-top: 60px
            }
            .sm\:mr-7 {
                margin-right: 60px
            }
            .sm\:mb-7 {
                margin-bottom: 60px
            }
            .sm\:ml-7 {
                margin-left: 60px
            }
            .sm\:mt-8 {
                margin-top: 72px
            }
            .sm\:mr-8 {
                margin-right: 72px
            }
            .sm\:mb-8 {
                margin-bottom: 72px
            }
            .sm\:ml-8 {
                margin-left: 72px
            }
            .sm\:mt-9 {
                margin-top: 84px
            }
            .sm\:mr-9 {
                margin-right: 84px
            }
            .sm\:mb-9 {
                margin-bottom: 84px
            }
            .sm\:ml-9 {
                margin-left: 84px
            }
            .sm\:mt-10 {
                margin-top: 96px
            }
            .sm\:mr-10 {
                margin-right: 96px
            }
            .sm\:mb-10 {
                margin-bottom: 96px
            }
            .sm\:ml-10 {
                margin-left: 96px
            }
            .sm\:mt-auto {
                margin-top: auto
            }
            .sm\:mr-auto {
                margin-right: auto
            }
            .sm\:mb-auto {
                margin-bottom: auto
            }
            .sm\:ml-auto {
                margin-left: auto
            }
            .sm\:mt-0\.5 {
                margin-top: 4px
            }
            .sm\:mr-0\.5 {
                margin-right: 4px
            }
            .sm\:mb-0\.5 {
                margin-bottom: 4px
            }
            .sm\:ml-0\.5 {
                margin-left: 4px
            }
            .sm\:-mt-1 {
                margin-top: -8px
            }
            .sm\:-mr-1 {
                margin-right: -8px
            }
            .sm\:-mb-1 {
                margin-bottom: -8px
            }
            .sm\:-ml-1 {
                margin-left: -8px
            }
            .sm\:-mt-2 {
                margin-top: -12px
            }
            .sm\:-mr-2 {
                margin-right: -12px
            }
            .sm\:-mb-2 {
                margin-bottom: -12px
            }
            .sm\:-ml-2 {
                margin-left: -12px
            }
            .sm\:-mt-3 {
                margin-top: -16px
            }
            .sm\:-mr-3 {
                margin-right: -16px
            }
            .sm\:-mb-3 {
                margin-bottom: -16px
            }
            .sm\:-ml-3 {
                margin-left: -16px
            }
            .sm\:-mt-4 {
                margin-top: -24px
            }
            .sm\:-mr-4 {
                margin-right: -24px
            }
            .sm\:-mb-4 {
                margin-bottom: -24px
            }
            .sm\:-ml-4 {
                margin-left: -24px
            }
            .sm\:-mt-5 {
                margin-top: -32px
            }
            .sm\:-mr-5 {
                margin-right: -32px
            }
            .sm\:-mb-5 {
                margin-bottom: -32px
            }
            .sm\:-ml-5 {
                margin-left: -32px
            }
            .sm\:-mt-6 {
                margin-top: -48px
            }
            .sm\:-mr-6 {
                margin-right: -48px
            }
            .sm\:-mb-6 {
                margin-bottom: -48px
            }
            .sm\:-ml-6 {
                margin-left: -48px
            }
            .sm\:-mt-7 {
                margin-top: -60px
            }
            .sm\:-mr-7 {
                margin-right: -60px
            }
            .sm\:-mb-7 {
                margin-bottom: -60px
            }
            .sm\:-ml-7 {
                margin-left: -60px
            }
            .sm\:-mt-8 {
                margin-top: -72px
            }
            .sm\:-mr-8 {
                margin-right: -72px
            }
            .sm\:-mb-8 {
                margin-bottom: -72px
            }
            .sm\:-ml-8 {
                margin-left: -72px
            }
            .sm\:-mt-9 {
                margin-top: -84px
            }
            .sm\:-mr-9 {
                margin-right: -84px
            }
            .sm\:-mb-9 {
                margin-bottom: -84px
            }
            .sm\:-ml-9 {
                margin-left: -84px
            }
            .sm\:-mt-10 {
                margin-top: -96px
            }
            .sm\:-mr-10 {
                margin-right: -96px
            }
            .sm\:-mb-10 {
                margin-bottom: -96px
            }
            .sm\:-ml-10 {
                margin-left: -96px
            }
            .sm\:-mt-0\.5 {
                margin-top: -4px
            }
            .sm\:-mr-0\.5 {
                margin-right: -4px
            }
            .sm\:-mb-0\.5 {
                margin-bottom: -4px
            }
            .sm\:-ml-0\.5 {
                margin-left: -4px
            }
            .sm\:max-h-full {
                max-height: 100%
            }
            .sm\:max-h-screen {
                max-height: 100vh
            }
            .sm\:max-w-none {
                max-width: none
            }
            .sm\:max-w-xs {
                max-width: 20rem
            }
            .sm\:max-w-sm {
                max-width: 24rem
            }
            .sm\:max-w-md {
                max-width: 28rem
            }
            .sm\:max-w-lg {
                max-width: 32rem
            }
            .sm\:max-w-xl {
                max-width: 36rem
            }
            .sm\:max-w-2xl {
                max-width: 42rem
            }
            .sm\:max-w-3xl {
                max-width: 48rem
            }
            .sm\:max-w-4xl {
                max-width: 56rem
            }
            .sm\:max-w-5xl {
                max-width: 64rem
            }
            .sm\:max-w-6xl {
                max-width: 72rem
            }
            .sm\:max-w-full {
                max-width: 100%
            }
            .sm\:max-w-screen-xs {
                max-width: 420px
            }
            .sm\:max-w-screen-sm {
                max-width: 640px
            }
            .sm\:max-w-screen-md {
                max-width: 768px
            }
            .sm\:max-w-screen-lg {
                max-width: 1024px
            }
            .sm\:max-w-screen-xl {
                max-width: 1100px
            }
            .sm\:min-h-0 {
                min-height: 0
            }
            .sm\:min-h-full {
                min-height: 100%
            }
            .sm\:min-h-screen {
                min-height: 100vh
            }
            .sm\:min-w-0 {
                min-width: 0
            }
            .sm\:min-w-full {
                min-width: 100%
            }
            .sm\:object-contain {
                object-fit: contain
            }
            .sm\:object-cover {
                object-fit: cover
            }
            .sm\:object-fill {
                object-fit: fill
            }
            .sm\:object-none {
                object-fit: none
            }
            .sm\:object-scale-down {
                object-fit: scale-down
            }
            .sm\:object-bottom {
                object-position: bottom
            }
            .sm\:object-center {
                object-position: center
            }
            .sm\:object-left {
                object-position: left
            }
            .sm\:object-left-bottom {
                object-position: left bottom
            }
            .sm\:object-left-top {
                object-position: left top
            }
            .sm\:object-right {
                object-position: right
            }
            .sm\:object-right-bottom {
                object-position: right bottom
            }
            .sm\:object-right-top {
                object-position: right top
            }
            .sm\:object-top {
                object-position: top
            }
            .sm\:opacity-0 {
                opacity: 0
            }
            .sm\:opacity-25 {
                opacity: .25
            }
            .sm\:opacity-50 {
                opacity: .5
            }
            .sm\:opacity-75 {
                opacity: .75
            }
            .sm\:opacity-100 {
                opacity: 1
            }
            .sm\:hover\:opacity-0:hover {
                opacity: 0
            }
            .sm\:hover\:opacity-25:hover {
                opacity: .25
            }
            .sm\:hover\:opacity-50:hover {
                opacity: .5
            }
            .sm\:hover\:opacity-75:hover {
                opacity: .75
            }
            .sm\:hover\:opacity-100:hover {
                opacity: 1
            }
            .sm\:focus\:outline-none:focus,
            .sm\:outline-none {
                outline: 0
            }
            .sm\:overflow-auto {
                overflow: auto
            }
            .sm\:overflow-hidden {
                overflow: hidden
            }
            .sm\:overflow-visible {
                overflow: visible
            }
            .sm\:overflow-scroll {
                overflow: scroll
            }
            .sm\:overflow-x-auto {
                overflow-x: auto
            }
            .sm\:overflow-y-auto {
                overflow-y: auto
            }
            .sm\:overflow-x-hidden {
                overflow-x: hidden
            }
            .sm\:overflow-y-hidden {
                overflow-y: hidden
            }
            .sm\:overflow-x-visible {
                overflow-x: visible
            }
            .sm\:overflow-y-visible {
                overflow-y: visible
            }
            .sm\:overflow-x-scroll {
                overflow-x: scroll
            }
            .sm\:overflow-y-scroll {
                overflow-y: scroll
            }
            .sm\:scrolling-touch {
                -webkit-overflow-scrolling: touch
            }
            .sm\:scrolling-auto {
                -webkit-overflow-scrolling: auto
            }
            .sm\:p-0 {
                padding: 0
            }
            .sm\:p-1 {
                padding: 8px
            }
            .sm\:p-2 {
                padding: 12px
            }
            .sm\:p-3 {
                padding: 16px
            }
            .sm\:p-4 {
                padding: 24px
            }
            .sm\:p-5 {
                padding: 32px
            }
            .sm\:p-6 {
                padding: 48px
            }
            .sm\:p-7 {
                padding: 60px
            }
            .sm\:p-8 {
                padding: 72px
            }
            .sm\:p-9 {
                padding: 84px
            }
            .sm\:p-10 {
                padding: 96px
            }
            .sm\:p-0\.5 {
                padding: 4px
            }
            .sm\:py-0 {
                padding-top: 0;
                padding-bottom: 0
            }
            .sm\:px-0 {
                padding-left: 0;
                padding-right: 0
            }
            .sm\:py-1 {
                padding-top: 8px;
                padding-bottom: 8px
            }
            .sm\:px-1 {
                padding-left: 8px;
                padding-right: 8px
            }
            .sm\:py-2 {
                padding-top: 12px;
                padding-bottom: 12px
            }
            .sm\:px-2 {
                padding-left: 12px;
                padding-right: 12px
            }
            .sm\:py-3 {
                padding-top: 16px;
                padding-bottom: 16px
            }
            .sm\:px-3 {
                padding-left: 16px;
                padding-right: 16px
            }
            .sm\:py-4 {
                padding-top: 24px;
                padding-bottom: 24px
            }
            .sm\:px-4 {
                padding-left: 24px;
                padding-right: 24px
            }
            .sm\:py-5 {
                padding-top: 32px;
                padding-bottom: 32px
            }
            .sm\:px-5 {
                padding-left: 32px;
                padding-right: 32px
            }
            .sm\:py-6 {
                padding-top: 48px;
                padding-bottom: 48px
            }
            .sm\:px-6 {
                padding-left: 48px;
                padding-right: 48px
            }
            .sm\:py-7 {
                padding-top: 60px;
                padding-bottom: 60px
            }
            .sm\:px-7 {
                padding-left: 60px;
                padding-right: 60px
            }
            .sm\:py-8 {
                padding-top: 72px;
                padding-bottom: 72px
            }
            .sm\:px-8 {
                padding-left: 72px;
                padding-right: 72px
            }
            .sm\:py-9 {
                padding-top: 84px;
                padding-bottom: 84px
            }
            .sm\:px-9 {
                padding-left: 84px;
                padding-right: 84px
            }
            .sm\:py-10 {
                padding-top: 96px;
                padding-bottom: 96px
            }
            .sm\:px-10 {
                padding-left: 96px;
                padding-right: 96px
            }
            .sm\:py-0\.5 {
                padding-top: 4px;
                padding-bottom: 4px
            }
            .sm\:px-0\.5 {
                padding-left: 4px;
                padding-right: 4px
            }
            .sm\:pt-0 {
                padding-top: 0
            }
            .sm\:pr-0 {
                padding-right: 0
            }
            .sm\:pb-0 {
                padding-bottom: 0
            }
            .sm\:pl-0 {
                padding-left: 0
            }
            .sm\:pt-1 {
                padding-top: 8px
            }
            .sm\:pr-1 {
                padding-right: 8px
            }
            .sm\:pb-1 {
                padding-bottom: 8px
            }
            .sm\:pl-1 {
                padding-left: 8px
            }
            .sm\:pt-2 {
                padding-top: 12px
            }
            .sm\:pr-2 {
                padding-right: 12px
            }
            .sm\:pb-2 {
                padding-bottom: 12px
            }
            .sm\:pl-2 {
                padding-left: 12px
            }
            .sm\:pt-3 {
                padding-top: 16px
            }
            .sm\:pr-3 {
                padding-right: 16px
            }
            .sm\:pb-3 {
                padding-bottom: 16px
            }
            .sm\:pl-3 {
                padding-left: 16px
            }
            .sm\:pt-4 {
                padding-top: 24px
            }
            .sm\:pr-4 {
                padding-right: 24px
            }
            .sm\:pb-4 {
                padding-bottom: 24px
            }
            .sm\:pl-4 {
                padding-left: 24px
            }
            .sm\:pt-5 {
                padding-top: 32px
            }
            .sm\:pr-5 {
                padding-right: 32px
            }
            .sm\:pb-5 {
                padding-bottom: 32px
            }
            .sm\:pl-5 {
                padding-left: 32px
            }
            .sm\:pt-6 {
                padding-top: 48px
            }
            .sm\:pr-6 {
                padding-right: 48px
            }
            .sm\:pb-6 {
                padding-bottom: 48px
            }
            .sm\:pl-6 {
                padding-left: 48px
            }
            .sm\:pt-7 {
                padding-top: 60px
            }
            .sm\:pr-7 {
                padding-right: 60px
            }
            .sm\:pb-7 {
                padding-bottom: 60px
            }
            .sm\:pl-7 {
                padding-left: 60px
            }
            .sm\:pt-8 {
                padding-top: 72px
            }
            .sm\:pr-8 {
                padding-right: 72px
            }
            .sm\:pb-8 {
                padding-bottom: 72px
            }
            .sm\:pl-8 {
                padding-left: 72px
            }
            .sm\:pt-9 {
                padding-top: 84px
            }
            .sm\:pr-9 {
                padding-right: 84px
            }
            .sm\:pb-9 {
                padding-bottom: 84px
            }
            .sm\:pl-9 {
                padding-left: 84px
            }
            .sm\:pt-10 {
                padding-top: 96px
            }
            .sm\:pr-10 {
                padding-right: 96px
            }
            .sm\:pb-10 {
                padding-bottom: 96px
            }
            .sm\:pl-10 {
                padding-left: 96px
            }
            .sm\:pt-0\.5 {
                padding-top: 4px
            }
            .sm\:pr-0\.5 {
                padding-right: 4px
            }
            .sm\:pb-0\.5 {
                padding-bottom: 4px
            }
            .sm\:pl-0\.5 {
                padding-left: 4px
            }
            .sm\:placeholder-transparent::placeholder {
                color: transparent
            }
            .sm\:placeholder-current::placeholder {
                color: currentColor
            }
            .sm\:placeholder-black::placeholder {
                --placeholder-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--placeholder-opacity))
            }
            .sm\:placeholder-white::placeholder {
                --placeholder-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--placeholder-opacity))
            }
            .sm\:placeholder-gray-100::placeholder {
                --placeholder-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--placeholder-opacity))
            }
            .sm\:placeholder-gray-200::placeholder {
                --placeholder-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--placeholder-opacity))
            }
            .sm\:placeholder-gray-300::placeholder {
                --placeholder-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--placeholder-opacity))
            }
            .sm\:placeholder-gray-400::placeholder {
                --placeholder-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--placeholder-opacity))
            }
            .sm\:placeholder-gray-500::placeholder {
                --placeholder-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--placeholder-opacity))
            }
            .sm\:placeholder-gray-600::placeholder {
                --placeholder-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--placeholder-opacity))
            }
            .sm\:placeholder-gray-700::placeholder {
                --placeholder-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--placeholder-opacity))
            }
            .sm\:placeholder-gray-800::placeholder {
                --placeholder-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--placeholder-opacity))
            }
            .sm\:placeholder-gray-900::placeholder {
                --placeholder-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--placeholder-opacity))
            }
            .sm\:placeholder-red-100::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--placeholder-opacity))
            }
            .sm\:placeholder-red-200::placeholder {
                --placeholder-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--placeholder-opacity))
            }
            .sm\:placeholder-red-300::placeholder {
                --placeholder-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--placeholder-opacity))
            }
            .sm\:placeholder-red-400::placeholder {
                --placeholder-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--placeholder-opacity))
            }
            .sm\:placeholder-red-500::placeholder {
                --placeholder-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--placeholder-opacity))
            }
            .sm\:placeholder-red-600::placeholder {
                --placeholder-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--placeholder-opacity))
            }
            .sm\:placeholder-red-700::placeholder {
                --placeholder-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--placeholder-opacity))
            }
            .sm\:placeholder-red-800::placeholder {
                --placeholder-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--placeholder-opacity))
            }
            .sm\:placeholder-red-900::placeholder {
                --placeholder-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--placeholder-opacity))
            }
            .sm\:placeholder-orange-100::placeholder {
                --placeholder-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--placeholder-opacity))
            }
            .sm\:placeholder-orange-200::placeholder {
                --placeholder-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--placeholder-opacity))
            }
            .sm\:placeholder-orange-300::placeholder {
                --placeholder-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--placeholder-opacity))
            }
            .sm\:placeholder-orange-400::placeholder {
                --placeholder-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--placeholder-opacity))
            }
            .sm\:placeholder-orange-500::placeholder {
                --placeholder-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--placeholder-opacity))
            }
            .sm\:placeholder-orange-600::placeholder {
                --placeholder-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--placeholder-opacity))
            }
            .sm\:placeholder-orange-700::placeholder {
                --placeholder-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--placeholder-opacity))
            }
            .sm\:placeholder-orange-800::placeholder {
                --placeholder-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--placeholder-opacity))
            }
            .sm\:placeholder-orange-900::placeholder {
                --placeholder-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--placeholder-opacity))
            }
            .sm\:placeholder-yellow-100::placeholder {
                --placeholder-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--placeholder-opacity))
            }
            .sm\:placeholder-yellow-200::placeholder {
                --placeholder-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--placeholder-opacity))
            }
            .sm\:placeholder-yellow-300::placeholder {
                --placeholder-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--placeholder-opacity))
            }
            .sm\:placeholder-yellow-400::placeholder {
                --placeholder-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--placeholder-opacity))
            }
            .sm\:placeholder-yellow-500::placeholder {
                --placeholder-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--placeholder-opacity))
            }
            .sm\:placeholder-yellow-600::placeholder {
                --placeholder-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--placeholder-opacity))
            }
            .sm\:placeholder-yellow-700::placeholder {
                --placeholder-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--placeholder-opacity))
            }
            .sm\:placeholder-yellow-800::placeholder {
                --placeholder-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--placeholder-opacity))
            }
            .sm\:placeholder-yellow-900::placeholder {
                --placeholder-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--placeholder-opacity))
            }
            .sm\:placeholder-green-100::placeholder {
                --placeholder-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--placeholder-opacity))
            }
            .sm\:placeholder-green-200::placeholder {
                --placeholder-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--placeholder-opacity))
            }
            .sm\:placeholder-green-300::placeholder {
                --placeholder-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--placeholder-opacity))
            }
            .sm\:placeholder-green-400::placeholder {
                --placeholder-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--placeholder-opacity))
            }
            .sm\:placeholder-green-500::placeholder {
                --placeholder-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--placeholder-opacity))
            }
            .sm\:placeholder-green-600::placeholder {
                --placeholder-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--placeholder-opacity))
            }
            .sm\:placeholder-green-700::placeholder {
                --placeholder-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--placeholder-opacity))
            }
            .sm\:placeholder-green-800::placeholder {
                --placeholder-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--placeholder-opacity))
            }
            .sm\:placeholder-green-900::placeholder {
                --placeholder-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--placeholder-opacity))
            }
            .sm\:placeholder-teal-100::placeholder {
                --placeholder-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--placeholder-opacity))
            }
            .sm\:placeholder-teal-200::placeholder {
                --placeholder-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--placeholder-opacity))
            }
            .sm\:placeholder-teal-300::placeholder {
                --placeholder-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--placeholder-opacity))
            }
            .sm\:placeholder-teal-400::placeholder {
                --placeholder-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--placeholder-opacity))
            }
            .sm\:placeholder-teal-500::placeholder {
                --placeholder-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--placeholder-opacity))
            }
            .sm\:placeholder-teal-600::placeholder {
                --placeholder-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--placeholder-opacity))
            }
            .sm\:placeholder-teal-700::placeholder {
                --placeholder-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--placeholder-opacity))
            }
            .sm\:placeholder-teal-800::placeholder {
                --placeholder-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--placeholder-opacity))
            }
            .sm\:placeholder-teal-900::placeholder {
                --placeholder-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--placeholder-opacity))
            }
            .sm\:placeholder-blue-100::placeholder {
                --placeholder-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--placeholder-opacity))
            }
            .sm\:placeholder-blue-200::placeholder {
                --placeholder-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--placeholder-opacity))
            }
            .sm\:placeholder-blue-300::placeholder {
                --placeholder-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--placeholder-opacity))
            }
            .sm\:placeholder-blue-400::placeholder {
                --placeholder-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--placeholder-opacity))
            }
            .sm\:placeholder-blue-500::placeholder {
                --placeholder-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--placeholder-opacity))
            }
            .sm\:placeholder-blue-600::placeholder {
                --placeholder-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--placeholder-opacity))
            }
            .sm\:placeholder-blue-700::placeholder {
                --placeholder-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--placeholder-opacity))
            }
            .sm\:placeholder-blue-800::placeholder {
                --placeholder-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--placeholder-opacity))
            }
            .sm\:placeholder-blue-900::placeholder {
                --placeholder-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--placeholder-opacity))
            }
            .sm\:placeholder-indigo-100::placeholder {
                --placeholder-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--placeholder-opacity))
            }
            .sm\:placeholder-indigo-200::placeholder {
                --placeholder-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--placeholder-opacity))
            }
            .sm\:placeholder-indigo-300::placeholder {
                --placeholder-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--placeholder-opacity))
            }
            .sm\:placeholder-indigo-400::placeholder {
                --placeholder-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--placeholder-opacity))
            }
            .sm\:placeholder-indigo-500::placeholder {
                --placeholder-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--placeholder-opacity))
            }
            .sm\:placeholder-indigo-600::placeholder {
                --placeholder-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--placeholder-opacity))
            }
            .sm\:placeholder-indigo-700::placeholder {
                --placeholder-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--placeholder-opacity))
            }
            .sm\:placeholder-indigo-800::placeholder {
                --placeholder-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--placeholder-opacity))
            }
            .sm\:placeholder-indigo-900::placeholder {
                --placeholder-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--placeholder-opacity))
            }
            .sm\:placeholder-purple-100::placeholder {
                --placeholder-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--placeholder-opacity))
            }
            .sm\:placeholder-purple-200::placeholder {
                --placeholder-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--placeholder-opacity))
            }
            .sm\:placeholder-purple-300::placeholder {
                --placeholder-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--placeholder-opacity))
            }
            .sm\:placeholder-purple-400::placeholder {
                --placeholder-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--placeholder-opacity))
            }
            .sm\:placeholder-purple-500::placeholder {
                --placeholder-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--placeholder-opacity))
            }
            .sm\:placeholder-purple-600::placeholder {
                --placeholder-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--placeholder-opacity))
            }
            .sm\:placeholder-purple-700::placeholder {
                --placeholder-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--placeholder-opacity))
            }
            .sm\:placeholder-purple-800::placeholder {
                --placeholder-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--placeholder-opacity))
            }
            .sm\:placeholder-purple-900::placeholder {
                --placeholder-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--placeholder-opacity))
            }
            .sm\:placeholder-pink-100::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--placeholder-opacity))
            }
            .sm\:placeholder-pink-200::placeholder {
                --placeholder-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--placeholder-opacity))
            }
            .sm\:placeholder-pink-300::placeholder {
                --placeholder-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--placeholder-opacity))
            }
            .sm\:placeholder-pink-400::placeholder {
                --placeholder-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--placeholder-opacity))
            }
            .sm\:placeholder-pink-500::placeholder {
                --placeholder-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--placeholder-opacity))
            }
            .sm\:placeholder-pink-600::placeholder {
                --placeholder-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--placeholder-opacity))
            }
            .sm\:placeholder-pink-700::placeholder {
                --placeholder-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--placeholder-opacity))
            }
            .sm\:placeholder-pink-800::placeholder {
                --placeholder-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--placeholder-opacity))
            }
            .sm\:placeholder-pink-900::placeholder {
                --placeholder-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-transparent:focus::placeholder {
                color: transparent
            }
            .sm\:focus\:placeholder-current:focus::placeholder {
                color: currentColor
            }
            .sm\:focus\:placeholder-black:focus::placeholder {
                --placeholder-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-white:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-gray-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-gray-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-gray-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-gray-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-gray-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-gray-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-gray-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-gray-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-gray-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-red-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-red-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-red-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-red-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-red-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-red-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-red-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-red-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-red-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-orange-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-orange-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-orange-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-orange-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-orange-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-orange-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-orange-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-orange-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-orange-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-yellow-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-yellow-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-yellow-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-yellow-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-yellow-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-yellow-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-yellow-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-yellow-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-yellow-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-green-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-green-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-green-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-green-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-green-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-green-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-green-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-green-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-green-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-teal-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-teal-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-teal-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-teal-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-teal-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-teal-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-teal-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-teal-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-teal-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-blue-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-blue-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-blue-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-blue-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-blue-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-blue-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-blue-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-blue-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-blue-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-indigo-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-indigo-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-indigo-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-indigo-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-indigo-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-indigo-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-indigo-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-indigo-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-indigo-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-purple-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-purple-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-purple-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-purple-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-purple-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-purple-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-purple-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-purple-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-purple-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-pink-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-pink-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-pink-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-pink-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-pink-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-pink-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-pink-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-pink-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--placeholder-opacity))
            }
            .sm\:focus\:placeholder-pink-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--placeholder-opacity))
            }
            .sm\:placeholder-opacity-0::placeholder {
                --placeholder-opacity: 0
            }
            .sm\:placeholder-opacity-25::placeholder {
                --placeholder-opacity: 0.25
            }
            .sm\:placeholder-opacity-50::placeholder {
                --placeholder-opacity: 0.5
            }
            .sm\:placeholder-opacity-75::placeholder {
                --placeholder-opacity: 0.75
            }
            .sm\:placeholder-opacity-100::placeholder {
                --placeholder-opacity: 1
            }
            .sm\:focus\:placeholder-opacity-0:focus::placeholder {
                --placeholder-opacity: 0
            }
            .sm\:focus\:placeholder-opacity-25:focus::placeholder {
                --placeholder-opacity: 0.25
            }
            .sm\:focus\:placeholder-opacity-50:focus::placeholder {
                --placeholder-opacity: 0.5
            }
            .sm\:focus\:placeholder-opacity-75:focus::placeholder {
                --placeholder-opacity: 0.75
            }
            .sm\:focus\:placeholder-opacity-100:focus::placeholder {
                --placeholder-opacity: 1
            }
            .sm\:pointer-events-none {
                pointer-events: none
            }
            .sm\:pointer-events-auto {
                pointer-events: auto
            }
            .sm\:static {
                position: static
            }
            .sm\:fixed {
                position: fixed
            }
            .sm\:absolute {
                position: absolute
            }
            .sm\:relative {
                position: relative
            }
            .sm\:sticky {
                position: sticky
            }
            .sm\:inset-0 {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }
            .sm\:inset-auto {
                top: auto;
                right: auto;
                bottom: auto;
                left: auto
            }
            .sm\:inset-y-0 {
                top: 0;
                bottom: 0
            }
            .sm\:inset-x-0 {
                right: 0;
                left: 0
            }
            .sm\:inset-y-auto {
                top: auto;
                bottom: auto
            }
            .sm\:inset-x-auto {
                right: auto;
                left: auto
            }
            .sm\:top-0 {
                top: 0
            }
            .sm\:right-0 {
                right: 0
            }
            .sm\:bottom-0 {
                bottom: 0
            }
            .sm\:left-0 {
                left: 0
            }
            .sm\:top-auto {
                top: auto
            }
            .sm\:right-auto {
                right: auto
            }
            .sm\:bottom-auto {
                bottom: auto
            }
            .sm\:left-auto {
                left: auto
            }
            .sm\:resize-none {
                resize: none
            }
            .sm\:resize-y {
                resize: vertical
            }
            .sm\:resize-x {
                resize: horizontal
            }
            .sm\:resize {
                resize: both
            }
            .sm\:shadow-xs {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .sm\:shadow-sm {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .sm\:shadow {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .sm\:shadow-md {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .sm\:shadow-lg {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .sm\:shadow-xl {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .sm\:shadow-2xl {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .sm\:shadow-inner {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .sm\:shadow-outline {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .sm\:shadow-none {
                box-shadow: none
            }
            .sm\:hover\:shadow-xs:hover {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .sm\:hover\:shadow-sm:hover {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .sm\:hover\:shadow:hover {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .sm\:hover\:shadow-md:hover {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .sm\:hover\:shadow-lg:hover {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .sm\:hover\:shadow-xl:hover {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .sm\:hover\:shadow-2xl:hover {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .sm\:hover\:shadow-inner:hover {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .sm\:hover\:shadow-outline:hover {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .sm\:hover\:shadow-none:hover {
                box-shadow: none
            }
            .sm\:focus\:shadow-xs:focus {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .sm\:focus\:shadow-sm:focus {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .sm\:focus\:shadow:focus {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .sm\:focus\:shadow-md:focus {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .sm\:focus\:shadow-lg:focus {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .sm\:focus\:shadow-xl:focus {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .sm\:focus\:shadow-2xl:focus {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .sm\:focus\:shadow-inner:focus {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .sm\:focus\:shadow-outline:focus {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .sm\:focus\:shadow-none:focus {
                box-shadow: none
            }
            .sm\:fill-current {
                fill: currentColor
            }
            .sm\:stroke-current {
                stroke: currentColor
            }
            .sm\:stroke-0 {
                stroke-width: 0
            }
            .sm\:stroke-1 {
                stroke-width: 1
            }
            .sm\:stroke-2 {
                stroke-width: 2
            }
            .sm\:table-auto {
                table-layout: auto
            }
            .sm\:table-fixed {
                table-layout: fixed
            }
            .sm\:text-left {
                text-align: left
            }
            .sm\:text-center {
                text-align: center
            }
            .sm\:text-right {
                text-align: right
            }
            .sm\:text-justify {
                text-align: justify
            }
            .sm\:text-transparent {
                color: transparent
            }
            .sm\:text-current {
                color: currentColor
            }
            .sm\:text-black {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .sm\:text-white {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .sm\:text-gray-100 {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .sm\:text-gray-200 {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .sm\:text-gray-300 {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .sm\:text-gray-400 {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .sm\:text-gray-500 {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .sm\:text-gray-600 {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .sm\:text-gray-700 {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .sm\:text-gray-800 {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .sm\:text-gray-900 {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .sm\:text-red-100 {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .sm\:text-red-200 {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .sm\:text-red-300 {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .sm\:text-red-400 {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .sm\:text-red-500 {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .sm\:text-red-600 {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .sm\:text-red-700 {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .sm\:text-red-800 {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .sm\:text-red-900 {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .sm\:text-orange-100 {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .sm\:text-orange-200 {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .sm\:text-orange-300 {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .sm\:text-orange-400 {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .sm\:text-orange-500 {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .sm\:text-orange-600 {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .sm\:text-orange-700 {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .sm\:text-orange-800 {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .sm\:text-orange-900 {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .sm\:text-yellow-100 {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .sm\:text-yellow-200 {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .sm\:text-yellow-300 {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .sm\:text-yellow-400 {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .sm\:text-yellow-500 {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .sm\:text-yellow-600 {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .sm\:text-yellow-700 {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .sm\:text-yellow-800 {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .sm\:text-yellow-900 {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .sm\:text-green-100 {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .sm\:text-green-200 {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .sm\:text-green-300 {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .sm\:text-green-400 {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .sm\:text-green-500 {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .sm\:text-green-600 {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .sm\:text-green-700 {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .sm\:text-green-800 {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .sm\:text-green-900 {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .sm\:text-teal-100 {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .sm\:text-teal-200 {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .sm\:text-teal-300 {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .sm\:text-teal-400 {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .sm\:text-teal-500 {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .sm\:text-teal-600 {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .sm\:text-teal-700 {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .sm\:text-teal-800 {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .sm\:text-teal-900 {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .sm\:text-blue-100 {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .sm\:text-blue-200 {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .sm\:text-blue-300 {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .sm\:text-blue-400 {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .sm\:text-blue-500 {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .sm\:text-blue-600 {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .sm\:text-blue-700 {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .sm\:text-blue-800 {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .sm\:text-blue-900 {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .sm\:text-indigo-100 {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .sm\:text-indigo-200 {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .sm\:text-indigo-300 {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .sm\:text-indigo-400 {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .sm\:text-indigo-500 {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .sm\:text-indigo-600 {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .sm\:text-indigo-700 {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .sm\:text-indigo-800 {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .sm\:text-indigo-900 {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .sm\:text-purple-100 {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .sm\:text-purple-200 {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .sm\:text-purple-300 {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .sm\:text-purple-400 {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .sm\:text-purple-500 {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .sm\:text-purple-600 {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .sm\:text-purple-700 {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .sm\:text-purple-800 {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .sm\:text-purple-900 {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .sm\:text-pink-100 {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .sm\:text-pink-200 {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .sm\:text-pink-300 {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .sm\:text-pink-400 {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .sm\:text-pink-500 {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .sm\:text-pink-600 {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .sm\:text-pink-700 {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .sm\:text-pink-800 {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .sm\:text-pink-900 {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .sm\:hover\:text-transparent:hover {
                color: transparent
            }
            .sm\:hover\:text-current:hover {
                color: currentColor
            }
            .sm\:hover\:text-black:hover {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .sm\:hover\:text-white:hover {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .sm\:hover\:text-gray-100:hover {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .sm\:hover\:text-gray-200:hover {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .sm\:hover\:text-gray-300:hover {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .sm\:hover\:text-gray-400:hover {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .sm\:hover\:text-gray-500:hover {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .sm\:hover\:text-gray-600:hover {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .sm\:hover\:text-gray-700:hover {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .sm\:hover\:text-gray-800:hover {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .sm\:hover\:text-gray-900:hover {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .sm\:hover\:text-red-100:hover {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .sm\:hover\:text-red-200:hover {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .sm\:hover\:text-red-300:hover {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .sm\:hover\:text-red-400:hover {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .sm\:hover\:text-red-500:hover {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .sm\:hover\:text-red-600:hover {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .sm\:hover\:text-red-700:hover {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .sm\:hover\:text-red-800:hover {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .sm\:hover\:text-red-900:hover {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .sm\:hover\:text-orange-100:hover {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .sm\:hover\:text-orange-200:hover {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .sm\:hover\:text-orange-300:hover {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .sm\:hover\:text-orange-400:hover {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .sm\:hover\:text-orange-500:hover {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .sm\:hover\:text-orange-600:hover {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .sm\:hover\:text-orange-700:hover {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .sm\:hover\:text-orange-800:hover {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .sm\:hover\:text-orange-900:hover {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .sm\:hover\:text-yellow-100:hover {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .sm\:hover\:text-yellow-200:hover {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .sm\:hover\:text-yellow-300:hover {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .sm\:hover\:text-yellow-400:hover {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .sm\:hover\:text-yellow-500:hover {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .sm\:hover\:text-yellow-600:hover {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .sm\:hover\:text-yellow-700:hover {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .sm\:hover\:text-yellow-800:hover {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .sm\:hover\:text-yellow-900:hover {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .sm\:hover\:text-green-100:hover {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .sm\:hover\:text-green-200:hover {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .sm\:hover\:text-green-300:hover {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .sm\:hover\:text-green-400:hover {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .sm\:hover\:text-green-500:hover {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .sm\:hover\:text-green-600:hover {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .sm\:hover\:text-green-700:hover {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .sm\:hover\:text-green-800:hover {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .sm\:hover\:text-green-900:hover {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .sm\:hover\:text-teal-100:hover {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .sm\:hover\:text-teal-200:hover {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .sm\:hover\:text-teal-300:hover {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .sm\:hover\:text-teal-400:hover {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .sm\:hover\:text-teal-500:hover {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .sm\:hover\:text-teal-600:hover {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .sm\:hover\:text-teal-700:hover {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .sm\:hover\:text-teal-800:hover {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .sm\:hover\:text-teal-900:hover {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .sm\:hover\:text-blue-100:hover {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .sm\:hover\:text-blue-200:hover {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .sm\:hover\:text-blue-300:hover {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .sm\:hover\:text-blue-400:hover {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .sm\:hover\:text-blue-500:hover {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .sm\:hover\:text-blue-600:hover {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .sm\:hover\:text-blue-700:hover {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .sm\:hover\:text-blue-800:hover {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .sm\:hover\:text-blue-900:hover {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .sm\:hover\:text-indigo-100:hover {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .sm\:hover\:text-indigo-200:hover {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .sm\:hover\:text-indigo-300:hover {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .sm\:hover\:text-indigo-400:hover {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .sm\:hover\:text-indigo-500:hover {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .sm\:hover\:text-indigo-600:hover {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .sm\:hover\:text-indigo-700:hover {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .sm\:hover\:text-indigo-800:hover {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .sm\:hover\:text-indigo-900:hover {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .sm\:hover\:text-purple-100:hover {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .sm\:hover\:text-purple-200:hover {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .sm\:hover\:text-purple-300:hover {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .sm\:hover\:text-purple-400:hover {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .sm\:hover\:text-purple-500:hover {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .sm\:hover\:text-purple-600:hover {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .sm\:hover\:text-purple-700:hover {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .sm\:hover\:text-purple-800:hover {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .sm\:hover\:text-purple-900:hover {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .sm\:hover\:text-pink-100:hover {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .sm\:hover\:text-pink-200:hover {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .sm\:hover\:text-pink-300:hover {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .sm\:hover\:text-pink-400:hover {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .sm\:hover\:text-pink-500:hover {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .sm\:hover\:text-pink-600:hover {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .sm\:hover\:text-pink-700:hover {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .sm\:hover\:text-pink-800:hover {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .sm\:hover\:text-pink-900:hover {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .sm\:focus\:text-transparent:focus {
                color: transparent
            }
            .sm\:focus\:text-current:focus {
                color: currentColor
            }
            .sm\:focus\:text-black:focus {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .sm\:focus\:text-white:focus {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .sm\:focus\:text-gray-100:focus {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .sm\:focus\:text-gray-200:focus {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .sm\:focus\:text-gray-300:focus {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .sm\:focus\:text-gray-400:focus {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .sm\:focus\:text-gray-500:focus {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .sm\:focus\:text-gray-600:focus {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .sm\:focus\:text-gray-700:focus {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .sm\:focus\:text-gray-800:focus {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .sm\:focus\:text-gray-900:focus {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .sm\:focus\:text-red-100:focus {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .sm\:focus\:text-red-200:focus {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .sm\:focus\:text-red-300:focus {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .sm\:focus\:text-red-400:focus {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .sm\:focus\:text-red-500:focus {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .sm\:focus\:text-red-600:focus {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .sm\:focus\:text-red-700:focus {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .sm\:focus\:text-red-800:focus {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .sm\:focus\:text-red-900:focus {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .sm\:focus\:text-orange-100:focus {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .sm\:focus\:text-orange-200:focus {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .sm\:focus\:text-orange-300:focus {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .sm\:focus\:text-orange-400:focus {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .sm\:focus\:text-orange-500:focus {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .sm\:focus\:text-orange-600:focus {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .sm\:focus\:text-orange-700:focus {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .sm\:focus\:text-orange-800:focus {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .sm\:focus\:text-orange-900:focus {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .sm\:focus\:text-yellow-100:focus {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .sm\:focus\:text-yellow-200:focus {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .sm\:focus\:text-yellow-300:focus {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .sm\:focus\:text-yellow-400:focus {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .sm\:focus\:text-yellow-500:focus {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .sm\:focus\:text-yellow-600:focus {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .sm\:focus\:text-yellow-700:focus {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .sm\:focus\:text-yellow-800:focus {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .sm\:focus\:text-yellow-900:focus {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .sm\:focus\:text-green-100:focus {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .sm\:focus\:text-green-200:focus {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .sm\:focus\:text-green-300:focus {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .sm\:focus\:text-green-400:focus {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .sm\:focus\:text-green-500:focus {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .sm\:focus\:text-green-600:focus {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .sm\:focus\:text-green-700:focus {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .sm\:focus\:text-green-800:focus {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .sm\:focus\:text-green-900:focus {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .sm\:focus\:text-teal-100:focus {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .sm\:focus\:text-teal-200:focus {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .sm\:focus\:text-teal-300:focus {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .sm\:focus\:text-teal-400:focus {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .sm\:focus\:text-teal-500:focus {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .sm\:focus\:text-teal-600:focus {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .sm\:focus\:text-teal-700:focus {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .sm\:focus\:text-teal-800:focus {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .sm\:focus\:text-teal-900:focus {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .sm\:focus\:text-blue-100:focus {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .sm\:focus\:text-blue-200:focus {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .sm\:focus\:text-blue-300:focus {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .sm\:focus\:text-blue-400:focus {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .sm\:focus\:text-blue-500:focus {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .sm\:focus\:text-blue-600:focus {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .sm\:focus\:text-blue-700:focus {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .sm\:focus\:text-blue-800:focus {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .sm\:focus\:text-blue-900:focus {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .sm\:focus\:text-indigo-100:focus {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .sm\:focus\:text-indigo-200:focus {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .sm\:focus\:text-indigo-300:focus {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .sm\:focus\:text-indigo-400:focus {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .sm\:focus\:text-indigo-500:focus {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .sm\:focus\:text-indigo-600:focus {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .sm\:focus\:text-indigo-700:focus {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .sm\:focus\:text-indigo-800:focus {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .sm\:focus\:text-indigo-900:focus {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .sm\:focus\:text-purple-100:focus {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .sm\:focus\:text-purple-200:focus {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .sm\:focus\:text-purple-300:focus {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .sm\:focus\:text-purple-400:focus {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .sm\:focus\:text-purple-500:focus {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .sm\:focus\:text-purple-600:focus {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .sm\:focus\:text-purple-700:focus {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .sm\:focus\:text-purple-800:focus {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .sm\:focus\:text-purple-900:focus {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .sm\:focus\:text-pink-100:focus {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .sm\:focus\:text-pink-200:focus {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .sm\:focus\:text-pink-300:focus {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .sm\:focus\:text-pink-400:focus {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .sm\:focus\:text-pink-500:focus {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .sm\:focus\:text-pink-600:focus {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .sm\:focus\:text-pink-700:focus {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .sm\:focus\:text-pink-800:focus {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .sm\:focus\:text-pink-900:focus {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .sm\:text-opacity-0 {
                --text-opacity: 0
            }
            .sm\:text-opacity-25 {
                --text-opacity: 0.25
            }
            .sm\:text-opacity-50 {
                --text-opacity: 0.5
            }
            .sm\:text-opacity-75 {
                --text-opacity: 0.75
            }
            .sm\:text-opacity-100 {
                --text-opacity: 1
            }
            .sm\:hover\:text-opacity-0:hover {
                --text-opacity: 0
            }
            .sm\:hover\:text-opacity-25:hover {
                --text-opacity: 0.25
            }
            .sm\:hover\:text-opacity-50:hover {
                --text-opacity: 0.5
            }
            .sm\:hover\:text-opacity-75:hover {
                --text-opacity: 0.75
            }
            .sm\:hover\:text-opacity-100:hover {
                --text-opacity: 1
            }
            .sm\:focus\:text-opacity-0:focus {
                --text-opacity: 0
            }
            .sm\:focus\:text-opacity-25:focus {
                --text-opacity: 0.25
            }
            .sm\:focus\:text-opacity-50:focus {
                --text-opacity: 0.5
            }
            .sm\:focus\:text-opacity-75:focus {
                --text-opacity: 0.75
            }
            .sm\:focus\:text-opacity-100:focus {
                --text-opacity: 1
            }
            .sm\:italic {
                font-style: italic
            }
            .sm\:not-italic {
                font-style: normal
            }
            .sm\:uppercase {
                text-transform: uppercase
            }
            .sm\:lowercase {
                text-transform: lowercase
            }
            .sm\:capitalize {
                text-transform: capitalize
            }
            .sm\:normal-case {
                text-transform: none
            }
            .sm\:underline {
                text-decoration: underline
            }
            .sm\:line-through {
                text-decoration: line-through
            }
            .sm\:no-underline {
                text-decoration: none
            }
            .sm\:hover\:underline:hover {
                text-decoration: underline
            }
            .sm\:hover\:line-through:hover {
                text-decoration: line-through
            }
            .sm\:hover\:no-underline:hover {
                text-decoration: none
            }
            .sm\:focus\:underline:focus {
                text-decoration: underline
            }
            .sm\:focus\:line-through:focus {
                text-decoration: line-through
            }
            .sm\:focus\:no-underline:focus {
                text-decoration: none
            }
            .sm\:antialiased {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }
            .sm\:subpixel-antialiased {
                -webkit-font-smoothing: auto;
                -moz-osx-font-smoothing: auto
            }
            .sm\:tracking-tighter {
                letter-spacing: -.05em
            }
            .sm\:tracking-tight {
                letter-spacing: -.025em
            }
            .sm\:tracking-normal {
                letter-spacing: 0
            }
            .sm\:tracking-wide {
                letter-spacing: .025em
            }
            .sm\:tracking-wider {
                letter-spacing: .05em
            }
            .sm\:tracking-widest {
                letter-spacing: .1em
            }
            .sm\:select-none {
                user-select: none
            }
            .sm\:select-text {
                user-select: text
            }
            .sm\:select-all {
                user-select: all
            }
            .sm\:select-auto {
                user-select: auto
            }
            .sm\:align-baseline {
                vertical-align: baseline
            }
            .sm\:align-top {
                vertical-align: top
            }
            .sm\:align-middle {
                vertical-align: middle
            }
            .sm\:align-bottom {
                vertical-align: bottom
            }
            .sm\:align-text-top {
                vertical-align: text-top
            }
            .sm\:align-text-bottom {
                vertical-align: text-bottom
            }
            .sm\:visible {
                visibility: visible
            }
            .sm\:invisible {
                visibility: hidden
            }
            .sm\:whitespace-normal {
                white-space: normal
            }
            .sm\:whitespace-no-wrap {
                white-space: nowrap
            }
            .sm\:whitespace-pre {
                white-space: pre
            }
            .sm\:whitespace-pre-line {
                white-space: pre-line
            }
            .sm\:whitespace-pre-wrap {
                white-space: pre-wrap
            }
            .sm\:break-normal {
                overflow-wrap: normal;
                word-break: normal
            }
            .sm\:break-words {
                overflow-wrap: break-word
            }
            .sm\:break-all {
                word-break: break-all
            }
            .sm\:truncate {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }
            .sm\:w-0 {
                width: 0
            }
            .sm\:w-1 {
                width: 8px
            }
            .sm\:w-2 {
                width: 12px
            }
            .sm\:w-3 {
                width: 16px
            }
            .sm\:w-4 {
                width: 24px
            }
            .sm\:w-5 {
                width: 32px
            }
            .sm\:w-6 {
                width: 48px
            }
            .sm\:w-7 {
                width: 60px
            }
            .sm\:w-8 {
                width: 72px
            }
            .sm\:w-9 {
                width: 84px
            }
            .sm\:w-10 {
                width: 96px
            }
            .sm\:w-auto {
                width: auto
            }
            .sm\:w-0\.5 {
                width: 4px
            }
            .sm\:w-1\/2 {
                width: 50%
            }
            .sm\:w-1\/3 {
                width: 33.333333%
            }
            .sm\:w-2\/3 {
                width: 66.666667%
            }
            .sm\:w-1\/4 {
                width: 25%
            }
            .sm\:w-2\/4 {
                width: 50%
            }
            .sm\:w-3\/4 {
                width: 75%
            }
            .sm\:w-1\/5 {
                width: 20%
            }
            .sm\:w-2\/5 {
                width: 40%
            }
            .sm\:w-3\/5 {
                width: 60%
            }
            .sm\:w-4\/5 {
                width: 80%
            }
            .sm\:w-1\/6 {
                width: 16.666667%
            }
            .sm\:w-2\/6 {
                width: 33.333333%
            }
            .sm\:w-3\/6 {
                width: 50%
            }
            .sm\:w-4\/6 {
                width: 66.666667%
            }
            .sm\:w-5\/6 {
                width: 83.333333%
            }
            .sm\:w-1\/12 {
                width: 8.333333%
            }
            .sm\:w-2\/12 {
                width: 16.666667%
            }
            .sm\:w-3\/12 {
                width: 25%
            }
            .sm\:w-4\/12 {
                width: 33.333333%
            }
            .sm\:w-5\/12 {
                width: 41.666667%
            }
            .sm\:w-6\/12 {
                width: 50%
            }
            .sm\:w-7\/12 {
                width: 58.333333%
            }
            .sm\:w-8\/12 {
                width: 66.666667%
            }
            .sm\:w-9\/12 {
                width: 75%
            }
            .sm\:w-10\/12 {
                width: 83.333333%
            }
            .sm\:w-11\/12 {
                width: 91.666667%
            }
            .sm\:w-full {
                width: 100%
            }
            .sm\:w-screen {
                width: 100vw
            }
            .sm\:z-0 {
                z-index: 0
            }
            .sm\:z-10 {
                z-index: 10
            }
            .sm\:z-20 {
                z-index: 20
            }
            .sm\:z-30 {
                z-index: 30
            }
            .sm\:z-40 {
                z-index: 40
            }
            .sm\:z-50 {
                z-index: 50
            }
            .sm\:z-auto {
                z-index: auto
            }
            .sm\:gap-0 {
                grid-gap: 0;
                gap: 0
            }
            .sm\:gap-1 {
                grid-gap: 8px;
                gap: 8px
            }
            .sm\:gap-2 {
                grid-gap: 12px;
                gap: 12px
            }
            .sm\:gap-3 {
                grid-gap: 16px;
                gap: 16px
            }
            .sm\:gap-4 {
                grid-gap: 24px;
                gap: 24px
            }
            .sm\:gap-5 {
                grid-gap: 32px;
                gap: 32px
            }
            .sm\:gap-6 {
                grid-gap: 48px;
                gap: 48px
            }
            .sm\:gap-7 {
                grid-gap: 60px;
                gap: 60px
            }
            .sm\:gap-8 {
                grid-gap: 72px;
                gap: 72px
            }
            .sm\:gap-9 {
                grid-gap: 84px;
                gap: 84px
            }
            .sm\:gap-10 {
                grid-gap: 96px;
                gap: 96px
            }
            .sm\:gap-0\.5 {
                grid-gap: 4px;
                gap: 4px
            }
            .sm\:col-gap-0 {
                grid-column-gap: 0;
                column-gap: 0
            }
            .sm\:col-gap-1 {
                grid-column-gap: 8px;
                column-gap: 8px
            }
            .sm\:col-gap-2 {
                grid-column-gap: 12px;
                column-gap: 12px
            }
            .sm\:col-gap-3 {
                grid-column-gap: 16px;
                column-gap: 16px
            }
            .sm\:col-gap-4 {
                grid-column-gap: 24px;
                column-gap: 24px
            }
            .sm\:col-gap-5 {
                grid-column-gap: 32px;
                column-gap: 32px
            }
            .sm\:col-gap-6 {
                grid-column-gap: 48px;
                column-gap: 48px
            }
            .sm\:col-gap-7 {
                grid-column-gap: 60px;
                column-gap: 60px
            }
            .sm\:col-gap-8 {
                grid-column-gap: 72px;
                column-gap: 72px
            }
            .sm\:col-gap-9 {
                grid-column-gap: 84px;
                column-gap: 84px
            }
            .sm\:col-gap-10 {
                grid-column-gap: 96px;
                column-gap: 96px
            }
            .sm\:col-gap-0\.5 {
                grid-column-gap: 4px;
                column-gap: 4px
            }
            .sm\:row-gap-0 {
                grid-row-gap: 0;
                row-gap: 0
            }
            .sm\:row-gap-1 {
                grid-row-gap: 8px;
                row-gap: 8px
            }
            .sm\:row-gap-2 {
                grid-row-gap: 12px;
                row-gap: 12px
            }
            .sm\:row-gap-3 {
                grid-row-gap: 16px;
                row-gap: 16px
            }
            .sm\:row-gap-4 {
                grid-row-gap: 24px;
                row-gap: 24px
            }
            .sm\:row-gap-5 {
                grid-row-gap: 32px;
                row-gap: 32px
            }
            .sm\:row-gap-6 {
                grid-row-gap: 48px;
                row-gap: 48px
            }
            .sm\:row-gap-7 {
                grid-row-gap: 60px;
                row-gap: 60px
            }
            .sm\:row-gap-8 {
                grid-row-gap: 72px;
                row-gap: 72px
            }
            .sm\:row-gap-9 {
                grid-row-gap: 84px;
                row-gap: 84px
            }
            .sm\:row-gap-10 {
                grid-row-gap: 96px;
                row-gap: 96px
            }
            .sm\:row-gap-0\.5 {
                grid-row-gap: 4px;
                row-gap: 4px
            }
            .sm\:grid-flow-row {
                grid-auto-flow: row
            }
            .sm\:grid-flow-col {
                grid-auto-flow: column
            }
            .sm\:grid-flow-row-dense {
                grid-auto-flow: row dense
            }
            .sm\:grid-flow-col-dense {
                grid-auto-flow: column dense
            }
            .sm\:grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr))
            }
            .sm\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .sm\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
            .sm\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }
            .sm\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }
            .sm\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }
            .sm\:grid-cols-7 {
                grid-template-columns: repeat(7, minmax(0, 1fr))
            }
            .sm\:grid-cols-8 {
                grid-template-columns: repeat(8, minmax(0, 1fr))
            }
            .sm\:grid-cols-9 {
                grid-template-columns: repeat(9, minmax(0, 1fr))
            }
            .sm\:grid-cols-10 {
                grid-template-columns: repeat(10, minmax(0, 1fr))
            }
            .sm\:grid-cols-11 {
                grid-template-columns: repeat(11, minmax(0, 1fr))
            }
            .sm\:grid-cols-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr))
            }
            .sm\:grid-cols-none {
                grid-template-columns: none
            }
            .sm\:col-auto {
                grid-column: auto
            }
            .sm\:col-span-1 {
                grid-column: span 1/span 1
            }
            .sm\:col-span-2 {
                grid-column: span 2/span 2
            }
            .sm\:col-span-3 {
                grid-column: span 3/span 3
            }
            .sm\:col-span-4 {
                grid-column: span 4/span 4
            }
            .sm\:col-span-5 {
                grid-column: span 5/span 5
            }
            .sm\:col-span-6 {
                grid-column: span 6/span 6
            }
            .sm\:col-span-7 {
                grid-column: span 7/span 7
            }
            .sm\:col-span-8 {
                grid-column: span 8/span 8
            }
            .sm\:col-span-9 {
                grid-column: span 9/span 9
            }
            .sm\:col-span-10 {
                grid-column: span 10/span 10
            }
            .sm\:col-span-11 {
                grid-column: span 11/span 11
            }
            .sm\:col-span-12 {
                grid-column: span 12/span 12
            }
            .sm\:col-start-1 {
                grid-column-start: 1
            }
            .sm\:col-start-2 {
                grid-column-start: 2
            }
            .sm\:col-start-3 {
                grid-column-start: 3
            }
            .sm\:col-start-4 {
                grid-column-start: 4
            }
            .sm\:col-start-5 {
                grid-column-start: 5
            }
            .sm\:col-start-6 {
                grid-column-start: 6
            }
            .sm\:col-start-7 {
                grid-column-start: 7
            }
            .sm\:col-start-8 {
                grid-column-start: 8
            }
            .sm\:col-start-9 {
                grid-column-start: 9
            }
            .sm\:col-start-10 {
                grid-column-start: 10
            }
            .sm\:col-start-11 {
                grid-column-start: 11
            }
            .sm\:col-start-12 {
                grid-column-start: 12
            }
            .sm\:col-start-13 {
                grid-column-start: 13
            }
            .sm\:col-start-auto {
                grid-column-start: auto
            }
            .sm\:col-end-1 {
                grid-column-end: 1
            }
            .sm\:col-end-2 {
                grid-column-end: 2
            }
            .sm\:col-end-3 {
                grid-column-end: 3
            }
            .sm\:col-end-4 {
                grid-column-end: 4
            }
            .sm\:col-end-5 {
                grid-column-end: 5
            }
            .sm\:col-end-6 {
                grid-column-end: 6
            }
            .sm\:col-end-7 {
                grid-column-end: 7
            }
            .sm\:col-end-8 {
                grid-column-end: 8
            }
            .sm\:col-end-9 {
                grid-column-end: 9
            }
            .sm\:col-end-10 {
                grid-column-end: 10
            }
            .sm\:col-end-11 {
                grid-column-end: 11
            }
            .sm\:col-end-12 {
                grid-column-end: 12
            }
            .sm\:col-end-13 {
                grid-column-end: 13
            }
            .sm\:col-end-auto {
                grid-column-end: auto
            }
            .sm\:grid-rows-1 {
                grid-template-rows: repeat(1, minmax(0, 1fr))
            }
            .sm\:grid-rows-2 {
                grid-template-rows: repeat(2, minmax(0, 1fr))
            }
            .sm\:grid-rows-3 {
                grid-template-rows: repeat(3, minmax(0, 1fr))
            }
            .sm\:grid-rows-4 {
                grid-template-rows: repeat(4, minmax(0, 1fr))
            }
            .sm\:grid-rows-5 {
                grid-template-rows: repeat(5, minmax(0, 1fr))
            }
            .sm\:grid-rows-6 {
                grid-template-rows: repeat(6, minmax(0, 1fr))
            }
            .sm\:grid-rows-none {
                grid-template-rows: none
            }
            .sm\:row-auto {
                grid-row: auto
            }
            .sm\:row-span-1 {
                grid-row: span 1/span 1
            }
            .sm\:row-span-2 {
                grid-row: span 2/span 2
            }
            .sm\:row-span-3 {
                grid-row: span 3/span 3
            }
            .sm\:row-span-4 {
                grid-row: span 4/span 4
            }
            .sm\:row-span-5 {
                grid-row: span 5/span 5
            }
            .sm\:row-span-6 {
                grid-row: span 6/span 6
            }
            .sm\:row-start-1 {
                grid-row-start: 1
            }
            .sm\:row-start-2 {
                grid-row-start: 2
            }
            .sm\:row-start-3 {
                grid-row-start: 3
            }
            .sm\:row-start-4 {
                grid-row-start: 4
            }
            .sm\:row-start-5 {
                grid-row-start: 5
            }
            .sm\:row-start-6 {
                grid-row-start: 6
            }
            .sm\:row-start-7 {
                grid-row-start: 7
            }
            .sm\:row-start-auto {
                grid-row-start: auto
            }
            .sm\:row-end-1 {
                grid-row-end: 1
            }
            .sm\:row-end-2 {
                grid-row-end: 2
            }
            .sm\:row-end-3 {
                grid-row-end: 3
            }
            .sm\:row-end-4 {
                grid-row-end: 4
            }
            .sm\:row-end-5 {
                grid-row-end: 5
            }
            .sm\:row-end-6 {
                grid-row-end: 6
            }
            .sm\:row-end-7 {
                grid-row-end: 7
            }
            .sm\:row-end-auto {
                grid-row-end: auto
            }
            .sm\:transform {
                --transform-translate-x: 0;
                --transform-translate-y: 0;
                --transform-rotate: 0;
                --transform-skew-x: 0;
                --transform-skew-y: 0;
                --transform-scale-x: 1;
                --transform-scale-y: 1;
                transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
            }
            .sm\:transform-none {
                transform: none
            }
            .sm\:origin-center {
                transform-origin: center
            }
            .sm\:origin-top {
                transform-origin: top
            }
            .sm\:origin-top-right {
                transform-origin: top right
            }
            .sm\:origin-right {
                transform-origin: right
            }
            .sm\:origin-bottom-right {
                transform-origin: bottom right
            }
            .sm\:origin-bottom {
                transform-origin: bottom
            }
            .sm\:origin-bottom-left {
                transform-origin: bottom left
            }
            .sm\:origin-left {
                transform-origin: left
            }
            .sm\:origin-top-left {
                transform-origin: top left
            }
            .sm\:scale-0 {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .sm\:scale-50 {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .sm\:scale-75 {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .sm\:scale-90 {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .sm\:scale-95 {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .sm\:scale-100 {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .sm\:scale-105 {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .sm\:scale-110 {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .sm\:scale-125 {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .sm\:scale-150 {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .sm\:scale-x-0 {
                --transform-scale-x: 0
            }
            .sm\:scale-x-50 {
                --transform-scale-x: .5
            }
            .sm\:scale-x-75 {
                --transform-scale-x: .75
            }
            .sm\:scale-x-90 {
                --transform-scale-x: .9
            }
            .sm\:scale-x-95 {
                --transform-scale-x: .95
            }
            .sm\:scale-x-100 {
                --transform-scale-x: 1
            }
            .sm\:scale-x-105 {
                --transform-scale-x: 1.05
            }
            .sm\:scale-x-110 {
                --transform-scale-x: 1.1
            }
            .sm\:scale-x-125 {
                --transform-scale-x: 1.25
            }
            .sm\:scale-x-150 {
                --transform-scale-x: 1.5
            }
            .sm\:scale-y-0 {
                --transform-scale-y: 0
            }
            .sm\:scale-y-50 {
                --transform-scale-y: .5
            }
            .sm\:scale-y-75 {
                --transform-scale-y: .75
            }
            .sm\:scale-y-90 {
                --transform-scale-y: .9
            }
            .sm\:scale-y-95 {
                --transform-scale-y: .95
            }
            .sm\:scale-y-100 {
                --transform-scale-y: 1
            }
            .sm\:scale-y-105 {
                --transform-scale-y: 1.05
            }
            .sm\:scale-y-110 {
                --transform-scale-y: 1.1
            }
            .sm\:scale-y-125 {
                --transform-scale-y: 1.25
            }
            .sm\:scale-y-150 {
                --transform-scale-y: 1.5
            }
            .sm\:hover\:scale-0:hover {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .sm\:hover\:scale-50:hover {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .sm\:hover\:scale-75:hover {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .sm\:hover\:scale-90:hover {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .sm\:hover\:scale-95:hover {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .sm\:hover\:scale-100:hover {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .sm\:hover\:scale-105:hover {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .sm\:hover\:scale-110:hover {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .sm\:hover\:scale-125:hover {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .sm\:hover\:scale-150:hover {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .sm\:hover\:scale-x-0:hover {
                --transform-scale-x: 0
            }
            .sm\:hover\:scale-x-50:hover {
                --transform-scale-x: .5
            }
            .sm\:hover\:scale-x-75:hover {
                --transform-scale-x: .75
            }
            .sm\:hover\:scale-x-90:hover {
                --transform-scale-x: .9
            }
            .sm\:hover\:scale-x-95:hover {
                --transform-scale-x: .95
            }
            .sm\:hover\:scale-x-100:hover {
                --transform-scale-x: 1
            }
            .sm\:hover\:scale-x-105:hover {
                --transform-scale-x: 1.05
            }
            .sm\:hover\:scale-x-110:hover {
                --transform-scale-x: 1.1
            }
            .sm\:hover\:scale-x-125:hover {
                --transform-scale-x: 1.25
            }
            .sm\:hover\:scale-x-150:hover {
                --transform-scale-x: 1.5
            }
            .sm\:hover\:scale-y-0:hover {
                --transform-scale-y: 0
            }
            .sm\:hover\:scale-y-50:hover {
                --transform-scale-y: .5
            }
            .sm\:hover\:scale-y-75:hover {
                --transform-scale-y: .75
            }
            .sm\:hover\:scale-y-90:hover {
                --transform-scale-y: .9
            }
            .sm\:hover\:scale-y-95:hover {
                --transform-scale-y: .95
            }
            .sm\:hover\:scale-y-100:hover {
                --transform-scale-y: 1
            }
            .sm\:hover\:scale-y-105:hover {
                --transform-scale-y: 1.05
            }
            .sm\:hover\:scale-y-110:hover {
                --transform-scale-y: 1.1
            }
            .sm\:hover\:scale-y-125:hover {
                --transform-scale-y: 1.25
            }
            .sm\:hover\:scale-y-150:hover {
                --transform-scale-y: 1.5
            }
            .sm\:focus\:scale-0:focus {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .sm\:focus\:scale-50:focus {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .sm\:focus\:scale-75:focus {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .sm\:focus\:scale-90:focus {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .sm\:focus\:scale-95:focus {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .sm\:focus\:scale-100:focus {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .sm\:focus\:scale-105:focus {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .sm\:focus\:scale-110:focus {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .sm\:focus\:scale-125:focus {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .sm\:focus\:scale-150:focus {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .sm\:focus\:scale-x-0:focus {
                --transform-scale-x: 0
            }
            .sm\:focus\:scale-x-50:focus {
                --transform-scale-x: .5
            }
            .sm\:focus\:scale-x-75:focus {
                --transform-scale-x: .75
            }
            .sm\:focus\:scale-x-90:focus {
                --transform-scale-x: .9
            }
            .sm\:focus\:scale-x-95:focus {
                --transform-scale-x: .95
            }
            .sm\:focus\:scale-x-100:focus {
                --transform-scale-x: 1
            }
            .sm\:focus\:scale-x-105:focus {
                --transform-scale-x: 1.05
            }
            .sm\:focus\:scale-x-110:focus {
                --transform-scale-x: 1.1
            }
            .sm\:focus\:scale-x-125:focus {
                --transform-scale-x: 1.25
            }
            .sm\:focus\:scale-x-150:focus {
                --transform-scale-x: 1.5
            }
            .sm\:focus\:scale-y-0:focus {
                --transform-scale-y: 0
            }
            .sm\:focus\:scale-y-50:focus {
                --transform-scale-y: .5
            }
            .sm\:focus\:scale-y-75:focus {
                --transform-scale-y: .75
            }
            .sm\:focus\:scale-y-90:focus {
                --transform-scale-y: .9
            }
            .sm\:focus\:scale-y-95:focus {
                --transform-scale-y: .95
            }
            .sm\:focus\:scale-y-100:focus {
                --transform-scale-y: 1
            }
            .sm\:focus\:scale-y-105:focus {
                --transform-scale-y: 1.05
            }
            .sm\:focus\:scale-y-110:focus {
                --transform-scale-y: 1.1
            }
            .sm\:focus\:scale-y-125:focus {
                --transform-scale-y: 1.25
            }
            .sm\:focus\:scale-y-150:focus {
                --transform-scale-y: 1.5
            }
            .sm\:rotate-0 {
                --transform-rotate: 0
            }
            .sm\:rotate-45 {
                --transform-rotate: 45deg
            }
            .sm\:rotate-90 {
                --transform-rotate: 90deg
            }
            .sm\:rotate-180 {
                --transform-rotate: 180deg
            }
            .sm\:-rotate-180 {
                --transform-rotate: -180deg
            }
            .sm\:-rotate-90 {
                --transform-rotate: -90deg
            }
            .sm\:-rotate-45 {
                --transform-rotate: -45deg
            }
            .sm\:hover\:rotate-0:hover {
                --transform-rotate: 0
            }
            .sm\:hover\:rotate-45:hover {
                --transform-rotate: 45deg
            }
            .sm\:hover\:rotate-90:hover {
                --transform-rotate: 90deg
            }
            .sm\:hover\:rotate-180:hover {
                --transform-rotate: 180deg
            }
            .sm\:hover\:-rotate-180:hover {
                --transform-rotate: -180deg
            }
            .sm\:hover\:-rotate-90:hover {
                --transform-rotate: -90deg
            }
            .sm\:hover\:-rotate-45:hover {
                --transform-rotate: -45deg
            }
            .sm\:focus\:rotate-0:focus {
                --transform-rotate: 0
            }
            .sm\:focus\:rotate-45:focus {
                --transform-rotate: 45deg
            }
            .sm\:focus\:rotate-90:focus {
                --transform-rotate: 90deg
            }
            .sm\:focus\:rotate-180:focus {
                --transform-rotate: 180deg
            }
            .sm\:focus\:-rotate-180:focus {
                --transform-rotate: -180deg
            }
            .sm\:focus\:-rotate-90:focus {
                --transform-rotate: -90deg
            }
            .sm\:focus\:-rotate-45:focus {
                --transform-rotate: -45deg
            }
            .sm\:translate-x-0 {
                --transform-translate-x: 0
            }
            .sm\:translate-x-1 {
                --transform-translate-x: 8px
            }
            .sm\:translate-x-2 {
                --transform-translate-x: 12px
            }
            .sm\:translate-x-3 {
                --transform-translate-x: 16px
            }
            .sm\:translate-x-4 {
                --transform-translate-x: 24px
            }
            .sm\:translate-x-5 {
                --transform-translate-x: 32px
            }
            .sm\:translate-x-6 {
                --transform-translate-x: 48px
            }
            .sm\:translate-x-7 {
                --transform-translate-x: 60px
            }
            .sm\:translate-x-8 {
                --transform-translate-x: 72px
            }
            .sm\:translate-x-9 {
                --transform-translate-x: 84px
            }
            .sm\:translate-x-10 {
                --transform-translate-x: 96px
            }
            .sm\:translate-x-0\.5 {
                --transform-translate-x: 4px
            }
            .sm\:-translate-x-1 {
                --transform-translate-x: -8px
            }
            .sm\:-translate-x-2 {
                --transform-translate-x: -12px
            }
            .sm\:-translate-x-3 {
                --transform-translate-x: -16px
            }
            .sm\:-translate-x-4 {
                --transform-translate-x: -24px
            }
            .sm\:-translate-x-5 {
                --transform-translate-x: -32px
            }
            .sm\:-translate-x-6 {
                --transform-translate-x: -48px
            }
            .sm\:-translate-x-7 {
                --transform-translate-x: -60px
            }
            .sm\:-translate-x-8 {
                --transform-translate-x: -72px
            }
            .sm\:-translate-x-9 {
                --transform-translate-x: -84px
            }
            .sm\:-translate-x-10 {
                --transform-translate-x: -96px
            }
            .sm\:-translate-x-0\.5 {
                --transform-translate-x: -4px
            }
            .sm\:-translate-x-full {
                --transform-translate-x: -100%
            }
            .sm\:-translate-x-1\/2 {
                --transform-translate-x: -50%
            }
            .sm\:translate-x-1\/2 {
                --transform-translate-x: 50%
            }
            .sm\:translate-x-full {
                --transform-translate-x: 100%
            }
            .sm\:translate-y-0 {
                --transform-translate-y: 0
            }
            .sm\:translate-y-1 {
                --transform-translate-y: 8px
            }
            .sm\:translate-y-2 {
                --transform-translate-y: 12px
            }
            .sm\:translate-y-3 {
                --transform-translate-y: 16px
            }
            .sm\:translate-y-4 {
                --transform-translate-y: 24px
            }
            .sm\:translate-y-5 {
                --transform-translate-y: 32px
            }
            .sm\:translate-y-6 {
                --transform-translate-y: 48px
            }
            .sm\:translate-y-7 {
                --transform-translate-y: 60px
            }
            .sm\:translate-y-8 {
                --transform-translate-y: 72px
            }
            .sm\:translate-y-9 {
                --transform-translate-y: 84px
            }
            .sm\:translate-y-10 {
                --transform-translate-y: 96px
            }
            .sm\:translate-y-0\.5 {
                --transform-translate-y: 4px
            }
            .sm\:-translate-y-1 {
                --transform-translate-y: -8px
            }
            .sm\:-translate-y-2 {
                --transform-translate-y: -12px
            }
            .sm\:-translate-y-3 {
                --transform-translate-y: -16px
            }
            .sm\:-translate-y-4 {
                --transform-translate-y: -24px
            }
            .sm\:-translate-y-5 {
                --transform-translate-y: -32px
            }
            .sm\:-translate-y-6 {
                --transform-translate-y: -48px
            }
            .sm\:-translate-y-7 {
                --transform-translate-y: -60px
            }
            .sm\:-translate-y-8 {
                --transform-translate-y: -72px
            }
            .sm\:-translate-y-9 {
                --transform-translate-y: -84px
            }
            .sm\:-translate-y-10 {
                --transform-translate-y: -96px
            }
            .sm\:-translate-y-0\.5 {
                --transform-translate-y: -4px
            }
            .sm\:-translate-y-full {
                --transform-translate-y: -100%
            }
            .sm\:-translate-y-1\/2 {
                --transform-translate-y: -50%
            }
            .sm\:translate-y-1\/2 {
                --transform-translate-y: 50%
            }
            .sm\:translate-y-full {
                --transform-translate-y: 100%
            }
            .sm\:hover\:translate-x-0:hover {
                --transform-translate-x: 0
            }
            .sm\:hover\:translate-x-1:hover {
                --transform-translate-x: 8px
            }
            .sm\:hover\:translate-x-2:hover {
                --transform-translate-x: 12px
            }
            .sm\:hover\:translate-x-3:hover {
                --transform-translate-x: 16px
            }
            .sm\:hover\:translate-x-4:hover {
                --transform-translate-x: 24px
            }
            .sm\:hover\:translate-x-5:hover {
                --transform-translate-x: 32px
            }
            .sm\:hover\:translate-x-6:hover {
                --transform-translate-x: 48px
            }
            .sm\:hover\:translate-x-7:hover {
                --transform-translate-x: 60px
            }
            .sm\:hover\:translate-x-8:hover {
                --transform-translate-x: 72px
            }
            .sm\:hover\:translate-x-9:hover {
                --transform-translate-x: 84px
            }
            .sm\:hover\:translate-x-10:hover {
                --transform-translate-x: 96px
            }
            .sm\:hover\:translate-x-0\.5:hover {
                --transform-translate-x: 4px
            }
            .sm\:hover\:-translate-x-1:hover {
                --transform-translate-x: -8px
            }
            .sm\:hover\:-translate-x-2:hover {
                --transform-translate-x: -12px
            }
            .sm\:hover\:-translate-x-3:hover {
                --transform-translate-x: -16px
            }
            .sm\:hover\:-translate-x-4:hover {
                --transform-translate-x: -24px
            }
            .sm\:hover\:-translate-x-5:hover {
                --transform-translate-x: -32px
            }
            .sm\:hover\:-translate-x-6:hover {
                --transform-translate-x: -48px
            }
            .sm\:hover\:-translate-x-7:hover {
                --transform-translate-x: -60px
            }
            .sm\:hover\:-translate-x-8:hover {
                --transform-translate-x: -72px
            }
            .sm\:hover\:-translate-x-9:hover {
                --transform-translate-x: -84px
            }
            .sm\:hover\:-translate-x-10:hover {
                --transform-translate-x: -96px
            }
            .sm\:hover\:-translate-x-0\.5:hover {
                --transform-translate-x: -4px
            }
            .sm\:hover\:-translate-x-full:hover {
                --transform-translate-x: -100%
            }
            .sm\:hover\:-translate-x-1\/2:hover {
                --transform-translate-x: -50%
            }
            .sm\:hover\:translate-x-1\/2:hover {
                --transform-translate-x: 50%
            }
            .sm\:hover\:translate-x-full:hover {
                --transform-translate-x: 100%
            }
            .sm\:hover\:translate-y-0:hover {
                --transform-translate-y: 0
            }
            .sm\:hover\:translate-y-1:hover {
                --transform-translate-y: 8px
            }
            .sm\:hover\:translate-y-2:hover {
                --transform-translate-y: 12px
            }
            .sm\:hover\:translate-y-3:hover {
                --transform-translate-y: 16px
            }
            .sm\:hover\:translate-y-4:hover {
                --transform-translate-y: 24px
            }
            .sm\:hover\:translate-y-5:hover {
                --transform-translate-y: 32px
            }
            .sm\:hover\:translate-y-6:hover {
                --transform-translate-y: 48px
            }
            .sm\:hover\:translate-y-7:hover {
                --transform-translate-y: 60px
            }
            .sm\:hover\:translate-y-8:hover {
                --transform-translate-y: 72px
            }
            .sm\:hover\:translate-y-9:hover {
                --transform-translate-y: 84px
            }
            .sm\:hover\:translate-y-10:hover {
                --transform-translate-y: 96px
            }
            .sm\:hover\:translate-y-0\.5:hover {
                --transform-translate-y: 4px
            }
            .sm\:hover\:-translate-y-1:hover {
                --transform-translate-y: -8px
            }
            .sm\:hover\:-translate-y-2:hover {
                --transform-translate-y: -12px
            }
            .sm\:hover\:-translate-y-3:hover {
                --transform-translate-y: -16px
            }
            .sm\:hover\:-translate-y-4:hover {
                --transform-translate-y: -24px
            }
            .sm\:hover\:-translate-y-5:hover {
                --transform-translate-y: -32px
            }
            .sm\:hover\:-translate-y-6:hover {
                --transform-translate-y: -48px
            }
            .sm\:hover\:-translate-y-7:hover {
                --transform-translate-y: -60px
            }
            .sm\:hover\:-translate-y-8:hover {
                --transform-translate-y: -72px
            }
            .sm\:hover\:-translate-y-9:hover {
                --transform-translate-y: -84px
            }
            .sm\:hover\:-translate-y-10:hover {
                --transform-translate-y: -96px
            }
            .sm\:hover\:-translate-y-0\.5:hover {
                --transform-translate-y: -4px
            }
            .sm\:hover\:-translate-y-full:hover {
                --transform-translate-y: -100%
            }
            .sm\:hover\:-translate-y-1\/2:hover {
                --transform-translate-y: -50%
            }
            .sm\:hover\:translate-y-1\/2:hover {
                --transform-translate-y: 50%
            }
            .sm\:hover\:translate-y-full:hover {
                --transform-translate-y: 100%
            }
            .sm\:focus\:translate-x-0:focus {
                --transform-translate-x: 0
            }
            .sm\:focus\:translate-x-1:focus {
                --transform-translate-x: 8px
            }
            .sm\:focus\:translate-x-2:focus {
                --transform-translate-x: 12px
            }
            .sm\:focus\:translate-x-3:focus {
                --transform-translate-x: 16px
            }
            .sm\:focus\:translate-x-4:focus {
                --transform-translate-x: 24px
            }
            .sm\:focus\:translate-x-5:focus {
                --transform-translate-x: 32px
            }
            .sm\:focus\:translate-x-6:focus {
                --transform-translate-x: 48px
            }
            .sm\:focus\:translate-x-7:focus {
                --transform-translate-x: 60px
            }
            .sm\:focus\:translate-x-8:focus {
                --transform-translate-x: 72px
            }
            .sm\:focus\:translate-x-9:focus {
                --transform-translate-x: 84px
            }
            .sm\:focus\:translate-x-10:focus {
                --transform-translate-x: 96px
            }
            .sm\:focus\:translate-x-0\.5:focus {
                --transform-translate-x: 4px
            }
            .sm\:focus\:-translate-x-1:focus {
                --transform-translate-x: -8px
            }
            .sm\:focus\:-translate-x-2:focus {
                --transform-translate-x: -12px
            }
            .sm\:focus\:-translate-x-3:focus {
                --transform-translate-x: -16px
            }
            .sm\:focus\:-translate-x-4:focus {
                --transform-translate-x: -24px
            }
            .sm\:focus\:-translate-x-5:focus {
                --transform-translate-x: -32px
            }
            .sm\:focus\:-translate-x-6:focus {
                --transform-translate-x: -48px
            }
            .sm\:focus\:-translate-x-7:focus {
                --transform-translate-x: -60px
            }
            .sm\:focus\:-translate-x-8:focus {
                --transform-translate-x: -72px
            }
            .sm\:focus\:-translate-x-9:focus {
                --transform-translate-x: -84px
            }
            .sm\:focus\:-translate-x-10:focus {
                --transform-translate-x: -96px
            }
            .sm\:focus\:-translate-x-0\.5:focus {
                --transform-translate-x: -4px
            }
            .sm\:focus\:-translate-x-full:focus {
                --transform-translate-x: -100%
            }
            .sm\:focus\:-translate-x-1\/2:focus {
                --transform-translate-x: -50%
            }
            .sm\:focus\:translate-x-1\/2:focus {
                --transform-translate-x: 50%
            }
            .sm\:focus\:translate-x-full:focus {
                --transform-translate-x: 100%
            }
            .sm\:focus\:translate-y-0:focus {
                --transform-translate-y: 0
            }
            .sm\:focus\:translate-y-1:focus {
                --transform-translate-y: 8px
            }
            .sm\:focus\:translate-y-2:focus {
                --transform-translate-y: 12px
            }
            .sm\:focus\:translate-y-3:focus {
                --transform-translate-y: 16px
            }
            .sm\:focus\:translate-y-4:focus {
                --transform-translate-y: 24px
            }
            .sm\:focus\:translate-y-5:focus {
                --transform-translate-y: 32px
            }
            .sm\:focus\:translate-y-6:focus {
                --transform-translate-y: 48px
            }
            .sm\:focus\:translate-y-7:focus {
                --transform-translate-y: 60px
            }
            .sm\:focus\:translate-y-8:focus {
                --transform-translate-y: 72px
            }
            .sm\:focus\:translate-y-9:focus {
                --transform-translate-y: 84px
            }
            .sm\:focus\:translate-y-10:focus {
                --transform-translate-y: 96px
            }
            .sm\:focus\:translate-y-0\.5:focus {
                --transform-translate-y: 4px
            }
            .sm\:focus\:-translate-y-1:focus {
                --transform-translate-y: -8px
            }
            .sm\:focus\:-translate-y-2:focus {
                --transform-translate-y: -12px
            }
            .sm\:focus\:-translate-y-3:focus {
                --transform-translate-y: -16px
            }
            .sm\:focus\:-translate-y-4:focus {
                --transform-translate-y: -24px
            }
            .sm\:focus\:-translate-y-5:focus {
                --transform-translate-y: -32px
            }
            .sm\:focus\:-translate-y-6:focus {
                --transform-translate-y: -48px
            }
            .sm\:focus\:-translate-y-7:focus {
                --transform-translate-y: -60px
            }
            .sm\:focus\:-translate-y-8:focus {
                --transform-translate-y: -72px
            }
            .sm\:focus\:-translate-y-9:focus {
                --transform-translate-y: -84px
            }
            .sm\:focus\:-translate-y-10:focus {
                --transform-translate-y: -96px
            }
            .sm\:focus\:-translate-y-0\.5:focus {
                --transform-translate-y: -4px
            }
            .sm\:focus\:-translate-y-full:focus {
                --transform-translate-y: -100%
            }
            .sm\:focus\:-translate-y-1\/2:focus {
                --transform-translate-y: -50%
            }
            .sm\:focus\:translate-y-1\/2:focus {
                --transform-translate-y: 50%
            }
            .sm\:focus\:translate-y-full:focus {
                --transform-translate-y: 100%
            }
            .sm\:skew-x-0 {
                --transform-skew-x: 0
            }
            .sm\:skew-x-3 {
                --transform-skew-x: 3deg
            }
            .sm\:skew-x-6 {
                --transform-skew-x: 6deg
            }
            .sm\:skew-x-12 {
                --transform-skew-x: 12deg
            }
            .sm\:-skew-x-12 {
                --transform-skew-x: -12deg
            }
            .sm\:-skew-x-6 {
                --transform-skew-x: -6deg
            }
            .sm\:-skew-x-3 {
                --transform-skew-x: -3deg
            }
            .sm\:skew-y-0 {
                --transform-skew-y: 0
            }
            .sm\:skew-y-3 {
                --transform-skew-y: 3deg
            }
            .sm\:skew-y-6 {
                --transform-skew-y: 6deg
            }
            .sm\:skew-y-12 {
                --transform-skew-y: 12deg
            }
            .sm\:-skew-y-12 {
                --transform-skew-y: -12deg
            }
            .sm\:-skew-y-6 {
                --transform-skew-y: -6deg
            }
            .sm\:-skew-y-3 {
                --transform-skew-y: -3deg
            }
            .sm\:hover\:skew-x-0:hover {
                --transform-skew-x: 0
            }
            .sm\:hover\:skew-x-3:hover {
                --transform-skew-x: 3deg
            }
            .sm\:hover\:skew-x-6:hover {
                --transform-skew-x: 6deg
            }
            .sm\:hover\:skew-x-12:hover {
                --transform-skew-x: 12deg
            }
            .sm\:hover\:-skew-x-12:hover {
                --transform-skew-x: -12deg
            }
            .sm\:hover\:-skew-x-6:hover {
                --transform-skew-x: -6deg
            }
            .sm\:hover\:-skew-x-3:hover {
                --transform-skew-x: -3deg
            }
            .sm\:hover\:skew-y-0:hover {
                --transform-skew-y: 0
            }
            .sm\:hover\:skew-y-3:hover {
                --transform-skew-y: 3deg
            }
            .sm\:hover\:skew-y-6:hover {
                --transform-skew-y: 6deg
            }
            .sm\:hover\:skew-y-12:hover {
                --transform-skew-y: 12deg
            }
            .sm\:hover\:-skew-y-12:hover {
                --transform-skew-y: -12deg
            }
            .sm\:hover\:-skew-y-6:hover {
                --transform-skew-y: -6deg
            }
            .sm\:hover\:-skew-y-3:hover {
                --transform-skew-y: -3deg
            }
            .sm\:focus\:skew-x-0:focus {
                --transform-skew-x: 0
            }
            .sm\:focus\:skew-x-3:focus {
                --transform-skew-x: 3deg
            }
            .sm\:focus\:skew-x-6:focus {
                --transform-skew-x: 6deg
            }
            .sm\:focus\:skew-x-12:focus {
                --transform-skew-x: 12deg
            }
            .sm\:focus\:-skew-x-12:focus {
                --transform-skew-x: -12deg
            }
            .sm\:focus\:-skew-x-6:focus {
                --transform-skew-x: -6deg
            }
            .sm\:focus\:-skew-x-3:focus {
                --transform-skew-x: -3deg
            }
            .sm\:focus\:skew-y-0:focus {
                --transform-skew-y: 0
            }
            .sm\:focus\:skew-y-3:focus {
                --transform-skew-y: 3deg
            }
            .sm\:focus\:skew-y-6:focus {
                --transform-skew-y: 6deg
            }
            .sm\:focus\:skew-y-12:focus {
                --transform-skew-y: 12deg
            }
            .sm\:focus\:-skew-y-12:focus {
                --transform-skew-y: -12deg
            }
            .sm\:focus\:-skew-y-6:focus {
                --transform-skew-y: -6deg
            }
            .sm\:focus\:-skew-y-3:focus {
                --transform-skew-y: -3deg
            }
            .sm\:transition-none {
                transition-property: none
            }
            .sm\:transition-all {
                transition-property: all
            }
            .sm\:transition {
                transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
            }
            .sm\:transition-colors {
                transition-property: background-color, border-color, color, fill, stroke
            }
            .sm\:transition-opacity {
                transition-property: opacity
            }
            .sm\:transition-shadow {
                transition-property: box-shadow
            }
            .sm\:transition-transform {
                transition-property: transform
            }
            .sm\:ease-linear {
                transition-timing-function: linear
            }
            .sm\:ease-in {
                transition-timing-function: cubic-bezier(.4, 0, 1, 1)
            }
            .sm\:ease-out {
                transition-timing-function: cubic-bezier(0, 0, .2, 1)
            }
            .sm\:ease-in-out {
                transition-timing-function: cubic-bezier(.4, 0, .2, 1)
            }
            .sm\:duration-75 {
                transition-duration: 75ms
            }
            .sm\:duration-100 {
                transition-duration: .1s
            }
            .sm\:duration-150 {
                transition-duration: .15s
            }
            .sm\:duration-200 {
                transition-duration: .2s
            }
            .sm\:duration-300 {
                transition-duration: .3s
            }
            .sm\:duration-500 {
                transition-duration: .5s
            }
            .sm\:duration-700 {
                transition-duration: .7s
            }
            .sm\:duration-1000 {
                transition-duration: 1s
            }
            .sm\:delay-75 {
                transition-delay: 75ms
            }
            .sm\:delay-100 {
                transition-delay: .1s
            }
            .sm\:delay-150 {
                transition-delay: .15s
            }
            .sm\:delay-200 {
                transition-delay: .2s
            }
            .sm\:delay-300 {
                transition-delay: .3s
            }
            .sm\:delay-500 {
                transition-delay: .5s
            }
            .sm\:delay-700 {
                transition-delay: .7s
            }
            .sm\:delay-1000 {
                transition-delay: 1s
            }
        }

        @media (min-width:768px) {
            .md\:space-y-0>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(0px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(0px*var(--space-y-reverse))
            }
            .md\:space-x-0>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(0px*var(--space-x-reverse));
                margin-left: calc(0px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-1>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(8px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(8px*var(--space-y-reverse))
            }
            .md\:space-x-1>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(8px*var(--space-x-reverse));
                margin-left: calc(8px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-2>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(12px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(12px*var(--space-y-reverse))
            }
            .md\:space-x-2>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(12px*var(--space-x-reverse));
                margin-left: calc(12px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-3>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(16px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(16px*var(--space-y-reverse))
            }
            .md\:space-x-3>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(16px*var(--space-x-reverse));
                margin-left: calc(16px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-4>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(24px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(24px*var(--space-y-reverse))
            }
            .md\:space-x-4>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(24px*var(--space-x-reverse));
                margin-left: calc(24px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(32px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(32px*var(--space-y-reverse))
            }
            .md\:space-x-5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(32px*var(--space-x-reverse));
                margin-left: calc(32px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-6>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(48px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(48px*var(--space-y-reverse))
            }
            .md\:space-x-6>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(48px*var(--space-x-reverse));
                margin-left: calc(48px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-7>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(60px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(60px*var(--space-y-reverse))
            }
            .md\:space-x-7>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(60px*var(--space-x-reverse));
                margin-left: calc(60px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-8>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(72px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(72px*var(--space-y-reverse))
            }
            .md\:space-x-8>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(72px*var(--space-x-reverse));
                margin-left: calc(72px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-9>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(84px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(84px*var(--space-y-reverse))
            }
            .md\:space-x-9>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(84px*var(--space-x-reverse));
                margin-left: calc(84px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-10>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(96px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(96px*var(--space-y-reverse))
            }
            .md\:space-x-10>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(96px*var(--space-x-reverse));
                margin-left: calc(96px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-0\.5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(4px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(4px*var(--space-y-reverse))
            }
            .md\:space-x-0\.5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(4px*var(--space-x-reverse));
                margin-left: calc(4px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-1>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-8px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-8px*var(--space-y-reverse))
            }
            .md\:-space-x-1>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-8px*var(--space-x-reverse));
                margin-left: calc(-8px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-2>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-12px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-12px*var(--space-y-reverse))
            }
            .md\:-space-x-2>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-12px*var(--space-x-reverse));
                margin-left: calc(-12px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-3>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-16px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-16px*var(--space-y-reverse))
            }
            .md\:-space-x-3>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-16px*var(--space-x-reverse));
                margin-left: calc(-16px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-4>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-24px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-24px*var(--space-y-reverse))
            }
            .md\:-space-x-4>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-24px*var(--space-x-reverse));
                margin-left: calc(-24px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-32px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-32px*var(--space-y-reverse))
            }
            .md\:-space-x-5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-32px*var(--space-x-reverse));
                margin-left: calc(-32px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-6>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-48px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-48px*var(--space-y-reverse))
            }
            .md\:-space-x-6>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-48px*var(--space-x-reverse));
                margin-left: calc(-48px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-7>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-60px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-60px*var(--space-y-reverse))
            }
            .md\:-space-x-7>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-60px*var(--space-x-reverse));
                margin-left: calc(-60px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-8>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-72px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-72px*var(--space-y-reverse))
            }
            .md\:-space-x-8>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-72px*var(--space-x-reverse));
                margin-left: calc(-72px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-9>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-84px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-84px*var(--space-y-reverse))
            }
            .md\:-space-x-9>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-84px*var(--space-x-reverse));
                margin-left: calc(-84px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-10>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-96px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-96px*var(--space-y-reverse))
            }
            .md\:-space-x-10>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-96px*var(--space-x-reverse));
                margin-left: calc(-96px*(1 - var(--space-x-reverse)))
            }
            .md\:-space-y-0\.5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-4px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-4px*var(--space-y-reverse))
            }
            .md\:-space-x-0\.5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-4px*var(--space-x-reverse));
                margin-left: calc(-4px*(1 - var(--space-x-reverse)))
            }
            .md\:space-y-reverse>:not(template)~:not(template) {
                --space-y-reverse: 1
            }
            .md\:space-x-reverse>:not(template)~:not(template) {
                --space-x-reverse: 1
            }
            .md\:divide-y-0>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(0px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(0px*var(--divide-y-reverse))
            }
            .md\:divide-x-0>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(0px*var(--divide-x-reverse));
                border-left-width: calc(0px*(1 - var(--divide-x-reverse)))
            }
            .md\:divide-y-2>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(2px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(2px*var(--divide-y-reverse))
            }
            .md\:divide-x-2>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(2px*var(--divide-x-reverse));
                border-left-width: calc(2px*(1 - var(--divide-x-reverse)))
            }
            .md\:divide-y-4>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(4px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(4px*var(--divide-y-reverse))
            }
            .md\:divide-x-4>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(4px*var(--divide-x-reverse));
                border-left-width: calc(4px*(1 - var(--divide-x-reverse)))
            }
            .md\:divide-y-8>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(8px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(8px*var(--divide-y-reverse))
            }
            .md\:divide-x-8>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(8px*var(--divide-x-reverse));
                border-left-width: calc(8px*(1 - var(--divide-x-reverse)))
            }
            .md\:divide-y>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(1px*var(--divide-y-reverse))
            }
            .md\:divide-x>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(1px*var(--divide-x-reverse));
                border-left-width: calc(1px*(1 - var(--divide-x-reverse)))
            }
            .md\:divide-y-reverse>:not(template)~:not(template) {
                --divide-y-reverse: 1
            }
            .md\:divide-x-reverse>:not(template)~:not(template) {
                --divide-x-reverse: 1
            }
            .md\:divide-transparent>:not(template)~:not(template) {
                border-color: transparent
            }
            .md\:divide-current>:not(template)~:not(template) {
                border-color: currentColor
            }
            .md\:divide-black>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--divide-opacity))
            }
            .md\:divide-white>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--divide-opacity))
            }
            .md\:divide-gray-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--divide-opacity))
            }
            .md\:divide-gray-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--divide-opacity))
            }
            .md\:divide-gray-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--divide-opacity))
            }
            .md\:divide-gray-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--divide-opacity))
            }
            .md\:divide-gray-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--divide-opacity))
            }
            .md\:divide-gray-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--divide-opacity))
            }
            .md\:divide-gray-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--divide-opacity))
            }
            .md\:divide-gray-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--divide-opacity))
            }
            .md\:divide-gray-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--divide-opacity))
            }
            .md\:divide-red-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--divide-opacity))
            }
            .md\:divide-red-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--divide-opacity))
            }
            .md\:divide-red-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--divide-opacity))
            }
            .md\:divide-red-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--divide-opacity))
            }
            .md\:divide-red-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--divide-opacity))
            }
            .md\:divide-red-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--divide-opacity))
            }
            .md\:divide-red-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--divide-opacity))
            }
            .md\:divide-red-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--divide-opacity))
            }
            .md\:divide-red-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--divide-opacity))
            }
            .md\:divide-orange-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--divide-opacity))
            }
            .md\:divide-orange-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--divide-opacity))
            }
            .md\:divide-orange-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--divide-opacity))
            }
            .md\:divide-orange-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--divide-opacity))
            }
            .md\:divide-orange-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--divide-opacity))
            }
            .md\:divide-orange-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--divide-opacity))
            }
            .md\:divide-orange-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--divide-opacity))
            }
            .md\:divide-orange-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--divide-opacity))
            }
            .md\:divide-orange-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--divide-opacity))
            }
            .md\:divide-yellow-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--divide-opacity))
            }
            .md\:divide-yellow-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--divide-opacity))
            }
            .md\:divide-yellow-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--divide-opacity))
            }
            .md\:divide-yellow-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--divide-opacity))
            }
            .md\:divide-yellow-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--divide-opacity))
            }
            .md\:divide-yellow-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--divide-opacity))
            }
            .md\:divide-yellow-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--divide-opacity))
            }
            .md\:divide-yellow-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--divide-opacity))
            }
            .md\:divide-yellow-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--divide-opacity))
            }
            .md\:divide-green-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--divide-opacity))
            }
            .md\:divide-green-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--divide-opacity))
            }
            .md\:divide-green-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--divide-opacity))
            }
            .md\:divide-green-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--divide-opacity))
            }
            .md\:divide-green-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--divide-opacity))
            }
            .md\:divide-green-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--divide-opacity))
            }
            .md\:divide-green-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--divide-opacity))
            }
            .md\:divide-green-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--divide-opacity))
            }
            .md\:divide-green-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--divide-opacity))
            }
            .md\:divide-teal-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--divide-opacity))
            }
            .md\:divide-teal-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--divide-opacity))
            }
            .md\:divide-teal-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--divide-opacity))
            }
            .md\:divide-teal-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--divide-opacity))
            }
            .md\:divide-teal-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--divide-opacity))
            }
            .md\:divide-teal-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--divide-opacity))
            }
            .md\:divide-teal-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--divide-opacity))
            }
            .md\:divide-teal-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--divide-opacity))
            }
            .md\:divide-teal-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--divide-opacity))
            }
            .md\:divide-blue-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--divide-opacity))
            }
            .md\:divide-blue-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--divide-opacity))
            }
            .md\:divide-blue-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--divide-opacity))
            }
            .md\:divide-blue-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--divide-opacity))
            }
            .md\:divide-blue-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--divide-opacity))
            }
            .md\:divide-blue-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--divide-opacity))
            }
            .md\:divide-blue-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--divide-opacity))
            }
            .md\:divide-blue-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--divide-opacity))
            }
            .md\:divide-blue-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--divide-opacity))
            }
            .md\:divide-indigo-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--divide-opacity))
            }
            .md\:divide-indigo-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--divide-opacity))
            }
            .md\:divide-indigo-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--divide-opacity))
            }
            .md\:divide-indigo-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--divide-opacity))
            }
            .md\:divide-indigo-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--divide-opacity))
            }
            .md\:divide-indigo-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--divide-opacity))
            }
            .md\:divide-indigo-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--divide-opacity))
            }
            .md\:divide-indigo-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--divide-opacity))
            }
            .md\:divide-indigo-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--divide-opacity))
            }
            .md\:divide-purple-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--divide-opacity))
            }
            .md\:divide-purple-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--divide-opacity))
            }
            .md\:divide-purple-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--divide-opacity))
            }
            .md\:divide-purple-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--divide-opacity))
            }
            .md\:divide-purple-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--divide-opacity))
            }
            .md\:divide-purple-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--divide-opacity))
            }
            .md\:divide-purple-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--divide-opacity))
            }
            .md\:divide-purple-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--divide-opacity))
            }
            .md\:divide-purple-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--divide-opacity))
            }
            .md\:divide-pink-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--divide-opacity))
            }
            .md\:divide-pink-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--divide-opacity))
            }
            .md\:divide-pink-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--divide-opacity))
            }
            .md\:divide-pink-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--divide-opacity))
            }
            .md\:divide-pink-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--divide-opacity))
            }
            .md\:divide-pink-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--divide-opacity))
            }
            .md\:divide-pink-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--divide-opacity))
            }
            .md\:divide-pink-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--divide-opacity))
            }
            .md\:divide-pink-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--divide-opacity))
            }
            .md\:divide-opacity-0>:not(template)~:not(template) {
                --divide-opacity: 0
            }
            .md\:divide-opacity-25>:not(template)~:not(template) {
                --divide-opacity: 0.25
            }
            .md\:divide-opacity-50>:not(template)~:not(template) {
                --divide-opacity: 0.5
            }
            .md\:divide-opacity-75>:not(template)~:not(template) {
                --divide-opacity: 0.75
            }
            .md\:divide-opacity-100>:not(template)~:not(template) {
                --divide-opacity: 1
            }
            .md\:sr-only {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0
            }
            .md\:not-sr-only {
                position: static;
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal
            }
            .md\:focus\:sr-only:focus {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0
            }
            .md\:focus\:not-sr-only:focus {
                position: static;
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal
            }
            .md\:appearance-none,
            .md\:focus\:appearance-none:focus,
            .md\:hover\:appearance-none:hover {
                appearance: none
            }
            .md\:bg-fixed {
                background-attachment: fixed
            }
            .md\:bg-local {
                background-attachment: local
            }
            .md\:bg-scroll {
                background-attachment: scroll
            }
            .md\:bg-primary,
            .md\:focus\:bg-primary:focus,
            .md\:hover\:bg-primary:hover {
                --bg-opacity: 1;
                background-color: #ed1c24;
                background-color: rgba(237, 28, 36, var(--bg-opacity))
            }
            .md\:bg-opacity-0 {
                --bg-opacity: 0
            }
            .md\:bg-opacity-25 {
                --bg-opacity: 0.25
            }
            .md\:bg-opacity-50 {
                --bg-opacity: 0.5
            }
            .md\:bg-opacity-75 {
                --bg-opacity: 0.75
            }
            .md\:bg-opacity-100 {
                --bg-opacity: 1
            }
            .md\:hover\:bg-opacity-0:hover {
                --bg-opacity: 0
            }
            .md\:hover\:bg-opacity-25:hover {
                --bg-opacity: 0.25
            }
            .md\:hover\:bg-opacity-50:hover {
                --bg-opacity: 0.5
            }
            .md\:hover\:bg-opacity-75:hover {
                --bg-opacity: 0.75
            }
            .md\:hover\:bg-opacity-100:hover {
                --bg-opacity: 1
            }
            .md\:focus\:bg-opacity-0:focus {
                --bg-opacity: 0
            }
            .md\:focus\:bg-opacity-25:focus {
                --bg-opacity: 0.25
            }
            .md\:focus\:bg-opacity-50:focus {
                --bg-opacity: 0.5
            }
            .md\:focus\:bg-opacity-75:focus {
                --bg-opacity: 0.75
            }
            .md\:focus\:bg-opacity-100:focus {
                --bg-opacity: 1
            }
            .md\:bg-bottom {
                background-position: bottom
            }
            .md\:bg-center {
                background-position: 50%
            }
            .md\:bg-left {
                background-position: 0
            }
            .md\:bg-left-bottom {
                background-position: 0 100%
            }
            .md\:bg-left-top {
                background-position: 0 0
            }
            .md\:bg-right {
                background-position: 100%
            }
            .md\:bg-right-bottom {
                background-position: 100% 100%
            }
            .md\:bg-right-top {
                background-position: 100% 0
            }
            .md\:bg-top {
                background-position: top
            }
            .md\:bg-repeat {
                background-repeat: repeat
            }
            .md\:bg-no-repeat {
                background-repeat: no-repeat
            }
            .md\:bg-repeat-x {
                background-repeat: repeat-x
            }
            .md\:bg-repeat-y {
                background-repeat: repeat-y
            }
            .md\:bg-repeat-round {
                background-repeat: round
            }
            .md\:bg-repeat-space {
                background-repeat: space
            }
            .md\:bg-auto {
                background-size: auto
            }
            .md\:bg-cover {
                background-size: cover
            }
            .md\:bg-contain {
                background-size: contain
            }
            .md\:border-collapse {
                border-collapse: collapse
            }
            .md\:border-separate {
                border-collapse: separate
            }
            .md\:border-transparent {
                border-color: transparent
            }
            .md\:border-current {
                border-color: currentColor
            }
            .md\:border-black {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .md\:border-white {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .md\:border-gray-100 {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .md\:border-gray-200 {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .md\:border-gray-300 {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .md\:border-gray-400 {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .md\:border-gray-500 {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .md\:border-gray-600 {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .md\:border-gray-700 {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .md\:border-gray-800 {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .md\:border-gray-900 {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .md\:border-red-100 {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .md\:border-red-200 {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .md\:border-red-300 {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .md\:border-red-400 {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .md\:border-red-500 {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .md\:border-red-600 {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .md\:border-red-700 {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .md\:border-red-800 {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .md\:border-red-900 {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .md\:border-orange-100 {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .md\:border-orange-200 {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .md\:border-orange-300 {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .md\:border-orange-400 {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .md\:border-orange-500 {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .md\:border-orange-600 {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .md\:border-orange-700 {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .md\:border-orange-800 {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .md\:border-orange-900 {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .md\:border-yellow-100 {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .md\:border-yellow-200 {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .md\:border-yellow-300 {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .md\:border-yellow-400 {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .md\:border-yellow-500 {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .md\:border-yellow-600 {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .md\:border-yellow-700 {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .md\:border-yellow-800 {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .md\:border-yellow-900 {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .md\:border-green-100 {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .md\:border-green-200 {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .md\:border-green-300 {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .md\:border-green-400 {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .md\:border-green-500 {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .md\:border-green-600 {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .md\:border-green-700 {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .md\:border-green-800 {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .md\:border-green-900 {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .md\:border-teal-100 {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .md\:border-teal-200 {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .md\:border-teal-300 {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .md\:border-teal-400 {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .md\:border-teal-500 {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .md\:border-teal-600 {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .md\:border-teal-700 {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .md\:border-teal-800 {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .md\:border-teal-900 {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .md\:border-blue-100 {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .md\:border-blue-200 {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .md\:border-blue-300 {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .md\:border-blue-400 {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .md\:border-blue-500 {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .md\:border-blue-600 {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .md\:border-blue-700 {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .md\:border-blue-800 {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .md\:border-blue-900 {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .md\:border-indigo-100 {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .md\:border-indigo-200 {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .md\:border-indigo-300 {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .md\:border-indigo-400 {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .md\:border-indigo-500 {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .md\:border-indigo-600 {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .md\:border-indigo-700 {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .md\:border-indigo-800 {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .md\:border-indigo-900 {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .md\:border-purple-100 {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .md\:border-purple-200 {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .md\:border-purple-300 {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .md\:border-purple-400 {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .md\:border-purple-500 {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .md\:border-purple-600 {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .md\:border-purple-700 {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .md\:border-purple-800 {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .md\:border-purple-900 {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .md\:border-pink-100 {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .md\:border-pink-200 {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .md\:border-pink-300 {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .md\:border-pink-400 {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .md\:border-pink-500 {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .md\:border-pink-600 {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .md\:border-pink-700 {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .md\:border-pink-800 {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .md\:border-pink-900 {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .md\:hover\:border-transparent:hover {
                border-color: transparent
            }
            .md\:hover\:border-current:hover {
                border-color: currentColor
            }
            .md\:hover\:border-black:hover {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .md\:hover\:border-white:hover {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .md\:hover\:border-gray-100:hover {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .md\:hover\:border-gray-200:hover {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .md\:hover\:border-gray-300:hover {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .md\:hover\:border-gray-400:hover {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .md\:hover\:border-gray-500:hover {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .md\:hover\:border-gray-600:hover {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .md\:hover\:border-gray-700:hover {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .md\:hover\:border-gray-800:hover {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .md\:hover\:border-gray-900:hover {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .md\:hover\:border-red-100:hover {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .md\:hover\:border-red-200:hover {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .md\:hover\:border-red-300:hover {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .md\:hover\:border-red-400:hover {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .md\:hover\:border-red-500:hover {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .md\:hover\:border-red-600:hover {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .md\:hover\:border-red-700:hover {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .md\:hover\:border-red-800:hover {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .md\:hover\:border-red-900:hover {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .md\:hover\:border-orange-100:hover {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .md\:hover\:border-orange-200:hover {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .md\:hover\:border-orange-300:hover {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .md\:hover\:border-orange-400:hover {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .md\:hover\:border-orange-500:hover {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .md\:hover\:border-orange-600:hover {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .md\:hover\:border-orange-700:hover {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .md\:hover\:border-orange-800:hover {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .md\:hover\:border-orange-900:hover {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .md\:hover\:border-yellow-100:hover {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .md\:hover\:border-yellow-200:hover {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .md\:hover\:border-yellow-300:hover {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .md\:hover\:border-yellow-400:hover {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .md\:hover\:border-yellow-500:hover {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .md\:hover\:border-yellow-600:hover {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .md\:hover\:border-yellow-700:hover {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .md\:hover\:border-yellow-800:hover {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .md\:hover\:border-yellow-900:hover {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .md\:hover\:border-green-100:hover {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .md\:hover\:border-green-200:hover {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .md\:hover\:border-green-300:hover {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .md\:hover\:border-green-400:hover {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .md\:hover\:border-green-500:hover {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .md\:hover\:border-green-600:hover {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .md\:hover\:border-green-700:hover {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .md\:hover\:border-green-800:hover {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .md\:hover\:border-green-900:hover {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .md\:hover\:border-teal-100:hover {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .md\:hover\:border-teal-200:hover {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .md\:hover\:border-teal-300:hover {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .md\:hover\:border-teal-400:hover {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .md\:hover\:border-teal-500:hover {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .md\:hover\:border-teal-600:hover {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .md\:hover\:border-teal-700:hover {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .md\:hover\:border-teal-800:hover {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .md\:hover\:border-teal-900:hover {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .md\:hover\:border-blue-100:hover {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .md\:hover\:border-blue-200:hover {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .md\:hover\:border-blue-300:hover {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .md\:hover\:border-blue-400:hover {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .md\:hover\:border-blue-500:hover {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .md\:hover\:border-blue-600:hover {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .md\:hover\:border-blue-700:hover {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .md\:hover\:border-blue-800:hover {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .md\:hover\:border-blue-900:hover {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .md\:hover\:border-indigo-100:hover {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .md\:hover\:border-indigo-200:hover {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .md\:hover\:border-indigo-300:hover {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .md\:hover\:border-indigo-400:hover {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .md\:hover\:border-indigo-500:hover {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .md\:hover\:border-indigo-600:hover {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .md\:hover\:border-indigo-700:hover {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .md\:hover\:border-indigo-800:hover {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .md\:hover\:border-indigo-900:hover {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .md\:hover\:border-purple-100:hover {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .md\:hover\:border-purple-200:hover {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .md\:hover\:border-purple-300:hover {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .md\:hover\:border-purple-400:hover {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .md\:hover\:border-purple-500:hover {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .md\:hover\:border-purple-600:hover {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .md\:hover\:border-purple-700:hover {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .md\:hover\:border-purple-800:hover {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .md\:hover\:border-purple-900:hover {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .md\:hover\:border-pink-100:hover {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .md\:hover\:border-pink-200:hover {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .md\:hover\:border-pink-300:hover {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .md\:hover\:border-pink-400:hover {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .md\:hover\:border-pink-500:hover {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .md\:hover\:border-pink-600:hover {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .md\:hover\:border-pink-700:hover {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .md\:hover\:border-pink-800:hover {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .md\:hover\:border-pink-900:hover {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .md\:focus\:border-transparent:focus {
                border-color: transparent
            }
            .md\:focus\:border-current:focus {
                border-color: currentColor
            }
            .md\:focus\:border-black:focus {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .md\:focus\:border-white:focus {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .md\:focus\:border-gray-100:focus {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .md\:focus\:border-gray-200:focus {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .md\:focus\:border-gray-300:focus {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .md\:focus\:border-gray-400:focus {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .md\:focus\:border-gray-500:focus {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .md\:focus\:border-gray-600:focus {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .md\:focus\:border-gray-700:focus {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .md\:focus\:border-gray-800:focus {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .md\:focus\:border-gray-900:focus {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .md\:focus\:border-red-100:focus {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .md\:focus\:border-red-200:focus {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .md\:focus\:border-red-300:focus {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .md\:focus\:border-red-400:focus {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .md\:focus\:border-red-500:focus {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .md\:focus\:border-red-600:focus {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .md\:focus\:border-red-700:focus {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .md\:focus\:border-red-800:focus {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .md\:focus\:border-red-900:focus {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .md\:focus\:border-orange-100:focus {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .md\:focus\:border-orange-200:focus {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .md\:focus\:border-orange-300:focus {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .md\:focus\:border-orange-400:focus {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .md\:focus\:border-orange-500:focus {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .md\:focus\:border-orange-600:focus {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .md\:focus\:border-orange-700:focus {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .md\:focus\:border-orange-800:focus {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .md\:focus\:border-orange-900:focus {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .md\:focus\:border-yellow-100:focus {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .md\:focus\:border-yellow-200:focus {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .md\:focus\:border-yellow-300:focus {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .md\:focus\:border-yellow-400:focus {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .md\:focus\:border-yellow-500:focus {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .md\:focus\:border-yellow-600:focus {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .md\:focus\:border-yellow-700:focus {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .md\:focus\:border-yellow-800:focus {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .md\:focus\:border-yellow-900:focus {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .md\:focus\:border-green-100:focus {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .md\:focus\:border-green-200:focus {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .md\:focus\:border-green-300:focus {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .md\:focus\:border-green-400:focus {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .md\:focus\:border-green-500:focus {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .md\:focus\:border-green-600:focus {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .md\:focus\:border-green-700:focus {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .md\:focus\:border-green-800:focus {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .md\:focus\:border-green-900:focus {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .md\:focus\:border-teal-100:focus {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .md\:focus\:border-teal-200:focus {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .md\:focus\:border-teal-300:focus {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .md\:focus\:border-teal-400:focus {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .md\:focus\:border-teal-500:focus {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .md\:focus\:border-teal-600:focus {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .md\:focus\:border-teal-700:focus {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .md\:focus\:border-teal-800:focus {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .md\:focus\:border-teal-900:focus {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .md\:focus\:border-blue-100:focus {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .md\:focus\:border-blue-200:focus {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .md\:focus\:border-blue-300:focus {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .md\:focus\:border-blue-400:focus {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .md\:focus\:border-blue-500:focus {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .md\:focus\:border-blue-600:focus {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .md\:focus\:border-blue-700:focus {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .md\:focus\:border-blue-800:focus {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .md\:focus\:border-blue-900:focus {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .md\:focus\:border-indigo-100:focus {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .md\:focus\:border-indigo-200:focus {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .md\:focus\:border-indigo-300:focus {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .md\:focus\:border-indigo-400:focus {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .md\:focus\:border-indigo-500:focus {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .md\:focus\:border-indigo-600:focus {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .md\:focus\:border-indigo-700:focus {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .md\:focus\:border-indigo-800:focus {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .md\:focus\:border-indigo-900:focus {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .md\:focus\:border-purple-100:focus {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .md\:focus\:border-purple-200:focus {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .md\:focus\:border-purple-300:focus {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .md\:focus\:border-purple-400:focus {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .md\:focus\:border-purple-500:focus {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .md\:focus\:border-purple-600:focus {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .md\:focus\:border-purple-700:focus {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .md\:focus\:border-purple-800:focus {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .md\:focus\:border-purple-900:focus {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .md\:focus\:border-pink-100:focus {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .md\:focus\:border-pink-200:focus {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .md\:focus\:border-pink-300:focus {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .md\:focus\:border-pink-400:focus {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .md\:focus\:border-pink-500:focus {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .md\:focus\:border-pink-600:focus {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .md\:focus\:border-pink-700:focus {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .md\:focus\:border-pink-800:focus {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .md\:focus\:border-pink-900:focus {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .md\:border-opacity-0 {
                --border-opacity: 0
            }
            .md\:border-opacity-25 {
                --border-opacity: 0.25
            }
            .md\:border-opacity-50 {
                --border-opacity: 0.5
            }
            .md\:border-opacity-75 {
                --border-opacity: 0.75
            }
            .md\:border-opacity-100 {
                --border-opacity: 1
            }
            .md\:hover\:border-opacity-0:hover {
                --border-opacity: 0
            }
            .md\:hover\:border-opacity-25:hover {
                --border-opacity: 0.25
            }
            .md\:hover\:border-opacity-50:hover {
                --border-opacity: 0.5
            }
            .md\:hover\:border-opacity-75:hover {
                --border-opacity: 0.75
            }
            .md\:hover\:border-opacity-100:hover {
                --border-opacity: 1
            }
            .md\:focus\:border-opacity-0:focus {
                --border-opacity: 0
            }
            .md\:focus\:border-opacity-25:focus {
                --border-opacity: 0.25
            }
            .md\:focus\:border-opacity-50:focus {
                --border-opacity: 0.5
            }
            .md\:focus\:border-opacity-75:focus {
                --border-opacity: 0.75
            }
            .md\:focus\:border-opacity-100:focus {
                --border-opacity: 1
            }
            .md\:rounded-none {
                border-radius: 0
            }
            .md\:rounded-sm {
                border-radius: .125rem
            }
            .md\:rounded {
                border-radius: .25rem
            }
            .md\:rounded-md {
                border-radius: .375rem
            }
            .md\:rounded-lg {
                border-radius: .5rem
            }
            .md\:rounded-full {
                border-radius: 9999px
            }
            .md\:rounded-t-none {
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }
            .md\:rounded-r-none {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }
            .md\:rounded-b-none {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0
            }
            .md\:rounded-l-none {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }
            .md\:rounded-t-sm {
                border-top-left-radius: .125rem;
                border-top-right-radius: .125rem
            }
            .md\:rounded-r-sm {
                border-top-right-radius: .125rem;
                border-bottom-right-radius: .125rem
            }
            .md\:rounded-b-sm {
                border-bottom-right-radius: .125rem;
                border-bottom-left-radius: .125rem
            }
            .md\:rounded-l-sm {
                border-top-left-radius: .125rem;
                border-bottom-left-radius: .125rem
            }
            .md\:rounded-t {
                border-top-left-radius: .25rem
            }
            .md\:rounded-r,
            .md\:rounded-t {
                border-top-right-radius: .25rem
            }
            .md\:rounded-b,
            .md\:rounded-r {
                border-bottom-right-radius: .25rem
            }
            .md\:rounded-b,
            .md\:rounded-l {
                border-bottom-left-radius: .25rem
            }
            .md\:rounded-l {
                border-top-left-radius: .25rem
            }
            .md\:rounded-t-md {
                border-top-left-radius: .375rem;
                border-top-right-radius: .375rem
            }
            .md\:rounded-r-md {
                border-top-right-radius: .375rem;
                border-bottom-right-radius: .375rem
            }
            .md\:rounded-b-md {
                border-bottom-right-radius: .375rem;
                border-bottom-left-radius: .375rem
            }
            .md\:rounded-l-md {
                border-top-left-radius: .375rem;
                border-bottom-left-radius: .375rem
            }
            .md\:rounded-t-lg {
                border-top-left-radius: .5rem;
                border-top-right-radius: .5rem
            }
            .md\:rounded-r-lg {
                border-top-right-radius: .5rem;
                border-bottom-right-radius: .5rem
            }
            .md\:rounded-b-lg {
                border-bottom-right-radius: .5rem;
                border-bottom-left-radius: .5rem
            }
            .md\:rounded-l-lg {
                border-top-left-radius: .5rem;
                border-bottom-left-radius: .5rem
            }
            .md\:rounded-t-full {
                border-top-left-radius: 9999px;
                border-top-right-radius: 9999px
            }
            .md\:rounded-r-full {
                border-top-right-radius: 9999px;
                border-bottom-right-radius: 9999px
            }
            .md\:rounded-b-full {
                border-bottom-right-radius: 9999px;
                border-bottom-left-radius: 9999px
            }
            .md\:rounded-l-full {
                border-top-left-radius: 9999px;
                border-bottom-left-radius: 9999px
            }
            .md\:rounded-tl-none {
                border-top-left-radius: 0
            }
            .md\:rounded-tr-none {
                border-top-right-radius: 0
            }
            .md\:rounded-br-none {
                border-bottom-right-radius: 0
            }
            .md\:rounded-bl-none {
                border-bottom-left-radius: 0
            }
            .md\:rounded-tl-sm {
                border-top-left-radius: .125rem
            }
            .md\:rounded-tr-sm {
                border-top-right-radius: .125rem
            }
            .md\:rounded-br-sm {
                border-bottom-right-radius: .125rem
            }
            .md\:rounded-bl-sm {
                border-bottom-left-radius: .125rem
            }
            .md\:rounded-tl {
                border-top-left-radius: .25rem
            }
            .md\:rounded-tr {
                border-top-right-radius: .25rem
            }
            .md\:rounded-br {
                border-bottom-right-radius: .25rem
            }
            .md\:rounded-bl {
                border-bottom-left-radius: .25rem
            }
            .md\:rounded-tl-md {
                border-top-left-radius: .375rem
            }
            .md\:rounded-tr-md {
                border-top-right-radius: .375rem
            }
            .md\:rounded-br-md {
                border-bottom-right-radius: .375rem
            }
            .md\:rounded-bl-md {
                border-bottom-left-radius: .375rem
            }
            .md\:rounded-tl-lg {
                border-top-left-radius: .5rem
            }
            .md\:rounded-tr-lg {
                border-top-right-radius: .5rem
            }
            .md\:rounded-br-lg {
                border-bottom-right-radius: .5rem
            }
            .md\:rounded-bl-lg {
                border-bottom-left-radius: .5rem
            }
            .md\:rounded-tl-full {
                border-top-left-radius: 9999px
            }
            .md\:rounded-tr-full {
                border-top-right-radius: 9999px
            }
            .md\:rounded-br-full {
                border-bottom-right-radius: 9999px
            }
            .md\:rounded-bl-full {
                border-bottom-left-radius: 9999px
            }
            .md\:border-solid {
                border-style: solid
            }
            .md\:border-dashed {
                border-style: dashed
            }
            .md\:border-dotted {
                border-style: dotted
            }
            .md\:border-double {
                border-style: double
            }
            .md\:border-none {
                border-style: none
            }
            .md\:border-0 {
                border-width: 0
            }
            .md\:border-2 {
                border-width: 2px
            }
            .md\:border-4 {
                border-width: 4px
            }
            .md\:border-8 {
                border-width: 8px
            }
            .md\:border {
                border-width: 1px
            }
            .md\:border-t-0 {
                border-top-width: 0
            }
            .md\:border-r-0 {
                border-right-width: 0
            }
            .md\:border-b-0 {
                border-bottom-width: 0
            }
            .md\:border-l-0 {
                border-left-width: 0
            }
            .md\:border-t-2 {
                border-top-width: 2px
            }
            .md\:border-r-2 {
                border-right-width: 2px
            }
            .md\:border-b-2 {
                border-bottom-width: 2px
            }
            .md\:border-l-2 {
                border-left-width: 2px
            }
            .md\:border-t-4 {
                border-top-width: 4px
            }
            .md\:border-r-4 {
                border-right-width: 4px
            }
            .md\:border-b-4 {
                border-bottom-width: 4px
            }
            .md\:border-l-4 {
                border-left-width: 4px
            }
            .md\:border-t-8 {
                border-top-width: 8px
            }
            .md\:border-r-8 {
                border-right-width: 8px
            }
            .md\:border-b-8 {
                border-bottom-width: 8px
            }
            .md\:border-l-8 {
                border-left-width: 8px
            }
            .md\:border-t {
                border-top-width: 1px
            }
            .md\:border-r {
                border-right-width: 1px
            }
            .md\:border-b {
                border-bottom-width: 1px
            }
            .md\:border-l {
                border-left-width: 1px
            }
            .md\:box-border {
                box-sizing: border-box
            }
            .md\:box-content {
                box-sizing: content-box
            }
            .md\:cursor-auto {
                cursor: auto
            }
            .md\:cursor-default {
                cursor: default
            }
            .md\:cursor-pointer {
                cursor: pointer
            }
            .md\:cursor-wait {
                cursor: wait
            }
            .md\:cursor-text {
                cursor: text
            }
            .md\:cursor-move {
                cursor: move
            }
            .md\:cursor-not-allowed {
                cursor: not-allowed
            }
            .md\:block {
                display: block
            }
            .md\:inline-block {
                display: inline-block
            }
            .md\:inline {
                display: inline
            }
            .md\:flex {
                display: flex
            }
            .md\:inline-flex {
                display: inline-flex
            }
            .md\:table {
                display: table
            }
            .md\:table-caption {
                display: table-caption
            }
            .md\:table-cell {
                display: table-cell
            }
            .md\:table-column {
                display: table-column
            }
            .md\:table-column-group {
                display: table-column-group
            }
            .md\:table-footer-group {
                display: table-footer-group
            }
            .md\:table-header-group {
                display: table-header-group
            }
            .md\:table-row-group {
                display: table-row-group
            }
            .md\:table-row {
                display: table-row
            }
            .md\:flow-root {
                display: flow-root
            }
            .md\:grid {
                display: grid
            }
            .md\:inline-grid {
                display: inline-grid
            }
            .md\:hidden {
                display: none
            }
            .md\:flex-row {
                flex-direction: row
            }
            .md\:flex-row-reverse {
                flex-direction: row-reverse
            }
            .md\:flex-col {
                flex-direction: column
            }
            .md\:flex-col-reverse {
                flex-direction: column-reverse
            }
            .md\:flex-wrap {
                flex-wrap: wrap
            }
            .md\:flex-wrap-reverse {
                flex-wrap: wrap-reverse
            }
            .md\:flex-no-wrap {
                flex-wrap: nowrap
            }
            .md\:items-start {
                align-items: flex-start
            }
            .md\:items-end {
                align-items: flex-end
            }
            .md\:items-center {
                align-items: center
            }
            .md\:items-baseline {
                align-items: baseline
            }
            .md\:items-stretch {
                align-items: stretch
            }
            .md\:self-auto {
                align-self: auto
            }
            .md\:self-start {
                align-self: flex-start
            }
            .md\:self-end {
                align-self: flex-end
            }
            .md\:self-center {
                align-self: center
            }
            .md\:self-stretch {
                align-self: stretch
            }
            .md\:justify-start {
                justify-content: flex-start
            }
            .md\:justify-end {
                justify-content: flex-end
            }
            .md\:justify-center {
                justify-content: center
            }
            .md\:justify-between {
                justify-content: space-between
            }
            .md\:justify-around {
                justify-content: space-around
            }
            .md\:justify-evenly {
                justify-content: space-evenly
            }
            .md\:content-center {
                align-content: center
            }
            .md\:content-start {
                align-content: flex-start
            }
            .md\:content-end {
                align-content: flex-end
            }
            .md\:content-between {
                align-content: space-between
            }
            .md\:content-around {
                align-content: space-around
            }
            .md\:flex-1 {
                flex: 1 1 0%
            }
            .md\:flex-auto {
                flex: 1 1 auto
            }
            .md\:flex-initial {
                flex: 0 1 auto
            }
            .md\:flex-none {
                flex: none
            }
            .md\:flex-grow-0 {
                flex-grow: 0
            }
            .md\:flex-grow {
                flex-grow: 1
            }
            .md\:flex-shrink-0 {
                flex-shrink: 0
            }
            .md\:flex-shrink {
                flex-shrink: 1
            }
            .md\:order-1 {
                order: 1
            }
            .md\:order-2 {
                order: 2
            }
            .md\:order-3 {
                order: 3
            }
            .md\:order-4 {
                order: 4
            }
            .md\:order-5 {
                order: 5
            }
            .md\:order-6 {
                order: 6
            }
            .md\:order-7 {
                order: 7
            }
            .md\:order-8 {
                order: 8
            }
            .md\:order-9 {
                order: 9
            }
            .md\:order-10 {
                order: 10
            }
            .md\:order-11 {
                order: 11
            }
            .md\:order-12 {
                order: 12
            }
            .md\:order-first {
                order: -9999
            }
            .md\:order-last {
                order: 9999
            }
            .md\:order-none {
                order: 0
            }
            .md\:float-right {
                float: right
            }
            .md\:float-left {
                float: left
            }
            .md\:float-none {
                float: none
            }
            .md\:clearfix:after {
                content: "";
                display: table;
                clear: both
            }
            .md\:clear-left {
                clear: left
            }
            .md\:clear-right {
                clear: right
            }
            .md\:clear-both {
                clear: both
            }
            .md\:clear-none {
                clear: none
            }
            .md\:font-display {
                font-family: Oswald, sans-serif
            }
            .md\:font-body {
                font-family: Ropa Sans, sans-serif
            }
            .md\:font-hairline {
                font-weight: 100
            }
            .md\:font-thin {
                font-weight: 200
            }
            .md\:font-light {
                font-weight: 300
            }
            .md\:font-normal {
                font-weight: 400
            }
            .md\:font-medium {
                font-weight: 500
            }
            .md\:font-semibold {
                font-weight: 600
            }
            .md\:font-bold {
                font-weight: 700
            }
            .md\:font-extrabold {
                font-weight: 800
            }
            .md\:font-black {
                font-weight: 900
            }
            .md\:hover\:font-hairline:hover {
                font-weight: 100
            }
            .md\:hover\:font-thin:hover {
                font-weight: 200
            }
            .md\:hover\:font-light:hover {
                font-weight: 300
            }
            .md\:hover\:font-normal:hover {
                font-weight: 400
            }
            .md\:hover\:font-medium:hover {
                font-weight: 500
            }
            .md\:hover\:font-semibold:hover {
                font-weight: 600
            }
            .md\:hover\:font-bold:hover {
                font-weight: 700
            }
            .md\:hover\:font-extrabold:hover {
                font-weight: 800
            }
            .md\:hover\:font-black:hover {
                font-weight: 900
            }
            .md\:focus\:font-hairline:focus {
                font-weight: 100
            }
            .md\:focus\:font-thin:focus {
                font-weight: 200
            }
            .md\:focus\:font-light:focus {
                font-weight: 300
            }
            .md\:focus\:font-normal:focus {
                font-weight: 400
            }
            .md\:focus\:font-medium:focus {
                font-weight: 500
            }
            .md\:focus\:font-semibold:focus {
                font-weight: 600
            }
            .md\:focus\:font-bold:focus {
                font-weight: 700
            }
            .md\:focus\:font-extrabold:focus {
                font-weight: 800
            }
            .md\:focus\:font-black:focus {
                font-weight: 900
            }
            .md\:h-0 {
                height: 0
            }
            .md\:h-1 {
                height: 8px
            }
            .md\:h-2 {
                height: 12px
            }
            .md\:h-3 {
                height: 16px
            }
            .md\:h-4 {
                height: 24px
            }
            .md\:h-5 {
                height: 32px
            }
            .md\:h-6 {
                height: 48px
            }
            .md\:h-7 {
                height: 60px
            }
            .md\:h-8 {
                height: 72px
            }
            .md\:h-9 {
                height: 84px
            }
            .md\:h-10 {
                height: 96px
            }
            .md\:h-auto {
                height: auto
            }
            .md\:h-0\.5 {
                height: 4px
            }
            .md\:h-full {
                height: 100%
            }
            .md\:h-screen {
                height: 100vh
            }
            .md\:text-xs {
                font-size: .75rem
            }
            .md\:text-sm {
                font-size: .875rem
            }
            .md\:text-base {
                font-size: 1rem
            }
            .md\:text-lg {
                font-size: 1.125rem
            }
            .md\:text-xl {
                font-size: 1.25rem
            }
            .md\:text-2xl {
                font-size: 1.5rem
            }
            .md\:text-3xl {
                font-size: 1.875rem
            }
            .md\:text-4xl {
                font-size: 2.25rem
            }
            .md\:text-5xl {
                font-size: 3rem
            }
            .md\:text-6xl {
                font-size: 4rem
            }
            .md\:hover\:text-xs:hover {
                font-size: .75rem
            }
            .md\:hover\:text-sm:hover {
                font-size: .875rem
            }
            .md\:hover\:text-base:hover {
                font-size: 1rem
            }
            .md\:hover\:text-lg:hover {
                font-size: 1.125rem
            }
            .md\:hover\:text-xl:hover {
                font-size: 1.25rem
            }
            .md\:hover\:text-2xl:hover {
                font-size: 1.5rem
            }
            .md\:hover\:text-3xl:hover {
                font-size: 1.875rem
            }
            .md\:hover\:text-4xl:hover {
                font-size: 2.25rem
            }
            .md\:hover\:text-5xl:hover {
                font-size: 3rem
            }
            .md\:hover\:text-6xl:hover {
                font-size: 4rem
            }
            .md\:focus\:text-xs:focus {
                font-size: .75rem
            }
            .md\:focus\:text-sm:focus {
                font-size: .875rem
            }
            .md\:focus\:text-base:focus {
                font-size: 1rem
            }
            .md\:focus\:text-lg:focus {
                font-size: 1.125rem
            }
            .md\:focus\:text-xl:focus {
                font-size: 1.25rem
            }
            .md\:focus\:text-2xl:focus {
                font-size: 1.5rem
            }
            .md\:focus\:text-3xl:focus {
                font-size: 1.875rem
            }
            .md\:focus\:text-4xl:focus {
                font-size: 2.25rem
            }
            .md\:focus\:text-5xl:focus {
                font-size: 3rem
            }
            .md\:focus\:text-6xl:focus {
                font-size: 4rem
            }
            .md\:leading-3 {
                line-height: .75rem
            }
            .md\:leading-4 {
                line-height: 1rem
            }
            .md\:leading-5 {
                line-height: 1.25rem
            }
            .md\:leading-6 {
                line-height: 1.5rem
            }
            .md\:leading-7 {
                line-height: 1.75rem
            }
            .md\:leading-8 {
                line-height: 2rem
            }
            .md\:leading-9 {
                line-height: 2.25rem
            }
            .md\:leading-10 {
                line-height: 2.5rem
            }
            .md\:leading-none {
                line-height: 1
            }
            .md\:leading-tight {
                line-height: 1.25
            }
            .md\:leading-snug {
                line-height: 1.375
            }
            .md\:leading-normal {
                line-height: 1.5
            }
            .md\:leading-relaxed {
                line-height: 1.625
            }
            .md\:leading-loose {
                line-height: 2
            }
            .md\:list-inside {
                list-style-position: inside
            }
            .md\:list-outside {
                list-style-position: outside
            }
            .md\:list-none {
                list-style-type: none
            }
            .md\:list-disc {
                list-style-type: disc
            }
            .md\:list-decimal {
                list-style-type: decimal
            }
            .md\:m-0 {
                margin: 0
            }
            .md\:m-1 {
                margin: 8px
            }
            .md\:m-2 {
                margin: 12px
            }
            .md\:m-3 {
                margin: 16px
            }
            .md\:m-4 {
                margin: 24px
            }
            .md\:m-5 {
                margin: 32px
            }
            .md\:m-6 {
                margin: 48px
            }
            .md\:m-7 {
                margin: 60px
            }
            .md\:m-8 {
                margin: 72px
            }
            .md\:m-9 {
                margin: 84px
            }
            .md\:m-10 {
                margin: 96px
            }
            .md\:m-auto {
                margin: auto
            }
            .md\:m-0\.5 {
                margin: 4px
            }
            .md\:-m-1 {
                margin: -8px
            }
            .md\:-m-2 {
                margin: -12px
            }
            .md\:-m-3 {
                margin: -16px
            }
            .md\:-m-4 {
                margin: -24px
            }
            .md\:-m-5 {
                margin: -32px
            }
            .md\:-m-6 {
                margin: -48px
            }
            .md\:-m-7 {
                margin: -60px
            }
            .md\:-m-8 {
                margin: -72px
            }
            .md\:-m-9 {
                margin: -84px
            }
            .md\:-m-10 {
                margin: -96px
            }
            .md\:-m-0\.5 {
                margin: -4px
            }
            .md\:my-0 {
                margin-top: 0;
                margin-bottom: 0
            }
            .md\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }
            .md\:my-1 {
                margin-top: 8px;
                margin-bottom: 8px
            }
            .md\:mx-1 {
                margin-left: 8px;
                margin-right: 8px
            }
            .md\:my-2 {
                margin-top: 12px;
                margin-bottom: 12px
            }
            .md\:mx-2 {
                margin-left: 12px;
                margin-right: 12px
            }
            .md\:my-3 {
                margin-top: 16px;
                margin-bottom: 16px
            }
            .md\:mx-3 {
                margin-left: 16px;
                margin-right: 16px
            }
            .md\:my-4 {
                margin-top: 24px;
                margin-bottom: 24px
            }
            .md\:mx-4 {
                margin-left: 24px;
                margin-right: 24px
            }
            .md\:my-5 {
                margin-top: 32px;
                margin-bottom: 32px
            }
            .md\:mx-5 {
                margin-left: 32px;
                margin-right: 32px
            }
            .md\:my-6 {
                margin-top: 48px;
                margin-bottom: 48px
            }
            .md\:mx-6 {
                margin-left: 48px;
                margin-right: 48px
            }
            .md\:my-7 {
                margin-top: 60px;
                margin-bottom: 60px
            }
            .md\:mx-7 {
                margin-left: 60px;
                margin-right: 60px
            }
            .md\:my-8 {
                margin-top: 72px;
                margin-bottom: 72px
            }
            .md\:mx-8 {
                margin-left: 72px;
                margin-right: 72px
            }
            .md\:my-9 {
                margin-top: 84px;
                margin-bottom: 84px
            }
            .md\:mx-9 {
                margin-left: 84px;
                margin-right: 84px
            }
            .md\:my-10 {
                margin-top: 96px;
                margin-bottom: 96px
            }
            .md\:mx-10 {
                margin-left: 96px;
                margin-right: 96px
            }
            .md\:my-auto {
                margin-top: auto;
                margin-bottom: auto
            }
            .md\:mx-auto {
                margin-left: auto;
                margin-right: auto
            }
            .md\:my-0\.5 {
                margin-top: 4px;
                margin-bottom: 4px
            }
            .md\:mx-0\.5 {
                margin-left: 4px;
                margin-right: 4px
            }
            .md\:-my-1 {
                margin-top: -8px;
                margin-bottom: -8px
            }
            .md\:-mx-1 {
                margin-left: -8px;
                margin-right: -8px
            }
            .md\:-my-2 {
                margin-top: -12px;
                margin-bottom: -12px
            }
            .md\:-mx-2 {
                margin-left: -12px;
                margin-right: -12px
            }
            .md\:-my-3 {
                margin-top: -16px;
                margin-bottom: -16px
            }
            .md\:-mx-3 {
                margin-left: -16px;
                margin-right: -16px
            }
            .md\:-my-4 {
                margin-top: -24px;
                margin-bottom: -24px
            }
            .md\:-mx-4 {
                margin-left: -24px;
                margin-right: -24px
            }
            .md\:-my-5 {
                margin-top: -32px;
                margin-bottom: -32px
            }
            .md\:-mx-5 {
                margin-left: -32px;
                margin-right: -32px
            }
            .md\:-my-6 {
                margin-top: -48px;
                margin-bottom: -48px
            }
            .md\:-mx-6 {
                margin-left: -48px;
                margin-right: -48px
            }
            .md\:-my-7 {
                margin-top: -60px;
                margin-bottom: -60px
            }
            .md\:-mx-7 {
                margin-left: -60px;
                margin-right: -60px
            }
            .md\:-my-8 {
                margin-top: -72px;
                margin-bottom: -72px
            }
            .md\:-mx-8 {
                margin-left: -72px;
                margin-right: -72px
            }
            .md\:-my-9 {
                margin-top: -84px;
                margin-bottom: -84px
            }
            .md\:-mx-9 {
                margin-left: -84px;
                margin-right: -84px
            }
            .md\:-my-10 {
                margin-top: -96px;
                margin-bottom: -96px
            }
            .md\:-mx-10 {
                margin-left: -96px;
                margin-right: -96px
            }
            .md\:-my-0\.5 {
                margin-top: -4px;
                margin-bottom: -4px
            }
            .md\:-mx-0\.5 {
                margin-left: -4px;
                margin-right: -4px
            }
            .md\:mt-0 {
                margin-top: 0
            }
            .md\:mr-0 {
                margin-right: 0
            }
            .md\:mb-0 {
                margin-bottom: 0
            }
            .md\:ml-0 {
                margin-left: 0
            }
            .md\:mt-1 {
                margin-top: 8px
            }
            .md\:mr-1 {
                margin-right: 8px
            }
            .md\:mb-1 {
                margin-bottom: 8px
            }
            .md\:ml-1 {
                margin-left: 8px
            }
            .md\:mt-2 {
                margin-top: 12px
            }
            .md\:mr-2 {
                margin-right: 12px
            }
            .md\:mb-2 {
                margin-bottom: 12px
            }
            .md\:ml-2 {
                margin-left: 12px
            }
            .md\:mt-3 {
                margin-top: 16px
            }
            .md\:mr-3 {
                margin-right: 16px
            }
            .md\:mb-3 {
                margin-bottom: 16px
            }
            .md\:ml-3 {
                margin-left: 16px
            }
            .md\:mt-4 {
                margin-top: 24px
            }
            .md\:mr-4 {
                margin-right: 24px
            }
            .md\:mb-4 {
                margin-bottom: 24px
            }
            .md\:ml-4 {
                margin-left: 24px
            }
            .md\:mt-5 {
                margin-top: 32px
            }
            .md\:mr-5 {
                margin-right: 32px
            }
            .md\:mb-5 {
                margin-bottom: 32px
            }
            .md\:ml-5 {
                margin-left: 32px
            }
            .md\:mt-6 {
                margin-top: 48px
            }
            .md\:mr-6 {
                margin-right: 48px
            }
            .md\:mb-6 {
                margin-bottom: 48px
            }
            .md\:ml-6 {
                margin-left: 48px
            }
            .md\:mt-7 {
                margin-top: 60px
            }
            .md\:mr-7 {
                margin-right: 60px
            }
            .md\:mb-7 {
                margin-bottom: 60px
            }
            .md\:ml-7 {
                margin-left: 60px
            }
            .md\:mt-8 {
                margin-top: 72px
            }
            .md\:mr-8 {
                margin-right: 72px
            }
            .md\:mb-8 {
                margin-bottom: 72px
            }
            .md\:ml-8 {
                margin-left: 72px
            }
            .md\:mt-9 {
                margin-top: 84px
            }
            .md\:mr-9 {
                margin-right: 84px
            }
            .md\:mb-9 {
                margin-bottom: 84px
            }
            .md\:ml-9 {
                margin-left: 84px
            }
            .md\:mt-10 {
                margin-top: 96px
            }
            .md\:mr-10 {
                margin-right: 96px
            }
            .md\:mb-10 {
                margin-bottom: 96px
            }
            .md\:ml-10 {
                margin-left: 96px
            }
            .md\:mt-auto {
                margin-top: auto
            }
            .md\:mr-auto {
                margin-right: auto
            }
            .md\:mb-auto {
                margin-bottom: auto
            }
            .md\:ml-auto {
                margin-left: auto
            }
            .md\:mt-0\.5 {
                margin-top: 4px
            }
            .md\:mr-0\.5 {
                margin-right: 4px
            }
            .md\:mb-0\.5 {
                margin-bottom: 4px
            }
            .md\:ml-0\.5 {
                margin-left: 4px
            }
            .md\:-mt-1 {
                margin-top: -8px
            }
            .md\:-mr-1 {
                margin-right: -8px
            }
            .md\:-mb-1 {
                margin-bottom: -8px
            }
            .md\:-ml-1 {
                margin-left: -8px
            }
            .md\:-mt-2 {
                margin-top: -12px
            }
            .md\:-mr-2 {
                margin-right: -12px
            }
            .md\:-mb-2 {
                margin-bottom: -12px
            }
            .md\:-ml-2 {
                margin-left: -12px
            }
            .md\:-mt-3 {
                margin-top: -16px
            }
            .md\:-mr-3 {
                margin-right: -16px
            }
            .md\:-mb-3 {
                margin-bottom: -16px
            }
            .md\:-ml-3 {
                margin-left: -16px
            }
            .md\:-mt-4 {
                margin-top: -24px
            }
            .md\:-mr-4 {
                margin-right: -24px
            }
            .md\:-mb-4 {
                margin-bottom: -24px
            }
            .md\:-ml-4 {
                margin-left: -24px
            }
            .md\:-mt-5 {
                margin-top: -32px
            }
            .md\:-mr-5 {
                margin-right: -32px
            }
            .md\:-mb-5 {
                margin-bottom: -32px
            }
            .md\:-ml-5 {
                margin-left: -32px
            }
            .md\:-mt-6 {
                margin-top: -48px
            }
            .md\:-mr-6 {
                margin-right: -48px
            }
            .md\:-mb-6 {
                margin-bottom: -48px
            }
            .md\:-ml-6 {
                margin-left: -48px
            }
            .md\:-mt-7 {
                margin-top: -60px
            }
            .md\:-mr-7 {
                margin-right: -60px
            }
            .md\:-mb-7 {
                margin-bottom: -60px
            }
            .md\:-ml-7 {
                margin-left: -60px
            }
            .md\:-mt-8 {
                margin-top: -72px
            }
            .md\:-mr-8 {
                margin-right: -72px
            }
            .md\:-mb-8 {
                margin-bottom: -72px
            }
            .md\:-ml-8 {
                margin-left: -72px
            }
            .md\:-mt-9 {
                margin-top: -84px
            }
            .md\:-mr-9 {
                margin-right: -84px
            }
            .md\:-mb-9 {
                margin-bottom: -84px
            }
            .md\:-ml-9 {
                margin-left: -84px
            }
            .md\:-mt-10 {
                margin-top: -96px
            }
            .md\:-mr-10 {
                margin-right: -96px
            }
            .md\:-mb-10 {
                margin-bottom: -96px
            }
            .md\:-ml-10 {
                margin-left: -96px
            }
            .md\:-mt-0\.5 {
                margin-top: -4px
            }
            .md\:-mr-0\.5 {
                margin-right: -4px
            }
            .md\:-mb-0\.5 {
                margin-bottom: -4px
            }
            .md\:-ml-0\.5 {
                margin-left: -4px
            }
            .md\:max-h-full {
                max-height: 100%
            }
            .md\:max-h-screen {
                max-height: 100vh
            }
            .md\:max-w-none {
                max-width: none
            }
            .md\:max-w-xs {
                max-width: 20rem
            }
            .md\:max-w-sm {
                max-width: 24rem
            }
            .md\:max-w-md {
                max-width: 28rem
            }
            .md\:max-w-lg {
                max-width: 32rem
            }
            .md\:max-w-xl {
                max-width: 36rem
            }
            .md\:max-w-2xl {
                max-width: 42rem
            }
            .md\:max-w-3xl {
                max-width: 48rem
            }
            .md\:max-w-4xl {
                max-width: 56rem
            }
            .md\:max-w-5xl {
                max-width: 64rem
            }
            .md\:max-w-6xl {
                max-width: 72rem
            }
            .md\:max-w-full {
                max-width: 100%
            }
            .md\:max-w-screen-xs {
                max-width: 420px
            }
            .md\:max-w-screen-sm {
                max-width: 640px
            }
            .md\:max-w-screen-md {
                max-width: 768px
            }
            .md\:max-w-screen-lg {
                max-width: 1024px
            }
            .md\:max-w-screen-xl {
                max-width: 1100px
            }
            .md\:min-h-0 {
                min-height: 0
            }
            .md\:min-h-full {
                min-height: 100%
            }
            .md\:min-h-screen {
                min-height: 100vh
            }
            .md\:min-w-0 {
                min-width: 0
            }
            .md\:min-w-full {
                min-width: 100%
            }
            .md\:object-contain {
                object-fit: contain
            }
            .md\:object-cover {
                object-fit: cover
            }
            .md\:object-fill {
                object-fit: fill
            }
            .md\:object-none {
                object-fit: none
            }
            .md\:object-scale-down {
                object-fit: scale-down
            }
            .md\:object-bottom {
                object-position: bottom
            }
            .md\:object-center {
                object-position: center
            }
            .md\:object-left {
                object-position: left
            }
            .md\:object-left-bottom {
                object-position: left bottom
            }
            .md\:object-left-top {
                object-position: left top
            }
            .md\:object-right {
                object-position: right
            }
            .md\:object-right-bottom {
                object-position: right bottom
            }
            .md\:object-right-top {
                object-position: right top
            }
            .md\:object-top {
                object-position: top
            }
            .md\:opacity-0 {
                opacity: 0
            }
            .md\:opacity-25 {
                opacity: .25
            }
            .md\:opacity-50 {
                opacity: .5
            }
            .md\:opacity-75 {
                opacity: .75
            }
            .md\:opacity-100 {
                opacity: 1
            }
            .md\:hover\:opacity-0:hover {
                opacity: 0
            }
            .md\:hover\:opacity-25:hover {
                opacity: .25
            }
            .md\:hover\:opacity-50:hover {
                opacity: .5
            }
            .md\:hover\:opacity-75:hover {
                opacity: .75
            }
            .md\:hover\:opacity-100:hover {
                opacity: 1
            }
            .md\:focus\:outline-none:focus,
            .md\:outline-none {
                outline: 0
            }
            .md\:overflow-auto {
                overflow: auto
            }
            .md\:overflow-hidden {
                overflow: hidden
            }
            .md\:overflow-visible {
                overflow: visible
            }
            .md\:overflow-scroll {
                overflow: scroll
            }
            .md\:overflow-x-auto {
                overflow-x: auto
            }
            .md\:overflow-y-auto {
                overflow-y: auto
            }
            .md\:overflow-x-hidden {
                overflow-x: hidden
            }
            .md\:overflow-y-hidden {
                overflow-y: hidden
            }
            .md\:overflow-x-visible {
                overflow-x: visible
            }
            .md\:overflow-y-visible {
                overflow-y: visible
            }
            .md\:overflow-x-scroll {
                overflow-x: scroll
            }
            .md\:overflow-y-scroll {
                overflow-y: scroll
            }
            .md\:scrolling-touch {
                -webkit-overflow-scrolling: touch
            }
            .md\:scrolling-auto {
                -webkit-overflow-scrolling: auto
            }
            .md\:p-0 {
                padding: 0
            }
            .md\:p-1 {
                padding: 8px
            }
            .md\:p-2 {
                padding: 12px
            }
            .md\:p-3 {
                padding: 16px
            }
            .md\:p-4 {
                padding: 24px
            }
            .md\:p-5 {
                padding: 32px
            }
            .md\:p-6 {
                padding: 48px
            }
            .md\:p-7 {
                padding: 60px
            }
            .md\:p-8 {
                padding: 72px
            }
            .md\:p-9 {
                padding: 84px
            }
            .md\:p-10 {
                padding: 96px
            }
            .md\:p-0\.5 {
                padding: 4px
            }
            .md\:py-0 {
                padding-top: 0;
                padding-bottom: 0
            }
            .md\:px-0 {
                padding-left: 0;
                padding-right: 0
            }
            .md\:py-1 {
                padding-top: 8px;
                padding-bottom: 8px
            }
            .md\:px-1 {
                padding-left: 8px;
                padding-right: 8px
            }
            .md\:py-2 {
                padding-top: 12px;
                padding-bottom: 12px
            }
            .md\:px-2 {
                padding-left: 12px;
                padding-right: 12px
            }
            .md\:py-3 {
                padding-top: 16px;
                padding-bottom: 16px
            }
            .md\:px-3 {
                padding-left: 16px;
                padding-right: 16px
            }
            .md\:py-4 {
                padding-top: 24px;
                padding-bottom: 24px
            }
            .md\:px-4 {
                padding-left: 24px;
                padding-right: 24px
            }
            .md\:py-5 {
                padding-top: 32px;
                padding-bottom: 32px
            }
            .md\:px-5 {
                padding-left: 32px;
                padding-right: 32px
            }
            .md\:py-6 {
                padding-top: 48px;
                padding-bottom: 48px
            }
            .md\:px-6 {
                padding-left: 48px;
                padding-right: 48px
            }
            .md\:py-7 {
                padding-top: 60px;
                padding-bottom: 60px
            }
            .md\:px-7 {
                padding-left: 60px;
                padding-right: 60px
            }
            .md\:py-8 {
                padding-top: 72px;
                padding-bottom: 72px
            }
            .md\:px-8 {
                padding-left: 72px;
                padding-right: 72px
            }
            .md\:py-9 {
                padding-top: 84px;
                padding-bottom: 84px
            }
            .md\:px-9 {
                padding-left: 84px;
                padding-right: 84px
            }
            .md\:py-10 {
                padding-top: 96px;
                padding-bottom: 96px
            }
            .md\:px-10 {
                padding-left: 96px;
                padding-right: 96px
            }
            .md\:py-0\.5 {
                padding-top: 4px;
                padding-bottom: 4px
            }
            .md\:px-0\.5 {
                padding-left: 4px;
                padding-right: 4px
            }
            .md\:pt-0 {
                padding-top: 0
            }
            .md\:pr-0 {
                padding-right: 0
            }
            .md\:pb-0 {
                padding-bottom: 0
            }
            .md\:pl-0 {
                padding-left: 0
            }
            .md\:pt-1 {
                padding-top: 8px
            }
            .md\:pr-1 {
                padding-right: 8px
            }
            .md\:pb-1 {
                padding-bottom: 8px
            }
            .md\:pl-1 {
                padding-left: 8px
            }
            .md\:pt-2 {
                padding-top: 12px
            }
            .md\:pr-2 {
                padding-right: 12px
            }
            .md\:pb-2 {
                padding-bottom: 12px
            }
            .md\:pl-2 {
                padding-left: 12px
            }
            .md\:pt-3 {
                padding-top: 16px
            }
            .md\:pr-3 {
                padding-right: 16px
            }
            .md\:pb-3 {
                padding-bottom: 16px
            }
            .md\:pl-3 {
                padding-left: 16px
            }
            .md\:pt-4 {
                padding-top: 24px
            }
            .md\:pr-4 {
                padding-right: 24px
            }
            .md\:pb-4 {
                padding-bottom: 24px
            }
            .md\:pl-4 {
                padding-left: 24px
            }
            .md\:pt-5 {
                padding-top: 32px
            }
            .md\:pr-5 {
                padding-right: 32px
            }
            .md\:pb-5 {
                padding-bottom: 32px
            }
            .md\:pl-5 {
                padding-left: 32px
            }
            .md\:pt-6 {
                padding-top: 48px
            }
            .md\:pr-6 {
                padding-right: 48px
            }
            .md\:pb-6 {
                padding-bottom: 48px
            }
            .md\:pl-6 {
                padding-left: 48px
            }
            .md\:pt-7 {
                padding-top: 60px
            }
            .md\:pr-7 {
                padding-right: 60px
            }
            .md\:pb-7 {
                padding-bottom: 60px
            }
            .md\:pl-7 {
                padding-left: 60px
            }
            .md\:pt-8 {
                padding-top: 72px
            }
            .md\:pr-8 {
                padding-right: 72px
            }
            .md\:pb-8 {
                padding-bottom: 72px
            }
            .md\:pl-8 {
                padding-left: 72px
            }
            .md\:pt-9 {
                padding-top: 84px
            }
            .md\:pr-9 {
                padding-right: 84px
            }
            .md\:pb-9 {
                padding-bottom: 84px
            }
            .md\:pl-9 {
                padding-left: 84px
            }
            .md\:pt-10 {
                padding-top: 96px
            }
            .md\:pr-10 {
                padding-right: 96px
            }
            .md\:pb-10 {
                padding-bottom: 96px
            }
            .md\:pl-10 {
                padding-left: 96px
            }
            .md\:pt-0\.5 {
                padding-top: 4px
            }
            .md\:pr-0\.5 {
                padding-right: 4px
            }
            .md\:pb-0\.5 {
                padding-bottom: 4px
            }
            .md\:pl-0\.5 {
                padding-left: 4px
            }
            .md\:placeholder-transparent::placeholder {
                color: transparent
            }
            .md\:placeholder-current::placeholder {
                color: currentColor
            }
            .md\:placeholder-black::placeholder {
                --placeholder-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--placeholder-opacity))
            }
            .md\:placeholder-white::placeholder {
                --placeholder-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--placeholder-opacity))
            }
            .md\:placeholder-gray-100::placeholder {
                --placeholder-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--placeholder-opacity))
            }
            .md\:placeholder-gray-200::placeholder {
                --placeholder-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--placeholder-opacity))
            }
            .md\:placeholder-gray-300::placeholder {
                --placeholder-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--placeholder-opacity))
            }
            .md\:placeholder-gray-400::placeholder {
                --placeholder-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--placeholder-opacity))
            }
            .md\:placeholder-gray-500::placeholder {
                --placeholder-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--placeholder-opacity))
            }
            .md\:placeholder-gray-600::placeholder {
                --placeholder-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--placeholder-opacity))
            }
            .md\:placeholder-gray-700::placeholder {
                --placeholder-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--placeholder-opacity))
            }
            .md\:placeholder-gray-800::placeholder {
                --placeholder-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--placeholder-opacity))
            }
            .md\:placeholder-gray-900::placeholder {
                --placeholder-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--placeholder-opacity))
            }
            .md\:placeholder-red-100::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--placeholder-opacity))
            }
            .md\:placeholder-red-200::placeholder {
                --placeholder-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--placeholder-opacity))
            }
            .md\:placeholder-red-300::placeholder {
                --placeholder-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--placeholder-opacity))
            }
            .md\:placeholder-red-400::placeholder {
                --placeholder-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--placeholder-opacity))
            }
            .md\:placeholder-red-500::placeholder {
                --placeholder-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--placeholder-opacity))
            }
            .md\:placeholder-red-600::placeholder {
                --placeholder-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--placeholder-opacity))
            }
            .md\:placeholder-red-700::placeholder {
                --placeholder-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--placeholder-opacity))
            }
            .md\:placeholder-red-800::placeholder {
                --placeholder-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--placeholder-opacity))
            }
            .md\:placeholder-red-900::placeholder {
                --placeholder-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--placeholder-opacity))
            }
            .md\:placeholder-orange-100::placeholder {
                --placeholder-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--placeholder-opacity))
            }
            .md\:placeholder-orange-200::placeholder {
                --placeholder-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--placeholder-opacity))
            }
            .md\:placeholder-orange-300::placeholder {
                --placeholder-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--placeholder-opacity))
            }
            .md\:placeholder-orange-400::placeholder {
                --placeholder-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--placeholder-opacity))
            }
            .md\:placeholder-orange-500::placeholder {
                --placeholder-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--placeholder-opacity))
            }
            .md\:placeholder-orange-600::placeholder {
                --placeholder-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--placeholder-opacity))
            }
            .md\:placeholder-orange-700::placeholder {
                --placeholder-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--placeholder-opacity))
            }
            .md\:placeholder-orange-800::placeholder {
                --placeholder-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--placeholder-opacity))
            }
            .md\:placeholder-orange-900::placeholder {
                --placeholder-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--placeholder-opacity))
            }
            .md\:placeholder-yellow-100::placeholder {
                --placeholder-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--placeholder-opacity))
            }
            .md\:placeholder-yellow-200::placeholder {
                --placeholder-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--placeholder-opacity))
            }
            .md\:placeholder-yellow-300::placeholder {
                --placeholder-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--placeholder-opacity))
            }
            .md\:placeholder-yellow-400::placeholder {
                --placeholder-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--placeholder-opacity))
            }
            .md\:placeholder-yellow-500::placeholder {
                --placeholder-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--placeholder-opacity))
            }
            .md\:placeholder-yellow-600::placeholder {
                --placeholder-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--placeholder-opacity))
            }
            .md\:placeholder-yellow-700::placeholder {
                --placeholder-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--placeholder-opacity))
            }
            .md\:placeholder-yellow-800::placeholder {
                --placeholder-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--placeholder-opacity))
            }
            .md\:placeholder-yellow-900::placeholder {
                --placeholder-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--placeholder-opacity))
            }
            .md\:placeholder-green-100::placeholder {
                --placeholder-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--placeholder-opacity))
            }
            .md\:placeholder-green-200::placeholder {
                --placeholder-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--placeholder-opacity))
            }
            .md\:placeholder-green-300::placeholder {
                --placeholder-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--placeholder-opacity))
            }
            .md\:placeholder-green-400::placeholder {
                --placeholder-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--placeholder-opacity))
            }
            .md\:placeholder-green-500::placeholder {
                --placeholder-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--placeholder-opacity))
            }
            .md\:placeholder-green-600::placeholder {
                --placeholder-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--placeholder-opacity))
            }
            .md\:placeholder-green-700::placeholder {
                --placeholder-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--placeholder-opacity))
            }
            .md\:placeholder-green-800::placeholder {
                --placeholder-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--placeholder-opacity))
            }
            .md\:placeholder-green-900::placeholder {
                --placeholder-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--placeholder-opacity))
            }
            .md\:placeholder-teal-100::placeholder {
                --placeholder-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--placeholder-opacity))
            }
            .md\:placeholder-teal-200::placeholder {
                --placeholder-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--placeholder-opacity))
            }
            .md\:placeholder-teal-300::placeholder {
                --placeholder-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--placeholder-opacity))
            }
            .md\:placeholder-teal-400::placeholder {
                --placeholder-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--placeholder-opacity))
            }
            .md\:placeholder-teal-500::placeholder {
                --placeholder-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--placeholder-opacity))
            }
            .md\:placeholder-teal-600::placeholder {
                --placeholder-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--placeholder-opacity))
            }
            .md\:placeholder-teal-700::placeholder {
                --placeholder-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--placeholder-opacity))
            }
            .md\:placeholder-teal-800::placeholder {
                --placeholder-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--placeholder-opacity))
            }
            .md\:placeholder-teal-900::placeholder {
                --placeholder-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--placeholder-opacity))
            }
            .md\:placeholder-blue-100::placeholder {
                --placeholder-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--placeholder-opacity))
            }
            .md\:placeholder-blue-200::placeholder {
                --placeholder-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--placeholder-opacity))
            }
            .md\:placeholder-blue-300::placeholder {
                --placeholder-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--placeholder-opacity))
            }
            .md\:placeholder-blue-400::placeholder {
                --placeholder-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--placeholder-opacity))
            }
            .md\:placeholder-blue-500::placeholder {
                --placeholder-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--placeholder-opacity))
            }
            .md\:placeholder-blue-600::placeholder {
                --placeholder-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--placeholder-opacity))
            }
            .md\:placeholder-blue-700::placeholder {
                --placeholder-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--placeholder-opacity))
            }
            .md\:placeholder-blue-800::placeholder {
                --placeholder-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--placeholder-opacity))
            }
            .md\:placeholder-blue-900::placeholder {
                --placeholder-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--placeholder-opacity))
            }
            .md\:placeholder-indigo-100::placeholder {
                --placeholder-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--placeholder-opacity))
            }
            .md\:placeholder-indigo-200::placeholder {
                --placeholder-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--placeholder-opacity))
            }
            .md\:placeholder-indigo-300::placeholder {
                --placeholder-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--placeholder-opacity))
            }
            .md\:placeholder-indigo-400::placeholder {
                --placeholder-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--placeholder-opacity))
            }
            .md\:placeholder-indigo-500::placeholder {
                --placeholder-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--placeholder-opacity))
            }
            .md\:placeholder-indigo-600::placeholder {
                --placeholder-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--placeholder-opacity))
            }
            .md\:placeholder-indigo-700::placeholder {
                --placeholder-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--placeholder-opacity))
            }
            .md\:placeholder-indigo-800::placeholder {
                --placeholder-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--placeholder-opacity))
            }
            .md\:placeholder-indigo-900::placeholder {
                --placeholder-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--placeholder-opacity))
            }
            .md\:placeholder-purple-100::placeholder {
                --placeholder-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--placeholder-opacity))
            }
            .md\:placeholder-purple-200::placeholder {
                --placeholder-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--placeholder-opacity))
            }
            .md\:placeholder-purple-300::placeholder {
                --placeholder-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--placeholder-opacity))
            }
            .md\:placeholder-purple-400::placeholder {
                --placeholder-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--placeholder-opacity))
            }
            .md\:placeholder-purple-500::placeholder {
                --placeholder-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--placeholder-opacity))
            }
            .md\:placeholder-purple-600::placeholder {
                --placeholder-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--placeholder-opacity))
            }
            .md\:placeholder-purple-700::placeholder {
                --placeholder-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--placeholder-opacity))
            }
            .md\:placeholder-purple-800::placeholder {
                --placeholder-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--placeholder-opacity))
            }
            .md\:placeholder-purple-900::placeholder {
                --placeholder-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--placeholder-opacity))
            }
            .md\:placeholder-pink-100::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--placeholder-opacity))
            }
            .md\:placeholder-pink-200::placeholder {
                --placeholder-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--placeholder-opacity))
            }
            .md\:placeholder-pink-300::placeholder {
                --placeholder-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--placeholder-opacity))
            }
            .md\:placeholder-pink-400::placeholder {
                --placeholder-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--placeholder-opacity))
            }
            .md\:placeholder-pink-500::placeholder {
                --placeholder-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--placeholder-opacity))
            }
            .md\:placeholder-pink-600::placeholder {
                --placeholder-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--placeholder-opacity))
            }
            .md\:placeholder-pink-700::placeholder {
                --placeholder-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--placeholder-opacity))
            }
            .md\:placeholder-pink-800::placeholder {
                --placeholder-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--placeholder-opacity))
            }
            .md\:placeholder-pink-900::placeholder {
                --placeholder-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-transparent:focus::placeholder {
                color: transparent
            }
            .md\:focus\:placeholder-current:focus::placeholder {
                color: currentColor
            }
            .md\:focus\:placeholder-black:focus::placeholder {
                --placeholder-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-white:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-gray-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-gray-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-gray-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-gray-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-gray-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-gray-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-gray-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-gray-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-gray-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-red-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-red-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-red-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-red-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-red-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-red-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-red-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-red-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-red-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-orange-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-orange-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-orange-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-orange-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-orange-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-orange-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-orange-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-orange-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-orange-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-yellow-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-yellow-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-yellow-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-yellow-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-yellow-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-yellow-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-yellow-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-yellow-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-yellow-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-green-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-green-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-green-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-green-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-green-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-green-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-green-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-green-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-green-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-teal-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-teal-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-teal-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-teal-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-teal-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-teal-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-teal-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-teal-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-teal-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-blue-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-blue-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-blue-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-blue-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-blue-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-blue-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-blue-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-blue-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-blue-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-indigo-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-indigo-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-indigo-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-indigo-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-indigo-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-indigo-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-indigo-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-indigo-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-indigo-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-purple-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-purple-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-purple-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-purple-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-purple-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-purple-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-purple-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-purple-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-purple-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-pink-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-pink-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-pink-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-pink-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-pink-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-pink-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-pink-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-pink-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--placeholder-opacity))
            }
            .md\:focus\:placeholder-pink-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--placeholder-opacity))
            }
            .md\:placeholder-opacity-0::placeholder {
                --placeholder-opacity: 0
            }
            .md\:placeholder-opacity-25::placeholder {
                --placeholder-opacity: 0.25
            }
            .md\:placeholder-opacity-50::placeholder {
                --placeholder-opacity: 0.5
            }
            .md\:placeholder-opacity-75::placeholder {
                --placeholder-opacity: 0.75
            }
            .md\:placeholder-opacity-100::placeholder {
                --placeholder-opacity: 1
            }
            .md\:focus\:placeholder-opacity-0:focus::placeholder {
                --placeholder-opacity: 0
            }
            .md\:focus\:placeholder-opacity-25:focus::placeholder {
                --placeholder-opacity: 0.25
            }
            .md\:focus\:placeholder-opacity-50:focus::placeholder {
                --placeholder-opacity: 0.5
            }
            .md\:focus\:placeholder-opacity-75:focus::placeholder {
                --placeholder-opacity: 0.75
            }
            .md\:focus\:placeholder-opacity-100:focus::placeholder {
                --placeholder-opacity: 1
            }
            .md\:pointer-events-none {
                pointer-events: none
            }
            .md\:pointer-events-auto {
                pointer-events: auto
            }
            .md\:static {
                position: static
            }
            .md\:fixed {
                position: fixed
            }
            .md\:absolute {
                position: absolute
            }
            .md\:relative {
                position: relative
            }
            .md\:sticky {
                position: sticky
            }
            .md\:inset-0 {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }
            .md\:inset-auto {
                top: auto;
                right: auto;
                bottom: auto;
                left: auto
            }
            .md\:inset-y-0 {
                top: 0;
                bottom: 0
            }
            .md\:inset-x-0 {
                right: 0;
                left: 0
            }
            .md\:inset-y-auto {
                top: auto;
                bottom: auto
            }
            .md\:inset-x-auto {
                right: auto;
                left: auto
            }
            .md\:top-0 {
                top: 0
            }
            .md\:right-0 {
                right: 0
            }
            .md\:bottom-0 {
                bottom: 0
            }
            .md\:left-0 {
                left: 0
            }
            .md\:top-auto {
                top: auto
            }
            .md\:right-auto {
                right: auto
            }
            .md\:bottom-auto {
                bottom: auto
            }
            .md\:left-auto {
                left: auto
            }
            .md\:resize-none {
                resize: none
            }
            .md\:resize-y {
                resize: vertical
            }
            .md\:resize-x {
                resize: horizontal
            }
            .md\:resize {
                resize: both
            }
            .md\:shadow-xs {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .md\:shadow-sm {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .md\:shadow {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .md\:shadow-md {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .md\:shadow-lg {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .md\:shadow-xl {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .md\:shadow-2xl {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .md\:shadow-inner {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .md\:shadow-outline {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .md\:shadow-none {
                box-shadow: none
            }
            .md\:hover\:shadow-xs:hover {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .md\:hover\:shadow-sm:hover {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .md\:hover\:shadow:hover {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .md\:hover\:shadow-md:hover {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .md\:hover\:shadow-lg:hover {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .md\:hover\:shadow-xl:hover {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .md\:hover\:shadow-2xl:hover {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .md\:hover\:shadow-inner:hover {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .md\:hover\:shadow-outline:hover {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .md\:hover\:shadow-none:hover {
                box-shadow: none
            }
            .md\:focus\:shadow-xs:focus {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .md\:focus\:shadow-sm:focus {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .md\:focus\:shadow:focus {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .md\:focus\:shadow-md:focus {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .md\:focus\:shadow-lg:focus {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .md\:focus\:shadow-xl:focus {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .md\:focus\:shadow-2xl:focus {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .md\:focus\:shadow-inner:focus {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .md\:focus\:shadow-outline:focus {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .md\:focus\:shadow-none:focus {
                box-shadow: none
            }
            .md\:fill-current {
                fill: currentColor
            }
            .md\:stroke-current {
                stroke: currentColor
            }
            .md\:stroke-0 {
                stroke-width: 0
            }
            .md\:stroke-1 {
                stroke-width: 1
            }
            .md\:stroke-2 {
                stroke-width: 2
            }
            .md\:table-auto {
                table-layout: auto
            }
            .md\:table-fixed {
                table-layout: fixed
            }
            .md\:text-left {
                text-align: left
            }
            .md\:text-center {
                text-align: center
            }
            .md\:text-right {
                text-align: right
            }
            .md\:text-justify {
                text-align: justify
            }
            .md\:text-transparent {
                color: transparent
            }
            .md\:text-current {
                color: currentColor
            }
            .md\:text-black {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .md\:text-white {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .md\:text-gray-100 {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .md\:text-gray-200 {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .md\:text-gray-300 {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .md\:text-gray-400 {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .md\:text-gray-500 {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .md\:text-gray-600 {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .md\:text-gray-700 {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .md\:text-gray-800 {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .md\:text-gray-900 {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .md\:text-red-100 {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .md\:text-red-200 {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .md\:text-red-300 {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .md\:text-red-400 {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .md\:text-red-500 {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .md\:text-red-600 {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .md\:text-red-700 {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .md\:text-red-800 {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .md\:text-red-900 {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .md\:text-orange-100 {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .md\:text-orange-200 {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .md\:text-orange-300 {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .md\:text-orange-400 {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .md\:text-orange-500 {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .md\:text-orange-600 {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .md\:text-orange-700 {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .md\:text-orange-800 {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .md\:text-orange-900 {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .md\:text-yellow-100 {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .md\:text-yellow-200 {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .md\:text-yellow-300 {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .md\:text-yellow-400 {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .md\:text-yellow-500 {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .md\:text-yellow-600 {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .md\:text-yellow-700 {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .md\:text-yellow-800 {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .md\:text-yellow-900 {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .md\:text-green-100 {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .md\:text-green-200 {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .md\:text-green-300 {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .md\:text-green-400 {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .md\:text-green-500 {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .md\:text-green-600 {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .md\:text-green-700 {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .md\:text-green-800 {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .md\:text-green-900 {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .md\:text-teal-100 {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .md\:text-teal-200 {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .md\:text-teal-300 {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .md\:text-teal-400 {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .md\:text-teal-500 {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .md\:text-teal-600 {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .md\:text-teal-700 {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .md\:text-teal-800 {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .md\:text-teal-900 {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .md\:text-blue-100 {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .md\:text-blue-200 {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .md\:text-blue-300 {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .md\:text-blue-400 {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .md\:text-blue-500 {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .md\:text-blue-600 {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .md\:text-blue-700 {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .md\:text-blue-800 {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .md\:text-blue-900 {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .md\:text-indigo-100 {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .md\:text-indigo-200 {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .md\:text-indigo-300 {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .md\:text-indigo-400 {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .md\:text-indigo-500 {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .md\:text-indigo-600 {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .md\:text-indigo-700 {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .md\:text-indigo-800 {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .md\:text-indigo-900 {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .md\:text-purple-100 {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .md\:text-purple-200 {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .md\:text-purple-300 {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .md\:text-purple-400 {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .md\:text-purple-500 {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .md\:text-purple-600 {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .md\:text-purple-700 {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .md\:text-purple-800 {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .md\:text-purple-900 {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .md\:text-pink-100 {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .md\:text-pink-200 {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .md\:text-pink-300 {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .md\:text-pink-400 {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .md\:text-pink-500 {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .md\:text-pink-600 {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .md\:text-pink-700 {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .md\:text-pink-800 {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .md\:text-pink-900 {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .md\:hover\:text-transparent:hover {
                color: transparent
            }
            .md\:hover\:text-current:hover {
                color: currentColor
            }
            .md\:hover\:text-black:hover {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .md\:hover\:text-white:hover {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .md\:hover\:text-gray-100:hover {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .md\:hover\:text-gray-200:hover {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .md\:hover\:text-gray-300:hover {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .md\:hover\:text-gray-400:hover {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .md\:hover\:text-gray-500:hover {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .md\:hover\:text-gray-600:hover {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .md\:hover\:text-gray-700:hover {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .md\:hover\:text-gray-800:hover {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .md\:hover\:text-gray-900:hover {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .md\:hover\:text-red-100:hover {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .md\:hover\:text-red-200:hover {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .md\:hover\:text-red-300:hover {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .md\:hover\:text-red-400:hover {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .md\:hover\:text-red-500:hover {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .md\:hover\:text-red-600:hover {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .md\:hover\:text-red-700:hover {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .md\:hover\:text-red-800:hover {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .md\:hover\:text-red-900:hover {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .md\:hover\:text-orange-100:hover {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .md\:hover\:text-orange-200:hover {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .md\:hover\:text-orange-300:hover {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .md\:hover\:text-orange-400:hover {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .md\:hover\:text-orange-500:hover {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .md\:hover\:text-orange-600:hover {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .md\:hover\:text-orange-700:hover {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .md\:hover\:text-orange-800:hover {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .md\:hover\:text-orange-900:hover {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .md\:hover\:text-yellow-100:hover {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .md\:hover\:text-yellow-200:hover {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .md\:hover\:text-yellow-300:hover {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .md\:hover\:text-yellow-400:hover {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .md\:hover\:text-yellow-500:hover {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .md\:hover\:text-yellow-600:hover {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .md\:hover\:text-yellow-700:hover {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .md\:hover\:text-yellow-800:hover {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .md\:hover\:text-yellow-900:hover {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .md\:hover\:text-green-100:hover {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .md\:hover\:text-green-200:hover {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .md\:hover\:text-green-300:hover {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .md\:hover\:text-green-400:hover {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .md\:hover\:text-green-500:hover {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .md\:hover\:text-green-600:hover {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .md\:hover\:text-green-700:hover {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .md\:hover\:text-green-800:hover {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .md\:hover\:text-green-900:hover {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .md\:hover\:text-teal-100:hover {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .md\:hover\:text-teal-200:hover {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .md\:hover\:text-teal-300:hover {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .md\:hover\:text-teal-400:hover {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .md\:hover\:text-teal-500:hover {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .md\:hover\:text-teal-600:hover {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .md\:hover\:text-teal-700:hover {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .md\:hover\:text-teal-800:hover {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .md\:hover\:text-teal-900:hover {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .md\:hover\:text-blue-100:hover {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .md\:hover\:text-blue-200:hover {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .md\:hover\:text-blue-300:hover {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .md\:hover\:text-blue-400:hover {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .md\:hover\:text-blue-500:hover {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .md\:hover\:text-blue-600:hover {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .md\:hover\:text-blue-700:hover {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .md\:hover\:text-blue-800:hover {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .md\:hover\:text-blue-900:hover {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .md\:hover\:text-indigo-100:hover {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .md\:hover\:text-indigo-200:hover {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .md\:hover\:text-indigo-300:hover {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .md\:hover\:text-indigo-400:hover {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .md\:hover\:text-indigo-500:hover {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .md\:hover\:text-indigo-600:hover {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .md\:hover\:text-indigo-700:hover {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .md\:hover\:text-indigo-800:hover {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .md\:hover\:text-indigo-900:hover {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .md\:hover\:text-purple-100:hover {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .md\:hover\:text-purple-200:hover {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .md\:hover\:text-purple-300:hover {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .md\:hover\:text-purple-400:hover {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .md\:hover\:text-purple-500:hover {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .md\:hover\:text-purple-600:hover {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .md\:hover\:text-purple-700:hover {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .md\:hover\:text-purple-800:hover {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .md\:hover\:text-purple-900:hover {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .md\:hover\:text-pink-100:hover {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .md\:hover\:text-pink-200:hover {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .md\:hover\:text-pink-300:hover {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .md\:hover\:text-pink-400:hover {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .md\:hover\:text-pink-500:hover {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .md\:hover\:text-pink-600:hover {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .md\:hover\:text-pink-700:hover {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .md\:hover\:text-pink-800:hover {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .md\:hover\:text-pink-900:hover {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .md\:focus\:text-transparent:focus {
                color: transparent
            }
            .md\:focus\:text-current:focus {
                color: currentColor
            }
            .md\:focus\:text-black:focus {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .md\:focus\:text-white:focus {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .md\:focus\:text-gray-100:focus {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .md\:focus\:text-gray-200:focus {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .md\:focus\:text-gray-300:focus {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .md\:focus\:text-gray-400:focus {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .md\:focus\:text-gray-500:focus {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .md\:focus\:text-gray-600:focus {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .md\:focus\:text-gray-700:focus {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .md\:focus\:text-gray-800:focus {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .md\:focus\:text-gray-900:focus {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .md\:focus\:text-red-100:focus {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .md\:focus\:text-red-200:focus {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .md\:focus\:text-red-300:focus {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .md\:focus\:text-red-400:focus {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .md\:focus\:text-red-500:focus {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .md\:focus\:text-red-600:focus {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .md\:focus\:text-red-700:focus {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .md\:focus\:text-red-800:focus {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .md\:focus\:text-red-900:focus {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .md\:focus\:text-orange-100:focus {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .md\:focus\:text-orange-200:focus {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .md\:focus\:text-orange-300:focus {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .md\:focus\:text-orange-400:focus {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .md\:focus\:text-orange-500:focus {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .md\:focus\:text-orange-600:focus {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .md\:focus\:text-orange-700:focus {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .md\:focus\:text-orange-800:focus {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .md\:focus\:text-orange-900:focus {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .md\:focus\:text-yellow-100:focus {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .md\:focus\:text-yellow-200:focus {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .md\:focus\:text-yellow-300:focus {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .md\:focus\:text-yellow-400:focus {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .md\:focus\:text-yellow-500:focus {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .md\:focus\:text-yellow-600:focus {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .md\:focus\:text-yellow-700:focus {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .md\:focus\:text-yellow-800:focus {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .md\:focus\:text-yellow-900:focus {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .md\:focus\:text-green-100:focus {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .md\:focus\:text-green-200:focus {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .md\:focus\:text-green-300:focus {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .md\:focus\:text-green-400:focus {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .md\:focus\:text-green-500:focus {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .md\:focus\:text-green-600:focus {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .md\:focus\:text-green-700:focus {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .md\:focus\:text-green-800:focus {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .md\:focus\:text-green-900:focus {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .md\:focus\:text-teal-100:focus {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .md\:focus\:text-teal-200:focus {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .md\:focus\:text-teal-300:focus {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .md\:focus\:text-teal-400:focus {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .md\:focus\:text-teal-500:focus {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .md\:focus\:text-teal-600:focus {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .md\:focus\:text-teal-700:focus {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .md\:focus\:text-teal-800:focus {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .md\:focus\:text-teal-900:focus {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .md\:focus\:text-blue-100:focus {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .md\:focus\:text-blue-200:focus {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .md\:focus\:text-blue-300:focus {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .md\:focus\:text-blue-400:focus {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .md\:focus\:text-blue-500:focus {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .md\:focus\:text-blue-600:focus {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .md\:focus\:text-blue-700:focus {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .md\:focus\:text-blue-800:focus {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .md\:focus\:text-blue-900:focus {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .md\:focus\:text-indigo-100:focus {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .md\:focus\:text-indigo-200:focus {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .md\:focus\:text-indigo-300:focus {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .md\:focus\:text-indigo-400:focus {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .md\:focus\:text-indigo-500:focus {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .md\:focus\:text-indigo-600:focus {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .md\:focus\:text-indigo-700:focus {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .md\:focus\:text-indigo-800:focus {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .md\:focus\:text-indigo-900:focus {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .md\:focus\:text-purple-100:focus {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .md\:focus\:text-purple-200:focus {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .md\:focus\:text-purple-300:focus {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .md\:focus\:text-purple-400:focus {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .md\:focus\:text-purple-500:focus {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .md\:focus\:text-purple-600:focus {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .md\:focus\:text-purple-700:focus {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .md\:focus\:text-purple-800:focus {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .md\:focus\:text-purple-900:focus {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .md\:focus\:text-pink-100:focus {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .md\:focus\:text-pink-200:focus {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .md\:focus\:text-pink-300:focus {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .md\:focus\:text-pink-400:focus {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .md\:focus\:text-pink-500:focus {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .md\:focus\:text-pink-600:focus {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .md\:focus\:text-pink-700:focus {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .md\:focus\:text-pink-800:focus {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .md\:focus\:text-pink-900:focus {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .md\:text-opacity-0 {
                --text-opacity: 0
            }
            .md\:text-opacity-25 {
                --text-opacity: 0.25
            }
            .md\:text-opacity-50 {
                --text-opacity: 0.5
            }
            .md\:text-opacity-75 {
                --text-opacity: 0.75
            }
            .md\:text-opacity-100 {
                --text-opacity: 1
            }
            .md\:hover\:text-opacity-0:hover {
                --text-opacity: 0
            }
            .md\:hover\:text-opacity-25:hover {
                --text-opacity: 0.25
            }
            .md\:hover\:text-opacity-50:hover {
                --text-opacity: 0.5
            }
            .md\:hover\:text-opacity-75:hover {
                --text-opacity: 0.75
            }
            .md\:hover\:text-opacity-100:hover {
                --text-opacity: 1
            }
            .md\:focus\:text-opacity-0:focus {
                --text-opacity: 0
            }
            .md\:focus\:text-opacity-25:focus {
                --text-opacity: 0.25
            }
            .md\:focus\:text-opacity-50:focus {
                --text-opacity: 0.5
            }
            .md\:focus\:text-opacity-75:focus {
                --text-opacity: 0.75
            }
            .md\:focus\:text-opacity-100:focus {
                --text-opacity: 1
            }
            .md\:italic {
                font-style: italic
            }
            .md\:not-italic {
                font-style: normal
            }
            .md\:uppercase {
                text-transform: uppercase
            }
            .md\:lowercase {
                text-transform: lowercase
            }
            .md\:capitalize {
                text-transform: capitalize
            }
            .md\:normal-case {
                text-transform: none
            }
            .md\:underline {
                text-decoration: underline
            }
            .md\:line-through {
                text-decoration: line-through
            }
            .md\:no-underline {
                text-decoration: none
            }
            .md\:hover\:underline:hover {
                text-decoration: underline
            }
            .md\:hover\:line-through:hover {
                text-decoration: line-through
            }
            .md\:hover\:no-underline:hover {
                text-decoration: none
            }
            .md\:focus\:underline:focus {
                text-decoration: underline
            }
            .md\:focus\:line-through:focus {
                text-decoration: line-through
            }
            .md\:focus\:no-underline:focus {
                text-decoration: none
            }
            .md\:antialiased {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }
            .md\:subpixel-antialiased {
                -webkit-font-smoothing: auto;
                -moz-osx-font-smoothing: auto
            }
            .md\:tracking-tighter {
                letter-spacing: -.05em
            }
            .md\:tracking-tight {
                letter-spacing: -.025em
            }
            .md\:tracking-normal {
                letter-spacing: 0
            }
            .md\:tracking-wide {
                letter-spacing: .025em
            }
            .md\:tracking-wider {
                letter-spacing: .05em
            }
            .md\:tracking-widest {
                letter-spacing: .1em
            }
            .md\:select-none {
                user-select: none
            }
            .md\:select-text {
                user-select: text
            }
            .md\:select-all {
                user-select: all
            }
            .md\:select-auto {
                user-select: auto
            }
            .md\:align-baseline {
                vertical-align: baseline
            }
            .md\:align-top {
                vertical-align: top
            }
            .md\:align-middle {
                vertical-align: middle
            }
            .md\:align-bottom {
                vertical-align: bottom
            }
            .md\:align-text-top {
                vertical-align: text-top
            }
            .md\:align-text-bottom {
                vertical-align: text-bottom
            }
            .md\:visible {
                visibility: visible
            }
            .md\:invisible {
                visibility: hidden
            }
            .md\:whitespace-normal {
                white-space: normal
            }
            .md\:whitespace-no-wrap {
                white-space: nowrap
            }
            .md\:whitespace-pre {
                white-space: pre
            }
            .md\:whitespace-pre-line {
                white-space: pre-line
            }
            .md\:whitespace-pre-wrap {
                white-space: pre-wrap
            }
            .md\:break-normal {
                overflow-wrap: normal;
                word-break: normal
            }
            .md\:break-words {
                overflow-wrap: break-word
            }
            .md\:break-all {
                word-break: break-all
            }
            .md\:truncate {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }
            .md\:w-0 {
                width: 0
            }
            .md\:w-1 {
                width: 8px
            }
            .md\:w-2 {
                width: 12px
            }
            .md\:w-3 {
                width: 16px
            }
            .md\:w-4 {
                width: 24px
            }
            .md\:w-5 {
                width: 32px
            }
            .md\:w-6 {
                width: 48px
            }
            .md\:w-7 {
                width: 60px
            }
            .md\:w-8 {
                width: 72px
            }
            .md\:w-9 {
                width: 84px
            }
            .md\:w-10 {
                width: 96px
            }
            .md\:w-auto {
                width: auto
            }
            .md\:w-0\.5 {
                width: 4px
            }
            .md\:w-1\/2 {
                width: 50%
            }
            .md\:w-1\/3 {
                width: 33.333333%
            }
            .md\:w-2\/3 {
                width: 66.666667%
            }
            .md\:w-1\/4 {
                width: 25%
            }
            .md\:w-2\/4 {
                width: 50%
            }
            .md\:w-3\/4 {
                width: 75%
            }
            .md\:w-1\/5 {
                width: 20%
            }
            .md\:w-2\/5 {
                width: 40%
            }
            .md\:w-3\/5 {
                width: 60%
            }
            .md\:w-4\/5 {
                width: 80%
            }
            .md\:w-1\/6 {
                width: 16.666667%
            }
            .md\:w-2\/6 {
                width: 33.333333%
            }
            .md\:w-3\/6 {
                width: 50%
            }
            .md\:w-4\/6 {
                width: 66.666667%
            }
            .md\:w-5\/6 {
                width: 83.333333%
            }
            .md\:w-1\/12 {
                width: 8.333333%
            }
            .md\:w-2\/12 {
                width: 16.666667%
            }
            .md\:w-3\/12 {
                width: 25%
            }
            .md\:w-4\/12 {
                width: 33.333333%
            }
            .md\:w-5\/12 {
                width: 41.666667%
            }
            .md\:w-6\/12 {
                width: 50%
            }
            .md\:w-7\/12 {
                width: 58.333333%
            }
            .md\:w-8\/12 {
                width: 66.666667%
            }
            .md\:w-9\/12 {
                width: 75%
            }
            .md\:w-10\/12 {
                width: 83.333333%
            }
            .md\:w-11\/12 {
                width: 91.666667%
            }
            .md\:w-full {
                width: 100%
            }
            .md\:w-screen {
                width: 100vw
            }
            .md\:z-0 {
                z-index: 0
            }
            .md\:z-10 {
                z-index: 10
            }
            .md\:z-20 {
                z-index: 20
            }
            .md\:z-30 {
                z-index: 30
            }
            .md\:z-40 {
                z-index: 40
            }
            .md\:z-50 {
                z-index: 50
            }
            .md\:z-auto {
                z-index: auto
            }
            .md\:gap-0 {
                grid-gap: 0;
                gap: 0
            }
            .md\:gap-1 {
                grid-gap: 8px;
                gap: 8px
            }
            .md\:gap-2 {
                grid-gap: 12px;
                gap: 12px
            }
            .md\:gap-3 {
                grid-gap: 16px;
                gap: 16px
            }
            .md\:gap-4 {
                grid-gap: 24px;
                gap: 24px
            }
            .md\:gap-5 {
                grid-gap: 32px;
                gap: 32px
            }
            .md\:gap-6 {
                grid-gap: 48px;
                gap: 48px
            }
            .md\:gap-7 {
                grid-gap: 60px;
                gap: 60px
            }
            .md\:gap-8 {
                grid-gap: 72px;
                gap: 72px
            }
            .md\:gap-9 {
                grid-gap: 84px;
                gap: 84px
            }
            .md\:gap-10 {
                grid-gap: 96px;
                gap: 96px
            }
            .md\:gap-0\.5 {
                grid-gap: 4px;
                gap: 4px
            }
            .md\:col-gap-0 {
                grid-column-gap: 0;
                column-gap: 0
            }
            .md\:col-gap-1 {
                grid-column-gap: 8px;
                column-gap: 8px
            }
            .md\:col-gap-2 {
                grid-column-gap: 12px;
                column-gap: 12px
            }
            .md\:col-gap-3 {
                grid-column-gap: 16px;
                column-gap: 16px
            }
            .md\:col-gap-4 {
                grid-column-gap: 24px;
                column-gap: 24px
            }
            .md\:col-gap-5 {
                grid-column-gap: 32px;
                column-gap: 32px
            }
            .md\:col-gap-6 {
                grid-column-gap: 48px;
                column-gap: 48px
            }
            .md\:col-gap-7 {
                grid-column-gap: 60px;
                column-gap: 60px
            }
            .md\:col-gap-8 {
                grid-column-gap: 72px;
                column-gap: 72px
            }
            .md\:col-gap-9 {
                grid-column-gap: 84px;
                column-gap: 84px
            }
            .md\:col-gap-10 {
                grid-column-gap: 96px;
                column-gap: 96px
            }
            .md\:col-gap-0\.5 {
                grid-column-gap: 4px;
                column-gap: 4px
            }
            .md\:row-gap-0 {
                grid-row-gap: 0;
                row-gap: 0
            }
            .md\:row-gap-1 {
                grid-row-gap: 8px;
                row-gap: 8px
            }
            .md\:row-gap-2 {
                grid-row-gap: 12px;
                row-gap: 12px
            }
            .md\:row-gap-3 {
                grid-row-gap: 16px;
                row-gap: 16px
            }
            .md\:row-gap-4 {
                grid-row-gap: 24px;
                row-gap: 24px
            }
            .md\:row-gap-5 {
                grid-row-gap: 32px;
                row-gap: 32px
            }
            .md\:row-gap-6 {
                grid-row-gap: 48px;
                row-gap: 48px
            }
            .md\:row-gap-7 {
                grid-row-gap: 60px;
                row-gap: 60px
            }
            .md\:row-gap-8 {
                grid-row-gap: 72px;
                row-gap: 72px
            }
            .md\:row-gap-9 {
                grid-row-gap: 84px;
                row-gap: 84px
            }
            .md\:row-gap-10 {
                grid-row-gap: 96px;
                row-gap: 96px
            }
            .md\:row-gap-0\.5 {
                grid-row-gap: 4px;
                row-gap: 4px
            }
            .md\:grid-flow-row {
                grid-auto-flow: row
            }
            .md\:grid-flow-col {
                grid-auto-flow: column
            }
            .md\:grid-flow-row-dense {
                grid-auto-flow: row dense
            }
            .md\:grid-flow-col-dense {
                grid-auto-flow: column dense
            }
            .md\:grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr))
            }
            .md\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .md\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
            .md\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }
            .md\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }
            .md\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }
            .md\:grid-cols-7 {
                grid-template-columns: repeat(7, minmax(0, 1fr))
            }
            .md\:grid-cols-8 {
                grid-template-columns: repeat(8, minmax(0, 1fr))
            }
            .md\:grid-cols-9 {
                grid-template-columns: repeat(9, minmax(0, 1fr))
            }
            .md\:grid-cols-10 {
                grid-template-columns: repeat(10, minmax(0, 1fr))
            }
            .md\:grid-cols-11 {
                grid-template-columns: repeat(11, minmax(0, 1fr))
            }
            .md\:grid-cols-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr))
            }
            .md\:grid-cols-none {
                grid-template-columns: none
            }
            .md\:col-auto {
                grid-column: auto
            }
            .md\:col-span-1 {
                grid-column: span 1/span 1
            }
            .md\:col-span-2 {
                grid-column: span 2/span 2
            }
            .md\:col-span-3 {
                grid-column: span 3/span 3
            }
            .md\:col-span-4 {
                grid-column: span 4/span 4
            }
            .md\:col-span-5 {
                grid-column: span 5/span 5
            }
            .md\:col-span-6 {
                grid-column: span 6/span 6
            }
            .md\:col-span-7 {
                grid-column: span 7/span 7
            }
            .md\:col-span-8 {
                grid-column: span 8/span 8
            }
            .md\:col-span-9 {
                grid-column: span 9/span 9
            }
            .md\:col-span-10 {
                grid-column: span 10/span 10
            }
            .md\:col-span-11 {
                grid-column: span 11/span 11
            }
            .md\:col-span-12 {
                grid-column: span 12/span 12
            }
            .md\:col-start-1 {
                grid-column-start: 1
            }
            .md\:col-start-2 {
                grid-column-start: 2
            }
            .md\:col-start-3 {
                grid-column-start: 3
            }
            .md\:col-start-4 {
                grid-column-start: 4
            }
            .md\:col-start-5 {
                grid-column-start: 5
            }
            .md\:col-start-6 {
                grid-column-start: 6
            }
            .md\:col-start-7 {
                grid-column-start: 7
            }
            .md\:col-start-8 {
                grid-column-start: 8
            }
            .md\:col-start-9 {
                grid-column-start: 9
            }
            .md\:col-start-10 {
                grid-column-start: 10
            }
            .md\:col-start-11 {
                grid-column-start: 11
            }
            .md\:col-start-12 {
                grid-column-start: 12
            }
            .md\:col-start-13 {
                grid-column-start: 13
            }
            .md\:col-start-auto {
                grid-column-start: auto
            }
            .md\:col-end-1 {
                grid-column-end: 1
            }
            .md\:col-end-2 {
                grid-column-end: 2
            }
            .md\:col-end-3 {
                grid-column-end: 3
            }
            .md\:col-end-4 {
                grid-column-end: 4
            }
            .md\:col-end-5 {
                grid-column-end: 5
            }
            .md\:col-end-6 {
                grid-column-end: 6
            }
            .md\:col-end-7 {
                grid-column-end: 7
            }
            .md\:col-end-8 {
                grid-column-end: 8
            }
            .md\:col-end-9 {
                grid-column-end: 9
            }
            .md\:col-end-10 {
                grid-column-end: 10
            }
            .md\:col-end-11 {
                grid-column-end: 11
            }
            .md\:col-end-12 {
                grid-column-end: 12
            }
            .md\:col-end-13 {
                grid-column-end: 13
            }
            .md\:col-end-auto {
                grid-column-end: auto
            }
            .md\:grid-rows-1 {
                grid-template-rows: repeat(1, minmax(0, 1fr))
            }
            .md\:grid-rows-2 {
                grid-template-rows: repeat(2, minmax(0, 1fr))
            }
            .md\:grid-rows-3 {
                grid-template-rows: repeat(3, minmax(0, 1fr))
            }
            .md\:grid-rows-4 {
                grid-template-rows: repeat(4, minmax(0, 1fr))
            }
            .md\:grid-rows-5 {
                grid-template-rows: repeat(5, minmax(0, 1fr))
            }
            .md\:grid-rows-6 {
                grid-template-rows: repeat(6, minmax(0, 1fr))
            }
            .md\:grid-rows-none {
                grid-template-rows: none
            }
            .md\:row-auto {
                grid-row: auto
            }
            .md\:row-span-1 {
                grid-row: span 1/span 1
            }
            .md\:row-span-2 {
                grid-row: span 2/span 2
            }
            .md\:row-span-3 {
                grid-row: span 3/span 3
            }
            .md\:row-span-4 {
                grid-row: span 4/span 4
            }
            .md\:row-span-5 {
                grid-row: span 5/span 5
            }
            .md\:row-span-6 {
                grid-row: span 6/span 6
            }
            .md\:row-start-1 {
                grid-row-start: 1
            }
            .md\:row-start-2 {
                grid-row-start: 2
            }
            .md\:row-start-3 {
                grid-row-start: 3
            }
            .md\:row-start-4 {
                grid-row-start: 4
            }
            .md\:row-start-5 {
                grid-row-start: 5
            }
            .md\:row-start-6 {
                grid-row-start: 6
            }
            .md\:row-start-7 {
                grid-row-start: 7
            }
            .md\:row-start-auto {
                grid-row-start: auto
            }
            .md\:row-end-1 {
                grid-row-end: 1
            }
            .md\:row-end-2 {
                grid-row-end: 2
            }
            .md\:row-end-3 {
                grid-row-end: 3
            }
            .md\:row-end-4 {
                grid-row-end: 4
            }
            .md\:row-end-5 {
                grid-row-end: 5
            }
            .md\:row-end-6 {
                grid-row-end: 6
            }
            .md\:row-end-7 {
                grid-row-end: 7
            }
            .md\:row-end-auto {
                grid-row-end: auto
            }
            .md\:transform {
                --transform-translate-x: 0;
                --transform-translate-y: 0;
                --transform-rotate: 0;
                --transform-skew-x: 0;
                --transform-skew-y: 0;
                --transform-scale-x: 1;
                --transform-scale-y: 1;
                transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
            }
            .md\:transform-none {
                transform: none
            }
            .md\:origin-center {
                transform-origin: center
            }
            .md\:origin-top {
                transform-origin: top
            }
            .md\:origin-top-right {
                transform-origin: top right
            }
            .md\:origin-right {
                transform-origin: right
            }
            .md\:origin-bottom-right {
                transform-origin: bottom right
            }
            .md\:origin-bottom {
                transform-origin: bottom
            }
            .md\:origin-bottom-left {
                transform-origin: bottom left
            }
            .md\:origin-left {
                transform-origin: left
            }
            .md\:origin-top-left {
                transform-origin: top left
            }
            .md\:scale-0 {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .md\:scale-50 {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .md\:scale-75 {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .md\:scale-90 {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .md\:scale-95 {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .md\:scale-100 {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .md\:scale-105 {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .md\:scale-110 {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .md\:scale-125 {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .md\:scale-150 {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .md\:scale-x-0 {
                --transform-scale-x: 0
            }
            .md\:scale-x-50 {
                --transform-scale-x: .5
            }
            .md\:scale-x-75 {
                --transform-scale-x: .75
            }
            .md\:scale-x-90 {
                --transform-scale-x: .9
            }
            .md\:scale-x-95 {
                --transform-scale-x: .95
            }
            .md\:scale-x-100 {
                --transform-scale-x: 1
            }
            .md\:scale-x-105 {
                --transform-scale-x: 1.05
            }
            .md\:scale-x-110 {
                --transform-scale-x: 1.1
            }
            .md\:scale-x-125 {
                --transform-scale-x: 1.25
            }
            .md\:scale-x-150 {
                --transform-scale-x: 1.5
            }
            .md\:scale-y-0 {
                --transform-scale-y: 0
            }
            .md\:scale-y-50 {
                --transform-scale-y: .5
            }
            .md\:scale-y-75 {
                --transform-scale-y: .75
            }
            .md\:scale-y-90 {
                --transform-scale-y: .9
            }
            .md\:scale-y-95 {
                --transform-scale-y: .95
            }
            .md\:scale-y-100 {
                --transform-scale-y: 1
            }
            .md\:scale-y-105 {
                --transform-scale-y: 1.05
            }
            .md\:scale-y-110 {
                --transform-scale-y: 1.1
            }
            .md\:scale-y-125 {
                --transform-scale-y: 1.25
            }
            .md\:scale-y-150 {
                --transform-scale-y: 1.5
            }
            .md\:hover\:scale-0:hover {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .md\:hover\:scale-50:hover {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .md\:hover\:scale-75:hover {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .md\:hover\:scale-90:hover {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .md\:hover\:scale-95:hover {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .md\:hover\:scale-100:hover {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .md\:hover\:scale-105:hover {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .md\:hover\:scale-110:hover {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .md\:hover\:scale-125:hover {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .md\:hover\:scale-150:hover {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .md\:hover\:scale-x-0:hover {
                --transform-scale-x: 0
            }
            .md\:hover\:scale-x-50:hover {
                --transform-scale-x: .5
            }
            .md\:hover\:scale-x-75:hover {
                --transform-scale-x: .75
            }
            .md\:hover\:scale-x-90:hover {
                --transform-scale-x: .9
            }
            .md\:hover\:scale-x-95:hover {
                --transform-scale-x: .95
            }
            .md\:hover\:scale-x-100:hover {
                --transform-scale-x: 1
            }
            .md\:hover\:scale-x-105:hover {
                --transform-scale-x: 1.05
            }
            .md\:hover\:scale-x-110:hover {
                --transform-scale-x: 1.1
            }
            .md\:hover\:scale-x-125:hover {
                --transform-scale-x: 1.25
            }
            .md\:hover\:scale-x-150:hover {
                --transform-scale-x: 1.5
            }
            .md\:hover\:scale-y-0:hover {
                --transform-scale-y: 0
            }
            .md\:hover\:scale-y-50:hover {
                --transform-scale-y: .5
            }
            .md\:hover\:scale-y-75:hover {
                --transform-scale-y: .75
            }
            .md\:hover\:scale-y-90:hover {
                --transform-scale-y: .9
            }
            .md\:hover\:scale-y-95:hover {
                --transform-scale-y: .95
            }
            .md\:hover\:scale-y-100:hover {
                --transform-scale-y: 1
            }
            .md\:hover\:scale-y-105:hover {
                --transform-scale-y: 1.05
            }
            .md\:hover\:scale-y-110:hover {
                --transform-scale-y: 1.1
            }
            .md\:hover\:scale-y-125:hover {
                --transform-scale-y: 1.25
            }
            .md\:hover\:scale-y-150:hover {
                --transform-scale-y: 1.5
            }
            .md\:focus\:scale-0:focus {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .md\:focus\:scale-50:focus {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .md\:focus\:scale-75:focus {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .md\:focus\:scale-90:focus {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .md\:focus\:scale-95:focus {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .md\:focus\:scale-100:focus {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .md\:focus\:scale-105:focus {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .md\:focus\:scale-110:focus {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .md\:focus\:scale-125:focus {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .md\:focus\:scale-150:focus {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .md\:focus\:scale-x-0:focus {
                --transform-scale-x: 0
            }
            .md\:focus\:scale-x-50:focus {
                --transform-scale-x: .5
            }
            .md\:focus\:scale-x-75:focus {
                --transform-scale-x: .75
            }
            .md\:focus\:scale-x-90:focus {
                --transform-scale-x: .9
            }
            .md\:focus\:scale-x-95:focus {
                --transform-scale-x: .95
            }
            .md\:focus\:scale-x-100:focus {
                --transform-scale-x: 1
            }
            .md\:focus\:scale-x-105:focus {
                --transform-scale-x: 1.05
            }
            .md\:focus\:scale-x-110:focus {
                --transform-scale-x: 1.1
            }
            .md\:focus\:scale-x-125:focus {
                --transform-scale-x: 1.25
            }
            .md\:focus\:scale-x-150:focus {
                --transform-scale-x: 1.5
            }
            .md\:focus\:scale-y-0:focus {
                --transform-scale-y: 0
            }
            .md\:focus\:scale-y-50:focus {
                --transform-scale-y: .5
            }
            .md\:focus\:scale-y-75:focus {
                --transform-scale-y: .75
            }
            .md\:focus\:scale-y-90:focus {
                --transform-scale-y: .9
            }
            .md\:focus\:scale-y-95:focus {
                --transform-scale-y: .95
            }
            .md\:focus\:scale-y-100:focus {
                --transform-scale-y: 1
            }
            .md\:focus\:scale-y-105:focus {
                --transform-scale-y: 1.05
            }
            .md\:focus\:scale-y-110:focus {
                --transform-scale-y: 1.1
            }
            .md\:focus\:scale-y-125:focus {
                --transform-scale-y: 1.25
            }
            .md\:focus\:scale-y-150:focus {
                --transform-scale-y: 1.5
            }
            .md\:rotate-0 {
                --transform-rotate: 0
            }
            .md\:rotate-45 {
                --transform-rotate: 45deg
            }
            .md\:rotate-90 {
                --transform-rotate: 90deg
            }
            .md\:rotate-180 {
                --transform-rotate: 180deg
            }
            .md\:-rotate-180 {
                --transform-rotate: -180deg
            }
            .md\:-rotate-90 {
                --transform-rotate: -90deg
            }
            .md\:-rotate-45 {
                --transform-rotate: -45deg
            }
            .md\:hover\:rotate-0:hover {
                --transform-rotate: 0
            }
            .md\:hover\:rotate-45:hover {
                --transform-rotate: 45deg
            }
            .md\:hover\:rotate-90:hover {
                --transform-rotate: 90deg
            }
            .md\:hover\:rotate-180:hover {
                --transform-rotate: 180deg
            }
            .md\:hover\:-rotate-180:hover {
                --transform-rotate: -180deg
            }
            .md\:hover\:-rotate-90:hover {
                --transform-rotate: -90deg
            }
            .md\:hover\:-rotate-45:hover {
                --transform-rotate: -45deg
            }
            .md\:focus\:rotate-0:focus {
                --transform-rotate: 0
            }
            .md\:focus\:rotate-45:focus {
                --transform-rotate: 45deg
            }
            .md\:focus\:rotate-90:focus {
                --transform-rotate: 90deg
            }
            .md\:focus\:rotate-180:focus {
                --transform-rotate: 180deg
            }
            .md\:focus\:-rotate-180:focus {
                --transform-rotate: -180deg
            }
            .md\:focus\:-rotate-90:focus {
                --transform-rotate: -90deg
            }
            .md\:focus\:-rotate-45:focus {
                --transform-rotate: -45deg
            }
            .md\:translate-x-0 {
                --transform-translate-x: 0
            }
            .md\:translate-x-1 {
                --transform-translate-x: 8px
            }
            .md\:translate-x-2 {
                --transform-translate-x: 12px
            }
            .md\:translate-x-3 {
                --transform-translate-x: 16px
            }
            .md\:translate-x-4 {
                --transform-translate-x: 24px
            }
            .md\:translate-x-5 {
                --transform-translate-x: 32px
            }
            .md\:translate-x-6 {
                --transform-translate-x: 48px
            }
            .md\:translate-x-7 {
                --transform-translate-x: 60px
            }
            .md\:translate-x-8 {
                --transform-translate-x: 72px
            }
            .md\:translate-x-9 {
                --transform-translate-x: 84px
            }
            .md\:translate-x-10 {
                --transform-translate-x: 96px
            }
            .md\:translate-x-0\.5 {
                --transform-translate-x: 4px
            }
            .md\:-translate-x-1 {
                --transform-translate-x: -8px
            }
            .md\:-translate-x-2 {
                --transform-translate-x: -12px
            }
            .md\:-translate-x-3 {
                --transform-translate-x: -16px
            }
            .md\:-translate-x-4 {
                --transform-translate-x: -24px
            }
            .md\:-translate-x-5 {
                --transform-translate-x: -32px
            }
            .md\:-translate-x-6 {
                --transform-translate-x: -48px
            }
            .md\:-translate-x-7 {
                --transform-translate-x: -60px
            }
            .md\:-translate-x-8 {
                --transform-translate-x: -72px
            }
            .md\:-translate-x-9 {
                --transform-translate-x: -84px
            }
            .md\:-translate-x-10 {
                --transform-translate-x: -96px
            }
            .md\:-translate-x-0\.5 {
                --transform-translate-x: -4px
            }
            .md\:-translate-x-full {
                --transform-translate-x: -100%
            }
            .md\:-translate-x-1\/2 {
                --transform-translate-x: -50%
            }
            .md\:translate-x-1\/2 {
                --transform-translate-x: 50%
            }
            .md\:translate-x-full {
                --transform-translate-x: 100%
            }
            .md\:translate-y-0 {
                --transform-translate-y: 0
            }
            .md\:translate-y-1 {
                --transform-translate-y: 8px
            }
            .md\:translate-y-2 {
                --transform-translate-y: 12px
            }
            .md\:translate-y-3 {
                --transform-translate-y: 16px
            }
            .md\:translate-y-4 {
                --transform-translate-y: 24px
            }
            .md\:translate-y-5 {
                --transform-translate-y: 32px
            }
            .md\:translate-y-6 {
                --transform-translate-y: 48px
            }
            .md\:translate-y-7 {
                --transform-translate-y: 60px
            }
            .md\:translate-y-8 {
                --transform-translate-y: 72px
            }
            .md\:translate-y-9 {
                --transform-translate-y: 84px
            }
            .md\:translate-y-10 {
                --transform-translate-y: 96px
            }
            .md\:translate-y-0\.5 {
                --transform-translate-y: 4px
            }
            .md\:-translate-y-1 {
                --transform-translate-y: -8px
            }
            .md\:-translate-y-2 {
                --transform-translate-y: -12px
            }
            .md\:-translate-y-3 {
                --transform-translate-y: -16px
            }
            .md\:-translate-y-4 {
                --transform-translate-y: -24px
            }
            .md\:-translate-y-5 {
                --transform-translate-y: -32px
            }
            .md\:-translate-y-6 {
                --transform-translate-y: -48px
            }
            .md\:-translate-y-7 {
                --transform-translate-y: -60px
            }
            .md\:-translate-y-8 {
                --transform-translate-y: -72px
            }
            .md\:-translate-y-9 {
                --transform-translate-y: -84px
            }
            .md\:-translate-y-10 {
                --transform-translate-y: -96px
            }
            .md\:-translate-y-0\.5 {
                --transform-translate-y: -4px
            }
            .md\:-translate-y-full {
                --transform-translate-y: -100%
            }
            .md\:-translate-y-1\/2 {
                --transform-translate-y: -50%
            }
            .md\:translate-y-1\/2 {
                --transform-translate-y: 50%
            }
            .md\:translate-y-full {
                --transform-translate-y: 100%
            }
            .md\:hover\:translate-x-0:hover {
                --transform-translate-x: 0
            }
            .md\:hover\:translate-x-1:hover {
                --transform-translate-x: 8px
            }
            .md\:hover\:translate-x-2:hover {
                --transform-translate-x: 12px
            }
            .md\:hover\:translate-x-3:hover {
                --transform-translate-x: 16px
            }
            .md\:hover\:translate-x-4:hover {
                --transform-translate-x: 24px
            }
            .md\:hover\:translate-x-5:hover {
                --transform-translate-x: 32px
            }
            .md\:hover\:translate-x-6:hover {
                --transform-translate-x: 48px
            }
            .md\:hover\:translate-x-7:hover {
                --transform-translate-x: 60px
            }
            .md\:hover\:translate-x-8:hover {
                --transform-translate-x: 72px
            }
            .md\:hover\:translate-x-9:hover {
                --transform-translate-x: 84px
            }
            .md\:hover\:translate-x-10:hover {
                --transform-translate-x: 96px
            }
            .md\:hover\:translate-x-0\.5:hover {
                --transform-translate-x: 4px
            }
            .md\:hover\:-translate-x-1:hover {
                --transform-translate-x: -8px
            }
            .md\:hover\:-translate-x-2:hover {
                --transform-translate-x: -12px
            }
            .md\:hover\:-translate-x-3:hover {
                --transform-translate-x: -16px
            }
            .md\:hover\:-translate-x-4:hover {
                --transform-translate-x: -24px
            }
            .md\:hover\:-translate-x-5:hover {
                --transform-translate-x: -32px
            }
            .md\:hover\:-translate-x-6:hover {
                --transform-translate-x: -48px
            }
            .md\:hover\:-translate-x-7:hover {
                --transform-translate-x: -60px
            }
            .md\:hover\:-translate-x-8:hover {
                --transform-translate-x: -72px
            }
            .md\:hover\:-translate-x-9:hover {
                --transform-translate-x: -84px
            }
            .md\:hover\:-translate-x-10:hover {
                --transform-translate-x: -96px
            }
            .md\:hover\:-translate-x-0\.5:hover {
                --transform-translate-x: -4px
            }
            .md\:hover\:-translate-x-full:hover {
                --transform-translate-x: -100%
            }
            .md\:hover\:-translate-x-1\/2:hover {
                --transform-translate-x: -50%
            }
            .md\:hover\:translate-x-1\/2:hover {
                --transform-translate-x: 50%
            }
            .md\:hover\:translate-x-full:hover {
                --transform-translate-x: 100%
            }
            .md\:hover\:translate-y-0:hover {
                --transform-translate-y: 0
            }
            .md\:hover\:translate-y-1:hover {
                --transform-translate-y: 8px
            }
            .md\:hover\:translate-y-2:hover {
                --transform-translate-y: 12px
            }
            .md\:hover\:translate-y-3:hover {
                --transform-translate-y: 16px
            }
            .md\:hover\:translate-y-4:hover {
                --transform-translate-y: 24px
            }
            .md\:hover\:translate-y-5:hover {
                --transform-translate-y: 32px
            }
            .md\:hover\:translate-y-6:hover {
                --transform-translate-y: 48px
            }
            .md\:hover\:translate-y-7:hover {
                --transform-translate-y: 60px
            }
            .md\:hover\:translate-y-8:hover {
                --transform-translate-y: 72px
            }
            .md\:hover\:translate-y-9:hover {
                --transform-translate-y: 84px
            }
            .md\:hover\:translate-y-10:hover {
                --transform-translate-y: 96px
            }
            .md\:hover\:translate-y-0\.5:hover {
                --transform-translate-y: 4px
            }
            .md\:hover\:-translate-y-1:hover {
                --transform-translate-y: -8px
            }
            .md\:hover\:-translate-y-2:hover {
                --transform-translate-y: -12px
            }
            .md\:hover\:-translate-y-3:hover {
                --transform-translate-y: -16px
            }
            .md\:hover\:-translate-y-4:hover {
                --transform-translate-y: -24px
            }
            .md\:hover\:-translate-y-5:hover {
                --transform-translate-y: -32px
            }
            .md\:hover\:-translate-y-6:hover {
                --transform-translate-y: -48px
            }
            .md\:hover\:-translate-y-7:hover {
                --transform-translate-y: -60px
            }
            .md\:hover\:-translate-y-8:hover {
                --transform-translate-y: -72px
            }
            .md\:hover\:-translate-y-9:hover {
                --transform-translate-y: -84px
            }
            .md\:hover\:-translate-y-10:hover {
                --transform-translate-y: -96px
            }
            .md\:hover\:-translate-y-0\.5:hover {
                --transform-translate-y: -4px
            }
            .md\:hover\:-translate-y-full:hover {
                --transform-translate-y: -100%
            }
            .md\:hover\:-translate-y-1\/2:hover {
                --transform-translate-y: -50%
            }
            .md\:hover\:translate-y-1\/2:hover {
                --transform-translate-y: 50%
            }
            .md\:hover\:translate-y-full:hover {
                --transform-translate-y: 100%
            }
            .md\:focus\:translate-x-0:focus {
                --transform-translate-x: 0
            }
            .md\:focus\:translate-x-1:focus {
                --transform-translate-x: 8px
            }
            .md\:focus\:translate-x-2:focus {
                --transform-translate-x: 12px
            }
            .md\:focus\:translate-x-3:focus {
                --transform-translate-x: 16px
            }
            .md\:focus\:translate-x-4:focus {
                --transform-translate-x: 24px
            }
            .md\:focus\:translate-x-5:focus {
                --transform-translate-x: 32px
            }
            .md\:focus\:translate-x-6:focus {
                --transform-translate-x: 48px
            }
            .md\:focus\:translate-x-7:focus {
                --transform-translate-x: 60px
            }
            .md\:focus\:translate-x-8:focus {
                --transform-translate-x: 72px
            }
            .md\:focus\:translate-x-9:focus {
                --transform-translate-x: 84px
            }
            .md\:focus\:translate-x-10:focus {
                --transform-translate-x: 96px
            }
            .md\:focus\:translate-x-0\.5:focus {
                --transform-translate-x: 4px
            }
            .md\:focus\:-translate-x-1:focus {
                --transform-translate-x: -8px
            }
            .md\:focus\:-translate-x-2:focus {
                --transform-translate-x: -12px
            }
            .md\:focus\:-translate-x-3:focus {
                --transform-translate-x: -16px
            }
            .md\:focus\:-translate-x-4:focus {
                --transform-translate-x: -24px
            }
            .md\:focus\:-translate-x-5:focus {
                --transform-translate-x: -32px
            }
            .md\:focus\:-translate-x-6:focus {
                --transform-translate-x: -48px
            }
            .md\:focus\:-translate-x-7:focus {
                --transform-translate-x: -60px
            }
            .md\:focus\:-translate-x-8:focus {
                --transform-translate-x: -72px
            }
            .md\:focus\:-translate-x-9:focus {
                --transform-translate-x: -84px
            }
            .md\:focus\:-translate-x-10:focus {
                --transform-translate-x: -96px
            }
            .md\:focus\:-translate-x-0\.5:focus {
                --transform-translate-x: -4px
            }
            .md\:focus\:-translate-x-full:focus {
                --transform-translate-x: -100%
            }
            .md\:focus\:-translate-x-1\/2:focus {
                --transform-translate-x: -50%
            }
            .md\:focus\:translate-x-1\/2:focus {
                --transform-translate-x: 50%
            }
            .md\:focus\:translate-x-full:focus {
                --transform-translate-x: 100%
            }
            .md\:focus\:translate-y-0:focus {
                --transform-translate-y: 0
            }
            .md\:focus\:translate-y-1:focus {
                --transform-translate-y: 8px
            }
            .md\:focus\:translate-y-2:focus {
                --transform-translate-y: 12px
            }
            .md\:focus\:translate-y-3:focus {
                --transform-translate-y: 16px
            }
            .md\:focus\:translate-y-4:focus {
                --transform-translate-y: 24px
            }
            .md\:focus\:translate-y-5:focus {
                --transform-translate-y: 32px
            }
            .md\:focus\:translate-y-6:focus {
                --transform-translate-y: 48px
            }
            .md\:focus\:translate-y-7:focus {
                --transform-translate-y: 60px
            }
            .md\:focus\:translate-y-8:focus {
                --transform-translate-y: 72px
            }
            .md\:focus\:translate-y-9:focus {
                --transform-translate-y: 84px
            }
            .md\:focus\:translate-y-10:focus {
                --transform-translate-y: 96px
            }
            .md\:focus\:translate-y-0\.5:focus {
                --transform-translate-y: 4px
            }
            .md\:focus\:-translate-y-1:focus {
                --transform-translate-y: -8px
            }
            .md\:focus\:-translate-y-2:focus {
                --transform-translate-y: -12px
            }
            .md\:focus\:-translate-y-3:focus {
                --transform-translate-y: -16px
            }
            .md\:focus\:-translate-y-4:focus {
                --transform-translate-y: -24px
            }
            .md\:focus\:-translate-y-5:focus {
                --transform-translate-y: -32px
            }
            .md\:focus\:-translate-y-6:focus {
                --transform-translate-y: -48px
            }
            .md\:focus\:-translate-y-7:focus {
                --transform-translate-y: -60px
            }
            .md\:focus\:-translate-y-8:focus {
                --transform-translate-y: -72px
            }
            .md\:focus\:-translate-y-9:focus {
                --transform-translate-y: -84px
            }
            .md\:focus\:-translate-y-10:focus {
                --transform-translate-y: -96px
            }
            .md\:focus\:-translate-y-0\.5:focus {
                --transform-translate-y: -4px
            }
            .md\:focus\:-translate-y-full:focus {
                --transform-translate-y: -100%
            }
            .md\:focus\:-translate-y-1\/2:focus {
                --transform-translate-y: -50%
            }
            .md\:focus\:translate-y-1\/2:focus {
                --transform-translate-y: 50%
            }
            .md\:focus\:translate-y-full:focus {
                --transform-translate-y: 100%
            }
            .md\:skew-x-0 {
                --transform-skew-x: 0
            }
            .md\:skew-x-3 {
                --transform-skew-x: 3deg
            }
            .md\:skew-x-6 {
                --transform-skew-x: 6deg
            }
            .md\:skew-x-12 {
                --transform-skew-x: 12deg
            }
            .md\:-skew-x-12 {
                --transform-skew-x: -12deg
            }
            .md\:-skew-x-6 {
                --transform-skew-x: -6deg
            }
            .md\:-skew-x-3 {
                --transform-skew-x: -3deg
            }
            .md\:skew-y-0 {
                --transform-skew-y: 0
            }
            .md\:skew-y-3 {
                --transform-skew-y: 3deg
            }
            .md\:skew-y-6 {
                --transform-skew-y: 6deg
            }
            .md\:skew-y-12 {
                --transform-skew-y: 12deg
            }
            .md\:-skew-y-12 {
                --transform-skew-y: -12deg
            }
            .md\:-skew-y-6 {
                --transform-skew-y: -6deg
            }
            .md\:-skew-y-3 {
                --transform-skew-y: -3deg
            }
            .md\:hover\:skew-x-0:hover {
                --transform-skew-x: 0
            }
            .md\:hover\:skew-x-3:hover {
                --transform-skew-x: 3deg
            }
            .md\:hover\:skew-x-6:hover {
                --transform-skew-x: 6deg
            }
            .md\:hover\:skew-x-12:hover {
                --transform-skew-x: 12deg
            }
            .md\:hover\:-skew-x-12:hover {
                --transform-skew-x: -12deg
            }
            .md\:hover\:-skew-x-6:hover {
                --transform-skew-x: -6deg
            }
            .md\:hover\:-skew-x-3:hover {
                --transform-skew-x: -3deg
            }
            .md\:hover\:skew-y-0:hover {
                --transform-skew-y: 0
            }
            .md\:hover\:skew-y-3:hover {
                --transform-skew-y: 3deg
            }
            .md\:hover\:skew-y-6:hover {
                --transform-skew-y: 6deg
            }
            .md\:hover\:skew-y-12:hover {
                --transform-skew-y: 12deg
            }
            .md\:hover\:-skew-y-12:hover {
                --transform-skew-y: -12deg
            }
            .md\:hover\:-skew-y-6:hover {
                --transform-skew-y: -6deg
            }
            .md\:hover\:-skew-y-3:hover {
                --transform-skew-y: -3deg
            }
            .md\:focus\:skew-x-0:focus {
                --transform-skew-x: 0
            }
            .md\:focus\:skew-x-3:focus {
                --transform-skew-x: 3deg
            }
            .md\:focus\:skew-x-6:focus {
                --transform-skew-x: 6deg
            }
            .md\:focus\:skew-x-12:focus {
                --transform-skew-x: 12deg
            }
            .md\:focus\:-skew-x-12:focus {
                --transform-skew-x: -12deg
            }
            .md\:focus\:-skew-x-6:focus {
                --transform-skew-x: -6deg
            }
            .md\:focus\:-skew-x-3:focus {
                --transform-skew-x: -3deg
            }
            .md\:focus\:skew-y-0:focus {
                --transform-skew-y: 0
            }
            .md\:focus\:skew-y-3:focus {
                --transform-skew-y: 3deg
            }
            .md\:focus\:skew-y-6:focus {
                --transform-skew-y: 6deg
            }
            .md\:focus\:skew-y-12:focus {
                --transform-skew-y: 12deg
            }
            .md\:focus\:-skew-y-12:focus {
                --transform-skew-y: -12deg
            }
            .md\:focus\:-skew-y-6:focus {
                --transform-skew-y: -6deg
            }
            .md\:focus\:-skew-y-3:focus {
                --transform-skew-y: -3deg
            }
            .md\:transition-none {
                transition-property: none
            }
            .md\:transition-all {
                transition-property: all
            }
            .md\:transition {
                transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
            }
            .md\:transition-colors {
                transition-property: background-color, border-color, color, fill, stroke
            }
            .md\:transition-opacity {
                transition-property: opacity
            }
            .md\:transition-shadow {
                transition-property: box-shadow
            }
            .md\:transition-transform {
                transition-property: transform
            }
            .md\:ease-linear {
                transition-timing-function: linear
            }
            .md\:ease-in {
                transition-timing-function: cubic-bezier(.4, 0, 1, 1)
            }
            .md\:ease-out {
                transition-timing-function: cubic-bezier(0, 0, .2, 1)
            }
            .md\:ease-in-out {
                transition-timing-function: cubic-bezier(.4, 0, .2, 1)
            }
            .md\:duration-75 {
                transition-duration: 75ms
            }
            .md\:duration-100 {
                transition-duration: .1s
            }
            .md\:duration-150 {
                transition-duration: .15s
            }
            .md\:duration-200 {
                transition-duration: .2s
            }
            .md\:duration-300 {
                transition-duration: .3s
            }
            .md\:duration-500 {
                transition-duration: .5s
            }
            .md\:duration-700 {
                transition-duration: .7s
            }
            .md\:duration-1000 {
                transition-duration: 1s
            }
            .md\:delay-75 {
                transition-delay: 75ms
            }
            .md\:delay-100 {
                transition-delay: .1s
            }
            .md\:delay-150 {
                transition-delay: .15s
            }
            .md\:delay-200 {
                transition-delay: .2s
            }
            .md\:delay-300 {
                transition-delay: .3s
            }
            .md\:delay-500 {
                transition-delay: .5s
            }
            .md\:delay-700 {
                transition-delay: .7s
            }
            .md\:delay-1000 {
                transition-delay: 1s
            }
        }

        @media (min-width:1024px) {
            .lg\:space-y-0>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(0px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(0px*var(--space-y-reverse))
            }
            .lg\:space-x-0>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(0px*var(--space-x-reverse));
                margin-left: calc(0px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-1>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(8px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(8px*var(--space-y-reverse))
            }
            .lg\:space-x-1>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(8px*var(--space-x-reverse));
                margin-left: calc(8px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-2>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(12px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(12px*var(--space-y-reverse))
            }
            .lg\:space-x-2>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(12px*var(--space-x-reverse));
                margin-left: calc(12px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-3>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(16px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(16px*var(--space-y-reverse))
            }
            .lg\:space-x-3>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(16px*var(--space-x-reverse));
                margin-left: calc(16px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-4>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(24px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(24px*var(--space-y-reverse))
            }
            .lg\:space-x-4>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(24px*var(--space-x-reverse));
                margin-left: calc(24px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(32px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(32px*var(--space-y-reverse))
            }
            .lg\:space-x-5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(32px*var(--space-x-reverse));
                margin-left: calc(32px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-6>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(48px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(48px*var(--space-y-reverse))
            }
            .lg\:space-x-6>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(48px*var(--space-x-reverse));
                margin-left: calc(48px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-7>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(60px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(60px*var(--space-y-reverse))
            }
            .lg\:space-x-7>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(60px*var(--space-x-reverse));
                margin-left: calc(60px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-8>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(72px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(72px*var(--space-y-reverse))
            }
            .lg\:space-x-8>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(72px*var(--space-x-reverse));
                margin-left: calc(72px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-9>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(84px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(84px*var(--space-y-reverse))
            }
            .lg\:space-x-9>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(84px*var(--space-x-reverse));
                margin-left: calc(84px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-10>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(96px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(96px*var(--space-y-reverse))
            }
            .lg\:space-x-10>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(96px*var(--space-x-reverse));
                margin-left: calc(96px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-0\.5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(4px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(4px*var(--space-y-reverse))
            }
            .lg\:space-x-0\.5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(4px*var(--space-x-reverse));
                margin-left: calc(4px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-1>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-8px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-8px*var(--space-y-reverse))
            }
            .lg\:-space-x-1>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-8px*var(--space-x-reverse));
                margin-left: calc(-8px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-2>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-12px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-12px*var(--space-y-reverse))
            }
            .lg\:-space-x-2>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-12px*var(--space-x-reverse));
                margin-left: calc(-12px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-3>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-16px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-16px*var(--space-y-reverse))
            }
            .lg\:-space-x-3>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-16px*var(--space-x-reverse));
                margin-left: calc(-16px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-4>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-24px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-24px*var(--space-y-reverse))
            }
            .lg\:-space-x-4>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-24px*var(--space-x-reverse));
                margin-left: calc(-24px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-32px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-32px*var(--space-y-reverse))
            }
            .lg\:-space-x-5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-32px*var(--space-x-reverse));
                margin-left: calc(-32px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-6>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-48px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-48px*var(--space-y-reverse))
            }
            .lg\:-space-x-6>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-48px*var(--space-x-reverse));
                margin-left: calc(-48px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-7>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-60px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-60px*var(--space-y-reverse))
            }
            .lg\:-space-x-7>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-60px*var(--space-x-reverse));
                margin-left: calc(-60px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-8>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-72px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-72px*var(--space-y-reverse))
            }
            .lg\:-space-x-8>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-72px*var(--space-x-reverse));
                margin-left: calc(-72px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-9>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-84px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-84px*var(--space-y-reverse))
            }
            .lg\:-space-x-9>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-84px*var(--space-x-reverse));
                margin-left: calc(-84px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-10>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-96px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-96px*var(--space-y-reverse))
            }
            .lg\:-space-x-10>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-96px*var(--space-x-reverse));
                margin-left: calc(-96px*(1 - var(--space-x-reverse)))
            }
            .lg\:-space-y-0\.5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-4px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-4px*var(--space-y-reverse))
            }
            .lg\:-space-x-0\.5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-4px*var(--space-x-reverse));
                margin-left: calc(-4px*(1 - var(--space-x-reverse)))
            }
            .lg\:space-y-reverse>:not(template)~:not(template) {
                --space-y-reverse: 1
            }
            .lg\:space-x-reverse>:not(template)~:not(template) {
                --space-x-reverse: 1
            }
            .lg\:divide-y-0>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(0px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(0px*var(--divide-y-reverse))
            }
            .lg\:divide-x-0>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(0px*var(--divide-x-reverse));
                border-left-width: calc(0px*(1 - var(--divide-x-reverse)))
            }
            .lg\:divide-y-2>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(2px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(2px*var(--divide-y-reverse))
            }
            .lg\:divide-x-2>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(2px*var(--divide-x-reverse));
                border-left-width: calc(2px*(1 - var(--divide-x-reverse)))
            }
            .lg\:divide-y-4>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(4px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(4px*var(--divide-y-reverse))
            }
            .lg\:divide-x-4>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(4px*var(--divide-x-reverse));
                border-left-width: calc(4px*(1 - var(--divide-x-reverse)))
            }
            .lg\:divide-y-8>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(8px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(8px*var(--divide-y-reverse))
            }
            .lg\:divide-x-8>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(8px*var(--divide-x-reverse));
                border-left-width: calc(8px*(1 - var(--divide-x-reverse)))
            }
            .lg\:divide-y>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(1px*var(--divide-y-reverse))
            }
            .lg\:divide-x>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(1px*var(--divide-x-reverse));
                border-left-width: calc(1px*(1 - var(--divide-x-reverse)))
            }
            .lg\:divide-y-reverse>:not(template)~:not(template) {
                --divide-y-reverse: 1
            }
            .lg\:divide-x-reverse>:not(template)~:not(template) {
                --divide-x-reverse: 1
            }
            .lg\:divide-transparent>:not(template)~:not(template) {
                border-color: transparent
            }
            .lg\:divide-current>:not(template)~:not(template) {
                border-color: currentColor
            }
            .lg\:divide-black>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--divide-opacity))
            }
            .lg\:divide-white>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--divide-opacity))
            }
            .lg\:divide-gray-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--divide-opacity))
            }
            .lg\:divide-gray-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--divide-opacity))
            }
            .lg\:divide-gray-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--divide-opacity))
            }
            .lg\:divide-gray-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--divide-opacity))
            }
            .lg\:divide-gray-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--divide-opacity))
            }
            .lg\:divide-gray-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--divide-opacity))
            }
            .lg\:divide-gray-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--divide-opacity))
            }
            .lg\:divide-gray-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--divide-opacity))
            }
            .lg\:divide-gray-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--divide-opacity))
            }
            .lg\:divide-red-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--divide-opacity))
            }
            .lg\:divide-red-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--divide-opacity))
            }
            .lg\:divide-red-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--divide-opacity))
            }
            .lg\:divide-red-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--divide-opacity))
            }
            .lg\:divide-red-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--divide-opacity))
            }
            .lg\:divide-red-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--divide-opacity))
            }
            .lg\:divide-red-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--divide-opacity))
            }
            .lg\:divide-red-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--divide-opacity))
            }
            .lg\:divide-red-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--divide-opacity))
            }
            .lg\:divide-orange-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--divide-opacity))
            }
            .lg\:divide-orange-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--divide-opacity))
            }
            .lg\:divide-orange-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--divide-opacity))
            }
            .lg\:divide-orange-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--divide-opacity))
            }
            .lg\:divide-orange-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--divide-opacity))
            }
            .lg\:divide-orange-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--divide-opacity))
            }
            .lg\:divide-orange-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--divide-opacity))
            }
            .lg\:divide-orange-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--divide-opacity))
            }
            .lg\:divide-orange-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--divide-opacity))
            }
            .lg\:divide-yellow-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--divide-opacity))
            }
            .lg\:divide-yellow-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--divide-opacity))
            }
            .lg\:divide-yellow-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--divide-opacity))
            }
            .lg\:divide-yellow-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--divide-opacity))
            }
            .lg\:divide-yellow-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--divide-opacity))
            }
            .lg\:divide-yellow-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--divide-opacity))
            }
            .lg\:divide-yellow-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--divide-opacity))
            }
            .lg\:divide-yellow-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--divide-opacity))
            }
            .lg\:divide-yellow-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--divide-opacity))
            }
            .lg\:divide-green-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--divide-opacity))
            }
            .lg\:divide-green-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--divide-opacity))
            }
            .lg\:divide-green-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--divide-opacity))
            }
            .lg\:divide-green-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--divide-opacity))
            }
            .lg\:divide-green-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--divide-opacity))
            }
            .lg\:divide-green-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--divide-opacity))
            }
            .lg\:divide-green-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--divide-opacity))
            }
            .lg\:divide-green-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--divide-opacity))
            }
            .lg\:divide-green-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--divide-opacity))
            }
            .lg\:divide-teal-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--divide-opacity))
            }
            .lg\:divide-teal-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--divide-opacity))
            }
            .lg\:divide-teal-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--divide-opacity))
            }
            .lg\:divide-teal-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--divide-opacity))
            }
            .lg\:divide-teal-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--divide-opacity))
            }
            .lg\:divide-teal-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--divide-opacity))
            }
            .lg\:divide-teal-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--divide-opacity))
            }
            .lg\:divide-teal-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--divide-opacity))
            }
            .lg\:divide-teal-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--divide-opacity))
            }
            .lg\:divide-blue-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--divide-opacity))
            }
            .lg\:divide-blue-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--divide-opacity))
            }
            .lg\:divide-blue-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--divide-opacity))
            }
            .lg\:divide-blue-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--divide-opacity))
            }
            .lg\:divide-blue-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--divide-opacity))
            }
            .lg\:divide-blue-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--divide-opacity))
            }
            .lg\:divide-blue-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--divide-opacity))
            }
            .lg\:divide-blue-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--divide-opacity))
            }
            .lg\:divide-blue-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--divide-opacity))
            }
            .lg\:divide-indigo-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--divide-opacity))
            }
            .lg\:divide-indigo-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--divide-opacity))
            }
            .lg\:divide-indigo-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--divide-opacity))
            }
            .lg\:divide-indigo-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--divide-opacity))
            }
            .lg\:divide-indigo-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--divide-opacity))
            }
            .lg\:divide-indigo-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--divide-opacity))
            }
            .lg\:divide-indigo-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--divide-opacity))
            }
            .lg\:divide-indigo-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--divide-opacity))
            }
            .lg\:divide-indigo-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--divide-opacity))
            }
            .lg\:divide-purple-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--divide-opacity))
            }
            .lg\:divide-purple-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--divide-opacity))
            }
            .lg\:divide-purple-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--divide-opacity))
            }
            .lg\:divide-purple-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--divide-opacity))
            }
            .lg\:divide-purple-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--divide-opacity))
            }
            .lg\:divide-purple-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--divide-opacity))
            }
            .lg\:divide-purple-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--divide-opacity))
            }
            .lg\:divide-purple-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--divide-opacity))
            }
            .lg\:divide-purple-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--divide-opacity))
            }
            .lg\:divide-pink-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--divide-opacity))
            }
            .lg\:divide-pink-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--divide-opacity))
            }
            .lg\:divide-pink-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--divide-opacity))
            }
            .lg\:divide-pink-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--divide-opacity))
            }
            .lg\:divide-pink-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--divide-opacity))
            }
            .lg\:divide-pink-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--divide-opacity))
            }
            .lg\:divide-pink-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--divide-opacity))
            }
            .lg\:divide-pink-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--divide-opacity))
            }
            .lg\:divide-pink-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--divide-opacity))
            }
            .lg\:divide-opacity-0>:not(template)~:not(template) {
                --divide-opacity: 0
            }
            .lg\:divide-opacity-25>:not(template)~:not(template) {
                --divide-opacity: 0.25
            }
            .lg\:divide-opacity-50>:not(template)~:not(template) {
                --divide-opacity: 0.5
            }
            .lg\:divide-opacity-75>:not(template)~:not(template) {
                --divide-opacity: 0.75
            }
            .lg\:divide-opacity-100>:not(template)~:not(template) {
                --divide-opacity: 1
            }
            .lg\:sr-only {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0
            }
            .lg\:not-sr-only {
                position: static;
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal
            }
            .lg\:focus\:sr-only:focus {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0
            }
            .lg\:focus\:not-sr-only:focus {
                position: static;
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal
            }
            .lg\:appearance-none,
            .lg\:focus\:appearance-none:focus,
            .lg\:hover\:appearance-none:hover {
                appearance: none
            }
            .lg\:bg-fixed {
                background-attachment: fixed
            }
            .lg\:bg-local {
                background-attachment: local
            }
            .lg\:bg-scroll {
                background-attachment: scroll
            }
            .lg\:bg-primary,
            .lg\:focus\:bg-primary:focus,
            .lg\:hover\:bg-primary:hover {
                --bg-opacity: 1;
                background-color: #ed1c24;
                background-color: rgba(237, 28, 36, var(--bg-opacity))
            }
            .lg\:bg-opacity-0 {
                --bg-opacity: 0
            }
            .lg\:bg-opacity-25 {
                --bg-opacity: 0.25
            }
            .lg\:bg-opacity-50 {
                --bg-opacity: 0.5
            }
            .lg\:bg-opacity-75 {
                --bg-opacity: 0.75
            }
            .lg\:bg-opacity-100 {
                --bg-opacity: 1
            }
            .lg\:hover\:bg-opacity-0:hover {
                --bg-opacity: 0
            }
            .lg\:hover\:bg-opacity-25:hover {
                --bg-opacity: 0.25
            }
            .lg\:hover\:bg-opacity-50:hover {
                --bg-opacity: 0.5
            }
            .lg\:hover\:bg-opacity-75:hover {
                --bg-opacity: 0.75
            }
            .lg\:hover\:bg-opacity-100:hover {
                --bg-opacity: 1
            }
            .lg\:focus\:bg-opacity-0:focus {
                --bg-opacity: 0
            }
            .lg\:focus\:bg-opacity-25:focus {
                --bg-opacity: 0.25
            }
            .lg\:focus\:bg-opacity-50:focus {
                --bg-opacity: 0.5
            }
            .lg\:focus\:bg-opacity-75:focus {
                --bg-opacity: 0.75
            }
            .lg\:focus\:bg-opacity-100:focus {
                --bg-opacity: 1
            }
            .lg\:bg-bottom {
                background-position: bottom
            }
            .lg\:bg-center {
                background-position: 50%
            }
            .lg\:bg-left {
                background-position: 0
            }
            .lg\:bg-left-bottom {
                background-position: 0 100%
            }
            .lg\:bg-left-top {
                background-position: 0 0
            }
            .lg\:bg-right {
                background-position: 100%
            }
            .lg\:bg-right-bottom {
                background-position: 100% 100%
            }
            .lg\:bg-right-top {
                background-position: 100% 0
            }
            .lg\:bg-top {
                background-position: top
            }
            .lg\:bg-repeat {
                background-repeat: repeat
            }
            .lg\:bg-no-repeat {
                background-repeat: no-repeat
            }
            .lg\:bg-repeat-x {
                background-repeat: repeat-x
            }
            .lg\:bg-repeat-y {
                background-repeat: repeat-y
            }
            .lg\:bg-repeat-round {
                background-repeat: round
            }
            .lg\:bg-repeat-space {
                background-repeat: space
            }
            .lg\:bg-auto {
                background-size: auto
            }
            .lg\:bg-cover {
                background-size: cover
            }
            .lg\:bg-contain {
                background-size: contain
            }
            .lg\:border-collapse {
                border-collapse: collapse
            }
            .lg\:border-separate {
                border-collapse: separate
            }
            .lg\:border-transparent {
                border-color: transparent
            }
            .lg\:border-current {
                border-color: currentColor
            }
            .lg\:border-black {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .lg\:border-white {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .lg\:border-gray-100 {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .lg\:border-gray-200 {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .lg\:border-gray-300 {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .lg\:border-gray-400 {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .lg\:border-gray-500 {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .lg\:border-gray-600 {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .lg\:border-gray-700 {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .lg\:border-gray-800 {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .lg\:border-gray-900 {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .lg\:border-red-100 {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .lg\:border-red-200 {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .lg\:border-red-300 {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .lg\:border-red-400 {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .lg\:border-red-500 {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .lg\:border-red-600 {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .lg\:border-red-700 {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .lg\:border-red-800 {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .lg\:border-red-900 {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .lg\:border-orange-100 {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .lg\:border-orange-200 {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .lg\:border-orange-300 {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .lg\:border-orange-400 {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .lg\:border-orange-500 {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .lg\:border-orange-600 {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .lg\:border-orange-700 {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .lg\:border-orange-800 {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .lg\:border-orange-900 {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .lg\:border-yellow-100 {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .lg\:border-yellow-200 {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .lg\:border-yellow-300 {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .lg\:border-yellow-400 {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .lg\:border-yellow-500 {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .lg\:border-yellow-600 {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .lg\:border-yellow-700 {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .lg\:border-yellow-800 {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .lg\:border-yellow-900 {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .lg\:border-green-100 {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .lg\:border-green-200 {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .lg\:border-green-300 {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .lg\:border-green-400 {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .lg\:border-green-500 {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .lg\:border-green-600 {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .lg\:border-green-700 {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .lg\:border-green-800 {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .lg\:border-green-900 {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .lg\:border-teal-100 {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .lg\:border-teal-200 {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .lg\:border-teal-300 {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .lg\:border-teal-400 {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .lg\:border-teal-500 {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .lg\:border-teal-600 {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .lg\:border-teal-700 {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .lg\:border-teal-800 {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .lg\:border-teal-900 {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .lg\:border-blue-100 {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .lg\:border-blue-200 {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .lg\:border-blue-300 {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .lg\:border-blue-400 {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .lg\:border-blue-500 {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .lg\:border-blue-600 {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .lg\:border-blue-700 {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .lg\:border-blue-800 {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .lg\:border-blue-900 {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .lg\:border-indigo-100 {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .lg\:border-indigo-200 {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .lg\:border-indigo-300 {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .lg\:border-indigo-400 {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .lg\:border-indigo-500 {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .lg\:border-indigo-600 {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .lg\:border-indigo-700 {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .lg\:border-indigo-800 {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .lg\:border-indigo-900 {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .lg\:border-purple-100 {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .lg\:border-purple-200 {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .lg\:border-purple-300 {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .lg\:border-purple-400 {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .lg\:border-purple-500 {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .lg\:border-purple-600 {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .lg\:border-purple-700 {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .lg\:border-purple-800 {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .lg\:border-purple-900 {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .lg\:border-pink-100 {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .lg\:border-pink-200 {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .lg\:border-pink-300 {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .lg\:border-pink-400 {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .lg\:border-pink-500 {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .lg\:border-pink-600 {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .lg\:border-pink-700 {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .lg\:border-pink-800 {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .lg\:border-pink-900 {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .lg\:hover\:border-transparent:hover {
                border-color: transparent
            }
            .lg\:hover\:border-current:hover {
                border-color: currentColor
            }
            .lg\:hover\:border-black:hover {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .lg\:hover\:border-white:hover {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .lg\:hover\:border-gray-100:hover {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .lg\:hover\:border-gray-200:hover {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .lg\:hover\:border-gray-300:hover {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .lg\:hover\:border-gray-400:hover {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .lg\:hover\:border-gray-500:hover {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .lg\:hover\:border-gray-600:hover {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .lg\:hover\:border-gray-700:hover {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .lg\:hover\:border-gray-800:hover {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .lg\:hover\:border-gray-900:hover {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .lg\:hover\:border-red-100:hover {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .lg\:hover\:border-red-200:hover {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .lg\:hover\:border-red-300:hover {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .lg\:hover\:border-red-400:hover {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .lg\:hover\:border-red-500:hover {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .lg\:hover\:border-red-600:hover {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .lg\:hover\:border-red-700:hover {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .lg\:hover\:border-red-800:hover {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .lg\:hover\:border-red-900:hover {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .lg\:hover\:border-orange-100:hover {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .lg\:hover\:border-orange-200:hover {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .lg\:hover\:border-orange-300:hover {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .lg\:hover\:border-orange-400:hover {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .lg\:hover\:border-orange-500:hover {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .lg\:hover\:border-orange-600:hover {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .lg\:hover\:border-orange-700:hover {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .lg\:hover\:border-orange-800:hover {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .lg\:hover\:border-orange-900:hover {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .lg\:hover\:border-yellow-100:hover {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .lg\:hover\:border-yellow-200:hover {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .lg\:hover\:border-yellow-300:hover {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .lg\:hover\:border-yellow-400:hover {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .lg\:hover\:border-yellow-500:hover {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .lg\:hover\:border-yellow-600:hover {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .lg\:hover\:border-yellow-700:hover {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .lg\:hover\:border-yellow-800:hover {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .lg\:hover\:border-yellow-900:hover {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .lg\:hover\:border-green-100:hover {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .lg\:hover\:border-green-200:hover {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .lg\:hover\:border-green-300:hover {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .lg\:hover\:border-green-400:hover {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .lg\:hover\:border-green-500:hover {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .lg\:hover\:border-green-600:hover {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .lg\:hover\:border-green-700:hover {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .lg\:hover\:border-green-800:hover {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .lg\:hover\:border-green-900:hover {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .lg\:hover\:border-teal-100:hover {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .lg\:hover\:border-teal-200:hover {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .lg\:hover\:border-teal-300:hover {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .lg\:hover\:border-teal-400:hover {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .lg\:hover\:border-teal-500:hover {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .lg\:hover\:border-teal-600:hover {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .lg\:hover\:border-teal-700:hover {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .lg\:hover\:border-teal-800:hover {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .lg\:hover\:border-teal-900:hover {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .lg\:hover\:border-blue-100:hover {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .lg\:hover\:border-blue-200:hover {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .lg\:hover\:border-blue-300:hover {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .lg\:hover\:border-blue-400:hover {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .lg\:hover\:border-blue-500:hover {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .lg\:hover\:border-blue-600:hover {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .lg\:hover\:border-blue-700:hover {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .lg\:hover\:border-blue-800:hover {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .lg\:hover\:border-blue-900:hover {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .lg\:hover\:border-indigo-100:hover {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .lg\:hover\:border-indigo-200:hover {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .lg\:hover\:border-indigo-300:hover {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .lg\:hover\:border-indigo-400:hover {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .lg\:hover\:border-indigo-500:hover {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .lg\:hover\:border-indigo-600:hover {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .lg\:hover\:border-indigo-700:hover {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .lg\:hover\:border-indigo-800:hover {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .lg\:hover\:border-indigo-900:hover {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .lg\:hover\:border-purple-100:hover {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .lg\:hover\:border-purple-200:hover {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .lg\:hover\:border-purple-300:hover {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .lg\:hover\:border-purple-400:hover {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .lg\:hover\:border-purple-500:hover {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .lg\:hover\:border-purple-600:hover {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .lg\:hover\:border-purple-700:hover {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .lg\:hover\:border-purple-800:hover {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .lg\:hover\:border-purple-900:hover {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .lg\:hover\:border-pink-100:hover {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .lg\:hover\:border-pink-200:hover {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .lg\:hover\:border-pink-300:hover {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .lg\:hover\:border-pink-400:hover {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .lg\:hover\:border-pink-500:hover {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .lg\:hover\:border-pink-600:hover {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .lg\:hover\:border-pink-700:hover {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .lg\:hover\:border-pink-800:hover {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .lg\:hover\:border-pink-900:hover {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .lg\:focus\:border-transparent:focus {
                border-color: transparent
            }
            .lg\:focus\:border-current:focus {
                border-color: currentColor
            }
            .lg\:focus\:border-black:focus {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .lg\:focus\:border-white:focus {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .lg\:focus\:border-gray-100:focus {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .lg\:focus\:border-gray-200:focus {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .lg\:focus\:border-gray-300:focus {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .lg\:focus\:border-gray-400:focus {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .lg\:focus\:border-gray-500:focus {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .lg\:focus\:border-gray-600:focus {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .lg\:focus\:border-gray-700:focus {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .lg\:focus\:border-gray-800:focus {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .lg\:focus\:border-gray-900:focus {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .lg\:focus\:border-red-100:focus {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .lg\:focus\:border-red-200:focus {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .lg\:focus\:border-red-300:focus {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .lg\:focus\:border-red-400:focus {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .lg\:focus\:border-red-500:focus {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .lg\:focus\:border-red-600:focus {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .lg\:focus\:border-red-700:focus {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .lg\:focus\:border-red-800:focus {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .lg\:focus\:border-red-900:focus {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .lg\:focus\:border-orange-100:focus {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .lg\:focus\:border-orange-200:focus {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .lg\:focus\:border-orange-300:focus {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .lg\:focus\:border-orange-400:focus {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .lg\:focus\:border-orange-500:focus {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .lg\:focus\:border-orange-600:focus {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .lg\:focus\:border-orange-700:focus {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .lg\:focus\:border-orange-800:focus {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .lg\:focus\:border-orange-900:focus {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .lg\:focus\:border-yellow-100:focus {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .lg\:focus\:border-yellow-200:focus {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .lg\:focus\:border-yellow-300:focus {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .lg\:focus\:border-yellow-400:focus {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .lg\:focus\:border-yellow-500:focus {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .lg\:focus\:border-yellow-600:focus {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .lg\:focus\:border-yellow-700:focus {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .lg\:focus\:border-yellow-800:focus {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .lg\:focus\:border-yellow-900:focus {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .lg\:focus\:border-green-100:focus {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .lg\:focus\:border-green-200:focus {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .lg\:focus\:border-green-300:focus {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .lg\:focus\:border-green-400:focus {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .lg\:focus\:border-green-500:focus {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .lg\:focus\:border-green-600:focus {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .lg\:focus\:border-green-700:focus {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .lg\:focus\:border-green-800:focus {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .lg\:focus\:border-green-900:focus {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .lg\:focus\:border-teal-100:focus {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .lg\:focus\:border-teal-200:focus {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .lg\:focus\:border-teal-300:focus {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .lg\:focus\:border-teal-400:focus {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .lg\:focus\:border-teal-500:focus {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .lg\:focus\:border-teal-600:focus {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .lg\:focus\:border-teal-700:focus {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .lg\:focus\:border-teal-800:focus {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .lg\:focus\:border-teal-900:focus {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .lg\:focus\:border-blue-100:focus {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .lg\:focus\:border-blue-200:focus {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .lg\:focus\:border-blue-300:focus {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .lg\:focus\:border-blue-400:focus {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .lg\:focus\:border-blue-500:focus {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .lg\:focus\:border-blue-600:focus {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .lg\:focus\:border-blue-700:focus {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .lg\:focus\:border-blue-800:focus {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .lg\:focus\:border-blue-900:focus {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .lg\:focus\:border-indigo-100:focus {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .lg\:focus\:border-indigo-200:focus {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .lg\:focus\:border-indigo-300:focus {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .lg\:focus\:border-indigo-400:focus {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .lg\:focus\:border-indigo-500:focus {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .lg\:focus\:border-indigo-600:focus {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .lg\:focus\:border-indigo-700:focus {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .lg\:focus\:border-indigo-800:focus {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .lg\:focus\:border-indigo-900:focus {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .lg\:focus\:border-purple-100:focus {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .lg\:focus\:border-purple-200:focus {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .lg\:focus\:border-purple-300:focus {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .lg\:focus\:border-purple-400:focus {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .lg\:focus\:border-purple-500:focus {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .lg\:focus\:border-purple-600:focus {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .lg\:focus\:border-purple-700:focus {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .lg\:focus\:border-purple-800:focus {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .lg\:focus\:border-purple-900:focus {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .lg\:focus\:border-pink-100:focus {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .lg\:focus\:border-pink-200:focus {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .lg\:focus\:border-pink-300:focus {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .lg\:focus\:border-pink-400:focus {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .lg\:focus\:border-pink-500:focus {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .lg\:focus\:border-pink-600:focus {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .lg\:focus\:border-pink-700:focus {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .lg\:focus\:border-pink-800:focus {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .lg\:focus\:border-pink-900:focus {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .lg\:border-opacity-0 {
                --border-opacity: 0
            }
            .lg\:border-opacity-25 {
                --border-opacity: 0.25
            }
            .lg\:border-opacity-50 {
                --border-opacity: 0.5
            }
            .lg\:border-opacity-75 {
                --border-opacity: 0.75
            }
            .lg\:border-opacity-100 {
                --border-opacity: 1
            }
            .lg\:hover\:border-opacity-0:hover {
                --border-opacity: 0
            }
            .lg\:hover\:border-opacity-25:hover {
                --border-opacity: 0.25
            }
            .lg\:hover\:border-opacity-50:hover {
                --border-opacity: 0.5
            }
            .lg\:hover\:border-opacity-75:hover {
                --border-opacity: 0.75
            }
            .lg\:hover\:border-opacity-100:hover {
                --border-opacity: 1
            }
            .lg\:focus\:border-opacity-0:focus {
                --border-opacity: 0
            }
            .lg\:focus\:border-opacity-25:focus {
                --border-opacity: 0.25
            }
            .lg\:focus\:border-opacity-50:focus {
                --border-opacity: 0.5
            }
            .lg\:focus\:border-opacity-75:focus {
                --border-opacity: 0.75
            }
            .lg\:focus\:border-opacity-100:focus {
                --border-opacity: 1
            }
            .lg\:rounded-none {
                border-radius: 0
            }
            .lg\:rounded-sm {
                border-radius: .125rem
            }
            .lg\:rounded {
                border-radius: .25rem
            }
            .lg\:rounded-md {
                border-radius: .375rem
            }
            .lg\:rounded-lg {
                border-radius: .5rem
            }
            .lg\:rounded-full {
                border-radius: 9999px
            }
            .lg\:rounded-t-none {
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }
            .lg\:rounded-r-none {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }
            .lg\:rounded-b-none {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0
            }
            .lg\:rounded-l-none {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }
            .lg\:rounded-t-sm {
                border-top-left-radius: .125rem;
                border-top-right-radius: .125rem
            }
            .lg\:rounded-r-sm {
                border-top-right-radius: .125rem;
                border-bottom-right-radius: .125rem
            }
            .lg\:rounded-b-sm {
                border-bottom-right-radius: .125rem;
                border-bottom-left-radius: .125rem
            }
            .lg\:rounded-l-sm {
                border-top-left-radius: .125rem;
                border-bottom-left-radius: .125rem
            }
            .lg\:rounded-t {
                border-top-left-radius: .25rem
            }
            .lg\:rounded-r,
            .lg\:rounded-t {
                border-top-right-radius: .25rem
            }
            .lg\:rounded-b,
            .lg\:rounded-r {
                border-bottom-right-radius: .25rem
            }
            .lg\:rounded-b,
            .lg\:rounded-l {
                border-bottom-left-radius: .25rem
            }
            .lg\:rounded-l {
                border-top-left-radius: .25rem
            }
            .lg\:rounded-t-md {
                border-top-left-radius: .375rem;
                border-top-right-radius: .375rem
            }
            .lg\:rounded-r-md {
                border-top-right-radius: .375rem;
                border-bottom-right-radius: .375rem
            }
            .lg\:rounded-b-md {
                border-bottom-right-radius: .375rem;
                border-bottom-left-radius: .375rem
            }
            .lg\:rounded-l-md {
                border-top-left-radius: .375rem;
                border-bottom-left-radius: .375rem
            }
            .lg\:rounded-t-lg {
                border-top-left-radius: .5rem;
                border-top-right-radius: .5rem
            }
            .lg\:rounded-r-lg {
                border-top-right-radius: .5rem;
                border-bottom-right-radius: .5rem
            }
            .lg\:rounded-b-lg {
                border-bottom-right-radius: .5rem;
                border-bottom-left-radius: .5rem
            }
            .lg\:rounded-l-lg {
                border-top-left-radius: .5rem;
                border-bottom-left-radius: .5rem
            }
            .lg\:rounded-t-full {
                border-top-left-radius: 9999px;
                border-top-right-radius: 9999px
            }
            .lg\:rounded-r-full {
                border-top-right-radius: 9999px;
                border-bottom-right-radius: 9999px
            }
            .lg\:rounded-b-full {
                border-bottom-right-radius: 9999px;
                border-bottom-left-radius: 9999px
            }
            .lg\:rounded-l-full {
                border-top-left-radius: 9999px;
                border-bottom-left-radius: 9999px
            }
            .lg\:rounded-tl-none {
                border-top-left-radius: 0
            }
            .lg\:rounded-tr-none {
                border-top-right-radius: 0
            }
            .lg\:rounded-br-none {
                border-bottom-right-radius: 0
            }
            .lg\:rounded-bl-none {
                border-bottom-left-radius: 0
            }
            .lg\:rounded-tl-sm {
                border-top-left-radius: .125rem
            }
            .lg\:rounded-tr-sm {
                border-top-right-radius: .125rem
            }
            .lg\:rounded-br-sm {
                border-bottom-right-radius: .125rem
            }
            .lg\:rounded-bl-sm {
                border-bottom-left-radius: .125rem
            }
            .lg\:rounded-tl {
                border-top-left-radius: .25rem
            }
            .lg\:rounded-tr {
                border-top-right-radius: .25rem
            }
            .lg\:rounded-br {
                border-bottom-right-radius: .25rem
            }
            .lg\:rounded-bl {
                border-bottom-left-radius: .25rem
            }
            .lg\:rounded-tl-md {
                border-top-left-radius: .375rem
            }
            .lg\:rounded-tr-md {
                border-top-right-radius: .375rem
            }
            .lg\:rounded-br-md {
                border-bottom-right-radius: .375rem
            }
            .lg\:rounded-bl-md {
                border-bottom-left-radius: .375rem
            }
            .lg\:rounded-tl-lg {
                border-top-left-radius: .5rem
            }
            .lg\:rounded-tr-lg {
                border-top-right-radius: .5rem
            }
            .lg\:rounded-br-lg {
                border-bottom-right-radius: .5rem
            }
            .lg\:rounded-bl-lg {
                border-bottom-left-radius: .5rem
            }
            .lg\:rounded-tl-full {
                border-top-left-radius: 9999px
            }
            .lg\:rounded-tr-full {
                border-top-right-radius: 9999px
            }
            .lg\:rounded-br-full {
                border-bottom-right-radius: 9999px
            }
            .lg\:rounded-bl-full {
                border-bottom-left-radius: 9999px
            }
            .lg\:border-solid {
                border-style: solid
            }
            .lg\:border-dashed {
                border-style: dashed
            }
            .lg\:border-dotted {
                border-style: dotted
            }
            .lg\:border-double {
                border-style: double
            }
            .lg\:border-none {
                border-style: none
            }
            .lg\:border-0 {
                border-width: 0
            }
            .lg\:border-2 {
                border-width: 2px
            }
            .lg\:border-4 {
                border-width: 4px
            }
            .lg\:border-8 {
                border-width: 8px
            }
            .lg\:border {
                border-width: 1px
            }
            .lg\:border-t-0 {
                border-top-width: 0
            }
            .lg\:border-r-0 {
                border-right-width: 0
            }
            .lg\:border-b-0 {
                border-bottom-width: 0
            }
            .lg\:border-l-0 {
                border-left-width: 0
            }
            .lg\:border-t-2 {
                border-top-width: 2px
            }
            .lg\:border-r-2 {
                border-right-width: 2px
            }
            .lg\:border-b-2 {
                border-bottom-width: 2px
            }
            .lg\:border-l-2 {
                border-left-width: 2px
            }
            .lg\:border-t-4 {
                border-top-width: 4px
            }
            .lg\:border-r-4 {
                border-right-width: 4px
            }
            .lg\:border-b-4 {
                border-bottom-width: 4px
            }
            .lg\:border-l-4 {
                border-left-width: 4px
            }
            .lg\:border-t-8 {
                border-top-width: 8px
            }
            .lg\:border-r-8 {
                border-right-width: 8px
            }
            .lg\:border-b-8 {
                border-bottom-width: 8px
            }
            .lg\:border-l-8 {
                border-left-width: 8px
            }
            .lg\:border-t {
                border-top-width: 1px
            }
            .lg\:border-r {
                border-right-width: 1px
            }
            .lg\:border-b {
                border-bottom-width: 1px
            }
            .lg\:border-l {
                border-left-width: 1px
            }
            .lg\:box-border {
                box-sizing: border-box
            }
            .lg\:box-content {
                box-sizing: content-box
            }
            .lg\:cursor-auto {
                cursor: auto
            }
            .lg\:cursor-default {
                cursor: default
            }
            .lg\:cursor-pointer {
                cursor: pointer
            }
            .lg\:cursor-wait {
                cursor: wait
            }
            .lg\:cursor-text {
                cursor: text
            }
            .lg\:cursor-move {
                cursor: move
            }
            .lg\:cursor-not-allowed {
                cursor: not-allowed
            }
            .lg\:block {
                display: block
            }
            .lg\:inline-block {
                display: inline-block
            }
            .lg\:inline {
                display: inline
            }
            .lg\:flex {
                display: flex
            }
            .lg\:inline-flex {
                display: inline-flex
            }
            .lg\:table {
                display: table
            }
            .lg\:table-caption {
                display: table-caption
            }
            .lg\:table-cell {
                display: table-cell
            }
            .lg\:table-column {
                display: table-column
            }
            .lg\:table-column-group {
                display: table-column-group
            }
            .lg\:table-footer-group {
                display: table-footer-group
            }
            .lg\:table-header-group {
                display: table-header-group
            }
            .lg\:table-row-group {
                display: table-row-group
            }
            .lg\:table-row {
                display: table-row
            }
            .lg\:flow-root {
                display: flow-root
            }
            .lg\:grid {
                display: grid
            }
            .lg\:inline-grid {
                display: inline-grid
            }
            .lg\:hidden {
                display: none
            }
            .lg\:flex-row {
                flex-direction: row
            }
            .lg\:flex-row-reverse {
                flex-direction: row-reverse
            }
            .lg\:flex-col {
                flex-direction: column
            }
            .lg\:flex-col-reverse {
                flex-direction: column-reverse
            }
            .lg\:flex-wrap {
                flex-wrap: wrap
            }
            .lg\:flex-wrap-reverse {
                flex-wrap: wrap-reverse
            }
            .lg\:flex-no-wrap {
                flex-wrap: nowrap
            }
            .lg\:items-start {
                align-items: flex-start
            }
            .lg\:items-end {
                align-items: flex-end
            }
            .lg\:items-center {
                align-items: center
            }
            .lg\:items-baseline {
                align-items: baseline
            }
            .lg\:items-stretch {
                align-items: stretch
            }
            .lg\:self-auto {
                align-self: auto
            }
            .lg\:self-start {
                align-self: flex-start
            }
            .lg\:self-end {
                align-self: flex-end
            }
            .lg\:self-center {
                align-self: center
            }
            .lg\:self-stretch {
                align-self: stretch
            }
            .lg\:justify-start {
                justify-content: flex-start
            }
            .lg\:justify-end {
                justify-content: flex-end
            }
            .lg\:justify-center {
                justify-content: center
            }
            .lg\:justify-between {
                justify-content: space-between
            }
            .lg\:justify-around {
                justify-content: space-around
            }
            .lg\:justify-evenly {
                justify-content: space-evenly
            }
            .lg\:content-center {
                align-content: center
            }
            .lg\:content-start {
                align-content: flex-start
            }
            .lg\:content-end {
                align-content: flex-end
            }
            .lg\:content-between {
                align-content: space-between
            }
            .lg\:content-around {
                align-content: space-around
            }
            .lg\:flex-1 {
                flex: 1 1 0%
            }
            .lg\:flex-auto {
                flex: 1 1 auto
            }
            .lg\:flex-initial {
                flex: 0 1 auto
            }
            .lg\:flex-none {
                flex: none
            }
            .lg\:flex-grow-0 {
                flex-grow: 0
            }
            .lg\:flex-grow {
                flex-grow: 1
            }
            .lg\:flex-shrink-0 {
                flex-shrink: 0
            }
            .lg\:flex-shrink {
                flex-shrink: 1
            }
            .lg\:order-1 {
                order: 1
            }
            .lg\:order-2 {
                order: 2
            }
            .lg\:order-3 {
                order: 3
            }
            .lg\:order-4 {
                order: 4
            }
            .lg\:order-5 {
                order: 5
            }
            .lg\:order-6 {
                order: 6
            }
            .lg\:order-7 {
                order: 7
            }
            .lg\:order-8 {
                order: 8
            }
            .lg\:order-9 {
                order: 9
            }
            .lg\:order-10 {
                order: 10
            }
            .lg\:order-11 {
                order: 11
            }
            .lg\:order-12 {
                order: 12
            }
            .lg\:order-first {
                order: -9999
            }
            .lg\:order-last {
                order: 9999
            }
            .lg\:order-none {
                order: 0
            }
            .lg\:float-right {
                float: right
            }
            .lg\:float-left {
                float: left
            }
            .lg\:float-none {
                float: none
            }
            .lg\:clearfix:after {
                content: "";
                display: table;
                clear: both
            }
            .lg\:clear-left {
                clear: left
            }
            .lg\:clear-right {
                clear: right
            }
            .lg\:clear-both {
                clear: both
            }
            .lg\:clear-none {
                clear: none
            }
            .lg\:font-display {
                font-family: Oswald, sans-serif
            }
            .lg\:font-body {
                font-family: Ropa Sans, sans-serif
            }
            .lg\:font-hairline {
                font-weight: 100
            }
            .lg\:font-thin {
                font-weight: 200
            }
            .lg\:font-light {
                font-weight: 300
            }
            .lg\:font-normal {
                font-weight: 400
            }
            .lg\:font-medium {
                font-weight: 500
            }
            .lg\:font-semibold {
                font-weight: 600
            }
            .lg\:font-bold {
                font-weight: 700
            }
            .lg\:font-extrabold {
                font-weight: 800
            }
            .lg\:font-black {
                font-weight: 900
            }
            .lg\:hover\:font-hairline:hover {
                font-weight: 100
            }
            .lg\:hover\:font-thin:hover {
                font-weight: 200
            }
            .lg\:hover\:font-light:hover {
                font-weight: 300
            }
            .lg\:hover\:font-normal:hover {
                font-weight: 400
            }
            .lg\:hover\:font-medium:hover {
                font-weight: 500
            }
            .lg\:hover\:font-semibold:hover {
                font-weight: 600
            }
            .lg\:hover\:font-bold:hover {
                font-weight: 700
            }
            .lg\:hover\:font-extrabold:hover {
                font-weight: 800
            }
            .lg\:hover\:font-black:hover {
                font-weight: 900
            }
            .lg\:focus\:font-hairline:focus {
                font-weight: 100
            }
            .lg\:focus\:font-thin:focus {
                font-weight: 200
            }
            .lg\:focus\:font-light:focus {
                font-weight: 300
            }
            .lg\:focus\:font-normal:focus {
                font-weight: 400
            }
            .lg\:focus\:font-medium:focus {
                font-weight: 500
            }
            .lg\:focus\:font-semibold:focus {
                font-weight: 600
            }
            .lg\:focus\:font-bold:focus {
                font-weight: 700
            }
            .lg\:focus\:font-extrabold:focus {
                font-weight: 800
            }
            .lg\:focus\:font-black:focus {
                font-weight: 900
            }
            .lg\:h-0 {
                height: 0
            }
            .lg\:h-1 {
                height: 8px
            }
            .lg\:h-2 {
                height: 12px
            }
            .lg\:h-3 {
                height: 16px
            }
            .lg\:h-4 {
                height: 24px
            }
            .lg\:h-5 {
                height: 32px
            }
            .lg\:h-6 {
                height: 48px
            }
            .lg\:h-7 {
                height: 60px
            }
            .lg\:h-8 {
                height: 72px
            }
            .lg\:h-9 {
                height: 84px
            }
            .lg\:h-10 {
                height: 96px
            }
            .lg\:h-auto {
                height: auto
            }
            .lg\:h-0\.5 {
                height: 4px
            }
            .lg\:h-full {
                height: 100%
            }
            .lg\:h-screen {
                height: 100vh
            }
            .lg\:text-xs {
                font-size: .75rem
            }
            .lg\:text-sm {
                font-size: .875rem
            }
            .lg\:text-base {
                font-size: 1rem
            }
            .lg\:text-lg {
                font-size: 1.125rem
            }
            .lg\:text-xl {
                font-size: 1.25rem
            }
            .lg\:text-2xl {
                font-size: 1.5rem
            }
            .lg\:text-3xl {
                font-size: 1.875rem
            }
            .lg\:text-4xl {
                font-size: 2.25rem
            }
            .lg\:text-5xl {
                font-size: 3rem
            }
            .lg\:text-6xl {
                font-size: 4rem
            }
            .lg\:hover\:text-xs:hover {
                font-size: .75rem
            }
            .lg\:hover\:text-sm:hover {
                font-size: .875rem
            }
            .lg\:hover\:text-base:hover {
                font-size: 1rem
            }
            .lg\:hover\:text-lg:hover {
                font-size: 1.125rem
            }
            .lg\:hover\:text-xl:hover {
                font-size: 1.25rem
            }
            .lg\:hover\:text-2xl:hover {
                font-size: 1.5rem
            }
            .lg\:hover\:text-3xl:hover {
                font-size: 1.875rem
            }
            .lg\:hover\:text-4xl:hover {
                font-size: 2.25rem
            }
            .lg\:hover\:text-5xl:hover {
                font-size: 3rem
            }
            .lg\:hover\:text-6xl:hover {
                font-size: 4rem
            }
            .lg\:focus\:text-xs:focus {
                font-size: .75rem
            }
            .lg\:focus\:text-sm:focus {
                font-size: .875rem
            }
            .lg\:focus\:text-base:focus {
                font-size: 1rem
            }
            .lg\:focus\:text-lg:focus {
                font-size: 1.125rem
            }
            .lg\:focus\:text-xl:focus {
                font-size: 1.25rem
            }
            .lg\:focus\:text-2xl:focus {
                font-size: 1.5rem
            }
            .lg\:focus\:text-3xl:focus {
                font-size: 1.875rem
            }
            .lg\:focus\:text-4xl:focus {
                font-size: 2.25rem
            }
            .lg\:focus\:text-5xl:focus {
                font-size: 3rem
            }
            .lg\:focus\:text-6xl:focus {
                font-size: 4rem
            }
            .lg\:leading-3 {
                line-height: .75rem
            }
            .lg\:leading-4 {
                line-height: 1rem
            }
            .lg\:leading-5 {
                line-height: 1.25rem
            }
            .lg\:leading-6 {
                line-height: 1.5rem
            }
            .lg\:leading-7 {
                line-height: 1.75rem
            }
            .lg\:leading-8 {
                line-height: 2rem
            }
            .lg\:leading-9 {
                line-height: 2.25rem
            }
            .lg\:leading-10 {
                line-height: 2.5rem
            }
            .lg\:leading-none {
                line-height: 1
            }
            .lg\:leading-tight {
                line-height: 1.25
            }
            .lg\:leading-snug {
                line-height: 1.375
            }
            .lg\:leading-normal {
                line-height: 1.5
            }
            .lg\:leading-relaxed {
                line-height: 1.625
            }
            .lg\:leading-loose {
                line-height: 2
            }
            .lg\:list-inside {
                list-style-position: inside
            }
            .lg\:list-outside {
                list-style-position: outside
            }
            .lg\:list-none {
                list-style-type: none
            }
            .lg\:list-disc {
                list-style-type: disc
            }
            .lg\:list-decimal {
                list-style-type: decimal
            }
            .lg\:m-0 {
                margin: 0
            }
            .lg\:m-1 {
                margin: 8px
            }
            .lg\:m-2 {
                margin: 12px
            }
            .lg\:m-3 {
                margin: 16px
            }
            .lg\:m-4 {
                margin: 24px
            }
            .lg\:m-5 {
                margin: 32px
            }
            .lg\:m-6 {
                margin: 48px
            }
            .lg\:m-7 {
                margin: 60px
            }
            .lg\:m-8 {
                margin: 72px
            }
            .lg\:m-9 {
                margin: 84px
            }
            .lg\:m-10 {
                margin: 96px
            }
            .lg\:m-auto {
                margin: auto
            }
            .lg\:m-0\.5 {
                margin: 4px
            }
            .lg\:-m-1 {
                margin: -8px
            }
            .lg\:-m-2 {
                margin: -12px
            }
            .lg\:-m-3 {
                margin: -16px
            }
            .lg\:-m-4 {
                margin: -24px
            }
            .lg\:-m-5 {
                margin: -32px
            }
            .lg\:-m-6 {
                margin: -48px
            }
            .lg\:-m-7 {
                margin: -60px
            }
            .lg\:-m-8 {
                margin: -72px
            }
            .lg\:-m-9 {
                margin: -84px
            }
            .lg\:-m-10 {
                margin: -96px
            }
            .lg\:-m-0\.5 {
                margin: -4px
            }
            .lg\:my-0 {
                margin-top: 0;
                margin-bottom: 0
            }
            .lg\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }
            .lg\:my-1 {
                margin-top: 8px;
                margin-bottom: 8px
            }
            .lg\:mx-1 {
                margin-left: 8px;
                margin-right: 8px
            }
            .lg\:my-2 {
                margin-top: 12px;
                margin-bottom: 12px
            }
            .lg\:mx-2 {
                margin-left: 12px;
                margin-right: 12px
            }
            .lg\:my-3 {
                margin-top: 16px;
                margin-bottom: 16px
            }
            .lg\:mx-3 {
                margin-left: 16px;
                margin-right: 16px
            }
            .lg\:my-4 {
                margin-top: 24px;
                margin-bottom: 24px
            }
            .lg\:mx-4 {
                margin-left: 24px;
                margin-right: 24px
            }
            .lg\:my-5 {
                margin-top: 32px;
                margin-bottom: 32px
            }
            .lg\:mx-5 {
                margin-left: 32px;
                margin-right: 32px
            }
            .lg\:my-6 {
                margin-top: 48px;
                margin-bottom: 48px
            }
            .lg\:mx-6 {
                margin-left: 48px;
                margin-right: 48px
            }
            .lg\:my-7 {
                margin-top: 60px;
                margin-bottom: 60px
            }
            .lg\:mx-7 {
                margin-left: 60px;
                margin-right: 60px
            }
            .lg\:my-8 {
                margin-top: 72px;
                margin-bottom: 72px
            }
            .lg\:mx-8 {
                margin-left: 72px;
                margin-right: 72px
            }
            .lg\:my-9 {
                margin-top: 84px;
                margin-bottom: 84px
            }
            .lg\:mx-9 {
                margin-left: 84px;
                margin-right: 84px
            }
            .lg\:my-10 {
                margin-top: 96px;
                margin-bottom: 96px
            }
            .lg\:mx-10 {
                margin-left: 96px;
                margin-right: 96px
            }
            .lg\:my-auto {
                margin-top: auto;
                margin-bottom: auto
            }
            .lg\:mx-auto {
                margin-left: auto;
                margin-right: auto
            }
            .lg\:my-0\.5 {
                margin-top: 4px;
                margin-bottom: 4px
            }
            .lg\:mx-0\.5 {
                margin-left: 4px;
                margin-right: 4px
            }
            .lg\:-my-1 {
                margin-top: -8px;
                margin-bottom: -8px
            }
            .lg\:-mx-1 {
                margin-left: -8px;
                margin-right: -8px
            }
            .lg\:-my-2 {
                margin-top: -12px;
                margin-bottom: -12px
            }
            .lg\:-mx-2 {
                margin-left: -12px;
                margin-right: -12px
            }
            .lg\:-my-3 {
                margin-top: -16px;
                margin-bottom: -16px
            }
            .lg\:-mx-3 {
                margin-left: -16px;
                margin-right: -16px
            }
            .lg\:-my-4 {
                margin-top: -24px;
                margin-bottom: -24px
            }
            .lg\:-mx-4 {
                margin-left: -24px;
                margin-right: -24px
            }
            .lg\:-my-5 {
                margin-top: -32px;
                margin-bottom: -32px
            }
            .lg\:-mx-5 {
                margin-left: -32px;
                margin-right: -32px
            }
            .lg\:-my-6 {
                margin-top: -48px;
                margin-bottom: -48px
            }
            .lg\:-mx-6 {
                margin-left: -48px;
                margin-right: -48px
            }
            .lg\:-my-7 {
                margin-top: -60px;
                margin-bottom: -60px
            }
            .lg\:-mx-7 {
                margin-left: -60px;
                margin-right: -60px
            }
            .lg\:-my-8 {
                margin-top: -72px;
                margin-bottom: -72px
            }
            .lg\:-mx-8 {
                margin-left: -72px;
                margin-right: -72px
            }
            .lg\:-my-9 {
                margin-top: -84px;
                margin-bottom: -84px
            }
            .lg\:-mx-9 {
                margin-left: -84px;
                margin-right: -84px
            }
            .lg\:-my-10 {
                margin-top: -96px;
                margin-bottom: -96px
            }
            .lg\:-mx-10 {
                margin-left: -96px;
                margin-right: -96px
            }
            .lg\:-my-0\.5 {
                margin-top: -4px;
                margin-bottom: -4px
            }
            .lg\:-mx-0\.5 {
                margin-left: -4px;
                margin-right: -4px
            }
            .lg\:mt-0 {
                margin-top: 0
            }
            .lg\:mr-0 {
                margin-right: 0
            }
            .lg\:mb-0 {
                margin-bottom: 0
            }
            .lg\:ml-0 {
                margin-left: 0
            }
            .lg\:mt-1 {
                margin-top: 8px
            }
            .lg\:mr-1 {
                margin-right: 8px
            }
            .lg\:mb-1 {
                margin-bottom: 8px
            }
            .lg\:ml-1 {
                margin-left: 8px
            }
            .lg\:mt-2 {
                margin-top: 12px
            }
            .lg\:mr-2 {
                margin-right: 12px
            }
            .lg\:mb-2 {
                margin-bottom: 12px
            }
            .lg\:ml-2 {
                margin-left: 12px
            }
            .lg\:mt-3 {
                margin-top: 16px
            }
            .lg\:mr-3 {
                margin-right: 16px
            }
            .lg\:mb-3 {
                margin-bottom: 16px
            }
            .lg\:ml-3 {
                margin-left: 16px
            }
            .lg\:mt-4 {
                margin-top: 24px
            }
            .lg\:mr-4 {
                margin-right: 24px
            }
            .lg\:mb-4 {
                margin-bottom: 24px
            }
            .lg\:ml-4 {
                margin-left: 24px
            }
            .lg\:mt-5 {
                margin-top: 32px
            }
            .lg\:mr-5 {
                margin-right: 32px
            }
            .lg\:mb-5 {
                margin-bottom: 32px
            }
            .lg\:ml-5 {
                margin-left: 32px
            }
            .lg\:mt-6 {
                margin-top: 48px
            }
            .lg\:mr-6 {
                margin-right: 48px
            }
            .lg\:mb-6 {
                margin-bottom: 48px
            }
            .lg\:ml-6 {
                margin-left: 48px
            }
            .lg\:mt-7 {
                margin-top: 60px
            }
            .lg\:mr-7 {
                margin-right: 60px
            }
            .lg\:mb-7 {
                margin-bottom: 60px
            }
            .lg\:ml-7 {
                margin-left: 60px
            }
            .lg\:mt-8 {
                margin-top: 72px
            }
            .lg\:mr-8 {
                margin-right: 72px
            }
            .lg\:mb-8 {
                margin-bottom: 72px
            }
            .lg\:ml-8 {
                margin-left: 72px
            }
            .lg\:mt-9 {
                margin-top: 84px
            }
            .lg\:mr-9 {
                margin-right: 84px
            }
            .lg\:mb-9 {
                margin-bottom: 84px
            }
            .lg\:ml-9 {
                margin-left: 84px
            }
            .lg\:mt-10 {
                margin-top: 96px
            }
            .lg\:mr-10 {
                margin-right: 96px
            }
            .lg\:mb-10 {
                margin-bottom: 96px
            }
            .lg\:ml-10 {
                margin-left: 96px
            }
            .lg\:mt-auto {
                margin-top: auto
            }
            .lg\:mr-auto {
                margin-right: auto
            }
            .lg\:mb-auto {
                margin-bottom: auto
            }
            .lg\:ml-auto {
                margin-left: auto
            }
            .lg\:mt-0\.5 {
                margin-top: 4px
            }
            .lg\:mr-0\.5 {
                margin-right: 4px
            }
            .lg\:mb-0\.5 {
                margin-bottom: 4px
            }
            .lg\:ml-0\.5 {
                margin-left: 4px
            }
            .lg\:-mt-1 {
                margin-top: -8px
            }
            .lg\:-mr-1 {
                margin-right: -8px
            }
            .lg\:-mb-1 {
                margin-bottom: -8px
            }
            .lg\:-ml-1 {
                margin-left: -8px
            }
            .lg\:-mt-2 {
                margin-top: -12px
            }
            .lg\:-mr-2 {
                margin-right: -12px
            }
            .lg\:-mb-2 {
                margin-bottom: -12px
            }
            .lg\:-ml-2 {
                margin-left: -12px
            }
            .lg\:-mt-3 {
                margin-top: -16px
            }
            .lg\:-mr-3 {
                margin-right: -16px
            }
            .lg\:-mb-3 {
                margin-bottom: -16px
            }
            .lg\:-ml-3 {
                margin-left: -16px
            }
            .lg\:-mt-4 {
                margin-top: -24px
            }
            .lg\:-mr-4 {
                margin-right: -24px
            }
            .lg\:-mb-4 {
                margin-bottom: -24px
            }
            .lg\:-ml-4 {
                margin-left: -24px
            }
            .lg\:-mt-5 {
                margin-top: -32px
            }
            .lg\:-mr-5 {
                margin-right: -32px
            }
            .lg\:-mb-5 {
                margin-bottom: -32px
            }
            .lg\:-ml-5 {
                margin-left: -32px
            }
            .lg\:-mt-6 {
                margin-top: -48px
            }
            .lg\:-mr-6 {
                margin-right: -48px
            }
            .lg\:-mb-6 {
                margin-bottom: -48px
            }
            .lg\:-ml-6 {
                margin-left: -48px
            }
            .lg\:-mt-7 {
                margin-top: -60px
            }
            .lg\:-mr-7 {
                margin-right: -60px
            }
            .lg\:-mb-7 {
                margin-bottom: -60px
            }
            .lg\:-ml-7 {
                margin-left: -60px
            }
            .lg\:-mt-8 {
                margin-top: -72px
            }
            .lg\:-mr-8 {
                margin-right: -72px
            }
            .lg\:-mb-8 {
                margin-bottom: -72px
            }
            .lg\:-ml-8 {
                margin-left: -72px
            }
            .lg\:-mt-9 {
                margin-top: -84px
            }
            .lg\:-mr-9 {
                margin-right: -84px
            }
            .lg\:-mb-9 {
                margin-bottom: -84px
            }
            .lg\:-ml-9 {
                margin-left: -84px
            }
            .lg\:-mt-10 {
                margin-top: -96px
            }
            .lg\:-mr-10 {
                margin-right: -96px
            }
            .lg\:-mb-10 {
                margin-bottom: -96px
            }
            .lg\:-ml-10 {
                margin-left: -96px
            }
            .lg\:-mt-0\.5 {
                margin-top: -4px
            }
            .lg\:-mr-0\.5 {
                margin-right: -4px
            }
            .lg\:-mb-0\.5 {
                margin-bottom: -4px
            }
            .lg\:-ml-0\.5 {
                margin-left: -4px
            }
            .lg\:max-h-full {
                max-height: 100%
            }
            .lg\:max-h-screen {
                max-height: 100vh
            }
            .lg\:max-w-none {
                max-width: none
            }
            .lg\:max-w-xs {
                max-width: 20rem
            }
            .lg\:max-w-sm {
                max-width: 24rem
            }
            .lg\:max-w-md {
                max-width: 28rem
            }
            .lg\:max-w-lg {
                max-width: 32rem
            }
            .lg\:max-w-xl {
                max-width: 36rem
            }
            .lg\:max-w-2xl {
                max-width: 42rem
            }
            .lg\:max-w-3xl {
                max-width: 48rem
            }
            .lg\:max-w-4xl {
                max-width: 56rem
            }
            .lg\:max-w-5xl {
                max-width: 64rem
            }
            .lg\:max-w-6xl {
                max-width: 72rem
            }
            .lg\:max-w-full {
                max-width: 100%
            }
            .lg\:max-w-screen-xs {
                max-width: 420px
            }
            .lg\:max-w-screen-sm {
                max-width: 640px
            }
            .lg\:max-w-screen-md {
                max-width: 768px
            }
            .lg\:max-w-screen-lg {
                max-width: 1024px
            }
            .lg\:max-w-screen-xl {
                max-width: 1100px
            }
            .lg\:min-h-0 {
                min-height: 0
            }
            .lg\:min-h-full {
                min-height: 100%
            }
            .lg\:min-h-screen {
                min-height: 100vh
            }
            .lg\:min-w-0 {
                min-width: 0
            }
            .lg\:min-w-full {
                min-width: 100%
            }
            .lg\:object-contain {
                object-fit: contain
            }
            .lg\:object-cover {
                object-fit: cover
            }
            .lg\:object-fill {
                object-fit: fill
            }
            .lg\:object-none {
                object-fit: none
            }
            .lg\:object-scale-down {
                object-fit: scale-down
            }
            .lg\:object-bottom {
                object-position: bottom
            }
            .lg\:object-center {
                object-position: center
            }
            .lg\:object-left {
                object-position: left
            }
            .lg\:object-left-bottom {
                object-position: left bottom
            }
            .lg\:object-left-top {
                object-position: left top
            }
            .lg\:object-right {
                object-position: right
            }
            .lg\:object-right-bottom {
                object-position: right bottom
            }
            .lg\:object-right-top {
                object-position: right top
            }
            .lg\:object-top {
                object-position: top
            }
            .lg\:opacity-0 {
                opacity: 0
            }
            .lg\:opacity-25 {
                opacity: .25
            }
            .lg\:opacity-50 {
                opacity: .5
            }
            .lg\:opacity-75 {
                opacity: .75
            }
            .lg\:opacity-100 {
                opacity: 1
            }
            .lg\:hover\:opacity-0:hover {
                opacity: 0
            }
            .lg\:hover\:opacity-25:hover {
                opacity: .25
            }
            .lg\:hover\:opacity-50:hover {
                opacity: .5
            }
            .lg\:hover\:opacity-75:hover {
                opacity: .75
            }
            .lg\:hover\:opacity-100:hover {
                opacity: 1
            }
            .lg\:focus\:outline-none:focus,
            .lg\:outline-none {
                outline: 0
            }
            .lg\:overflow-auto {
                overflow: auto
            }
            .lg\:overflow-hidden {
                overflow: hidden
            }
            .lg\:overflow-visible {
                overflow: visible
            }
            .lg\:overflow-scroll {
                overflow: scroll
            }
            .lg\:overflow-x-auto {
                overflow-x: auto
            }
            .lg\:overflow-y-auto {
                overflow-y: auto
            }
            .lg\:overflow-x-hidden {
                overflow-x: hidden
            }
            .lg\:overflow-y-hidden {
                overflow-y: hidden
            }
            .lg\:overflow-x-visible {
                overflow-x: visible
            }
            .lg\:overflow-y-visible {
                overflow-y: visible
            }
            .lg\:overflow-x-scroll {
                overflow-x: scroll
            }
            .lg\:overflow-y-scroll {
                overflow-y: scroll
            }
            .lg\:scrolling-touch {
                -webkit-overflow-scrolling: touch
            }
            .lg\:scrolling-auto {
                -webkit-overflow-scrolling: auto
            }
            .lg\:p-0 {
                padding: 0
            }
            .lg\:p-1 {
                padding: 8px
            }
            .lg\:p-2 {
                padding: 12px
            }
            .lg\:p-3 {
                padding: 16px
            }
            .lg\:p-4 {
                padding: 24px
            }
            .lg\:p-5 {
                padding: 32px
            }
            .lg\:p-6 {
                padding: 48px
            }
            .lg\:p-7 {
                padding: 60px
            }
            .lg\:p-8 {
                padding: 72px
            }
            .lg\:p-9 {
                padding: 84px
            }
            .lg\:p-10 {
                padding: 96px
            }
            .lg\:p-0\.5 {
                padding: 4px
            }
            .lg\:py-0 {
                padding-top: 0;
                padding-bottom: 0
            }
            .lg\:px-0 {
                padding-left: 0;
                padding-right: 0
            }
            .lg\:py-1 {
                padding-top: 8px;
                padding-bottom: 8px
            }
            .lg\:px-1 {
                padding-left: 8px;
                padding-right: 8px
            }
            .lg\:py-2 {
                padding-top: 12px;
                padding-bottom: 12px
            }
            .lg\:px-2 {
                padding-left: 12px;
                padding-right: 12px
            }
            .lg\:py-3 {
                padding-top: 16px;
                padding-bottom: 16px
            }
            .lg\:px-3 {
                padding-left: 16px;
                padding-right: 16px
            }
            .lg\:py-4 {
                padding-top: 24px;
                padding-bottom: 24px
            }
            .lg\:px-4 {
                padding-left: 24px;
                padding-right: 24px
            }
            .lg\:py-5 {
                padding-top: 32px;
                padding-bottom: 32px
            }
            .lg\:px-5 {
                padding-left: 32px;
                padding-right: 32px
            }
            .lg\:py-6 {
                padding-top: 48px;
                padding-bottom: 48px
            }
            .lg\:px-6 {
                padding-left: 48px;
                padding-right: 48px
            }
            .lg\:py-7 {
                padding-top: 60px;
                padding-bottom: 60px
            }
            .lg\:px-7 {
                padding-left: 60px;
                padding-right: 60px
            }
            .lg\:py-8 {
                padding-top: 72px;
                padding-bottom: 72px
            }
            .lg\:px-8 {
                padding-left: 72px;
                padding-right: 72px
            }
            .lg\:py-9 {
                padding-top: 84px;
                padding-bottom: 84px
            }
            .lg\:px-9 {
                padding-left: 84px;
                padding-right: 84px
            }
            .lg\:py-10 {
                padding-top: 96px;
                padding-bottom: 96px
            }
            .lg\:px-10 {
                padding-left: 96px;
                padding-right: 96px
            }
            .lg\:py-0\.5 {
                padding-top: 4px;
                padding-bottom: 4px
            }
            .lg\:px-0\.5 {
                padding-left: 4px;
                padding-right: 4px
            }
            .lg\:pt-0 {
                padding-top: 0
            }
            .lg\:pr-0 {
                padding-right: 0
            }
            .lg\:pb-0 {
                padding-bottom: 0
            }
            .lg\:pl-0 {
                padding-left: 0
            }
            .lg\:pt-1 {
                padding-top: 8px
            }
            .lg\:pr-1 {
                padding-right: 8px
            }
            .lg\:pb-1 {
                padding-bottom: 8px
            }
            .lg\:pl-1 {
                padding-left: 8px
            }
            .lg\:pt-2 {
                padding-top: 12px
            }
            .lg\:pr-2 {
                padding-right: 12px
            }
            .lg\:pb-2 {
                padding-bottom: 12px
            }
            .lg\:pl-2 {
                padding-left: 12px
            }
            .lg\:pt-3 {
                padding-top: 16px
            }
            .lg\:pr-3 {
                padding-right: 16px
            }
            .lg\:pb-3 {
                padding-bottom: 16px
            }
            .lg\:pl-3 {
                padding-left: 16px
            }
            .lg\:pt-4 {
                padding-top: 24px
            }
            .lg\:pr-4 {
                padding-right: 24px
            }
            .lg\:pb-4 {
                padding-bottom: 24px
            }
            .lg\:pl-4 {
                padding-left: 24px
            }
            .lg\:pt-5 {
                padding-top: 32px
            }
            .lg\:pr-5 {
                padding-right: 32px
            }
            .lg\:pb-5 {
                padding-bottom: 32px
            }
            .lg\:pl-5 {
                padding-left: 32px
            }
            .lg\:pt-6 {
                padding-top: 48px
            }
            .lg\:pr-6 {
                padding-right: 48px
            }
            .lg\:pb-6 {
                padding-bottom: 48px
            }
            .lg\:pl-6 {
                padding-left: 48px
            }
            .lg\:pt-7 {
                padding-top: 60px
            }
            .lg\:pr-7 {
                padding-right: 60px
            }
            .lg\:pb-7 {
                padding-bottom: 60px
            }
            .lg\:pl-7 {
                padding-left: 60px
            }
            .lg\:pt-8 {
                padding-top: 72px
            }
            .lg\:pr-8 {
                padding-right: 72px
            }
            .lg\:pb-8 {
                padding-bottom: 72px
            }
            .lg\:pl-8 {
                padding-left: 72px
            }
            .lg\:pt-9 {
                padding-top: 84px
            }
            .lg\:pr-9 {
                padding-right: 84px
            }
            .lg\:pb-9 {
                padding-bottom: 84px
            }
            .lg\:pl-9 {
                padding-left: 84px
            }
            .lg\:pt-10 {
                padding-top: 96px
            }
            .lg\:pr-10 {
                padding-right: 96px
            }
            .lg\:pb-10 {
                padding-bottom: 96px
            }
            .lg\:pl-10 {
                padding-left: 96px
            }
            .lg\:pt-0\.5 {
                padding-top: 4px
            }
            .lg\:pr-0\.5 {
                padding-right: 4px
            }
            .lg\:pb-0\.5 {
                padding-bottom: 4px
            }
            .lg\:pl-0\.5 {
                padding-left: 4px
            }
            .lg\:placeholder-transparent::placeholder {
                color: transparent
            }
            .lg\:placeholder-current::placeholder {
                color: currentColor
            }
            .lg\:placeholder-black::placeholder {
                --placeholder-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--placeholder-opacity))
            }
            .lg\:placeholder-white::placeholder {
                --placeholder-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--placeholder-opacity))
            }
            .lg\:placeholder-gray-100::placeholder {
                --placeholder-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--placeholder-opacity))
            }
            .lg\:placeholder-gray-200::placeholder {
                --placeholder-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--placeholder-opacity))
            }
            .lg\:placeholder-gray-300::placeholder {
                --placeholder-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--placeholder-opacity))
            }
            .lg\:placeholder-gray-400::placeholder {
                --placeholder-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--placeholder-opacity))
            }
            .lg\:placeholder-gray-500::placeholder {
                --placeholder-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--placeholder-opacity))
            }
            .lg\:placeholder-gray-600::placeholder {
                --placeholder-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--placeholder-opacity))
            }
            .lg\:placeholder-gray-700::placeholder {
                --placeholder-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--placeholder-opacity))
            }
            .lg\:placeholder-gray-800::placeholder {
                --placeholder-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--placeholder-opacity))
            }
            .lg\:placeholder-gray-900::placeholder {
                --placeholder-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--placeholder-opacity))
            }
            .lg\:placeholder-red-100::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--placeholder-opacity))
            }
            .lg\:placeholder-red-200::placeholder {
                --placeholder-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--placeholder-opacity))
            }
            .lg\:placeholder-red-300::placeholder {
                --placeholder-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--placeholder-opacity))
            }
            .lg\:placeholder-red-400::placeholder {
                --placeholder-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--placeholder-opacity))
            }
            .lg\:placeholder-red-500::placeholder {
                --placeholder-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--placeholder-opacity))
            }
            .lg\:placeholder-red-600::placeholder {
                --placeholder-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--placeholder-opacity))
            }
            .lg\:placeholder-red-700::placeholder {
                --placeholder-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--placeholder-opacity))
            }
            .lg\:placeholder-red-800::placeholder {
                --placeholder-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--placeholder-opacity))
            }
            .lg\:placeholder-red-900::placeholder {
                --placeholder-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--placeholder-opacity))
            }
            .lg\:placeholder-orange-100::placeholder {
                --placeholder-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--placeholder-opacity))
            }
            .lg\:placeholder-orange-200::placeholder {
                --placeholder-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--placeholder-opacity))
            }
            .lg\:placeholder-orange-300::placeholder {
                --placeholder-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--placeholder-opacity))
            }
            .lg\:placeholder-orange-400::placeholder {
                --placeholder-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--placeholder-opacity))
            }
            .lg\:placeholder-orange-500::placeholder {
                --placeholder-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--placeholder-opacity))
            }
            .lg\:placeholder-orange-600::placeholder {
                --placeholder-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--placeholder-opacity))
            }
            .lg\:placeholder-orange-700::placeholder {
                --placeholder-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--placeholder-opacity))
            }
            .lg\:placeholder-orange-800::placeholder {
                --placeholder-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--placeholder-opacity))
            }
            .lg\:placeholder-orange-900::placeholder {
                --placeholder-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--placeholder-opacity))
            }
            .lg\:placeholder-yellow-100::placeholder {
                --placeholder-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--placeholder-opacity))
            }
            .lg\:placeholder-yellow-200::placeholder {
                --placeholder-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--placeholder-opacity))
            }
            .lg\:placeholder-yellow-300::placeholder {
                --placeholder-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--placeholder-opacity))
            }
            .lg\:placeholder-yellow-400::placeholder {
                --placeholder-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--placeholder-opacity))
            }
            .lg\:placeholder-yellow-500::placeholder {
                --placeholder-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--placeholder-opacity))
            }
            .lg\:placeholder-yellow-600::placeholder {
                --placeholder-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--placeholder-opacity))
            }
            .lg\:placeholder-yellow-700::placeholder {
                --placeholder-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--placeholder-opacity))
            }
            .lg\:placeholder-yellow-800::placeholder {
                --placeholder-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--placeholder-opacity))
            }
            .lg\:placeholder-yellow-900::placeholder {
                --placeholder-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--placeholder-opacity))
            }
            .lg\:placeholder-green-100::placeholder {
                --placeholder-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--placeholder-opacity))
            }
            .lg\:placeholder-green-200::placeholder {
                --placeholder-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--placeholder-opacity))
            }
            .lg\:placeholder-green-300::placeholder {
                --placeholder-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--placeholder-opacity))
            }
            .lg\:placeholder-green-400::placeholder {
                --placeholder-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--placeholder-opacity))
            }
            .lg\:placeholder-green-500::placeholder {
                --placeholder-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--placeholder-opacity))
            }
            .lg\:placeholder-green-600::placeholder {
                --placeholder-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--placeholder-opacity))
            }
            .lg\:placeholder-green-700::placeholder {
                --placeholder-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--placeholder-opacity))
            }
            .lg\:placeholder-green-800::placeholder {
                --placeholder-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--placeholder-opacity))
            }
            .lg\:placeholder-green-900::placeholder {
                --placeholder-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--placeholder-opacity))
            }
            .lg\:placeholder-teal-100::placeholder {
                --placeholder-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--placeholder-opacity))
            }
            .lg\:placeholder-teal-200::placeholder {
                --placeholder-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--placeholder-opacity))
            }
            .lg\:placeholder-teal-300::placeholder {
                --placeholder-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--placeholder-opacity))
            }
            .lg\:placeholder-teal-400::placeholder {
                --placeholder-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--placeholder-opacity))
            }
            .lg\:placeholder-teal-500::placeholder {
                --placeholder-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--placeholder-opacity))
            }
            .lg\:placeholder-teal-600::placeholder {
                --placeholder-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--placeholder-opacity))
            }
            .lg\:placeholder-teal-700::placeholder {
                --placeholder-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--placeholder-opacity))
            }
            .lg\:placeholder-teal-800::placeholder {
                --placeholder-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--placeholder-opacity))
            }
            .lg\:placeholder-teal-900::placeholder {
                --placeholder-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--placeholder-opacity))
            }
            .lg\:placeholder-blue-100::placeholder {
                --placeholder-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--placeholder-opacity))
            }
            .lg\:placeholder-blue-200::placeholder {
                --placeholder-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--placeholder-opacity))
            }
            .lg\:placeholder-blue-300::placeholder {
                --placeholder-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--placeholder-opacity))
            }
            .lg\:placeholder-blue-400::placeholder {
                --placeholder-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--placeholder-opacity))
            }
            .lg\:placeholder-blue-500::placeholder {
                --placeholder-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--placeholder-opacity))
            }
            .lg\:placeholder-blue-600::placeholder {
                --placeholder-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--placeholder-opacity))
            }
            .lg\:placeholder-blue-700::placeholder {
                --placeholder-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--placeholder-opacity))
            }
            .lg\:placeholder-blue-800::placeholder {
                --placeholder-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--placeholder-opacity))
            }
            .lg\:placeholder-blue-900::placeholder {
                --placeholder-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--placeholder-opacity))
            }
            .lg\:placeholder-indigo-100::placeholder {
                --placeholder-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--placeholder-opacity))
            }
            .lg\:placeholder-indigo-200::placeholder {
                --placeholder-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--placeholder-opacity))
            }
            .lg\:placeholder-indigo-300::placeholder {
                --placeholder-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--placeholder-opacity))
            }
            .lg\:placeholder-indigo-400::placeholder {
                --placeholder-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--placeholder-opacity))
            }
            .lg\:placeholder-indigo-500::placeholder {
                --placeholder-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--placeholder-opacity))
            }
            .lg\:placeholder-indigo-600::placeholder {
                --placeholder-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--placeholder-opacity))
            }
            .lg\:placeholder-indigo-700::placeholder {
                --placeholder-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--placeholder-opacity))
            }
            .lg\:placeholder-indigo-800::placeholder {
                --placeholder-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--placeholder-opacity))
            }
            .lg\:placeholder-indigo-900::placeholder {
                --placeholder-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--placeholder-opacity))
            }
            .lg\:placeholder-purple-100::placeholder {
                --placeholder-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--placeholder-opacity))
            }
            .lg\:placeholder-purple-200::placeholder {
                --placeholder-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--placeholder-opacity))
            }
            .lg\:placeholder-purple-300::placeholder {
                --placeholder-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--placeholder-opacity))
            }
            .lg\:placeholder-purple-400::placeholder {
                --placeholder-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--placeholder-opacity))
            }
            .lg\:placeholder-purple-500::placeholder {
                --placeholder-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--placeholder-opacity))
            }
            .lg\:placeholder-purple-600::placeholder {
                --placeholder-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--placeholder-opacity))
            }
            .lg\:placeholder-purple-700::placeholder {
                --placeholder-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--placeholder-opacity))
            }
            .lg\:placeholder-purple-800::placeholder {
                --placeholder-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--placeholder-opacity))
            }
            .lg\:placeholder-purple-900::placeholder {
                --placeholder-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--placeholder-opacity))
            }
            .lg\:placeholder-pink-100::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--placeholder-opacity))
            }
            .lg\:placeholder-pink-200::placeholder {
                --placeholder-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--placeholder-opacity))
            }
            .lg\:placeholder-pink-300::placeholder {
                --placeholder-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--placeholder-opacity))
            }
            .lg\:placeholder-pink-400::placeholder {
                --placeholder-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--placeholder-opacity))
            }
            .lg\:placeholder-pink-500::placeholder {
                --placeholder-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--placeholder-opacity))
            }
            .lg\:placeholder-pink-600::placeholder {
                --placeholder-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--placeholder-opacity))
            }
            .lg\:placeholder-pink-700::placeholder {
                --placeholder-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--placeholder-opacity))
            }
            .lg\:placeholder-pink-800::placeholder {
                --placeholder-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--placeholder-opacity))
            }
            .lg\:placeholder-pink-900::placeholder {
                --placeholder-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-transparent:focus::placeholder {
                color: transparent
            }
            .lg\:focus\:placeholder-current:focus::placeholder {
                color: currentColor
            }
            .lg\:focus\:placeholder-black:focus::placeholder {
                --placeholder-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-white:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-gray-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-gray-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-gray-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-gray-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-gray-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-gray-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-gray-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-gray-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-gray-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-red-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-red-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-red-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-red-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-red-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-red-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-red-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-red-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-red-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-orange-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-orange-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-orange-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-orange-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-orange-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-orange-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-orange-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-orange-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-orange-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-yellow-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-yellow-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-yellow-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-yellow-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-yellow-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-yellow-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-yellow-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-yellow-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-yellow-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-green-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-green-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-green-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-green-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-green-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-green-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-green-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-green-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-green-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-teal-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-teal-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-teal-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-teal-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-teal-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-teal-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-teal-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-teal-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-teal-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-blue-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-blue-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-blue-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-blue-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-blue-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-blue-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-blue-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-blue-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-blue-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-indigo-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-indigo-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-indigo-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-indigo-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-indigo-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-indigo-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-indigo-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-indigo-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-indigo-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-purple-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-purple-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-purple-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-purple-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-purple-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-purple-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-purple-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-purple-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-purple-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-pink-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-pink-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-pink-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-pink-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-pink-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-pink-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-pink-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-pink-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--placeholder-opacity))
            }
            .lg\:focus\:placeholder-pink-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--placeholder-opacity))
            }
            .lg\:placeholder-opacity-0::placeholder {
                --placeholder-opacity: 0
            }
            .lg\:placeholder-opacity-25::placeholder {
                --placeholder-opacity: 0.25
            }
            .lg\:placeholder-opacity-50::placeholder {
                --placeholder-opacity: 0.5
            }
            .lg\:placeholder-opacity-75::placeholder {
                --placeholder-opacity: 0.75
            }
            .lg\:placeholder-opacity-100::placeholder {
                --placeholder-opacity: 1
            }
            .lg\:focus\:placeholder-opacity-0:focus::placeholder {
                --placeholder-opacity: 0
            }
            .lg\:focus\:placeholder-opacity-25:focus::placeholder {
                --placeholder-opacity: 0.25
            }
            .lg\:focus\:placeholder-opacity-50:focus::placeholder {
                --placeholder-opacity: 0.5
            }
            .lg\:focus\:placeholder-opacity-75:focus::placeholder {
                --placeholder-opacity: 0.75
            }
            .lg\:focus\:placeholder-opacity-100:focus::placeholder {
                --placeholder-opacity: 1
            }
            .lg\:pointer-events-none {
                pointer-events: none
            }
            .lg\:pointer-events-auto {
                pointer-events: auto
            }
            .lg\:static {
                position: static
            }
            .lg\:fixed {
                position: fixed
            }
            .lg\:absolute {
                position: absolute
            }
            .lg\:relative {
                position: relative
            }
            .lg\:sticky {
                position: sticky
            }
            .lg\:inset-0 {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }
            .lg\:inset-auto {
                top: auto;
                right: auto;
                bottom: auto;
                left: auto
            }
            .lg\:inset-y-0 {
                top: 0;
                bottom: 0
            }
            .lg\:inset-x-0 {
                right: 0;
                left: 0
            }
            .lg\:inset-y-auto {
                top: auto;
                bottom: auto
            }
            .lg\:inset-x-auto {
                right: auto;
                left: auto
            }
            .lg\:top-0 {
                top: 0
            }
            .lg\:right-0 {
                right: 0
            }
            .lg\:bottom-0 {
                bottom: 0
            }
            .lg\:left-0 {
                left: 0
            }
            .lg\:top-auto {
                top: auto
            }
            .lg\:right-auto {
                right: auto
            }
            .lg\:bottom-auto {
                bottom: auto
            }
            .lg\:left-auto {
                left: auto
            }
            .lg\:resize-none {
                resize: none
            }
            .lg\:resize-y {
                resize: vertical
            }
            .lg\:resize-x {
                resize: horizontal
            }
            .lg\:resize {
                resize: both
            }
            .lg\:shadow-xs {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .lg\:shadow-sm {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .lg\:shadow {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .lg\:shadow-md {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .lg\:shadow-lg {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .lg\:shadow-xl {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .lg\:shadow-2xl {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .lg\:shadow-inner {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .lg\:shadow-outline {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .lg\:shadow-none {
                box-shadow: none
            }
            .lg\:hover\:shadow-xs:hover {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .lg\:hover\:shadow-sm:hover {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .lg\:hover\:shadow:hover {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .lg\:hover\:shadow-md:hover {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .lg\:hover\:shadow-lg:hover {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .lg\:hover\:shadow-xl:hover {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .lg\:hover\:shadow-2xl:hover {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .lg\:hover\:shadow-inner:hover {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .lg\:hover\:shadow-outline:hover {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .lg\:hover\:shadow-none:hover {
                box-shadow: none
            }
            .lg\:focus\:shadow-xs:focus {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .lg\:focus\:shadow-sm:focus {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .lg\:focus\:shadow:focus {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .lg\:focus\:shadow-md:focus {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .lg\:focus\:shadow-lg:focus {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .lg\:focus\:shadow-xl:focus {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .lg\:focus\:shadow-2xl:focus {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .lg\:focus\:shadow-inner:focus {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .lg\:focus\:shadow-outline:focus {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .lg\:focus\:shadow-none:focus {
                box-shadow: none
            }
            .lg\:fill-current {
                fill: currentColor
            }
            .lg\:stroke-current {
                stroke: currentColor
            }
            .lg\:stroke-0 {
                stroke-width: 0
            }
            .lg\:stroke-1 {
                stroke-width: 1
            }
            .lg\:stroke-2 {
                stroke-width: 2
            }
            .lg\:table-auto {
                table-layout: auto
            }
            .lg\:table-fixed {
                table-layout: fixed
            }
            .lg\:text-left {
                text-align: left
            }
            .lg\:text-center {
                text-align: center
            }
            .lg\:text-right {
                text-align: right
            }
            .lg\:text-justify {
                text-align: justify
            }
            .lg\:text-transparent {
                color: transparent
            }
            .lg\:text-current {
                color: currentColor
            }
            .lg\:text-black {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .lg\:text-white {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .lg\:text-gray-100 {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .lg\:text-gray-200 {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .lg\:text-gray-300 {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .lg\:text-gray-400 {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .lg\:text-gray-500 {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .lg\:text-gray-600 {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .lg\:text-gray-700 {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .lg\:text-gray-800 {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .lg\:text-gray-900 {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .lg\:text-red-100 {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .lg\:text-red-200 {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .lg\:text-red-300 {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .lg\:text-red-400 {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .lg\:text-red-500 {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .lg\:text-red-600 {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .lg\:text-red-700 {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .lg\:text-red-800 {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .lg\:text-red-900 {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .lg\:text-orange-100 {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .lg\:text-orange-200 {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .lg\:text-orange-300 {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .lg\:text-orange-400 {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .lg\:text-orange-500 {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .lg\:text-orange-600 {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .lg\:text-orange-700 {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .lg\:text-orange-800 {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .lg\:text-orange-900 {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .lg\:text-yellow-100 {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .lg\:text-yellow-200 {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .lg\:text-yellow-300 {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .lg\:text-yellow-400 {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .lg\:text-yellow-500 {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .lg\:text-yellow-600 {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .lg\:text-yellow-700 {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .lg\:text-yellow-800 {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .lg\:text-yellow-900 {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .lg\:text-green-100 {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .lg\:text-green-200 {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .lg\:text-green-300 {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .lg\:text-green-400 {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .lg\:text-green-500 {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .lg\:text-green-600 {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .lg\:text-green-700 {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .lg\:text-green-800 {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .lg\:text-green-900 {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .lg\:text-teal-100 {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .lg\:text-teal-200 {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .lg\:text-teal-300 {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .lg\:text-teal-400 {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .lg\:text-teal-500 {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .lg\:text-teal-600 {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .lg\:text-teal-700 {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .lg\:text-teal-800 {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .lg\:text-teal-900 {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .lg\:text-blue-100 {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .lg\:text-blue-200 {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .lg\:text-blue-300 {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .lg\:text-blue-400 {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .lg\:text-blue-500 {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .lg\:text-blue-600 {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .lg\:text-blue-700 {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .lg\:text-blue-800 {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .lg\:text-blue-900 {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .lg\:text-indigo-100 {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .lg\:text-indigo-200 {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .lg\:text-indigo-300 {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .lg\:text-indigo-400 {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .lg\:text-indigo-500 {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .lg\:text-indigo-600 {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .lg\:text-indigo-700 {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .lg\:text-indigo-800 {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .lg\:text-indigo-900 {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .lg\:text-purple-100 {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .lg\:text-purple-200 {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .lg\:text-purple-300 {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .lg\:text-purple-400 {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .lg\:text-purple-500 {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .lg\:text-purple-600 {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .lg\:text-purple-700 {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .lg\:text-purple-800 {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .lg\:text-purple-900 {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .lg\:text-pink-100 {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .lg\:text-pink-200 {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .lg\:text-pink-300 {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .lg\:text-pink-400 {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .lg\:text-pink-500 {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .lg\:text-pink-600 {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .lg\:text-pink-700 {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .lg\:text-pink-800 {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .lg\:text-pink-900 {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .lg\:hover\:text-transparent:hover {
                color: transparent
            }
            .lg\:hover\:text-current:hover {
                color: currentColor
            }
            .lg\:hover\:text-black:hover {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .lg\:hover\:text-white:hover {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .lg\:hover\:text-gray-100:hover {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .lg\:hover\:text-gray-200:hover {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .lg\:hover\:text-gray-300:hover {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .lg\:hover\:text-gray-400:hover {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .lg\:hover\:text-gray-500:hover {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .lg\:hover\:text-gray-600:hover {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .lg\:hover\:text-gray-700:hover {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .lg\:hover\:text-gray-800:hover {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .lg\:hover\:text-gray-900:hover {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .lg\:hover\:text-red-100:hover {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .lg\:hover\:text-red-200:hover {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .lg\:hover\:text-red-300:hover {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .lg\:hover\:text-red-400:hover {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .lg\:hover\:text-red-500:hover {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .lg\:hover\:text-red-600:hover {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .lg\:hover\:text-red-700:hover {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .lg\:hover\:text-red-800:hover {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .lg\:hover\:text-red-900:hover {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .lg\:hover\:text-orange-100:hover {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .lg\:hover\:text-orange-200:hover {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .lg\:hover\:text-orange-300:hover {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .lg\:hover\:text-orange-400:hover {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .lg\:hover\:text-orange-500:hover {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .lg\:hover\:text-orange-600:hover {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .lg\:hover\:text-orange-700:hover {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .lg\:hover\:text-orange-800:hover {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .lg\:hover\:text-orange-900:hover {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .lg\:hover\:text-yellow-100:hover {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .lg\:hover\:text-yellow-200:hover {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .lg\:hover\:text-yellow-300:hover {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .lg\:hover\:text-yellow-400:hover {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .lg\:hover\:text-yellow-500:hover {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .lg\:hover\:text-yellow-600:hover {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .lg\:hover\:text-yellow-700:hover {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .lg\:hover\:text-yellow-800:hover {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .lg\:hover\:text-yellow-900:hover {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .lg\:hover\:text-green-100:hover {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .lg\:hover\:text-green-200:hover {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .lg\:hover\:text-green-300:hover {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .lg\:hover\:text-green-400:hover {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .lg\:hover\:text-green-500:hover {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .lg\:hover\:text-green-600:hover {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .lg\:hover\:text-green-700:hover {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .lg\:hover\:text-green-800:hover {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .lg\:hover\:text-green-900:hover {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .lg\:hover\:text-teal-100:hover {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .lg\:hover\:text-teal-200:hover {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .lg\:hover\:text-teal-300:hover {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .lg\:hover\:text-teal-400:hover {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .lg\:hover\:text-teal-500:hover {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .lg\:hover\:text-teal-600:hover {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .lg\:hover\:text-teal-700:hover {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .lg\:hover\:text-teal-800:hover {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .lg\:hover\:text-teal-900:hover {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .lg\:hover\:text-blue-100:hover {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .lg\:hover\:text-blue-200:hover {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .lg\:hover\:text-blue-300:hover {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .lg\:hover\:text-blue-400:hover {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .lg\:hover\:text-blue-500:hover {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .lg\:hover\:text-blue-600:hover {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .lg\:hover\:text-blue-700:hover {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .lg\:hover\:text-blue-800:hover {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .lg\:hover\:text-blue-900:hover {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .lg\:hover\:text-indigo-100:hover {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .lg\:hover\:text-indigo-200:hover {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .lg\:hover\:text-indigo-300:hover {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .lg\:hover\:text-indigo-400:hover {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .lg\:hover\:text-indigo-500:hover {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .lg\:hover\:text-indigo-600:hover {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .lg\:hover\:text-indigo-700:hover {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .lg\:hover\:text-indigo-800:hover {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .lg\:hover\:text-indigo-900:hover {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .lg\:hover\:text-purple-100:hover {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .lg\:hover\:text-purple-200:hover {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .lg\:hover\:text-purple-300:hover {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .lg\:hover\:text-purple-400:hover {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .lg\:hover\:text-purple-500:hover {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .lg\:hover\:text-purple-600:hover {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .lg\:hover\:text-purple-700:hover {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .lg\:hover\:text-purple-800:hover {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .lg\:hover\:text-purple-900:hover {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .lg\:hover\:text-pink-100:hover {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .lg\:hover\:text-pink-200:hover {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .lg\:hover\:text-pink-300:hover {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .lg\:hover\:text-pink-400:hover {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .lg\:hover\:text-pink-500:hover {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .lg\:hover\:text-pink-600:hover {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .lg\:hover\:text-pink-700:hover {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .lg\:hover\:text-pink-800:hover {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .lg\:hover\:text-pink-900:hover {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .lg\:focus\:text-transparent:focus {
                color: transparent
            }
            .lg\:focus\:text-current:focus {
                color: currentColor
            }
            .lg\:focus\:text-black:focus {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .lg\:focus\:text-white:focus {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .lg\:focus\:text-gray-100:focus {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .lg\:focus\:text-gray-200:focus {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .lg\:focus\:text-gray-300:focus {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .lg\:focus\:text-gray-400:focus {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .lg\:focus\:text-gray-500:focus {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .lg\:focus\:text-gray-600:focus {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .lg\:focus\:text-gray-700:focus {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .lg\:focus\:text-gray-800:focus {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .lg\:focus\:text-gray-900:focus {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .lg\:focus\:text-red-100:focus {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .lg\:focus\:text-red-200:focus {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .lg\:focus\:text-red-300:focus {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .lg\:focus\:text-red-400:focus {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .lg\:focus\:text-red-500:focus {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .lg\:focus\:text-red-600:focus {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .lg\:focus\:text-red-700:focus {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .lg\:focus\:text-red-800:focus {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .lg\:focus\:text-red-900:focus {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .lg\:focus\:text-orange-100:focus {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .lg\:focus\:text-orange-200:focus {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .lg\:focus\:text-orange-300:focus {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .lg\:focus\:text-orange-400:focus {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .lg\:focus\:text-orange-500:focus {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .lg\:focus\:text-orange-600:focus {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .lg\:focus\:text-orange-700:focus {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .lg\:focus\:text-orange-800:focus {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .lg\:focus\:text-orange-900:focus {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .lg\:focus\:text-yellow-100:focus {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .lg\:focus\:text-yellow-200:focus {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .lg\:focus\:text-yellow-300:focus {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .lg\:focus\:text-yellow-400:focus {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .lg\:focus\:text-yellow-500:focus {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .lg\:focus\:text-yellow-600:focus {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .lg\:focus\:text-yellow-700:focus {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .lg\:focus\:text-yellow-800:focus {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .lg\:focus\:text-yellow-900:focus {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .lg\:focus\:text-green-100:focus {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .lg\:focus\:text-green-200:focus {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .lg\:focus\:text-green-300:focus {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .lg\:focus\:text-green-400:focus {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .lg\:focus\:text-green-500:focus {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .lg\:focus\:text-green-600:focus {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .lg\:focus\:text-green-700:focus {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .lg\:focus\:text-green-800:focus {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .lg\:focus\:text-green-900:focus {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .lg\:focus\:text-teal-100:focus {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .lg\:focus\:text-teal-200:focus {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .lg\:focus\:text-teal-300:focus {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .lg\:focus\:text-teal-400:focus {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .lg\:focus\:text-teal-500:focus {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .lg\:focus\:text-teal-600:focus {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .lg\:focus\:text-teal-700:focus {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .lg\:focus\:text-teal-800:focus {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .lg\:focus\:text-teal-900:focus {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .lg\:focus\:text-blue-100:focus {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .lg\:focus\:text-blue-200:focus {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .lg\:focus\:text-blue-300:focus {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .lg\:focus\:text-blue-400:focus {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .lg\:focus\:text-blue-500:focus {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .lg\:focus\:text-blue-600:focus {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .lg\:focus\:text-blue-700:focus {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .lg\:focus\:text-blue-800:focus {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .lg\:focus\:text-blue-900:focus {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .lg\:focus\:text-indigo-100:focus {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .lg\:focus\:text-indigo-200:focus {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .lg\:focus\:text-indigo-300:focus {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .lg\:focus\:text-indigo-400:focus {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .lg\:focus\:text-indigo-500:focus {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .lg\:focus\:text-indigo-600:focus {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .lg\:focus\:text-indigo-700:focus {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .lg\:focus\:text-indigo-800:focus {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .lg\:focus\:text-indigo-900:focus {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .lg\:focus\:text-purple-100:focus {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .lg\:focus\:text-purple-200:focus {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .lg\:focus\:text-purple-300:focus {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .lg\:focus\:text-purple-400:focus {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .lg\:focus\:text-purple-500:focus {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .lg\:focus\:text-purple-600:focus {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .lg\:focus\:text-purple-700:focus {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .lg\:focus\:text-purple-800:focus {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .lg\:focus\:text-purple-900:focus {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .lg\:focus\:text-pink-100:focus {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .lg\:focus\:text-pink-200:focus {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .lg\:focus\:text-pink-300:focus {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .lg\:focus\:text-pink-400:focus {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .lg\:focus\:text-pink-500:focus {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .lg\:focus\:text-pink-600:focus {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .lg\:focus\:text-pink-700:focus {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .lg\:focus\:text-pink-800:focus {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .lg\:focus\:text-pink-900:focus {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .lg\:text-opacity-0 {
                --text-opacity: 0
            }
            .lg\:text-opacity-25 {
                --text-opacity: 0.25
            }
            .lg\:text-opacity-50 {
                --text-opacity: 0.5
            }
            .lg\:text-opacity-75 {
                --text-opacity: 0.75
            }
            .lg\:text-opacity-100 {
                --text-opacity: 1
            }
            .lg\:hover\:text-opacity-0:hover {
                --text-opacity: 0
            }
            .lg\:hover\:text-opacity-25:hover {
                --text-opacity: 0.25
            }
            .lg\:hover\:text-opacity-50:hover {
                --text-opacity: 0.5
            }
            .lg\:hover\:text-opacity-75:hover {
                --text-opacity: 0.75
            }
            .lg\:hover\:text-opacity-100:hover {
                --text-opacity: 1
            }
            .lg\:focus\:text-opacity-0:focus {
                --text-opacity: 0
            }
            .lg\:focus\:text-opacity-25:focus {
                --text-opacity: 0.25
            }
            .lg\:focus\:text-opacity-50:focus {
                --text-opacity: 0.5
            }
            .lg\:focus\:text-opacity-75:focus {
                --text-opacity: 0.75
            }
            .lg\:focus\:text-opacity-100:focus {
                --text-opacity: 1
            }
            .lg\:italic {
                font-style: italic
            }
            .lg\:not-italic {
                font-style: normal
            }
            .lg\:uppercase {
                text-transform: uppercase
            }
            .lg\:lowercase {
                text-transform: lowercase
            }
            .lg\:capitalize {
                text-transform: capitalize
            }
            .lg\:normal-case {
                text-transform: none
            }
            .lg\:underline {
                text-decoration: underline
            }
            .lg\:line-through {
                text-decoration: line-through
            }
            .lg\:no-underline {
                text-decoration: none
            }
            .lg\:hover\:underline:hover {
                text-decoration: underline
            }
            .lg\:hover\:line-through:hover {
                text-decoration: line-through
            }
            .lg\:hover\:no-underline:hover {
                text-decoration: none
            }
            .lg\:focus\:underline:focus {
                text-decoration: underline
            }
            .lg\:focus\:line-through:focus {
                text-decoration: line-through
            }
            .lg\:focus\:no-underline:focus {
                text-decoration: none
            }
            .lg\:antialiased {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }
            .lg\:subpixel-antialiased {
                -webkit-font-smoothing: auto;
                -moz-osx-font-smoothing: auto
            }
            .lg\:tracking-tighter {
                letter-spacing: -.05em
            }
            .lg\:tracking-tight {
                letter-spacing: -.025em
            }
            .lg\:tracking-normal {
                letter-spacing: 0
            }
            .lg\:tracking-wide {
                letter-spacing: .025em
            }
            .lg\:tracking-wider {
                letter-spacing: .05em
            }
            .lg\:tracking-widest {
                letter-spacing: .1em
            }
            .lg\:select-none {
                user-select: none
            }
            .lg\:select-text {
                user-select: text
            }
            .lg\:select-all {
                user-select: all
            }
            .lg\:select-auto {
                user-select: auto
            }
            .lg\:align-baseline {
                vertical-align: baseline
            }
            .lg\:align-top {
                vertical-align: top
            }
            .lg\:align-middle {
                vertical-align: middle
            }
            .lg\:align-bottom {
                vertical-align: bottom
            }
            .lg\:align-text-top {
                vertical-align: text-top
            }
            .lg\:align-text-bottom {
                vertical-align: text-bottom
            }
            .lg\:visible {
                visibility: visible
            }
            .lg\:invisible {
                visibility: hidden
            }
            .lg\:whitespace-normal {
                white-space: normal
            }
            .lg\:whitespace-no-wrap {
                white-space: nowrap
            }
            .lg\:whitespace-pre {
                white-space: pre
            }
            .lg\:whitespace-pre-line {
                white-space: pre-line
            }
            .lg\:whitespace-pre-wrap {
                white-space: pre-wrap
            }
            .lg\:break-normal {
                overflow-wrap: normal;
                word-break: normal
            }
            .lg\:break-words {
                overflow-wrap: break-word
            }
            .lg\:break-all {
                word-break: break-all
            }
            .lg\:truncate {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }
            .lg\:w-0 {
                width: 0
            }
            .lg\:w-1 {
                width: 8px
            }
            .lg\:w-2 {
                width: 12px
            }
            .lg\:w-3 {
                width: 16px
            }
            .lg\:w-4 {
                width: 24px
            }
            .lg\:w-5 {
                width: 32px
            }
            .lg\:w-6 {
                width: 48px
            }
            .lg\:w-7 {
                width: 60px
            }
            .lg\:w-8 {
                width: 72px
            }
            .lg\:w-9 {
                width: 84px
            }
            .lg\:w-10 {
                width: 96px
            }
            .lg\:w-auto {
                width: auto
            }
            .lg\:w-0\.5 {
                width: 4px
            }
            .lg\:w-1\/2 {
                width: 50%
            }
            .lg\:w-1\/3 {
                width: 33.333333%
            }
            .lg\:w-2\/3 {
                width: 66.666667%
            }
            .lg\:w-1\/4 {
                width: 25%
            }
            .lg\:w-2\/4 {
                width: 50%
            }
            .lg\:w-3\/4 {
                width: 75%
            }
            .lg\:w-1\/5 {
                width: 20%
            }
            .lg\:w-2\/5 {
                width: 40%
            }
            .lg\:w-3\/5 {
                width: 60%
            }
            .lg\:w-4\/5 {
                width: 80%
            }
            .lg\:w-1\/6 {
                width: 16.666667%
            }
            .lg\:w-2\/6 {
                width: 33.333333%
            }
            .lg\:w-3\/6 {
                width: 50%
            }
            .lg\:w-4\/6 {
                width: 66.666667%
            }
            .lg\:w-5\/6 {
                width: 83.333333%
            }
            .lg\:w-1\/12 {
                width: 8.333333%
            }
            .lg\:w-2\/12 {
                width: 16.666667%
            }
            .lg\:w-3\/12 {
                width: 25%
            }
            .lg\:w-4\/12 {
                width: 33.333333%
            }
            .lg\:w-5\/12 {
                width: 41.666667%
            }
            .lg\:w-6\/12 {
                width: 50%
            }
            .lg\:w-7\/12 {
                width: 58.333333%
            }
            .lg\:w-8\/12 {
                width: 66.666667%
            }
            .lg\:w-9\/12 {
                width: 75%
            }
            .lg\:w-10\/12 {
                width: 83.333333%
            }
            .lg\:w-11\/12 {
                width: 91.666667%
            }
            .lg\:w-full {
                width: 100%
            }
            .lg\:w-screen {
                width: 100vw
            }
            .lg\:z-0 {
                z-index: 0
            }
            .lg\:z-10 {
                z-index: 10
            }
            .lg\:z-20 {
                z-index: 20
            }
            .lg\:z-30 {
                z-index: 30
            }
            .lg\:z-40 {
                z-index: 40
            }
            .lg\:z-50 {
                z-index: 50
            }
            .lg\:z-auto {
                z-index: auto
            }
            .lg\:gap-0 {
                grid-gap: 0;
                gap: 0
            }
            .lg\:gap-1 {
                grid-gap: 8px;
                gap: 8px
            }
            .lg\:gap-2 {
                grid-gap: 12px;
                gap: 12px
            }
            .lg\:gap-3 {
                grid-gap: 16px;
                gap: 16px
            }
            .lg\:gap-4 {
                grid-gap: 24px;
                gap: 24px
            }
            .lg\:gap-5 {
                grid-gap: 32px;
                gap: 32px
            }
            .lg\:gap-6 {
                grid-gap: 48px;
                gap: 48px
            }
            .lg\:gap-7 {
                grid-gap: 60px;
                gap: 60px
            }
            .lg\:gap-8 {
                grid-gap: 72px;
                gap: 72px
            }
            .lg\:gap-9 {
                grid-gap: 84px;
                gap: 84px
            }
            .lg\:gap-10 {
                grid-gap: 96px;
                gap: 96px
            }
            .lg\:gap-0\.5 {
                grid-gap: 4px;
                gap: 4px
            }
            .lg\:col-gap-0 {
                grid-column-gap: 0;
                column-gap: 0
            }
            .lg\:col-gap-1 {
                grid-column-gap: 8px;
                column-gap: 8px
            }
            .lg\:col-gap-2 {
                grid-column-gap: 12px;
                column-gap: 12px
            }
            .lg\:col-gap-3 {
                grid-column-gap: 16px;
                column-gap: 16px
            }
            .lg\:col-gap-4 {
                grid-column-gap: 24px;
                column-gap: 24px
            }
            .lg\:col-gap-5 {
                grid-column-gap: 32px;
                column-gap: 32px
            }
            .lg\:col-gap-6 {
                grid-column-gap: 48px;
                column-gap: 48px
            }
            .lg\:col-gap-7 {
                grid-column-gap: 60px;
                column-gap: 60px
            }
            .lg\:col-gap-8 {
                grid-column-gap: 72px;
                column-gap: 72px
            }
            .lg\:col-gap-9 {
                grid-column-gap: 84px;
                column-gap: 84px
            }
            .lg\:col-gap-10 {
                grid-column-gap: 96px;
                column-gap: 96px
            }
            .lg\:col-gap-0\.5 {
                grid-column-gap: 4px;
                column-gap: 4px
            }
            .lg\:row-gap-0 {
                grid-row-gap: 0;
                row-gap: 0
            }
            .lg\:row-gap-1 {
                grid-row-gap: 8px;
                row-gap: 8px
            }
            .lg\:row-gap-2 {
                grid-row-gap: 12px;
                row-gap: 12px
            }
            .lg\:row-gap-3 {
                grid-row-gap: 16px;
                row-gap: 16px
            }
            .lg\:row-gap-4 {
                grid-row-gap: 24px;
                row-gap: 24px
            }
            .lg\:row-gap-5 {
                grid-row-gap: 32px;
                row-gap: 32px
            }
            .lg\:row-gap-6 {
                grid-row-gap: 48px;
                row-gap: 48px
            }
            .lg\:row-gap-7 {
                grid-row-gap: 60px;
                row-gap: 60px
            }
            .lg\:row-gap-8 {
                grid-row-gap: 72px;
                row-gap: 72px
            }
            .lg\:row-gap-9 {
                grid-row-gap: 84px;
                row-gap: 84px
            }
            .lg\:row-gap-10 {
                grid-row-gap: 96px;
                row-gap: 96px
            }
            .lg\:row-gap-0\.5 {
                grid-row-gap: 4px;
                row-gap: 4px
            }
            .lg\:grid-flow-row {
                grid-auto-flow: row
            }
            .lg\:grid-flow-col {
                grid-auto-flow: column
            }
            .lg\:grid-flow-row-dense {
                grid-auto-flow: row dense
            }
            .lg\:grid-flow-col-dense {
                grid-auto-flow: column dense
            }
            .lg\:grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr))
            }
            .lg\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .lg\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
            .lg\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }
            .lg\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }
            .lg\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }
            .lg\:grid-cols-7 {
                grid-template-columns: repeat(7, minmax(0, 1fr))
            }
            .lg\:grid-cols-8 {
                grid-template-columns: repeat(8, minmax(0, 1fr))
            }
            .lg\:grid-cols-9 {
                grid-template-columns: repeat(9, minmax(0, 1fr))
            }
            .lg\:grid-cols-10 {
                grid-template-columns: repeat(10, minmax(0, 1fr))
            }
            .lg\:grid-cols-11 {
                grid-template-columns: repeat(11, minmax(0, 1fr))
            }
            .lg\:grid-cols-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr))
            }
            .lg\:grid-cols-none {
                grid-template-columns: none
            }
            .lg\:col-auto {
                grid-column: auto
            }
            .lg\:col-span-1 {
                grid-column: span 1/span 1
            }
            .lg\:col-span-2 {
                grid-column: span 2/span 2
            }
            .lg\:col-span-3 {
                grid-column: span 3/span 3
            }
            .lg\:col-span-4 {
                grid-column: span 4/span 4
            }
            .lg\:col-span-5 {
                grid-column: span 5/span 5
            }
            .lg\:col-span-6 {
                grid-column: span 6/span 6
            }
            .lg\:col-span-7 {
                grid-column: span 7/span 7
            }
            .lg\:col-span-8 {
                grid-column: span 8/span 8
            }
            .lg\:col-span-9 {
                grid-column: span 9/span 9
            }
            .lg\:col-span-10 {
                grid-column: span 10/span 10
            }
            .lg\:col-span-11 {
                grid-column: span 11/span 11
            }
            .lg\:col-span-12 {
                grid-column: span 12/span 12
            }
            .lg\:col-start-1 {
                grid-column-start: 1
            }
            .lg\:col-start-2 {
                grid-column-start: 2
            }
            .lg\:col-start-3 {
                grid-column-start: 3
            }
            .lg\:col-start-4 {
                grid-column-start: 4
            }
            .lg\:col-start-5 {
                grid-column-start: 5
            }
            .lg\:col-start-6 {
                grid-column-start: 6
            }
            .lg\:col-start-7 {
                grid-column-start: 7
            }
            .lg\:col-start-8 {
                grid-column-start: 8
            }
            .lg\:col-start-9 {
                grid-column-start: 9
            }
            .lg\:col-start-10 {
                grid-column-start: 10
            }
            .lg\:col-start-11 {
                grid-column-start: 11
            }
            .lg\:col-start-12 {
                grid-column-start: 12
            }
            .lg\:col-start-13 {
                grid-column-start: 13
            }
            .lg\:col-start-auto {
                grid-column-start: auto
            }
            .lg\:col-end-1 {
                grid-column-end: 1
            }
            .lg\:col-end-2 {
                grid-column-end: 2
            }
            .lg\:col-end-3 {
                grid-column-end: 3
            }
            .lg\:col-end-4 {
                grid-column-end: 4
            }
            .lg\:col-end-5 {
                grid-column-end: 5
            }
            .lg\:col-end-6 {
                grid-column-end: 6
            }
            .lg\:col-end-7 {
                grid-column-end: 7
            }
            .lg\:col-end-8 {
                grid-column-end: 8
            }
            .lg\:col-end-9 {
                grid-column-end: 9
            }
            .lg\:col-end-10 {
                grid-column-end: 10
            }
            .lg\:col-end-11 {
                grid-column-end: 11
            }
            .lg\:col-end-12 {
                grid-column-end: 12
            }
            .lg\:col-end-13 {
                grid-column-end: 13
            }
            .lg\:col-end-auto {
                grid-column-end: auto
            }
            .lg\:grid-rows-1 {
                grid-template-rows: repeat(1, minmax(0, 1fr))
            }
            .lg\:grid-rows-2 {
                grid-template-rows: repeat(2, minmax(0, 1fr))
            }
            .lg\:grid-rows-3 {
                grid-template-rows: repeat(3, minmax(0, 1fr))
            }
            .lg\:grid-rows-4 {
                grid-template-rows: repeat(4, minmax(0, 1fr))
            }
            .lg\:grid-rows-5 {
                grid-template-rows: repeat(5, minmax(0, 1fr))
            }
            .lg\:grid-rows-6 {
                grid-template-rows: repeat(6, minmax(0, 1fr))
            }
            .lg\:grid-rows-none {
                grid-template-rows: none
            }
            .lg\:row-auto {
                grid-row: auto
            }
            .lg\:row-span-1 {
                grid-row: span 1/span 1
            }
            .lg\:row-span-2 {
                grid-row: span 2/span 2
            }
            .lg\:row-span-3 {
                grid-row: span 3/span 3
            }
            .lg\:row-span-4 {
                grid-row: span 4/span 4
            }
            .lg\:row-span-5 {
                grid-row: span 5/span 5
            }
            .lg\:row-span-6 {
                grid-row: span 6/span 6
            }
            .lg\:row-start-1 {
                grid-row-start: 1
            }
            .lg\:row-start-2 {
                grid-row-start: 2
            }
            .lg\:row-start-3 {
                grid-row-start: 3
            }
            .lg\:row-start-4 {
                grid-row-start: 4
            }
            .lg\:row-start-5 {
                grid-row-start: 5
            }
            .lg\:row-start-6 {
                grid-row-start: 6
            }
            .lg\:row-start-7 {
                grid-row-start: 7
            }
            .lg\:row-start-auto {
                grid-row-start: auto
            }
            .lg\:row-end-1 {
                grid-row-end: 1
            }
            .lg\:row-end-2 {
                grid-row-end: 2
            }
            .lg\:row-end-3 {
                grid-row-end: 3
            }
            .lg\:row-end-4 {
                grid-row-end: 4
            }
            .lg\:row-end-5 {
                grid-row-end: 5
            }
            .lg\:row-end-6 {
                grid-row-end: 6
            }
            .lg\:row-end-7 {
                grid-row-end: 7
            }
            .lg\:row-end-auto {
                grid-row-end: auto
            }
            .lg\:transform {
                --transform-translate-x: 0;
                --transform-translate-y: 0;
                --transform-rotate: 0;
                --transform-skew-x: 0;
                --transform-skew-y: 0;
                --transform-scale-x: 1;
                --transform-scale-y: 1;
                transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
            }
            .lg\:transform-none {
                transform: none
            }
            .lg\:origin-center {
                transform-origin: center
            }
            .lg\:origin-top {
                transform-origin: top
            }
            .lg\:origin-top-right {
                transform-origin: top right
            }
            .lg\:origin-right {
                transform-origin: right
            }
            .lg\:origin-bottom-right {
                transform-origin: bottom right
            }
            .lg\:origin-bottom {
                transform-origin: bottom
            }
            .lg\:origin-bottom-left {
                transform-origin: bottom left
            }
            .lg\:origin-left {
                transform-origin: left
            }
            .lg\:origin-top-left {
                transform-origin: top left
            }
            .lg\:scale-0 {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .lg\:scale-50 {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .lg\:scale-75 {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .lg\:scale-90 {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .lg\:scale-95 {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .lg\:scale-100 {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .lg\:scale-105 {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .lg\:scale-110 {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .lg\:scale-125 {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .lg\:scale-150 {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .lg\:scale-x-0 {
                --transform-scale-x: 0
            }
            .lg\:scale-x-50 {
                --transform-scale-x: .5
            }
            .lg\:scale-x-75 {
                --transform-scale-x: .75
            }
            .lg\:scale-x-90 {
                --transform-scale-x: .9
            }
            .lg\:scale-x-95 {
                --transform-scale-x: .95
            }
            .lg\:scale-x-100 {
                --transform-scale-x: 1
            }
            .lg\:scale-x-105 {
                --transform-scale-x: 1.05
            }
            .lg\:scale-x-110 {
                --transform-scale-x: 1.1
            }
            .lg\:scale-x-125 {
                --transform-scale-x: 1.25
            }
            .lg\:scale-x-150 {
                --transform-scale-x: 1.5
            }
            .lg\:scale-y-0 {
                --transform-scale-y: 0
            }
            .lg\:scale-y-50 {
                --transform-scale-y: .5
            }
            .lg\:scale-y-75 {
                --transform-scale-y: .75
            }
            .lg\:scale-y-90 {
                --transform-scale-y: .9
            }
            .lg\:scale-y-95 {
                --transform-scale-y: .95
            }
            .lg\:scale-y-100 {
                --transform-scale-y: 1
            }
            .lg\:scale-y-105 {
                --transform-scale-y: 1.05
            }
            .lg\:scale-y-110 {
                --transform-scale-y: 1.1
            }
            .lg\:scale-y-125 {
                --transform-scale-y: 1.25
            }
            .lg\:scale-y-150 {
                --transform-scale-y: 1.5
            }
            .lg\:hover\:scale-0:hover {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .lg\:hover\:scale-50:hover {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .lg\:hover\:scale-75:hover {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .lg\:hover\:scale-90:hover {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .lg\:hover\:scale-95:hover {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .lg\:hover\:scale-100:hover {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .lg\:hover\:scale-105:hover {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .lg\:hover\:scale-110:hover {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .lg\:hover\:scale-125:hover {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .lg\:hover\:scale-150:hover {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .lg\:hover\:scale-x-0:hover {
                --transform-scale-x: 0
            }
            .lg\:hover\:scale-x-50:hover {
                --transform-scale-x: .5
            }
            .lg\:hover\:scale-x-75:hover {
                --transform-scale-x: .75
            }
            .lg\:hover\:scale-x-90:hover {
                --transform-scale-x: .9
            }
            .lg\:hover\:scale-x-95:hover {
                --transform-scale-x: .95
            }
            .lg\:hover\:scale-x-100:hover {
                --transform-scale-x: 1
            }
            .lg\:hover\:scale-x-105:hover {
                --transform-scale-x: 1.05
            }
            .lg\:hover\:scale-x-110:hover {
                --transform-scale-x: 1.1
            }
            .lg\:hover\:scale-x-125:hover {
                --transform-scale-x: 1.25
            }
            .lg\:hover\:scale-x-150:hover {
                --transform-scale-x: 1.5
            }
            .lg\:hover\:scale-y-0:hover {
                --transform-scale-y: 0
            }
            .lg\:hover\:scale-y-50:hover {
                --transform-scale-y: .5
            }
            .lg\:hover\:scale-y-75:hover {
                --transform-scale-y: .75
            }
            .lg\:hover\:scale-y-90:hover {
                --transform-scale-y: .9
            }
            .lg\:hover\:scale-y-95:hover {
                --transform-scale-y: .95
            }
            .lg\:hover\:scale-y-100:hover {
                --transform-scale-y: 1
            }
            .lg\:hover\:scale-y-105:hover {
                --transform-scale-y: 1.05
            }
            .lg\:hover\:scale-y-110:hover {
                --transform-scale-y: 1.1
            }
            .lg\:hover\:scale-y-125:hover {
                --transform-scale-y: 1.25
            }
            .lg\:hover\:scale-y-150:hover {
                --transform-scale-y: 1.5
            }
            .lg\:focus\:scale-0:focus {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .lg\:focus\:scale-50:focus {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .lg\:focus\:scale-75:focus {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .lg\:focus\:scale-90:focus {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .lg\:focus\:scale-95:focus {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .lg\:focus\:scale-100:focus {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .lg\:focus\:scale-105:focus {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .lg\:focus\:scale-110:focus {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .lg\:focus\:scale-125:focus {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .lg\:focus\:scale-150:focus {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .lg\:focus\:scale-x-0:focus {
                --transform-scale-x: 0
            }
            .lg\:focus\:scale-x-50:focus {
                --transform-scale-x: .5
            }
            .lg\:focus\:scale-x-75:focus {
                --transform-scale-x: .75
            }
            .lg\:focus\:scale-x-90:focus {
                --transform-scale-x: .9
            }
            .lg\:focus\:scale-x-95:focus {
                --transform-scale-x: .95
            }
            .lg\:focus\:scale-x-100:focus {
                --transform-scale-x: 1
            }
            .lg\:focus\:scale-x-105:focus {
                --transform-scale-x: 1.05
            }
            .lg\:focus\:scale-x-110:focus {
                --transform-scale-x: 1.1
            }
            .lg\:focus\:scale-x-125:focus {
                --transform-scale-x: 1.25
            }
            .lg\:focus\:scale-x-150:focus {
                --transform-scale-x: 1.5
            }
            .lg\:focus\:scale-y-0:focus {
                --transform-scale-y: 0
            }
            .lg\:focus\:scale-y-50:focus {
                --transform-scale-y: .5
            }
            .lg\:focus\:scale-y-75:focus {
                --transform-scale-y: .75
            }
            .lg\:focus\:scale-y-90:focus {
                --transform-scale-y: .9
            }
            .lg\:focus\:scale-y-95:focus {
                --transform-scale-y: .95
            }
            .lg\:focus\:scale-y-100:focus {
                --transform-scale-y: 1
            }
            .lg\:focus\:scale-y-105:focus {
                --transform-scale-y: 1.05
            }
            .lg\:focus\:scale-y-110:focus {
                --transform-scale-y: 1.1
            }
            .lg\:focus\:scale-y-125:focus {
                --transform-scale-y: 1.25
            }
            .lg\:focus\:scale-y-150:focus {
                --transform-scale-y: 1.5
            }
            .lg\:rotate-0 {
                --transform-rotate: 0
            }
            .lg\:rotate-45 {
                --transform-rotate: 45deg
            }
            .lg\:rotate-90 {
                --transform-rotate: 90deg
            }
            .lg\:rotate-180 {
                --transform-rotate: 180deg
            }
            .lg\:-rotate-180 {
                --transform-rotate: -180deg
            }
            .lg\:-rotate-90 {
                --transform-rotate: -90deg
            }
            .lg\:-rotate-45 {
                --transform-rotate: -45deg
            }
            .lg\:hover\:rotate-0:hover {
                --transform-rotate: 0
            }
            .lg\:hover\:rotate-45:hover {
                --transform-rotate: 45deg
            }
            .lg\:hover\:rotate-90:hover {
                --transform-rotate: 90deg
            }
            .lg\:hover\:rotate-180:hover {
                --transform-rotate: 180deg
            }
            .lg\:hover\:-rotate-180:hover {
                --transform-rotate: -180deg
            }
            .lg\:hover\:-rotate-90:hover {
                --transform-rotate: -90deg
            }
            .lg\:hover\:-rotate-45:hover {
                --transform-rotate: -45deg
            }
            .lg\:focus\:rotate-0:focus {
                --transform-rotate: 0
            }
            .lg\:focus\:rotate-45:focus {
                --transform-rotate: 45deg
            }
            .lg\:focus\:rotate-90:focus {
                --transform-rotate: 90deg
            }
            .lg\:focus\:rotate-180:focus {
                --transform-rotate: 180deg
            }
            .lg\:focus\:-rotate-180:focus {
                --transform-rotate: -180deg
            }
            .lg\:focus\:-rotate-90:focus {
                --transform-rotate: -90deg
            }
            .lg\:focus\:-rotate-45:focus {
                --transform-rotate: -45deg
            }
            .lg\:translate-x-0 {
                --transform-translate-x: 0
            }
            .lg\:translate-x-1 {
                --transform-translate-x: 8px
            }
            .lg\:translate-x-2 {
                --transform-translate-x: 12px
            }
            .lg\:translate-x-3 {
                --transform-translate-x: 16px
            }
            .lg\:translate-x-4 {
                --transform-translate-x: 24px
            }
            .lg\:translate-x-5 {
                --transform-translate-x: 32px
            }
            .lg\:translate-x-6 {
                --transform-translate-x: 48px
            }
            .lg\:translate-x-7 {
                --transform-translate-x: 60px
            }
            .lg\:translate-x-8 {
                --transform-translate-x: 72px
            }
            .lg\:translate-x-9 {
                --transform-translate-x: 84px
            }
            .lg\:translate-x-10 {
                --transform-translate-x: 96px
            }
            .lg\:translate-x-0\.5 {
                --transform-translate-x: 4px
            }
            .lg\:-translate-x-1 {
                --transform-translate-x: -8px
            }
            .lg\:-translate-x-2 {
                --transform-translate-x: -12px
            }
            .lg\:-translate-x-3 {
                --transform-translate-x: -16px
            }
            .lg\:-translate-x-4 {
                --transform-translate-x: -24px
            }
            .lg\:-translate-x-5 {
                --transform-translate-x: -32px
            }
            .lg\:-translate-x-6 {
                --transform-translate-x: -48px
            }
            .lg\:-translate-x-7 {
                --transform-translate-x: -60px
            }
            .lg\:-translate-x-8 {
                --transform-translate-x: -72px
            }
            .lg\:-translate-x-9 {
                --transform-translate-x: -84px
            }
            .lg\:-translate-x-10 {
                --transform-translate-x: -96px
            }
            .lg\:-translate-x-0\.5 {
                --transform-translate-x: -4px
            }
            .lg\:-translate-x-full {
                --transform-translate-x: -100%
            }
            .lg\:-translate-x-1\/2 {
                --transform-translate-x: -50%
            }
            .lg\:translate-x-1\/2 {
                --transform-translate-x: 50%
            }
            .lg\:translate-x-full {
                --transform-translate-x: 100%
            }
            .lg\:translate-y-0 {
                --transform-translate-y: 0
            }
            .lg\:translate-y-1 {
                --transform-translate-y: 8px
            }
            .lg\:translate-y-2 {
                --transform-translate-y: 12px
            }
            .lg\:translate-y-3 {
                --transform-translate-y: 16px
            }
            .lg\:translate-y-4 {
                --transform-translate-y: 24px
            }
            .lg\:translate-y-5 {
                --transform-translate-y: 32px
            }
            .lg\:translate-y-6 {
                --transform-translate-y: 48px
            }
            .lg\:translate-y-7 {
                --transform-translate-y: 60px
            }
            .lg\:translate-y-8 {
                --transform-translate-y: 72px
            }
            .lg\:translate-y-9 {
                --transform-translate-y: 84px
            }
            .lg\:translate-y-10 {
                --transform-translate-y: 96px
            }
            .lg\:translate-y-0\.5 {
                --transform-translate-y: 4px
            }
            .lg\:-translate-y-1 {
                --transform-translate-y: -8px
            }
            .lg\:-translate-y-2 {
                --transform-translate-y: -12px
            }
            .lg\:-translate-y-3 {
                --transform-translate-y: -16px
            }
            .lg\:-translate-y-4 {
                --transform-translate-y: -24px
            }
            .lg\:-translate-y-5 {
                --transform-translate-y: -32px
            }
            .lg\:-translate-y-6 {
                --transform-translate-y: -48px
            }
            .lg\:-translate-y-7 {
                --transform-translate-y: -60px
            }
            .lg\:-translate-y-8 {
                --transform-translate-y: -72px
            }
            .lg\:-translate-y-9 {
                --transform-translate-y: -84px
            }
            .lg\:-translate-y-10 {
                --transform-translate-y: -96px
            }
            .lg\:-translate-y-0\.5 {
                --transform-translate-y: -4px
            }
            .lg\:-translate-y-full {
                --transform-translate-y: -100%
            }
            .lg\:-translate-y-1\/2 {
                --transform-translate-y: -50%
            }
            .lg\:translate-y-1\/2 {
                --transform-translate-y: 50%
            }
            .lg\:translate-y-full {
                --transform-translate-y: 100%
            }
            .lg\:hover\:translate-x-0:hover {
                --transform-translate-x: 0
            }
            .lg\:hover\:translate-x-1:hover {
                --transform-translate-x: 8px
            }
            .lg\:hover\:translate-x-2:hover {
                --transform-translate-x: 12px
            }
            .lg\:hover\:translate-x-3:hover {
                --transform-translate-x: 16px
            }
            .lg\:hover\:translate-x-4:hover {
                --transform-translate-x: 24px
            }
            .lg\:hover\:translate-x-5:hover {
                --transform-translate-x: 32px
            }
            .lg\:hover\:translate-x-6:hover {
                --transform-translate-x: 48px
            }
            .lg\:hover\:translate-x-7:hover {
                --transform-translate-x: 60px
            }
            .lg\:hover\:translate-x-8:hover {
                --transform-translate-x: 72px
            }
            .lg\:hover\:translate-x-9:hover {
                --transform-translate-x: 84px
            }
            .lg\:hover\:translate-x-10:hover {
                --transform-translate-x: 96px
            }
            .lg\:hover\:translate-x-0\.5:hover {
                --transform-translate-x: 4px
            }
            .lg\:hover\:-translate-x-1:hover {
                --transform-translate-x: -8px
            }
            .lg\:hover\:-translate-x-2:hover {
                --transform-translate-x: -12px
            }
            .lg\:hover\:-translate-x-3:hover {
                --transform-translate-x: -16px
            }
            .lg\:hover\:-translate-x-4:hover {
                --transform-translate-x: -24px
            }
            .lg\:hover\:-translate-x-5:hover {
                --transform-translate-x: -32px
            }
            .lg\:hover\:-translate-x-6:hover {
                --transform-translate-x: -48px
            }
            .lg\:hover\:-translate-x-7:hover {
                --transform-translate-x: -60px
            }
            .lg\:hover\:-translate-x-8:hover {
                --transform-translate-x: -72px
            }
            .lg\:hover\:-translate-x-9:hover {
                --transform-translate-x: -84px
            }
            .lg\:hover\:-translate-x-10:hover {
                --transform-translate-x: -96px
            }
            .lg\:hover\:-translate-x-0\.5:hover {
                --transform-translate-x: -4px
            }
            .lg\:hover\:-translate-x-full:hover {
                --transform-translate-x: -100%
            }
            .lg\:hover\:-translate-x-1\/2:hover {
                --transform-translate-x: -50%
            }
            .lg\:hover\:translate-x-1\/2:hover {
                --transform-translate-x: 50%
            }
            .lg\:hover\:translate-x-full:hover {
                --transform-translate-x: 100%
            }
            .lg\:hover\:translate-y-0:hover {
                --transform-translate-y: 0
            }
            .lg\:hover\:translate-y-1:hover {
                --transform-translate-y: 8px
            }
            .lg\:hover\:translate-y-2:hover {
                --transform-translate-y: 12px
            }
            .lg\:hover\:translate-y-3:hover {
                --transform-translate-y: 16px
            }
            .lg\:hover\:translate-y-4:hover {
                --transform-translate-y: 24px
            }
            .lg\:hover\:translate-y-5:hover {
                --transform-translate-y: 32px
            }
            .lg\:hover\:translate-y-6:hover {
                --transform-translate-y: 48px
            }
            .lg\:hover\:translate-y-7:hover {
                --transform-translate-y: 60px
            }
            .lg\:hover\:translate-y-8:hover {
                --transform-translate-y: 72px
            }
            .lg\:hover\:translate-y-9:hover {
                --transform-translate-y: 84px
            }
            .lg\:hover\:translate-y-10:hover {
                --transform-translate-y: 96px
            }
            .lg\:hover\:translate-y-0\.5:hover {
                --transform-translate-y: 4px
            }
            .lg\:hover\:-translate-y-1:hover {
                --transform-translate-y: -8px
            }
            .lg\:hover\:-translate-y-2:hover {
                --transform-translate-y: -12px
            }
            .lg\:hover\:-translate-y-3:hover {
                --transform-translate-y: -16px
            }
            .lg\:hover\:-translate-y-4:hover {
                --transform-translate-y: -24px
            }
            .lg\:hover\:-translate-y-5:hover {
                --transform-translate-y: -32px
            }
            .lg\:hover\:-translate-y-6:hover {
                --transform-translate-y: -48px
            }
            .lg\:hover\:-translate-y-7:hover {
                --transform-translate-y: -60px
            }
            .lg\:hover\:-translate-y-8:hover {
                --transform-translate-y: -72px
            }
            .lg\:hover\:-translate-y-9:hover {
                --transform-translate-y: -84px
            }
            .lg\:hover\:-translate-y-10:hover {
                --transform-translate-y: -96px
            }
            .lg\:hover\:-translate-y-0\.5:hover {
                --transform-translate-y: -4px
            }
            .lg\:hover\:-translate-y-full:hover {
                --transform-translate-y: -100%
            }
            .lg\:hover\:-translate-y-1\/2:hover {
                --transform-translate-y: -50%
            }
            .lg\:hover\:translate-y-1\/2:hover {
                --transform-translate-y: 50%
            }
            .lg\:hover\:translate-y-full:hover {
                --transform-translate-y: 100%
            }
            .lg\:focus\:translate-x-0:focus {
                --transform-translate-x: 0
            }
            .lg\:focus\:translate-x-1:focus {
                --transform-translate-x: 8px
            }
            .lg\:focus\:translate-x-2:focus {
                --transform-translate-x: 12px
            }
            .lg\:focus\:translate-x-3:focus {
                --transform-translate-x: 16px
            }
            .lg\:focus\:translate-x-4:focus {
                --transform-translate-x: 24px
            }
            .lg\:focus\:translate-x-5:focus {
                --transform-translate-x: 32px
            }
            .lg\:focus\:translate-x-6:focus {
                --transform-translate-x: 48px
            }
            .lg\:focus\:translate-x-7:focus {
                --transform-translate-x: 60px
            }
            .lg\:focus\:translate-x-8:focus {
                --transform-translate-x: 72px
            }
            .lg\:focus\:translate-x-9:focus {
                --transform-translate-x: 84px
            }
            .lg\:focus\:translate-x-10:focus {
                --transform-translate-x: 96px
            }
            .lg\:focus\:translate-x-0\.5:focus {
                --transform-translate-x: 4px
            }
            .lg\:focus\:-translate-x-1:focus {
                --transform-translate-x: -8px
            }
            .lg\:focus\:-translate-x-2:focus {
                --transform-translate-x: -12px
            }
            .lg\:focus\:-translate-x-3:focus {
                --transform-translate-x: -16px
            }
            .lg\:focus\:-translate-x-4:focus {
                --transform-translate-x: -24px
            }
            .lg\:focus\:-translate-x-5:focus {
                --transform-translate-x: -32px
            }
            .lg\:focus\:-translate-x-6:focus {
                --transform-translate-x: -48px
            }
            .lg\:focus\:-translate-x-7:focus {
                --transform-translate-x: -60px
            }
            .lg\:focus\:-translate-x-8:focus {
                --transform-translate-x: -72px
            }
            .lg\:focus\:-translate-x-9:focus {
                --transform-translate-x: -84px
            }
            .lg\:focus\:-translate-x-10:focus {
                --transform-translate-x: -96px
            }
            .lg\:focus\:-translate-x-0\.5:focus {
                --transform-translate-x: -4px
            }
            .lg\:focus\:-translate-x-full:focus {
                --transform-translate-x: -100%
            }
            .lg\:focus\:-translate-x-1\/2:focus {
                --transform-translate-x: -50%
            }
            .lg\:focus\:translate-x-1\/2:focus {
                --transform-translate-x: 50%
            }
            .lg\:focus\:translate-x-full:focus {
                --transform-translate-x: 100%
            }
            .lg\:focus\:translate-y-0:focus {
                --transform-translate-y: 0
            }
            .lg\:focus\:translate-y-1:focus {
                --transform-translate-y: 8px
            }
            .lg\:focus\:translate-y-2:focus {
                --transform-translate-y: 12px
            }
            .lg\:focus\:translate-y-3:focus {
                --transform-translate-y: 16px
            }
            .lg\:focus\:translate-y-4:focus {
                --transform-translate-y: 24px
            }
            .lg\:focus\:translate-y-5:focus {
                --transform-translate-y: 32px
            }
            .lg\:focus\:translate-y-6:focus {
                --transform-translate-y: 48px
            }
            .lg\:focus\:translate-y-7:focus {
                --transform-translate-y: 60px
            }
            .lg\:focus\:translate-y-8:focus {
                --transform-translate-y: 72px
            }
            .lg\:focus\:translate-y-9:focus {
                --transform-translate-y: 84px
            }
            .lg\:focus\:translate-y-10:focus {
                --transform-translate-y: 96px
            }
            .lg\:focus\:translate-y-0\.5:focus {
                --transform-translate-y: 4px
            }
            .lg\:focus\:-translate-y-1:focus {
                --transform-translate-y: -8px
            }
            .lg\:focus\:-translate-y-2:focus {
                --transform-translate-y: -12px
            }
            .lg\:focus\:-translate-y-3:focus {
                --transform-translate-y: -16px
            }
            .lg\:focus\:-translate-y-4:focus {
                --transform-translate-y: -24px
            }
            .lg\:focus\:-translate-y-5:focus {
                --transform-translate-y: -32px
            }
            .lg\:focus\:-translate-y-6:focus {
                --transform-translate-y: -48px
            }
            .lg\:focus\:-translate-y-7:focus {
                --transform-translate-y: -60px
            }
            .lg\:focus\:-translate-y-8:focus {
                --transform-translate-y: -72px
            }
            .lg\:focus\:-translate-y-9:focus {
                --transform-translate-y: -84px
            }
            .lg\:focus\:-translate-y-10:focus {
                --transform-translate-y: -96px
            }
            .lg\:focus\:-translate-y-0\.5:focus {
                --transform-translate-y: -4px
            }
            .lg\:focus\:-translate-y-full:focus {
                --transform-translate-y: -100%
            }
            .lg\:focus\:-translate-y-1\/2:focus {
                --transform-translate-y: -50%
            }
            .lg\:focus\:translate-y-1\/2:focus {
                --transform-translate-y: 50%
            }
            .lg\:focus\:translate-y-full:focus {
                --transform-translate-y: 100%
            }
            .lg\:skew-x-0 {
                --transform-skew-x: 0
            }
            .lg\:skew-x-3 {
                --transform-skew-x: 3deg
            }
            .lg\:skew-x-6 {
                --transform-skew-x: 6deg
            }
            .lg\:skew-x-12 {
                --transform-skew-x: 12deg
            }
            .lg\:-skew-x-12 {
                --transform-skew-x: -12deg
            }
            .lg\:-skew-x-6 {
                --transform-skew-x: -6deg
            }
            .lg\:-skew-x-3 {
                --transform-skew-x: -3deg
            }
            .lg\:skew-y-0 {
                --transform-skew-y: 0
            }
            .lg\:skew-y-3 {
                --transform-skew-y: 3deg
            }
            .lg\:skew-y-6 {
                --transform-skew-y: 6deg
            }
            .lg\:skew-y-12 {
                --transform-skew-y: 12deg
            }
            .lg\:-skew-y-12 {
                --transform-skew-y: -12deg
            }
            .lg\:-skew-y-6 {
                --transform-skew-y: -6deg
            }
            .lg\:-skew-y-3 {
                --transform-skew-y: -3deg
            }
            .lg\:hover\:skew-x-0:hover {
                --transform-skew-x: 0
            }
            .lg\:hover\:skew-x-3:hover {
                --transform-skew-x: 3deg
            }
            .lg\:hover\:skew-x-6:hover {
                --transform-skew-x: 6deg
            }
            .lg\:hover\:skew-x-12:hover {
                --transform-skew-x: 12deg
            }
            .lg\:hover\:-skew-x-12:hover {
                --transform-skew-x: -12deg
            }
            .lg\:hover\:-skew-x-6:hover {
                --transform-skew-x: -6deg
            }
            .lg\:hover\:-skew-x-3:hover {
                --transform-skew-x: -3deg
            }
            .lg\:hover\:skew-y-0:hover {
                --transform-skew-y: 0
            }
            .lg\:hover\:skew-y-3:hover {
                --transform-skew-y: 3deg
            }
            .lg\:hover\:skew-y-6:hover {
                --transform-skew-y: 6deg
            }
            .lg\:hover\:skew-y-12:hover {
                --transform-skew-y: 12deg
            }
            .lg\:hover\:-skew-y-12:hover {
                --transform-skew-y: -12deg
            }
            .lg\:hover\:-skew-y-6:hover {
                --transform-skew-y: -6deg
            }
            .lg\:hover\:-skew-y-3:hover {
                --transform-skew-y: -3deg
            }
            .lg\:focus\:skew-x-0:focus {
                --transform-skew-x: 0
            }
            .lg\:focus\:skew-x-3:focus {
                --transform-skew-x: 3deg
            }
            .lg\:focus\:skew-x-6:focus {
                --transform-skew-x: 6deg
            }
            .lg\:focus\:skew-x-12:focus {
                --transform-skew-x: 12deg
            }
            .lg\:focus\:-skew-x-12:focus {
                --transform-skew-x: -12deg
            }
            .lg\:focus\:-skew-x-6:focus {
                --transform-skew-x: -6deg
            }
            .lg\:focus\:-skew-x-3:focus {
                --transform-skew-x: -3deg
            }
            .lg\:focus\:skew-y-0:focus {
                --transform-skew-y: 0
            }
            .lg\:focus\:skew-y-3:focus {
                --transform-skew-y: 3deg
            }
            .lg\:focus\:skew-y-6:focus {
                --transform-skew-y: 6deg
            }
            .lg\:focus\:skew-y-12:focus {
                --transform-skew-y: 12deg
            }
            .lg\:focus\:-skew-y-12:focus {
                --transform-skew-y: -12deg
            }
            .lg\:focus\:-skew-y-6:focus {
                --transform-skew-y: -6deg
            }
            .lg\:focus\:-skew-y-3:focus {
                --transform-skew-y: -3deg
            }
            .lg\:transition-none {
                transition-property: none
            }
            .lg\:transition-all {
                transition-property: all
            }
            .lg\:transition {
                transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
            }
            .lg\:transition-colors {
                transition-property: background-color, border-color, color, fill, stroke
            }
            .lg\:transition-opacity {
                transition-property: opacity
            }
            .lg\:transition-shadow {
                transition-property: box-shadow
            }
            .lg\:transition-transform {
                transition-property: transform
            }
            .lg\:ease-linear {
                transition-timing-function: linear
            }
            .lg\:ease-in {
                transition-timing-function: cubic-bezier(.4, 0, 1, 1)
            }
            .lg\:ease-out {
                transition-timing-function: cubic-bezier(0, 0, .2, 1)
            }
            .lg\:ease-in-out {
                transition-timing-function: cubic-bezier(.4, 0, .2, 1)
            }
            .lg\:duration-75 {
                transition-duration: 75ms
            }
            .lg\:duration-100 {
                transition-duration: .1s
            }
            .lg\:duration-150 {
                transition-duration: .15s
            }
            .lg\:duration-200 {
                transition-duration: .2s
            }
            .lg\:duration-300 {
                transition-duration: .3s
            }
            .lg\:duration-500 {
                transition-duration: .5s
            }
            .lg\:duration-700 {
                transition-duration: .7s
            }
            .lg\:duration-1000 {
                transition-duration: 1s
            }
            .lg\:delay-75 {
                transition-delay: 75ms
            }
            .lg\:delay-100 {
                transition-delay: .1s
            }
            .lg\:delay-150 {
                transition-delay: .15s
            }
            .lg\:delay-200 {
                transition-delay: .2s
            }
            .lg\:delay-300 {
                transition-delay: .3s
            }
            .lg\:delay-500 {
                transition-delay: .5s
            }
            .lg\:delay-700 {
                transition-delay: .7s
            }
            .lg\:delay-1000 {
                transition-delay: 1s
            }
        }

        @media (min-width:1100px) {
            .xl\:space-y-0>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(0px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(0px*var(--space-y-reverse))
            }
            .xl\:space-x-0>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(0px*var(--space-x-reverse));
                margin-left: calc(0px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-1>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(8px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(8px*var(--space-y-reverse))
            }
            .xl\:space-x-1>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(8px*var(--space-x-reverse));
                margin-left: calc(8px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-2>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(12px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(12px*var(--space-y-reverse))
            }
            .xl\:space-x-2>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(12px*var(--space-x-reverse));
                margin-left: calc(12px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-3>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(16px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(16px*var(--space-y-reverse))
            }
            .xl\:space-x-3>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(16px*var(--space-x-reverse));
                margin-left: calc(16px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-4>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(24px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(24px*var(--space-y-reverse))
            }
            .xl\:space-x-4>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(24px*var(--space-x-reverse));
                margin-left: calc(24px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(32px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(32px*var(--space-y-reverse))
            }
            .xl\:space-x-5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(32px*var(--space-x-reverse));
                margin-left: calc(32px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-6>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(48px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(48px*var(--space-y-reverse))
            }
            .xl\:space-x-6>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(48px*var(--space-x-reverse));
                margin-left: calc(48px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-7>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(60px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(60px*var(--space-y-reverse))
            }
            .xl\:space-x-7>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(60px*var(--space-x-reverse));
                margin-left: calc(60px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-8>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(72px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(72px*var(--space-y-reverse))
            }
            .xl\:space-x-8>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(72px*var(--space-x-reverse));
                margin-left: calc(72px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-9>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(84px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(84px*var(--space-y-reverse))
            }
            .xl\:space-x-9>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(84px*var(--space-x-reverse));
                margin-left: calc(84px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-10>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(96px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(96px*var(--space-y-reverse))
            }
            .xl\:space-x-10>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(96px*var(--space-x-reverse));
                margin-left: calc(96px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-0\.5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(4px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(4px*var(--space-y-reverse))
            }
            .xl\:space-x-0\.5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(4px*var(--space-x-reverse));
                margin-left: calc(4px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-1>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-8px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-8px*var(--space-y-reverse))
            }
            .xl\:-space-x-1>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-8px*var(--space-x-reverse));
                margin-left: calc(-8px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-2>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-12px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-12px*var(--space-y-reverse))
            }
            .xl\:-space-x-2>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-12px*var(--space-x-reverse));
                margin-left: calc(-12px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-3>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-16px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-16px*var(--space-y-reverse))
            }
            .xl\:-space-x-3>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-16px*var(--space-x-reverse));
                margin-left: calc(-16px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-4>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-24px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-24px*var(--space-y-reverse))
            }
            .xl\:-space-x-4>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-24px*var(--space-x-reverse));
                margin-left: calc(-24px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-32px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-32px*var(--space-y-reverse))
            }
            .xl\:-space-x-5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-32px*var(--space-x-reverse));
                margin-left: calc(-32px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-6>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-48px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-48px*var(--space-y-reverse))
            }
            .xl\:-space-x-6>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-48px*var(--space-x-reverse));
                margin-left: calc(-48px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-7>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-60px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-60px*var(--space-y-reverse))
            }
            .xl\:-space-x-7>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-60px*var(--space-x-reverse));
                margin-left: calc(-60px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-8>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-72px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-72px*var(--space-y-reverse))
            }
            .xl\:-space-x-8>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-72px*var(--space-x-reverse));
                margin-left: calc(-72px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-9>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-84px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-84px*var(--space-y-reverse))
            }
            .xl\:-space-x-9>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-84px*var(--space-x-reverse));
                margin-left: calc(-84px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-10>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-96px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-96px*var(--space-y-reverse))
            }
            .xl\:-space-x-10>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-96px*var(--space-x-reverse));
                margin-left: calc(-96px*(1 - var(--space-x-reverse)))
            }
            .xl\:-space-y-0\.5>:not(template)~:not(template) {
                --space-y-reverse: 0;
                margin-top: calc(-4px*(1 - var(--space-y-reverse)));
                margin-bottom: calc(-4px*var(--space-y-reverse))
            }
            .xl\:-space-x-0\.5>:not(template)~:not(template) {
                --space-x-reverse: 0;
                margin-right: calc(-4px*var(--space-x-reverse));
                margin-left: calc(-4px*(1 - var(--space-x-reverse)))
            }
            .xl\:space-y-reverse>:not(template)~:not(template) {
                --space-y-reverse: 1
            }
            .xl\:space-x-reverse>:not(template)~:not(template) {
                --space-x-reverse: 1
            }
            .xl\:divide-y-0>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(0px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(0px*var(--divide-y-reverse))
            }
            .xl\:divide-x-0>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(0px*var(--divide-x-reverse));
                border-left-width: calc(0px*(1 - var(--divide-x-reverse)))
            }
            .xl\:divide-y-2>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(2px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(2px*var(--divide-y-reverse))
            }
            .xl\:divide-x-2>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(2px*var(--divide-x-reverse));
                border-left-width: calc(2px*(1 - var(--divide-x-reverse)))
            }
            .xl\:divide-y-4>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(4px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(4px*var(--divide-y-reverse))
            }
            .xl\:divide-x-4>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(4px*var(--divide-x-reverse));
                border-left-width: calc(4px*(1 - var(--divide-x-reverse)))
            }
            .xl\:divide-y-8>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(8px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(8px*var(--divide-y-reverse))
            }
            .xl\:divide-x-8>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(8px*var(--divide-x-reverse));
                border-left-width: calc(8px*(1 - var(--divide-x-reverse)))
            }
            .xl\:divide-y>:not(template)~:not(template) {
                --divide-y-reverse: 0;
                border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
                border-bottom-width: calc(1px*var(--divide-y-reverse))
            }
            .xl\:divide-x>:not(template)~:not(template) {
                --divide-x-reverse: 0;
                border-right-width: calc(1px*var(--divide-x-reverse));
                border-left-width: calc(1px*(1 - var(--divide-x-reverse)))
            }
            .xl\:divide-y-reverse>:not(template)~:not(template) {
                --divide-y-reverse: 1
            }
            .xl\:divide-x-reverse>:not(template)~:not(template) {
                --divide-x-reverse: 1
            }
            .xl\:divide-transparent>:not(template)~:not(template) {
                border-color: transparent
            }
            .xl\:divide-current>:not(template)~:not(template) {
                border-color: currentColor
            }
            .xl\:divide-black>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--divide-opacity))
            }
            .xl\:divide-white>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--divide-opacity))
            }
            .xl\:divide-gray-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--divide-opacity))
            }
            .xl\:divide-gray-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--divide-opacity))
            }
            .xl\:divide-gray-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--divide-opacity))
            }
            .xl\:divide-gray-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--divide-opacity))
            }
            .xl\:divide-gray-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--divide-opacity))
            }
            .xl\:divide-gray-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--divide-opacity))
            }
            .xl\:divide-gray-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--divide-opacity))
            }
            .xl\:divide-gray-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--divide-opacity))
            }
            .xl\:divide-gray-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--divide-opacity))
            }
            .xl\:divide-red-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--divide-opacity))
            }
            .xl\:divide-red-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--divide-opacity))
            }
            .xl\:divide-red-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--divide-opacity))
            }
            .xl\:divide-red-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--divide-opacity))
            }
            .xl\:divide-red-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--divide-opacity))
            }
            .xl\:divide-red-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--divide-opacity))
            }
            .xl\:divide-red-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--divide-opacity))
            }
            .xl\:divide-red-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--divide-opacity))
            }
            .xl\:divide-red-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--divide-opacity))
            }
            .xl\:divide-orange-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--divide-opacity))
            }
            .xl\:divide-orange-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--divide-opacity))
            }
            .xl\:divide-orange-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--divide-opacity))
            }
            .xl\:divide-orange-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--divide-opacity))
            }
            .xl\:divide-orange-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--divide-opacity))
            }
            .xl\:divide-orange-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--divide-opacity))
            }
            .xl\:divide-orange-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--divide-opacity))
            }
            .xl\:divide-orange-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--divide-opacity))
            }
            .xl\:divide-orange-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--divide-opacity))
            }
            .xl\:divide-yellow-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--divide-opacity))
            }
            .xl\:divide-yellow-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--divide-opacity))
            }
            .xl\:divide-yellow-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--divide-opacity))
            }
            .xl\:divide-yellow-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--divide-opacity))
            }
            .xl\:divide-yellow-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--divide-opacity))
            }
            .xl\:divide-yellow-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--divide-opacity))
            }
            .xl\:divide-yellow-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--divide-opacity))
            }
            .xl\:divide-yellow-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--divide-opacity))
            }
            .xl\:divide-yellow-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--divide-opacity))
            }
            .xl\:divide-green-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--divide-opacity))
            }
            .xl\:divide-green-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--divide-opacity))
            }
            .xl\:divide-green-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--divide-opacity))
            }
            .xl\:divide-green-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--divide-opacity))
            }
            .xl\:divide-green-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--divide-opacity))
            }
            .xl\:divide-green-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--divide-opacity))
            }
            .xl\:divide-green-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--divide-opacity))
            }
            .xl\:divide-green-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--divide-opacity))
            }
            .xl\:divide-green-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--divide-opacity))
            }
            .xl\:divide-teal-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--divide-opacity))
            }
            .xl\:divide-teal-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--divide-opacity))
            }
            .xl\:divide-teal-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--divide-opacity))
            }
            .xl\:divide-teal-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--divide-opacity))
            }
            .xl\:divide-teal-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--divide-opacity))
            }
            .xl\:divide-teal-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--divide-opacity))
            }
            .xl\:divide-teal-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--divide-opacity))
            }
            .xl\:divide-teal-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--divide-opacity))
            }
            .xl\:divide-teal-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--divide-opacity))
            }
            .xl\:divide-blue-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--divide-opacity))
            }
            .xl\:divide-blue-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--divide-opacity))
            }
            .xl\:divide-blue-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--divide-opacity))
            }
            .xl\:divide-blue-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--divide-opacity))
            }
            .xl\:divide-blue-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--divide-opacity))
            }
            .xl\:divide-blue-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--divide-opacity))
            }
            .xl\:divide-blue-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--divide-opacity))
            }
            .xl\:divide-blue-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--divide-opacity))
            }
            .xl\:divide-blue-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--divide-opacity))
            }
            .xl\:divide-indigo-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--divide-opacity))
            }
            .xl\:divide-indigo-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--divide-opacity))
            }
            .xl\:divide-indigo-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--divide-opacity))
            }
            .xl\:divide-indigo-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--divide-opacity))
            }
            .xl\:divide-indigo-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--divide-opacity))
            }
            .xl\:divide-indigo-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--divide-opacity))
            }
            .xl\:divide-indigo-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--divide-opacity))
            }
            .xl\:divide-indigo-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--divide-opacity))
            }
            .xl\:divide-indigo-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--divide-opacity))
            }
            .xl\:divide-purple-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--divide-opacity))
            }
            .xl\:divide-purple-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--divide-opacity))
            }
            .xl\:divide-purple-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--divide-opacity))
            }
            .xl\:divide-purple-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--divide-opacity))
            }
            .xl\:divide-purple-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--divide-opacity))
            }
            .xl\:divide-purple-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--divide-opacity))
            }
            .xl\:divide-purple-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--divide-opacity))
            }
            .xl\:divide-purple-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--divide-opacity))
            }
            .xl\:divide-purple-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--divide-opacity))
            }
            .xl\:divide-pink-100>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--divide-opacity))
            }
            .xl\:divide-pink-200>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--divide-opacity))
            }
            .xl\:divide-pink-300>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--divide-opacity))
            }
            .xl\:divide-pink-400>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--divide-opacity))
            }
            .xl\:divide-pink-500>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--divide-opacity))
            }
            .xl\:divide-pink-600>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--divide-opacity))
            }
            .xl\:divide-pink-700>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--divide-opacity))
            }
            .xl\:divide-pink-800>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--divide-opacity))
            }
            .xl\:divide-pink-900>:not(template)~:not(template) {
                --divide-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--divide-opacity))
            }
            .xl\:divide-opacity-0>:not(template)~:not(template) {
                --divide-opacity: 0
            }
            .xl\:divide-opacity-25>:not(template)~:not(template) {
                --divide-opacity: 0.25
            }
            .xl\:divide-opacity-50>:not(template)~:not(template) {
                --divide-opacity: 0.5
            }
            .xl\:divide-opacity-75>:not(template)~:not(template) {
                --divide-opacity: 0.75
            }
            .xl\:divide-opacity-100>:not(template)~:not(template) {
                --divide-opacity: 1
            }
            .xl\:sr-only {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0
            }
            .xl\:not-sr-only {
                position: static;
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal
            }
            .xl\:focus\:sr-only:focus {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border-width: 0
            }
            .xl\:focus\:not-sr-only:focus {
                position: static;
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal
            }
            .xl\:appearance-none,
            .xl\:focus\:appearance-none:focus,
            .xl\:hover\:appearance-none:hover {
                appearance: none
            }
            .xl\:bg-fixed {
                background-attachment: fixed
            }
            .xl\:bg-local {
                background-attachment: local
            }
            .xl\:bg-scroll {
                background-attachment: scroll
            }
            .xl\:bg-primary,
            .xl\:focus\:bg-primary:focus,
            .xl\:hover\:bg-primary:hover {
                --bg-opacity: 1;
                background-color: #ed1c24;
                background-color: rgba(237, 28, 36, var(--bg-opacity))
            }
            .xl\:bg-opacity-0 {
                --bg-opacity: 0
            }
            .xl\:bg-opacity-25 {
                --bg-opacity: 0.25
            }
            .xl\:bg-opacity-50 {
                --bg-opacity: 0.5
            }
            .xl\:bg-opacity-75 {
                --bg-opacity: 0.75
            }
            .xl\:bg-opacity-100 {
                --bg-opacity: 1
            }
            .xl\:hover\:bg-opacity-0:hover {
                --bg-opacity: 0
            }
            .xl\:hover\:bg-opacity-25:hover {
                --bg-opacity: 0.25
            }
            .xl\:hover\:bg-opacity-50:hover {
                --bg-opacity: 0.5
            }
            .xl\:hover\:bg-opacity-75:hover {
                --bg-opacity: 0.75
            }
            .xl\:hover\:bg-opacity-100:hover {
                --bg-opacity: 1
            }
            .xl\:focus\:bg-opacity-0:focus {
                --bg-opacity: 0
            }
            .xl\:focus\:bg-opacity-25:focus {
                --bg-opacity: 0.25
            }
            .xl\:focus\:bg-opacity-50:focus {
                --bg-opacity: 0.5
            }
            .xl\:focus\:bg-opacity-75:focus {
                --bg-opacity: 0.75
            }
            .xl\:focus\:bg-opacity-100:focus {
                --bg-opacity: 1
            }
            .xl\:bg-bottom {
                background-position: bottom
            }
            .xl\:bg-center {
                background-position: 50%
            }
            .xl\:bg-left {
                background-position: 0
            }
            .xl\:bg-left-bottom {
                background-position: 0 100%
            }
            .xl\:bg-left-top {
                background-position: 0 0
            }
            .xl\:bg-right {
                background-position: 100%
            }
            .xl\:bg-right-bottom {
                background-position: 100% 100%
            }
            .xl\:bg-right-top {
                background-position: 100% 0
            }
            .xl\:bg-top {
                background-position: top
            }
            .xl\:bg-repeat {
                background-repeat: repeat
            }
            .xl\:bg-no-repeat {
                background-repeat: no-repeat
            }
            .xl\:bg-repeat-x {
                background-repeat: repeat-x
            }
            .xl\:bg-repeat-y {
                background-repeat: repeat-y
            }
            .xl\:bg-repeat-round {
                background-repeat: round
            }
            .xl\:bg-repeat-space {
                background-repeat: space
            }
            .xl\:bg-auto {
                background-size: auto
            }
            .xl\:bg-cover {
                background-size: cover
            }
            .xl\:bg-contain {
                background-size: contain
            }
            .xl\:border-collapse {
                border-collapse: collapse
            }
            .xl\:border-separate {
                border-collapse: separate
            }
            .xl\:border-transparent {
                border-color: transparent
            }
            .xl\:border-current {
                border-color: currentColor
            }
            .xl\:border-black {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .xl\:border-white {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .xl\:border-gray-100 {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .xl\:border-gray-200 {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .xl\:border-gray-300 {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .xl\:border-gray-400 {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .xl\:border-gray-500 {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .xl\:border-gray-600 {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .xl\:border-gray-700 {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .xl\:border-gray-800 {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .xl\:border-gray-900 {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .xl\:border-red-100 {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .xl\:border-red-200 {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .xl\:border-red-300 {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .xl\:border-red-400 {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .xl\:border-red-500 {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .xl\:border-red-600 {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .xl\:border-red-700 {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .xl\:border-red-800 {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .xl\:border-red-900 {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .xl\:border-orange-100 {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .xl\:border-orange-200 {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .xl\:border-orange-300 {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .xl\:border-orange-400 {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .xl\:border-orange-500 {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .xl\:border-orange-600 {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .xl\:border-orange-700 {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .xl\:border-orange-800 {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .xl\:border-orange-900 {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .xl\:border-yellow-100 {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .xl\:border-yellow-200 {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .xl\:border-yellow-300 {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .xl\:border-yellow-400 {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .xl\:border-yellow-500 {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .xl\:border-yellow-600 {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .xl\:border-yellow-700 {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .xl\:border-yellow-800 {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .xl\:border-yellow-900 {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .xl\:border-green-100 {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .xl\:border-green-200 {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .xl\:border-green-300 {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .xl\:border-green-400 {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .xl\:border-green-500 {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .xl\:border-green-600 {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .xl\:border-green-700 {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .xl\:border-green-800 {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .xl\:border-green-900 {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .xl\:border-teal-100 {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .xl\:border-teal-200 {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .xl\:border-teal-300 {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .xl\:border-teal-400 {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .xl\:border-teal-500 {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .xl\:border-teal-600 {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .xl\:border-teal-700 {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .xl\:border-teal-800 {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .xl\:border-teal-900 {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .xl\:border-blue-100 {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .xl\:border-blue-200 {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .xl\:border-blue-300 {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .xl\:border-blue-400 {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .xl\:border-blue-500 {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .xl\:border-blue-600 {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .xl\:border-blue-700 {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .xl\:border-blue-800 {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .xl\:border-blue-900 {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .xl\:border-indigo-100 {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .xl\:border-indigo-200 {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .xl\:border-indigo-300 {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .xl\:border-indigo-400 {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .xl\:border-indigo-500 {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .xl\:border-indigo-600 {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .xl\:border-indigo-700 {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .xl\:border-indigo-800 {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .xl\:border-indigo-900 {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .xl\:border-purple-100 {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .xl\:border-purple-200 {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .xl\:border-purple-300 {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .xl\:border-purple-400 {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .xl\:border-purple-500 {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .xl\:border-purple-600 {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .xl\:border-purple-700 {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .xl\:border-purple-800 {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .xl\:border-purple-900 {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .xl\:border-pink-100 {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .xl\:border-pink-200 {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .xl\:border-pink-300 {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .xl\:border-pink-400 {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .xl\:border-pink-500 {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .xl\:border-pink-600 {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .xl\:border-pink-700 {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .xl\:border-pink-800 {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .xl\:border-pink-900 {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .xl\:hover\:border-transparent:hover {
                border-color: transparent
            }
            .xl\:hover\:border-current:hover {
                border-color: currentColor
            }
            .xl\:hover\:border-black:hover {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .xl\:hover\:border-white:hover {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .xl\:hover\:border-gray-100:hover {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .xl\:hover\:border-gray-200:hover {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .xl\:hover\:border-gray-300:hover {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .xl\:hover\:border-gray-400:hover {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .xl\:hover\:border-gray-500:hover {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .xl\:hover\:border-gray-600:hover {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .xl\:hover\:border-gray-700:hover {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .xl\:hover\:border-gray-800:hover {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .xl\:hover\:border-gray-900:hover {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .xl\:hover\:border-red-100:hover {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .xl\:hover\:border-red-200:hover {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .xl\:hover\:border-red-300:hover {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .xl\:hover\:border-red-400:hover {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .xl\:hover\:border-red-500:hover {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .xl\:hover\:border-red-600:hover {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .xl\:hover\:border-red-700:hover {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .xl\:hover\:border-red-800:hover {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .xl\:hover\:border-red-900:hover {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .xl\:hover\:border-orange-100:hover {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .xl\:hover\:border-orange-200:hover {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .xl\:hover\:border-orange-300:hover {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .xl\:hover\:border-orange-400:hover {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .xl\:hover\:border-orange-500:hover {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .xl\:hover\:border-orange-600:hover {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .xl\:hover\:border-orange-700:hover {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .xl\:hover\:border-orange-800:hover {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .xl\:hover\:border-orange-900:hover {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .xl\:hover\:border-yellow-100:hover {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .xl\:hover\:border-yellow-200:hover {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .xl\:hover\:border-yellow-300:hover {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .xl\:hover\:border-yellow-400:hover {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .xl\:hover\:border-yellow-500:hover {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .xl\:hover\:border-yellow-600:hover {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .xl\:hover\:border-yellow-700:hover {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .xl\:hover\:border-yellow-800:hover {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .xl\:hover\:border-yellow-900:hover {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .xl\:hover\:border-green-100:hover {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .xl\:hover\:border-green-200:hover {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .xl\:hover\:border-green-300:hover {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .xl\:hover\:border-green-400:hover {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .xl\:hover\:border-green-500:hover {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .xl\:hover\:border-green-600:hover {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .xl\:hover\:border-green-700:hover {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .xl\:hover\:border-green-800:hover {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .xl\:hover\:border-green-900:hover {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .xl\:hover\:border-teal-100:hover {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .xl\:hover\:border-teal-200:hover {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .xl\:hover\:border-teal-300:hover {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .xl\:hover\:border-teal-400:hover {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .xl\:hover\:border-teal-500:hover {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .xl\:hover\:border-teal-600:hover {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .xl\:hover\:border-teal-700:hover {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .xl\:hover\:border-teal-800:hover {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .xl\:hover\:border-teal-900:hover {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .xl\:hover\:border-blue-100:hover {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .xl\:hover\:border-blue-200:hover {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .xl\:hover\:border-blue-300:hover {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .xl\:hover\:border-blue-400:hover {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .xl\:hover\:border-blue-500:hover {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .xl\:hover\:border-blue-600:hover {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .xl\:hover\:border-blue-700:hover {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .xl\:hover\:border-blue-800:hover {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .xl\:hover\:border-blue-900:hover {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .xl\:hover\:border-indigo-100:hover {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .xl\:hover\:border-indigo-200:hover {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .xl\:hover\:border-indigo-300:hover {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .xl\:hover\:border-indigo-400:hover {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .xl\:hover\:border-indigo-500:hover {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .xl\:hover\:border-indigo-600:hover {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .xl\:hover\:border-indigo-700:hover {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .xl\:hover\:border-indigo-800:hover {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .xl\:hover\:border-indigo-900:hover {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .xl\:hover\:border-purple-100:hover {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .xl\:hover\:border-purple-200:hover {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .xl\:hover\:border-purple-300:hover {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .xl\:hover\:border-purple-400:hover {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .xl\:hover\:border-purple-500:hover {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .xl\:hover\:border-purple-600:hover {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .xl\:hover\:border-purple-700:hover {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .xl\:hover\:border-purple-800:hover {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .xl\:hover\:border-purple-900:hover {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .xl\:hover\:border-pink-100:hover {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .xl\:hover\:border-pink-200:hover {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .xl\:hover\:border-pink-300:hover {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .xl\:hover\:border-pink-400:hover {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .xl\:hover\:border-pink-500:hover {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .xl\:hover\:border-pink-600:hover {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .xl\:hover\:border-pink-700:hover {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .xl\:hover\:border-pink-800:hover {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .xl\:hover\:border-pink-900:hover {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .xl\:focus\:border-transparent:focus {
                border-color: transparent
            }
            .xl\:focus\:border-current:focus {
                border-color: currentColor
            }
            .xl\:focus\:border-black:focus {
                --border-opacity: 1;
                border-color: #000;
                border-color: rgba(0, 0, 0, var(--border-opacity))
            }
            .xl\:focus\:border-white:focus {
                --border-opacity: 1;
                border-color: #fff;
                border-color: rgba(255, 255, 255, var(--border-opacity))
            }
            .xl\:focus\:border-gray-100:focus {
                --border-opacity: 1;
                border-color: #f7fafc;
                border-color: rgba(247, 250, 252, var(--border-opacity))
            }
            .xl\:focus\:border-gray-200:focus {
                --border-opacity: 1;
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--border-opacity))
            }
            .xl\:focus\:border-gray-300:focus {
                --border-opacity: 1;
                border-color: #e2e8f0;
                border-color: rgba(226, 232, 240, var(--border-opacity))
            }
            .xl\:focus\:border-gray-400:focus {
                --border-opacity: 1;
                border-color: #cbd5e0;
                border-color: rgba(203, 213, 224, var(--border-opacity))
            }
            .xl\:focus\:border-gray-500:focus {
                --border-opacity: 1;
                border-color: #a0aec0;
                border-color: rgba(160, 174, 192, var(--border-opacity))
            }
            .xl\:focus\:border-gray-600:focus {
                --border-opacity: 1;
                border-color: #718096;
                border-color: rgba(113, 128, 150, var(--border-opacity))
            }
            .xl\:focus\:border-gray-700:focus {
                --border-opacity: 1;
                border-color: #4a5568;
                border-color: rgba(74, 85, 104, var(--border-opacity))
            }
            .xl\:focus\:border-gray-800:focus {
                --border-opacity: 1;
                border-color: #2d3748;
                border-color: rgba(45, 55, 72, var(--border-opacity))
            }
            .xl\:focus\:border-gray-900:focus {
                --border-opacity: 1;
                border-color: #1a202c;
                border-color: rgba(26, 32, 44, var(--border-opacity))
            }
            .xl\:focus\:border-red-100:focus {
                --border-opacity: 1;
                border-color: #fff5f5;
                border-color: rgba(255, 245, 245, var(--border-opacity))
            }
            .xl\:focus\:border-red-200:focus {
                --border-opacity: 1;
                border-color: #fed7d7;
                border-color: rgba(254, 215, 215, var(--border-opacity))
            }
            .xl\:focus\:border-red-300:focus {
                --border-opacity: 1;
                border-color: #feb2b2;
                border-color: rgba(254, 178, 178, var(--border-opacity))
            }
            .xl\:focus\:border-red-400:focus {
                --border-opacity: 1;
                border-color: #fc8181;
                border-color: rgba(252, 129, 129, var(--border-opacity))
            }
            .xl\:focus\:border-red-500:focus {
                --border-opacity: 1;
                border-color: #f56565;
                border-color: rgba(245, 101, 101, var(--border-opacity))
            }
            .xl\:focus\:border-red-600:focus {
                --border-opacity: 1;
                border-color: #e53e3e;
                border-color: rgba(229, 62, 62, var(--border-opacity))
            }
            .xl\:focus\:border-red-700:focus {
                --border-opacity: 1;
                border-color: #c53030;
                border-color: rgba(197, 48, 48, var(--border-opacity))
            }
            .xl\:focus\:border-red-800:focus {
                --border-opacity: 1;
                border-color: #9b2c2c;
                border-color: rgba(155, 44, 44, var(--border-opacity))
            }
            .xl\:focus\:border-red-900:focus {
                --border-opacity: 1;
                border-color: #742a2a;
                border-color: rgba(116, 42, 42, var(--border-opacity))
            }
            .xl\:focus\:border-orange-100:focus {
                --border-opacity: 1;
                border-color: #fffaf0;
                border-color: rgba(255, 250, 240, var(--border-opacity))
            }
            .xl\:focus\:border-orange-200:focus {
                --border-opacity: 1;
                border-color: #feebc8;
                border-color: rgba(254, 235, 200, var(--border-opacity))
            }
            .xl\:focus\:border-orange-300:focus {
                --border-opacity: 1;
                border-color: #fbd38d;
                border-color: rgba(251, 211, 141, var(--border-opacity))
            }
            .xl\:focus\:border-orange-400:focus {
                --border-opacity: 1;
                border-color: #f6ad55;
                border-color: rgba(246, 173, 85, var(--border-opacity))
            }
            .xl\:focus\:border-orange-500:focus {
                --border-opacity: 1;
                border-color: #ed8936;
                border-color: rgba(237, 137, 54, var(--border-opacity))
            }
            .xl\:focus\:border-orange-600:focus {
                --border-opacity: 1;
                border-color: #dd6b20;
                border-color: rgba(221, 107, 32, var(--border-opacity))
            }
            .xl\:focus\:border-orange-700:focus {
                --border-opacity: 1;
                border-color: #c05621;
                border-color: rgba(192, 86, 33, var(--border-opacity))
            }
            .xl\:focus\:border-orange-800:focus {
                --border-opacity: 1;
                border-color: #9c4221;
                border-color: rgba(156, 66, 33, var(--border-opacity))
            }
            .xl\:focus\:border-orange-900:focus {
                --border-opacity: 1;
                border-color: #7b341e;
                border-color: rgba(123, 52, 30, var(--border-opacity))
            }
            .xl\:focus\:border-yellow-100:focus {
                --border-opacity: 1;
                border-color: ivory;
                border-color: rgba(255, 255, 240, var(--border-opacity))
            }
            .xl\:focus\:border-yellow-200:focus {
                --border-opacity: 1;
                border-color: #fefcbf;
                border-color: rgba(254, 252, 191, var(--border-opacity))
            }
            .xl\:focus\:border-yellow-300:focus {
                --border-opacity: 1;
                border-color: #faf089;
                border-color: rgba(250, 240, 137, var(--border-opacity))
            }
            .xl\:focus\:border-yellow-400:focus {
                --border-opacity: 1;
                border-color: #f6e05e;
                border-color: rgba(246, 224, 94, var(--border-opacity))
            }
            .xl\:focus\:border-yellow-500:focus {
                --border-opacity: 1;
                border-color: #ecc94b;
                border-color: rgba(236, 201, 75, var(--border-opacity))
            }
            .xl\:focus\:border-yellow-600:focus {
                --border-opacity: 1;
                border-color: #d69e2e;
                border-color: rgba(214, 158, 46, var(--border-opacity))
            }
            .xl\:focus\:border-yellow-700:focus {
                --border-opacity: 1;
                border-color: #b7791f;
                border-color: rgba(183, 121, 31, var(--border-opacity))
            }
            .xl\:focus\:border-yellow-800:focus {
                --border-opacity: 1;
                border-color: #975a16;
                border-color: rgba(151, 90, 22, var(--border-opacity))
            }
            .xl\:focus\:border-yellow-900:focus {
                --border-opacity: 1;
                border-color: #744210;
                border-color: rgba(116, 66, 16, var(--border-opacity))
            }
            .xl\:focus\:border-green-100:focus {
                --border-opacity: 1;
                border-color: #f0fff4;
                border-color: rgba(240, 255, 244, var(--border-opacity))
            }
            .xl\:focus\:border-green-200:focus {
                --border-opacity: 1;
                border-color: #c6f6d5;
                border-color: rgba(198, 246, 213, var(--border-opacity))
            }
            .xl\:focus\:border-green-300:focus {
                --border-opacity: 1;
                border-color: #9ae6b4;
                border-color: rgba(154, 230, 180, var(--border-opacity))
            }
            .xl\:focus\:border-green-400:focus {
                --border-opacity: 1;
                border-color: #68d391;
                border-color: rgba(104, 211, 145, var(--border-opacity))
            }
            .xl\:focus\:border-green-500:focus {
                --border-opacity: 1;
                border-color: #48bb78;
                border-color: rgba(72, 187, 120, var(--border-opacity))
            }
            .xl\:focus\:border-green-600:focus {
                --border-opacity: 1;
                border-color: #38a169;
                border-color: rgba(56, 161, 105, var(--border-opacity))
            }
            .xl\:focus\:border-green-700:focus {
                --border-opacity: 1;
                border-color: #2f855a;
                border-color: rgba(47, 133, 90, var(--border-opacity))
            }
            .xl\:focus\:border-green-800:focus {
                --border-opacity: 1;
                border-color: #276749;
                border-color: rgba(39, 103, 73, var(--border-opacity))
            }
            .xl\:focus\:border-green-900:focus {
                --border-opacity: 1;
                border-color: #22543d;
                border-color: rgba(34, 84, 61, var(--border-opacity))
            }
            .xl\:focus\:border-teal-100:focus {
                --border-opacity: 1;
                border-color: #e6fffa;
                border-color: rgba(230, 255, 250, var(--border-opacity))
            }
            .xl\:focus\:border-teal-200:focus {
                --border-opacity: 1;
                border-color: #b2f5ea;
                border-color: rgba(178, 245, 234, var(--border-opacity))
            }
            .xl\:focus\:border-teal-300:focus {
                --border-opacity: 1;
                border-color: #81e6d9;
                border-color: rgba(129, 230, 217, var(--border-opacity))
            }
            .xl\:focus\:border-teal-400:focus {
                --border-opacity: 1;
                border-color: #4fd1c5;
                border-color: rgba(79, 209, 197, var(--border-opacity))
            }
            .xl\:focus\:border-teal-500:focus {
                --border-opacity: 1;
                border-color: #38b2ac;
                border-color: rgba(56, 178, 172, var(--border-opacity))
            }
            .xl\:focus\:border-teal-600:focus {
                --border-opacity: 1;
                border-color: #319795;
                border-color: rgba(49, 151, 149, var(--border-opacity))
            }
            .xl\:focus\:border-teal-700:focus {
                --border-opacity: 1;
                border-color: #2c7a7b;
                border-color: rgba(44, 122, 123, var(--border-opacity))
            }
            .xl\:focus\:border-teal-800:focus {
                --border-opacity: 1;
                border-color: #285e61;
                border-color: rgba(40, 94, 97, var(--border-opacity))
            }
            .xl\:focus\:border-teal-900:focus {
                --border-opacity: 1;
                border-color: #234e52;
                border-color: rgba(35, 78, 82, var(--border-opacity))
            }
            .xl\:focus\:border-blue-100:focus {
                --border-opacity: 1;
                border-color: #ebf8ff;
                border-color: rgba(235, 248, 255, var(--border-opacity))
            }
            .xl\:focus\:border-blue-200:focus {
                --border-opacity: 1;
                border-color: #bee3f8;
                border-color: rgba(190, 227, 248, var(--border-opacity))
            }
            .xl\:focus\:border-blue-300:focus {
                --border-opacity: 1;
                border-color: #90cdf4;
                border-color: rgba(144, 205, 244, var(--border-opacity))
            }
            .xl\:focus\:border-blue-400:focus {
                --border-opacity: 1;
                border-color: #63b3ed;
                border-color: rgba(99, 179, 237, var(--border-opacity))
            }
            .xl\:focus\:border-blue-500:focus {
                --border-opacity: 1;
                border-color: #4299e1;
                border-color: rgba(66, 153, 225, var(--border-opacity))
            }
            .xl\:focus\:border-blue-600:focus {
                --border-opacity: 1;
                border-color: #3182ce;
                border-color: rgba(49, 130, 206, var(--border-opacity))
            }
            .xl\:focus\:border-blue-700:focus {
                --border-opacity: 1;
                border-color: #2b6cb0;
                border-color: rgba(43, 108, 176, var(--border-opacity))
            }
            .xl\:focus\:border-blue-800:focus {
                --border-opacity: 1;
                border-color: #2c5282;
                border-color: rgba(44, 82, 130, var(--border-opacity))
            }
            .xl\:focus\:border-blue-900:focus {
                --border-opacity: 1;
                border-color: #2a4365;
                border-color: rgba(42, 67, 101, var(--border-opacity))
            }
            .xl\:focus\:border-indigo-100:focus {
                --border-opacity: 1;
                border-color: #ebf4ff;
                border-color: rgba(235, 244, 255, var(--border-opacity))
            }
            .xl\:focus\:border-indigo-200:focus {
                --border-opacity: 1;
                border-color: #c3dafe;
                border-color: rgba(195, 218, 254, var(--border-opacity))
            }
            .xl\:focus\:border-indigo-300:focus {
                --border-opacity: 1;
                border-color: #a3bffa;
                border-color: rgba(163, 191, 250, var(--border-opacity))
            }
            .xl\:focus\:border-indigo-400:focus {
                --border-opacity: 1;
                border-color: #7f9cf5;
                border-color: rgba(127, 156, 245, var(--border-opacity))
            }
            .xl\:focus\:border-indigo-500:focus {
                --border-opacity: 1;
                border-color: #667eea;
                border-color: rgba(102, 126, 234, var(--border-opacity))
            }
            .xl\:focus\:border-indigo-600:focus {
                --border-opacity: 1;
                border-color: #5a67d8;
                border-color: rgba(90, 103, 216, var(--border-opacity))
            }
            .xl\:focus\:border-indigo-700:focus {
                --border-opacity: 1;
                border-color: #4c51bf;
                border-color: rgba(76, 81, 191, var(--border-opacity))
            }
            .xl\:focus\:border-indigo-800:focus {
                --border-opacity: 1;
                border-color: #434190;
                border-color: rgba(67, 65, 144, var(--border-opacity))
            }
            .xl\:focus\:border-indigo-900:focus {
                --border-opacity: 1;
                border-color: #3c366b;
                border-color: rgba(60, 54, 107, var(--border-opacity))
            }
            .xl\:focus\:border-purple-100:focus {
                --border-opacity: 1;
                border-color: #faf5ff;
                border-color: rgba(250, 245, 255, var(--border-opacity))
            }
            .xl\:focus\:border-purple-200:focus {
                --border-opacity: 1;
                border-color: #e9d8fd;
                border-color: rgba(233, 216, 253, var(--border-opacity))
            }
            .xl\:focus\:border-purple-300:focus {
                --border-opacity: 1;
                border-color: #d6bcfa;
                border-color: rgba(214, 188, 250, var(--border-opacity))
            }
            .xl\:focus\:border-purple-400:focus {
                --border-opacity: 1;
                border-color: #b794f4;
                border-color: rgba(183, 148, 244, var(--border-opacity))
            }
            .xl\:focus\:border-purple-500:focus {
                --border-opacity: 1;
                border-color: #9f7aea;
                border-color: rgba(159, 122, 234, var(--border-opacity))
            }
            .xl\:focus\:border-purple-600:focus {
                --border-opacity: 1;
                border-color: #805ad5;
                border-color: rgba(128, 90, 213, var(--border-opacity))
            }
            .xl\:focus\:border-purple-700:focus {
                --border-opacity: 1;
                border-color: #6b46c1;
                border-color: rgba(107, 70, 193, var(--border-opacity))
            }
            .xl\:focus\:border-purple-800:focus {
                --border-opacity: 1;
                border-color: #553c9a;
                border-color: rgba(85, 60, 154, var(--border-opacity))
            }
            .xl\:focus\:border-purple-900:focus {
                --border-opacity: 1;
                border-color: #44337a;
                border-color: rgba(68, 51, 122, var(--border-opacity))
            }
            .xl\:focus\:border-pink-100:focus {
                --border-opacity: 1;
                border-color: #fff5f7;
                border-color: rgba(255, 245, 247, var(--border-opacity))
            }
            .xl\:focus\:border-pink-200:focus {
                --border-opacity: 1;
                border-color: #fed7e2;
                border-color: rgba(254, 215, 226, var(--border-opacity))
            }
            .xl\:focus\:border-pink-300:focus {
                --border-opacity: 1;
                border-color: #fbb6ce;
                border-color: rgba(251, 182, 206, var(--border-opacity))
            }
            .xl\:focus\:border-pink-400:focus {
                --border-opacity: 1;
                border-color: #f687b3;
                border-color: rgba(246, 135, 179, var(--border-opacity))
            }
            .xl\:focus\:border-pink-500:focus {
                --border-opacity: 1;
                border-color: #ed64a6;
                border-color: rgba(237, 100, 166, var(--border-opacity))
            }
            .xl\:focus\:border-pink-600:focus {
                --border-opacity: 1;
                border-color: #d53f8c;
                border-color: rgba(213, 63, 140, var(--border-opacity))
            }
            .xl\:focus\:border-pink-700:focus {
                --border-opacity: 1;
                border-color: #b83280;
                border-color: rgba(184, 50, 128, var(--border-opacity))
            }
            .xl\:focus\:border-pink-800:focus {
                --border-opacity: 1;
                border-color: #97266d;
                border-color: rgba(151, 38, 109, var(--border-opacity))
            }
            .xl\:focus\:border-pink-900:focus {
                --border-opacity: 1;
                border-color: #702459;
                border-color: rgba(112, 36, 89, var(--border-opacity))
            }
            .xl\:border-opacity-0 {
                --border-opacity: 0
            }
            .xl\:border-opacity-25 {
                --border-opacity: 0.25
            }
            .xl\:border-opacity-50 {
                --border-opacity: 0.5
            }
            .xl\:border-opacity-75 {
                --border-opacity: 0.75
            }
            .xl\:border-opacity-100 {
                --border-opacity: 1
            }
            .xl\:hover\:border-opacity-0:hover {
                --border-opacity: 0
            }
            .xl\:hover\:border-opacity-25:hover {
                --border-opacity: 0.25
            }
            .xl\:hover\:border-opacity-50:hover {
                --border-opacity: 0.5
            }
            .xl\:hover\:border-opacity-75:hover {
                --border-opacity: 0.75
            }
            .xl\:hover\:border-opacity-100:hover {
                --border-opacity: 1
            }
            .xl\:focus\:border-opacity-0:focus {
                --border-opacity: 0
            }
            .xl\:focus\:border-opacity-25:focus {
                --border-opacity: 0.25
            }
            .xl\:focus\:border-opacity-50:focus {
                --border-opacity: 0.5
            }
            .xl\:focus\:border-opacity-75:focus {
                --border-opacity: 0.75
            }
            .xl\:focus\:border-opacity-100:focus {
                --border-opacity: 1
            }
            .xl\:rounded-none {
                border-radius: 0
            }
            .xl\:rounded-sm {
                border-radius: .125rem
            }
            .xl\:rounded {
                border-radius: .25rem
            }
            .xl\:rounded-md {
                border-radius: .375rem
            }
            .xl\:rounded-lg {
                border-radius: .5rem
            }
            .xl\:rounded-full {
                border-radius: 9999px
            }
            .xl\:rounded-t-none {
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }
            .xl\:rounded-r-none {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }
            .xl\:rounded-b-none {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0
            }
            .xl\:rounded-l-none {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }
            .xl\:rounded-t-sm {
                border-top-left-radius: .125rem;
                border-top-right-radius: .125rem
            }
            .xl\:rounded-r-sm {
                border-top-right-radius: .125rem;
                border-bottom-right-radius: .125rem
            }
            .xl\:rounded-b-sm {
                border-bottom-right-radius: .125rem;
                border-bottom-left-radius: .125rem
            }
            .xl\:rounded-l-sm {
                border-top-left-radius: .125rem;
                border-bottom-left-radius: .125rem
            }
            .xl\:rounded-t {
                border-top-left-radius: .25rem
            }
            .xl\:rounded-r,
            .xl\:rounded-t {
                border-top-right-radius: .25rem
            }
            .xl\:rounded-b,
            .xl\:rounded-r {
                border-bottom-right-radius: .25rem
            }
            .xl\:rounded-b,
            .xl\:rounded-l {
                border-bottom-left-radius: .25rem
            }
            .xl\:rounded-l {
                border-top-left-radius: .25rem
            }
            .xl\:rounded-t-md {
                border-top-left-radius: .375rem;
                border-top-right-radius: .375rem
            }
            .xl\:rounded-r-md {
                border-top-right-radius: .375rem;
                border-bottom-right-radius: .375rem
            }
            .xl\:rounded-b-md {
                border-bottom-right-radius: .375rem;
                border-bottom-left-radius: .375rem
            }
            .xl\:rounded-l-md {
                border-top-left-radius: .375rem;
                border-bottom-left-radius: .375rem
            }
            .xl\:rounded-t-lg {
                border-top-left-radius: .5rem;
                border-top-right-radius: .5rem
            }
            .xl\:rounded-r-lg {
                border-top-right-radius: .5rem;
                border-bottom-right-radius: .5rem
            }
            .xl\:rounded-b-lg {
                border-bottom-right-radius: .5rem;
                border-bottom-left-radius: .5rem
            }
            .xl\:rounded-l-lg {
                border-top-left-radius: .5rem;
                border-bottom-left-radius: .5rem
            }
            .xl\:rounded-t-full {
                border-top-left-radius: 9999px;
                border-top-right-radius: 9999px
            }
            .xl\:rounded-r-full {
                border-top-right-radius: 9999px;
                border-bottom-right-radius: 9999px
            }
            .xl\:rounded-b-full {
                border-bottom-right-radius: 9999px;
                border-bottom-left-radius: 9999px
            }
            .xl\:rounded-l-full {
                border-top-left-radius: 9999px;
                border-bottom-left-radius: 9999px
            }
            .xl\:rounded-tl-none {
                border-top-left-radius: 0
            }
            .xl\:rounded-tr-none {
                border-top-right-radius: 0
            }
            .xl\:rounded-br-none {
                border-bottom-right-radius: 0
            }
            .xl\:rounded-bl-none {
                border-bottom-left-radius: 0
            }
            .xl\:rounded-tl-sm {
                border-top-left-radius: .125rem
            }
            .xl\:rounded-tr-sm {
                border-top-right-radius: .125rem
            }
            .xl\:rounded-br-sm {
                border-bottom-right-radius: .125rem
            }
            .xl\:rounded-bl-sm {
                border-bottom-left-radius: .125rem
            }
            .xl\:rounded-tl {
                border-top-left-radius: .25rem
            }
            .xl\:rounded-tr {
                border-top-right-radius: .25rem
            }
            .xl\:rounded-br {
                border-bottom-right-radius: .25rem
            }
            .xl\:rounded-bl {
                border-bottom-left-radius: .25rem
            }
            .xl\:rounded-tl-md {
                border-top-left-radius: .375rem
            }
            .xl\:rounded-tr-md {
                border-top-right-radius: .375rem
            }
            .xl\:rounded-br-md {
                border-bottom-right-radius: .375rem
            }
            .xl\:rounded-bl-md {
                border-bottom-left-radius: .375rem
            }
            .xl\:rounded-tl-lg {
                border-top-left-radius: .5rem
            }
            .xl\:rounded-tr-lg {
                border-top-right-radius: .5rem
            }
            .xl\:rounded-br-lg {
                border-bottom-right-radius: .5rem
            }
            .xl\:rounded-bl-lg {
                border-bottom-left-radius: .5rem
            }
            .xl\:rounded-tl-full {
                border-top-left-radius: 9999px
            }
            .xl\:rounded-tr-full {
                border-top-right-radius: 9999px
            }
            .xl\:rounded-br-full {
                border-bottom-right-radius: 9999px
            }
            .xl\:rounded-bl-full {
                border-bottom-left-radius: 9999px
            }
            .xl\:border-solid {
                border-style: solid
            }
            .xl\:border-dashed {
                border-style: dashed
            }
            .xl\:border-dotted {
                border-style: dotted
            }
            .xl\:border-double {
                border-style: double
            }
            .xl\:border-none {
                border-style: none
            }
            .xl\:border-0 {
                border-width: 0
            }
            .xl\:border-2 {
                border-width: 2px
            }
            .xl\:border-4 {
                border-width: 4px
            }
            .xl\:border-8 {
                border-width: 8px
            }
            .xl\:border {
                border-width: 1px
            }
            .xl\:border-t-0 {
                border-top-width: 0
            }
            .xl\:border-r-0 {
                border-right-width: 0
            }
            .xl\:border-b-0 {
                border-bottom-width: 0
            }
            .xl\:border-l-0 {
                border-left-width: 0
            }
            .xl\:border-t-2 {
                border-top-width: 2px
            }
            .xl\:border-r-2 {
                border-right-width: 2px
            }
            .xl\:border-b-2 {
                border-bottom-width: 2px
            }
            .xl\:border-l-2 {
                border-left-width: 2px
            }
            .xl\:border-t-4 {
                border-top-width: 4px
            }
            .xl\:border-r-4 {
                border-right-width: 4px
            }
            .xl\:border-b-4 {
                border-bottom-width: 4px
            }
            .xl\:border-l-4 {
                border-left-width: 4px
            }
            .xl\:border-t-8 {
                border-top-width: 8px
            }
            .xl\:border-r-8 {
                border-right-width: 8px
            }
            .xl\:border-b-8 {
                border-bottom-width: 8px
            }
            .xl\:border-l-8 {
                border-left-width: 8px
            }
            .xl\:border-t {
                border-top-width: 1px
            }
            .xl\:border-r {
                border-right-width: 1px
            }
            .xl\:border-b {
                border-bottom-width: 1px
            }
            .xl\:border-l {
                border-left-width: 1px
            }
            .xl\:box-border {
                box-sizing: border-box
            }
            .xl\:box-content {
                box-sizing: content-box
            }
            .xl\:cursor-auto {
                cursor: auto
            }
            .xl\:cursor-default {
                cursor: default
            }
            .xl\:cursor-pointer {
                cursor: pointer
            }
            .xl\:cursor-wait {
                cursor: wait
            }
            .xl\:cursor-text {
                cursor: text
            }
            .xl\:cursor-move {
                cursor: move
            }
            .xl\:cursor-not-allowed {
                cursor: not-allowed
            }
            .xl\:block {
                display: block
            }
            .xl\:inline-block {
                display: inline-block
            }
            .xl\:inline {
                display: inline
            }
            .xl\:flex {
                display: flex
            }
            .xl\:inline-flex {
                display: inline-flex
            }
            .xl\:table {
                display: table
            }
            .xl\:table-caption {
                display: table-caption
            }
            .xl\:table-cell {
                display: table-cell
            }
            .xl\:table-column {
                display: table-column
            }
            .xl\:table-column-group {
                display: table-column-group
            }
            .xl\:table-footer-group {
                display: table-footer-group
            }
            .xl\:table-header-group {
                display: table-header-group
            }
            .xl\:table-row-group {
                display: table-row-group
            }
            .xl\:table-row {
                display: table-row
            }
            .xl\:flow-root {
                display: flow-root
            }
            .xl\:grid {
                display: grid
            }
            .xl\:inline-grid {
                display: inline-grid
            }
            .xl\:hidden {
                display: none
            }
            .xl\:flex-row {
                flex-direction: row
            }
            .xl\:flex-row-reverse {
                flex-direction: row-reverse
            }
            .xl\:flex-col {
                flex-direction: column
            }
            .xl\:flex-col-reverse {
                flex-direction: column-reverse
            }
            .xl\:flex-wrap {
                flex-wrap: wrap
            }
            .xl\:flex-wrap-reverse {
                flex-wrap: wrap-reverse
            }
            .xl\:flex-no-wrap {
                flex-wrap: nowrap
            }
            .xl\:items-start {
                align-items: flex-start
            }
            .xl\:items-end {
                align-items: flex-end
            }
            .xl\:items-center {
                align-items: center
            }
            .xl\:items-baseline {
                align-items: baseline
            }
            .xl\:items-stretch {
                align-items: stretch
            }
            .xl\:self-auto {
                align-self: auto
            }
            .xl\:self-start {
                align-self: flex-start
            }
            .xl\:self-end {
                align-self: flex-end
            }
            .xl\:self-center {
                align-self: center
            }
            .xl\:self-stretch {
                align-self: stretch
            }
            .xl\:justify-start {
                justify-content: flex-start
            }
            .xl\:justify-end {
                justify-content: flex-end
            }
            .xl\:justify-center {
                justify-content: center
            }
            .xl\:justify-between {
                justify-content: space-between
            }
            .xl\:justify-around {
                justify-content: space-around
            }
            .xl\:justify-evenly {
                justify-content: space-evenly
            }
            .xl\:content-center {
                align-content: center
            }
            .xl\:content-start {
                align-content: flex-start
            }
            .xl\:content-end {
                align-content: flex-end
            }
            .xl\:content-between {
                align-content: space-between
            }
            .xl\:content-around {
                align-content: space-around
            }
            .xl\:flex-1 {
                flex: 1 1 0%
            }
            .xl\:flex-auto {
                flex: 1 1 auto
            }
            .xl\:flex-initial {
                flex: 0 1 auto
            }
            .xl\:flex-none {
                flex: none
            }
            .xl\:flex-grow-0 {
                flex-grow: 0
            }
            .xl\:flex-grow {
                flex-grow: 1
            }
            .xl\:flex-shrink-0 {
                flex-shrink: 0
            }
            .xl\:flex-shrink {
                flex-shrink: 1
            }
            .xl\:order-1 {
                order: 1
            }
            .xl\:order-2 {
                order: 2
            }
            .xl\:order-3 {
                order: 3
            }
            .xl\:order-4 {
                order: 4
            }
            .xl\:order-5 {
                order: 5
            }
            .xl\:order-6 {
                order: 6
            }
            .xl\:order-7 {
                order: 7
            }
            .xl\:order-8 {
                order: 8
            }
            .xl\:order-9 {
                order: 9
            }
            .xl\:order-10 {
                order: 10
            }
            .xl\:order-11 {
                order: 11
            }
            .xl\:order-12 {
                order: 12
            }
            .xl\:order-first {
                order: -9999
            }
            .xl\:order-last {
                order: 9999
            }
            .xl\:order-none {
                order: 0
            }
            .xl\:float-right {
                float: right
            }
            .xl\:float-left {
                float: left
            }
            .xl\:float-none {
                float: none
            }
            .xl\:clearfix:after {
                content: "";
                display: table;
                clear: both
            }
            .xl\:clear-left {
                clear: left
            }
            .xl\:clear-right {
                clear: right
            }
            .xl\:clear-both {
                clear: both
            }
            .xl\:clear-none {
                clear: none
            }
            .xl\:font-display {
                font-family: Oswald, sans-serif
            }
            .xl\:font-body {
                font-family: Ropa Sans, sans-serif
            }
            .xl\:font-hairline {
                font-weight: 100
            }
            .xl\:font-thin {
                font-weight: 200
            }
            .xl\:font-light {
                font-weight: 300
            }
            .xl\:font-normal {
                font-weight: 400
            }
            .xl\:font-medium {
                font-weight: 500
            }
            .xl\:font-semibold {
                font-weight: 600
            }
            .xl\:font-bold {
                font-weight: 700
            }
            .xl\:font-extrabold {
                font-weight: 800
            }
            .xl\:font-black {
                font-weight: 900
            }
            .xl\:hover\:font-hairline:hover {
                font-weight: 100
            }
            .xl\:hover\:font-thin:hover {
                font-weight: 200
            }
            .xl\:hover\:font-light:hover {
                font-weight: 300
            }
            .xl\:hover\:font-normal:hover {
                font-weight: 400
            }
            .xl\:hover\:font-medium:hover {
                font-weight: 500
            }
            .xl\:hover\:font-semibold:hover {
                font-weight: 600
            }
            .xl\:hover\:font-bold:hover {
                font-weight: 700
            }
            .xl\:hover\:font-extrabold:hover {
                font-weight: 800
            }
            .xl\:hover\:font-black:hover {
                font-weight: 900
            }
            .xl\:focus\:font-hairline:focus {
                font-weight: 100
            }
            .xl\:focus\:font-thin:focus {
                font-weight: 200
            }
            .xl\:focus\:font-light:focus {
                font-weight: 300
            }
            .xl\:focus\:font-normal:focus {
                font-weight: 400
            }
            .xl\:focus\:font-medium:focus {
                font-weight: 500
            }
            .xl\:focus\:font-semibold:focus {
                font-weight: 600
            }
            .xl\:focus\:font-bold:focus {
                font-weight: 700
            }
            .xl\:focus\:font-extrabold:focus {
                font-weight: 800
            }
            .xl\:focus\:font-black:focus {
                font-weight: 900
            }
            .xl\:h-0 {
                height: 0
            }
            .xl\:h-1 {
                height: 8px
            }
            .xl\:h-2 {
                height: 12px
            }
            .xl\:h-3 {
                height: 16px
            }
            .xl\:h-4 {
                height: 24px
            }
            .xl\:h-5 {
                height: 32px
            }
            .xl\:h-6 {
                height: 48px
            }
            .xl\:h-7 {
                height: 60px
            }
            .xl\:h-8 {
                height: 72px
            }
            .xl\:h-9 {
                height: 84px
            }
            .xl\:h-10 {
                height: 96px
            }
            .xl\:h-auto {
                height: auto
            }
            .xl\:h-0\.5 {
                height: 4px
            }
            .xl\:h-full {
                height: 100%
            }
            .xl\:h-screen {
                height: 100vh
            }
            .xl\:text-xs {
                font-size: .75rem
            }
            .xl\:text-sm {
                font-size: .875rem
            }
            .xl\:text-base {
                font-size: 1rem
            }
            .xl\:text-lg {
                font-size: 1.125rem
            }
            .xl\:text-xl {
                font-size: 1.25rem
            }
            .xl\:text-2xl {
                font-size: 1.5rem
            }
            .xl\:text-3xl {
                font-size: 1.875rem
            }
            .xl\:text-4xl {
                font-size: 2.25rem
            }
            .xl\:text-5xl {
                font-size: 3rem
            }
            .xl\:text-6xl {
                font-size: 4rem
            }
            .xl\:hover\:text-xs:hover {
                font-size: .75rem
            }
            .xl\:hover\:text-sm:hover {
                font-size: .875rem
            }
            .xl\:hover\:text-base:hover {
                font-size: 1rem
            }
            .xl\:hover\:text-lg:hover {
                font-size: 1.125rem
            }
            .xl\:hover\:text-xl:hover {
                font-size: 1.25rem
            }
            .xl\:hover\:text-2xl:hover {
                font-size: 1.5rem
            }
            .xl\:hover\:text-3xl:hover {
                font-size: 1.875rem
            }
            .xl\:hover\:text-4xl:hover {
                font-size: 2.25rem
            }
            .xl\:hover\:text-5xl:hover {
                font-size: 3rem
            }
            .xl\:hover\:text-6xl:hover {
                font-size: 4rem
            }
            .xl\:focus\:text-xs:focus {
                font-size: .75rem
            }
            .xl\:focus\:text-sm:focus {
                font-size: .875rem
            }
            .xl\:focus\:text-base:focus {
                font-size: 1rem
            }
            .xl\:focus\:text-lg:focus {
                font-size: 1.125rem
            }
            .xl\:focus\:text-xl:focus {
                font-size: 1.25rem
            }
            .xl\:focus\:text-2xl:focus {
                font-size: 1.5rem
            }
            .xl\:focus\:text-3xl:focus {
                font-size: 1.875rem
            }
            .xl\:focus\:text-4xl:focus {
                font-size: 2.25rem
            }
            .xl\:focus\:text-5xl:focus {
                font-size: 3rem
            }
            .xl\:focus\:text-6xl:focus {
                font-size: 4rem
            }
            .xl\:leading-3 {
                line-height: .75rem
            }
            .xl\:leading-4 {
                line-height: 1rem
            }
            .xl\:leading-5 {
                line-height: 1.25rem
            }
            .xl\:leading-6 {
                line-height: 1.5rem
            }
            .xl\:leading-7 {
                line-height: 1.75rem
            }
            .xl\:leading-8 {
                line-height: 2rem
            }
            .xl\:leading-9 {
                line-height: 2.25rem
            }
            .xl\:leading-10 {
                line-height: 2.5rem
            }
            .xl\:leading-none {
                line-height: 1
            }
            .xl\:leading-tight {
                line-height: 1.25
            }
            .xl\:leading-snug {
                line-height: 1.375
            }
            .xl\:leading-normal {
                line-height: 1.5
            }
            .xl\:leading-relaxed {
                line-height: 1.625
            }
            .xl\:leading-loose {
                line-height: 2
            }
            .xl\:list-inside {
                list-style-position: inside
            }
            .xl\:list-outside {
                list-style-position: outside
            }
            .xl\:list-none {
                list-style-type: none
            }
            .xl\:list-disc {
                list-style-type: disc
            }
            .xl\:list-decimal {
                list-style-type: decimal
            }
            .xl\:m-0 {
                margin: 0
            }
            .xl\:m-1 {
                margin: 8px
            }
            .xl\:m-2 {
                margin: 12px
            }
            .xl\:m-3 {
                margin: 16px
            }
            .xl\:m-4 {
                margin: 24px
            }
            .xl\:m-5 {
                margin: 32px
            }
            .xl\:m-6 {
                margin: 48px
            }
            .xl\:m-7 {
                margin: 60px
            }
            .xl\:m-8 {
                margin: 72px
            }
            .xl\:m-9 {
                margin: 84px
            }
            .xl\:m-10 {
                margin: 96px
            }
            .xl\:m-auto {
                margin: auto
            }
            .xl\:m-0\.5 {
                margin: 4px
            }
            .xl\:-m-1 {
                margin: -8px
            }
            .xl\:-m-2 {
                margin: -12px
            }
            .xl\:-m-3 {
                margin: -16px
            }
            .xl\:-m-4 {
                margin: -24px
            }
            .xl\:-m-5 {
                margin: -32px
            }
            .xl\:-m-6 {
                margin: -48px
            }
            .xl\:-m-7 {
                margin: -60px
            }
            .xl\:-m-8 {
                margin: -72px
            }
            .xl\:-m-9 {
                margin: -84px
            }
            .xl\:-m-10 {
                margin: -96px
            }
            .xl\:-m-0\.5 {
                margin: -4px
            }
            .xl\:my-0 {
                margin-top: 0;
                margin-bottom: 0
            }
            .xl\:mx-0 {
                margin-left: 0;
                margin-right: 0
            }
            .xl\:my-1 {
                margin-top: 8px;
                margin-bottom: 8px
            }
            .xl\:mx-1 {
                margin-left: 8px;
                margin-right: 8px
            }
            .xl\:my-2 {
                margin-top: 12px;
                margin-bottom: 12px
            }
            .xl\:mx-2 {
                margin-left: 12px;
                margin-right: 12px
            }
            .xl\:my-3 {
                margin-top: 16px;
                margin-bottom: 16px
            }
            .xl\:mx-3 {
                margin-left: 16px;
                margin-right: 16px
            }
            .xl\:my-4 {
                margin-top: 24px;
                margin-bottom: 24px
            }
            .xl\:mx-4 {
                margin-left: 24px;
                margin-right: 24px
            }
            .xl\:my-5 {
                margin-top: 32px;
                margin-bottom: 32px
            }
            .xl\:mx-5 {
                margin-left: 32px;
                margin-right: 32px
            }
            .xl\:my-6 {
                margin-top: 48px;
                margin-bottom: 48px
            }
            .xl\:mx-6 {
                margin-left: 48px;
                margin-right: 48px
            }
            .xl\:my-7 {
                margin-top: 60px;
                margin-bottom: 60px
            }
            .xl\:mx-7 {
                margin-left: 60px;
                margin-right: 60px
            }
            .xl\:my-8 {
                margin-top: 72px;
                margin-bottom: 72px
            }
            .xl\:mx-8 {
                margin-left: 72px;
                margin-right: 72px
            }
            .xl\:my-9 {
                margin-top: 84px;
                margin-bottom: 84px
            }
            .xl\:mx-9 {
                margin-left: 84px;
                margin-right: 84px
            }
            .xl\:my-10 {
                margin-top: 96px;
                margin-bottom: 96px
            }
            .xl\:mx-10 {
                margin-left: 96px;
                margin-right: 96px
            }
            .xl\:my-auto {
                margin-top: auto;
                margin-bottom: auto
            }
            .xl\:mx-auto {
                margin-left: auto;
                margin-right: auto
            }
            .xl\:my-0\.5 {
                margin-top: 4px;
                margin-bottom: 4px
            }
            .xl\:mx-0\.5 {
                margin-left: 4px;
                margin-right: 4px
            }
            .xl\:-my-1 {
                margin-top: -8px;
                margin-bottom: -8px
            }
            .xl\:-mx-1 {
                margin-left: -8px;
                margin-right: -8px
            }
            .xl\:-my-2 {
                margin-top: -12px;
                margin-bottom: -12px
            }
            .xl\:-mx-2 {
                margin-left: -12px;
                margin-right: -12px
            }
            .xl\:-my-3 {
                margin-top: -16px;
                margin-bottom: -16px
            }
            .xl\:-mx-3 {
                margin-left: -16px;
                margin-right: -16px
            }
            .xl\:-my-4 {
                margin-top: -24px;
                margin-bottom: -24px
            }
            .xl\:-mx-4 {
                margin-left: -24px;
                margin-right: -24px
            }
            .xl\:-my-5 {
                margin-top: -32px;
                margin-bottom: -32px
            }
            .xl\:-mx-5 {
                margin-left: -32px;
                margin-right: -32px
            }
            .xl\:-my-6 {
                margin-top: -48px;
                margin-bottom: -48px
            }
            .xl\:-mx-6 {
                margin-left: -48px;
                margin-right: -48px
            }
            .xl\:-my-7 {
                margin-top: -60px;
                margin-bottom: -60px
            }
            .xl\:-mx-7 {
                margin-left: -60px;
                margin-right: -60px
            }
            .xl\:-my-8 {
                margin-top: -72px;
                margin-bottom: -72px
            }
            .xl\:-mx-8 {
                margin-left: -72px;
                margin-right: -72px
            }
            .xl\:-my-9 {
                margin-top: -84px;
                margin-bottom: -84px
            }
            .xl\:-mx-9 {
                margin-left: -84px;
                margin-right: -84px
            }
            .xl\:-my-10 {
                margin-top: -96px;
                margin-bottom: -96px
            }
            .xl\:-mx-10 {
                margin-left: -96px;
                margin-right: -96px
            }
            .xl\:-my-0\.5 {
                margin-top: -4px;
                margin-bottom: -4px
            }
            .xl\:-mx-0\.5 {
                margin-left: -4px;
                margin-right: -4px
            }
            .xl\:mt-0 {
                margin-top: 0
            }
            .xl\:mr-0 {
                margin-right: 0
            }
            .xl\:mb-0 {
                margin-bottom: 0
            }
            .xl\:ml-0 {
                margin-left: 0
            }
            .xl\:mt-1 {
                margin-top: 8px
            }
            .xl\:mr-1 {
                margin-right: 8px
            }
            .xl\:mb-1 {
                margin-bottom: 8px
            }
            .xl\:ml-1 {
                margin-left: 8px
            }
            .xl\:mt-2 {
                margin-top: 12px
            }
            .xl\:mr-2 {
                margin-right: 12px
            }
            .xl\:mb-2 {
                margin-bottom: 12px
            }
            .xl\:ml-2 {
                margin-left: 12px
            }
            .xl\:mt-3 {
                margin-top: 16px
            }
            .xl\:mr-3 {
                margin-right: 16px
            }
            .xl\:mb-3 {
                margin-bottom: 16px
            }
            .xl\:ml-3 {
                margin-left: 16px
            }
            .xl\:mt-4 {
                margin-top: 24px
            }
            .xl\:mr-4 {
                margin-right: 24px
            }
            .xl\:mb-4 {
                margin-bottom: 24px
            }
            .xl\:ml-4 {
                margin-left: 24px
            }
            .xl\:mt-5 {
                margin-top: 32px
            }
            .xl\:mr-5 {
                margin-right: 32px
            }
            .xl\:mb-5 {
                margin-bottom: 32px
            }
            .xl\:ml-5 {
                margin-left: 32px
            }
            .xl\:mt-6 {
                margin-top: 48px
            }
            .xl\:mr-6 {
                margin-right: 48px
            }
            .xl\:mb-6 {
                margin-bottom: 48px
            }
            .xl\:ml-6 {
                margin-left: 48px
            }
            .xl\:mt-7 {
                margin-top: 60px
            }
            .xl\:mr-7 {
                margin-right: 60px
            }
            .xl\:mb-7 {
                margin-bottom: 60px
            }
            .xl\:ml-7 {
                margin-left: 60px
            }
            .xl\:mt-8 {
                margin-top: 72px
            }
            .xl\:mr-8 {
                margin-right: 72px
            }
            .xl\:mb-8 {
                margin-bottom: 72px
            }
            .xl\:ml-8 {
                margin-left: 72px
            }
            .xl\:mt-9 {
                margin-top: 84px
            }
            .xl\:mr-9 {
                margin-right: 84px
            }
            .xl\:mb-9 {
                margin-bottom: 84px
            }
            .xl\:ml-9 {
                margin-left: 84px
            }
            .xl\:mt-10 {
                margin-top: 96px
            }
            .xl\:mr-10 {
                margin-right: 96px
            }
            .xl\:mb-10 {
                margin-bottom: 96px
            }
            .xl\:ml-10 {
                margin-left: 96px
            }
            .xl\:mt-auto {
                margin-top: auto
            }
            .xl\:mr-auto {
                margin-right: auto
            }
            .xl\:mb-auto {
                margin-bottom: auto
            }
            .xl\:ml-auto {
                margin-left: auto
            }
            .xl\:mt-0\.5 {
                margin-top: 4px
            }
            .xl\:mr-0\.5 {
                margin-right: 4px
            }
            .xl\:mb-0\.5 {
                margin-bottom: 4px
            }
            .xl\:ml-0\.5 {
                margin-left: 4px
            }
            .xl\:-mt-1 {
                margin-top: -8px
            }
            .xl\:-mr-1 {
                margin-right: -8px
            }
            .xl\:-mb-1 {
                margin-bottom: -8px
            }
            .xl\:-ml-1 {
                margin-left: -8px
            }
            .xl\:-mt-2 {
                margin-top: -12px
            }
            .xl\:-mr-2 {
                margin-right: -12px
            }
            .xl\:-mb-2 {
                margin-bottom: -12px
            }
            .xl\:-ml-2 {
                margin-left: -12px
            }
            .xl\:-mt-3 {
                margin-top: -16px
            }
            .xl\:-mr-3 {
                margin-right: -16px
            }
            .xl\:-mb-3 {
                margin-bottom: -16px
            }
            .xl\:-ml-3 {
                margin-left: -16px
            }
            .xl\:-mt-4 {
                margin-top: -24px
            }
            .xl\:-mr-4 {
                margin-right: -24px
            }
            .xl\:-mb-4 {
                margin-bottom: -24px
            }
            .xl\:-ml-4 {
                margin-left: -24px
            }
            .xl\:-mt-5 {
                margin-top: -32px
            }
            .xl\:-mr-5 {
                margin-right: -32px
            }
            .xl\:-mb-5 {
                margin-bottom: -32px
            }
            .xl\:-ml-5 {
                margin-left: -32px
            }
            .xl\:-mt-6 {
                margin-top: -48px
            }
            .xl\:-mr-6 {
                margin-right: -48px
            }
            .xl\:-mb-6 {
                margin-bottom: -48px
            }
            .xl\:-ml-6 {
                margin-left: -48px
            }
            .xl\:-mt-7 {
                margin-top: -60px
            }
            .xl\:-mr-7 {
                margin-right: -60px
            }
            .xl\:-mb-7 {
                margin-bottom: -60px
            }
            .xl\:-ml-7 {
                margin-left: -60px
            }
            .xl\:-mt-8 {
                margin-top: -72px
            }
            .xl\:-mr-8 {
                margin-right: -72px
            }
            .xl\:-mb-8 {
                margin-bottom: -72px
            }
            .xl\:-ml-8 {
                margin-left: -72px
            }
            .xl\:-mt-9 {
                margin-top: -84px
            }
            .xl\:-mr-9 {
                margin-right: -84px
            }
            .xl\:-mb-9 {
                margin-bottom: -84px
            }
            .xl\:-ml-9 {
                margin-left: -84px
            }
            .xl\:-mt-10 {
                margin-top: -96px
            }
            .xl\:-mr-10 {
                margin-right: -96px
            }
            .xl\:-mb-10 {
                margin-bottom: -96px
            }
            .xl\:-ml-10 {
                margin-left: -96px
            }
            .xl\:-mt-0\.5 {
                margin-top: -4px
            }
            .xl\:-mr-0\.5 {
                margin-right: -4px
            }
            .xl\:-mb-0\.5 {
                margin-bottom: -4px
            }
            .xl\:-ml-0\.5 {
                margin-left: -4px
            }
            .xl\:max-h-full {
                max-height: 100%
            }
            .xl\:max-h-screen {
                max-height: 100vh
            }
            .xl\:max-w-none {
                max-width: none
            }
            .xl\:max-w-xs {
                max-width: 20rem
            }
            .xl\:max-w-sm {
                max-width: 24rem
            }
            .xl\:max-w-md {
                max-width: 28rem
            }
            .xl\:max-w-lg {
                max-width: 32rem
            }
            .xl\:max-w-xl {
                max-width: 36rem
            }
            .xl\:max-w-2xl {
                max-width: 42rem
            }
            .xl\:max-w-3xl {
                max-width: 48rem
            }
            .xl\:max-w-4xl {
                max-width: 56rem
            }
            .xl\:max-w-5xl {
                max-width: 64rem
            }
            .xl\:max-w-6xl {
                max-width: 72rem
            }
            .xl\:max-w-full {
                max-width: 100%
            }
            .xl\:max-w-screen-xs {
                max-width: 420px
            }
            .xl\:max-w-screen-sm {
                max-width: 640px
            }
            .xl\:max-w-screen-md {
                max-width: 768px
            }
            .xl\:max-w-screen-lg {
                max-width: 1024px
            }
            .xl\:max-w-screen-xl {
                max-width: 1100px
            }
            .xl\:min-h-0 {
                min-height: 0
            }
            .xl\:min-h-full {
                min-height: 100%
            }
            .xl\:min-h-screen {
                min-height: 100vh
            }
            .xl\:min-w-0 {
                min-width: 0
            }
            .xl\:min-w-full {
                min-width: 100%
            }
            .xl\:object-contain {
                object-fit: contain
            }
            .xl\:object-cover {
                object-fit: cover
            }
            .xl\:object-fill {
                object-fit: fill
            }
            .xl\:object-none {
                object-fit: none
            }
            .xl\:object-scale-down {
                object-fit: scale-down
            }
            .xl\:object-bottom {
                object-position: bottom
            }
            .xl\:object-center {
                object-position: center
            }
            .xl\:object-left {
                object-position: left
            }
            .xl\:object-left-bottom {
                object-position: left bottom
            }
            .xl\:object-left-top {
                object-position: left top
            }
            .xl\:object-right {
                object-position: right
            }
            .xl\:object-right-bottom {
                object-position: right bottom
            }
            .xl\:object-right-top {
                object-position: right top
            }
            .xl\:object-top {
                object-position: top
            }
            .xl\:opacity-0 {
                opacity: 0
            }
            .xl\:opacity-25 {
                opacity: .25
            }
            .xl\:opacity-50 {
                opacity: .5
            }
            .xl\:opacity-75 {
                opacity: .75
            }
            .xl\:opacity-100 {
                opacity: 1
            }
            .xl\:hover\:opacity-0:hover {
                opacity: 0
            }
            .xl\:hover\:opacity-25:hover {
                opacity: .25
            }
            .xl\:hover\:opacity-50:hover {
                opacity: .5
            }
            .xl\:hover\:opacity-75:hover {
                opacity: .75
            }
            .xl\:hover\:opacity-100:hover {
                opacity: 1
            }
            .xl\:focus\:outline-none:focus,
            .xl\:outline-none {
                outline: 0
            }
            .xl\:overflow-auto {
                overflow: auto
            }
            .xl\:overflow-hidden {
                overflow: hidden
            }
            .xl\:overflow-visible {
                overflow: visible
            }
            .xl\:overflow-scroll {
                overflow: scroll
            }
            .xl\:overflow-x-auto {
                overflow-x: auto
            }
            .xl\:overflow-y-auto {
                overflow-y: auto
            }
            .xl\:overflow-x-hidden {
                overflow-x: hidden
            }
            .xl\:overflow-y-hidden {
                overflow-y: hidden
            }
            .xl\:overflow-x-visible {
                overflow-x: visible
            }
            .xl\:overflow-y-visible {
                overflow-y: visible
            }
            .xl\:overflow-x-scroll {
                overflow-x: scroll
            }
            .xl\:overflow-y-scroll {
                overflow-y: scroll
            }
            .xl\:scrolling-touch {
                -webkit-overflow-scrolling: touch
            }
            .xl\:scrolling-auto {
                -webkit-overflow-scrolling: auto
            }
            .xl\:p-0 {
                padding: 0
            }
            .xl\:p-1 {
                padding: 8px
            }
            .xl\:p-2 {
                padding: 12px
            }
            .xl\:p-3 {
                padding: 16px
            }
            .xl\:p-4 {
                padding: 24px
            }
            .xl\:p-5 {
                padding: 32px
            }
            .xl\:p-6 {
                padding: 48px
            }
            .xl\:p-7 {
                padding: 60px
            }
            .xl\:p-8 {
                padding: 72px
            }
            .xl\:p-9 {
                padding: 84px
            }
            .xl\:p-10 {
                padding: 96px
            }
            .xl\:p-0\.5 {
                padding: 4px
            }
            .xl\:py-0 {
                padding-top: 0;
                padding-bottom: 0
            }
            .xl\:px-0 {
                padding-left: 0;
                padding-right: 0
            }
            .xl\:py-1 {
                padding-top: 8px;
                padding-bottom: 8px
            }
            .xl\:px-1 {
                padding-left: 8px;
                padding-right: 8px
            }
            .xl\:py-2 {
                padding-top: 12px;
                padding-bottom: 12px
            }
            .xl\:px-2 {
                padding-left: 12px;
                padding-right: 12px
            }
            .xl\:py-3 {
                padding-top: 16px;
                padding-bottom: 16px
            }
            .xl\:px-3 {
                padding-left: 16px;
                padding-right: 16px
            }
            .xl\:py-4 {
                padding-top: 24px;
                padding-bottom: 24px
            }
            .xl\:px-4 {
                padding-left: 24px;
                padding-right: 24px
            }
            .xl\:py-5 {
                padding-top: 32px;
                padding-bottom: 32px
            }
            .xl\:px-5 {
                padding-left: 32px;
                padding-right: 32px
            }
            .xl\:py-6 {
                padding-top: 48px;
                padding-bottom: 48px
            }
            .xl\:px-6 {
                padding-left: 48px;
                padding-right: 48px
            }
            .xl\:py-7 {
                padding-top: 60px;
                padding-bottom: 60px
            }
            .xl\:px-7 {
                padding-left: 60px;
                padding-right: 60px
            }
            .xl\:py-8 {
                padding-top: 72px;
                padding-bottom: 72px
            }
            .xl\:px-8 {
                padding-left: 72px;
                padding-right: 72px
            }
            .xl\:py-9 {
                padding-top: 84px;
                padding-bottom: 84px
            }
            .xl\:px-9 {
                padding-left: 84px;
                padding-right: 84px
            }
            .xl\:py-10 {
                padding-top: 96px;
                padding-bottom: 96px
            }
            .xl\:px-10 {
                padding-left: 96px;
                padding-right: 96px
            }
            .xl\:py-0\.5 {
                padding-top: 4px;
                padding-bottom: 4px
            }
            .xl\:px-0\.5 {
                padding-left: 4px;
                padding-right: 4px
            }
            .xl\:pt-0 {
                padding-top: 0
            }
            .xl\:pr-0 {
                padding-right: 0
            }
            .xl\:pb-0 {
                padding-bottom: 0
            }
            .xl\:pl-0 {
                padding-left: 0
            }
            .xl\:pt-1 {
                padding-top: 8px
            }
            .xl\:pr-1 {
                padding-right: 8px
            }
            .xl\:pb-1 {
                padding-bottom: 8px
            }
            .xl\:pl-1 {
                padding-left: 8px
            }
            .xl\:pt-2 {
                padding-top: 12px
            }
            .xl\:pr-2 {
                padding-right: 12px
            }
            .xl\:pb-2 {
                padding-bottom: 12px
            }
            .xl\:pl-2 {
                padding-left: 12px
            }
            .xl\:pt-3 {
                padding-top: 16px
            }
            .xl\:pr-3 {
                padding-right: 16px
            }
            .xl\:pb-3 {
                padding-bottom: 16px
            }
            .xl\:pl-3 {
                padding-left: 16px
            }
            .xl\:pt-4 {
                padding-top: 24px
            }
            .xl\:pr-4 {
                padding-right: 24px
            }
            .xl\:pb-4 {
                padding-bottom: 24px
            }
            .xl\:pl-4 {
                padding-left: 24px
            }
            .xl\:pt-5 {
                padding-top: 32px
            }
            .xl\:pr-5 {
                padding-right: 32px
            }
            .xl\:pb-5 {
                padding-bottom: 32px
            }
            .xl\:pl-5 {
                padding-left: 32px
            }
            .xl\:pt-6 {
                padding-top: 48px
            }
            .xl\:pr-6 {
                padding-right: 48px
            }
            .xl\:pb-6 {
                padding-bottom: 48px
            }
            .xl\:pl-6 {
                padding-left: 48px
            }
            .xl\:pt-7 {
                padding-top: 60px
            }
            .xl\:pr-7 {
                padding-right: 60px
            }
            .xl\:pb-7 {
                padding-bottom: 60px
            }
            .xl\:pl-7 {
                padding-left: 60px
            }
            .xl\:pt-8 {
                padding-top: 72px
            }
            .xl\:pr-8 {
                padding-right: 72px
            }
            .xl\:pb-8 {
                padding-bottom: 72px
            }
            .xl\:pl-8 {
                padding-left: 72px
            }
            .xl\:pt-9 {
                padding-top: 84px
            }
            .xl\:pr-9 {
                padding-right: 84px
            }
            .xl\:pb-9 {
                padding-bottom: 84px
            }
            .xl\:pl-9 {
                padding-left: 84px
            }
            .xl\:pt-10 {
                padding-top: 96px
            }
            .xl\:pr-10 {
                padding-right: 96px
            }
            .xl\:pb-10 {
                padding-bottom: 96px
            }
            .xl\:pl-10 {
                padding-left: 96px
            }
            .xl\:pt-0\.5 {
                padding-top: 4px
            }
            .xl\:pr-0\.5 {
                padding-right: 4px
            }
            .xl\:pb-0\.5 {
                padding-bottom: 4px
            }
            .xl\:pl-0\.5 {
                padding-left: 4px
            }
            .xl\:placeholder-transparent::placeholder {
                color: transparent
            }
            .xl\:placeholder-current::placeholder {
                color: currentColor
            }
            .xl\:placeholder-black::placeholder {
                --placeholder-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--placeholder-opacity))
            }
            .xl\:placeholder-white::placeholder {
                --placeholder-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--placeholder-opacity))
            }
            .xl\:placeholder-gray-100::placeholder {
                --placeholder-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--placeholder-opacity))
            }
            .xl\:placeholder-gray-200::placeholder {
                --placeholder-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--placeholder-opacity))
            }
            .xl\:placeholder-gray-300::placeholder {
                --placeholder-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--placeholder-opacity))
            }
            .xl\:placeholder-gray-400::placeholder {
                --placeholder-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--placeholder-opacity))
            }
            .xl\:placeholder-gray-500::placeholder {
                --placeholder-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--placeholder-opacity))
            }
            .xl\:placeholder-gray-600::placeholder {
                --placeholder-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--placeholder-opacity))
            }
            .xl\:placeholder-gray-700::placeholder {
                --placeholder-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--placeholder-opacity))
            }
            .xl\:placeholder-gray-800::placeholder {
                --placeholder-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--placeholder-opacity))
            }
            .xl\:placeholder-gray-900::placeholder {
                --placeholder-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--placeholder-opacity))
            }
            .xl\:placeholder-red-100::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--placeholder-opacity))
            }
            .xl\:placeholder-red-200::placeholder {
                --placeholder-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--placeholder-opacity))
            }
            .xl\:placeholder-red-300::placeholder {
                --placeholder-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--placeholder-opacity))
            }
            .xl\:placeholder-red-400::placeholder {
                --placeholder-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--placeholder-opacity))
            }
            .xl\:placeholder-red-500::placeholder {
                --placeholder-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--placeholder-opacity))
            }
            .xl\:placeholder-red-600::placeholder {
                --placeholder-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--placeholder-opacity))
            }
            .xl\:placeholder-red-700::placeholder {
                --placeholder-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--placeholder-opacity))
            }
            .xl\:placeholder-red-800::placeholder {
                --placeholder-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--placeholder-opacity))
            }
            .xl\:placeholder-red-900::placeholder {
                --placeholder-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--placeholder-opacity))
            }
            .xl\:placeholder-orange-100::placeholder {
                --placeholder-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--placeholder-opacity))
            }
            .xl\:placeholder-orange-200::placeholder {
                --placeholder-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--placeholder-opacity))
            }
            .xl\:placeholder-orange-300::placeholder {
                --placeholder-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--placeholder-opacity))
            }
            .xl\:placeholder-orange-400::placeholder {
                --placeholder-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--placeholder-opacity))
            }
            .xl\:placeholder-orange-500::placeholder {
                --placeholder-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--placeholder-opacity))
            }
            .xl\:placeholder-orange-600::placeholder {
                --placeholder-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--placeholder-opacity))
            }
            .xl\:placeholder-orange-700::placeholder {
                --placeholder-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--placeholder-opacity))
            }
            .xl\:placeholder-orange-800::placeholder {
                --placeholder-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--placeholder-opacity))
            }
            .xl\:placeholder-orange-900::placeholder {
                --placeholder-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--placeholder-opacity))
            }
            .xl\:placeholder-yellow-100::placeholder {
                --placeholder-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--placeholder-opacity))
            }
            .xl\:placeholder-yellow-200::placeholder {
                --placeholder-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--placeholder-opacity))
            }
            .xl\:placeholder-yellow-300::placeholder {
                --placeholder-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--placeholder-opacity))
            }
            .xl\:placeholder-yellow-400::placeholder {
                --placeholder-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--placeholder-opacity))
            }
            .xl\:placeholder-yellow-500::placeholder {
                --placeholder-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--placeholder-opacity))
            }
            .xl\:placeholder-yellow-600::placeholder {
                --placeholder-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--placeholder-opacity))
            }
            .xl\:placeholder-yellow-700::placeholder {
                --placeholder-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--placeholder-opacity))
            }
            .xl\:placeholder-yellow-800::placeholder {
                --placeholder-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--placeholder-opacity))
            }
            .xl\:placeholder-yellow-900::placeholder {
                --placeholder-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--placeholder-opacity))
            }
            .xl\:placeholder-green-100::placeholder {
                --placeholder-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--placeholder-opacity))
            }
            .xl\:placeholder-green-200::placeholder {
                --placeholder-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--placeholder-opacity))
            }
            .xl\:placeholder-green-300::placeholder {
                --placeholder-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--placeholder-opacity))
            }
            .xl\:placeholder-green-400::placeholder {
                --placeholder-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--placeholder-opacity))
            }
            .xl\:placeholder-green-500::placeholder {
                --placeholder-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--placeholder-opacity))
            }
            .xl\:placeholder-green-600::placeholder {
                --placeholder-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--placeholder-opacity))
            }
            .xl\:placeholder-green-700::placeholder {
                --placeholder-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--placeholder-opacity))
            }
            .xl\:placeholder-green-800::placeholder {
                --placeholder-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--placeholder-opacity))
            }
            .xl\:placeholder-green-900::placeholder {
                --placeholder-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--placeholder-opacity))
            }
            .xl\:placeholder-teal-100::placeholder {
                --placeholder-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--placeholder-opacity))
            }
            .xl\:placeholder-teal-200::placeholder {
                --placeholder-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--placeholder-opacity))
            }
            .xl\:placeholder-teal-300::placeholder {
                --placeholder-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--placeholder-opacity))
            }
            .xl\:placeholder-teal-400::placeholder {
                --placeholder-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--placeholder-opacity))
            }
            .xl\:placeholder-teal-500::placeholder {
                --placeholder-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--placeholder-opacity))
            }
            .xl\:placeholder-teal-600::placeholder {
                --placeholder-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--placeholder-opacity))
            }
            .xl\:placeholder-teal-700::placeholder {
                --placeholder-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--placeholder-opacity))
            }
            .xl\:placeholder-teal-800::placeholder {
                --placeholder-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--placeholder-opacity))
            }
            .xl\:placeholder-teal-900::placeholder {
                --placeholder-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--placeholder-opacity))
            }
            .xl\:placeholder-blue-100::placeholder {
                --placeholder-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--placeholder-opacity))
            }
            .xl\:placeholder-blue-200::placeholder {
                --placeholder-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--placeholder-opacity))
            }
            .xl\:placeholder-blue-300::placeholder {
                --placeholder-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--placeholder-opacity))
            }
            .xl\:placeholder-blue-400::placeholder {
                --placeholder-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--placeholder-opacity))
            }
            .xl\:placeholder-blue-500::placeholder {
                --placeholder-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--placeholder-opacity))
            }
            .xl\:placeholder-blue-600::placeholder {
                --placeholder-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--placeholder-opacity))
            }
            .xl\:placeholder-blue-700::placeholder {
                --placeholder-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--placeholder-opacity))
            }
            .xl\:placeholder-blue-800::placeholder {
                --placeholder-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--placeholder-opacity))
            }
            .xl\:placeholder-blue-900::placeholder {
                --placeholder-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--placeholder-opacity))
            }
            .xl\:placeholder-indigo-100::placeholder {
                --placeholder-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--placeholder-opacity))
            }
            .xl\:placeholder-indigo-200::placeholder {
                --placeholder-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--placeholder-opacity))
            }
            .xl\:placeholder-indigo-300::placeholder {
                --placeholder-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--placeholder-opacity))
            }
            .xl\:placeholder-indigo-400::placeholder {
                --placeholder-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--placeholder-opacity))
            }
            .xl\:placeholder-indigo-500::placeholder {
                --placeholder-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--placeholder-opacity))
            }
            .xl\:placeholder-indigo-600::placeholder {
                --placeholder-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--placeholder-opacity))
            }
            .xl\:placeholder-indigo-700::placeholder {
                --placeholder-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--placeholder-opacity))
            }
            .xl\:placeholder-indigo-800::placeholder {
                --placeholder-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--placeholder-opacity))
            }
            .xl\:placeholder-indigo-900::placeholder {
                --placeholder-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--placeholder-opacity))
            }
            .xl\:placeholder-purple-100::placeholder {
                --placeholder-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--placeholder-opacity))
            }
            .xl\:placeholder-purple-200::placeholder {
                --placeholder-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--placeholder-opacity))
            }
            .xl\:placeholder-purple-300::placeholder {
                --placeholder-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--placeholder-opacity))
            }
            .xl\:placeholder-purple-400::placeholder {
                --placeholder-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--placeholder-opacity))
            }
            .xl\:placeholder-purple-500::placeholder {
                --placeholder-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--placeholder-opacity))
            }
            .xl\:placeholder-purple-600::placeholder {
                --placeholder-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--placeholder-opacity))
            }
            .xl\:placeholder-purple-700::placeholder {
                --placeholder-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--placeholder-opacity))
            }
            .xl\:placeholder-purple-800::placeholder {
                --placeholder-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--placeholder-opacity))
            }
            .xl\:placeholder-purple-900::placeholder {
                --placeholder-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--placeholder-opacity))
            }
            .xl\:placeholder-pink-100::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--placeholder-opacity))
            }
            .xl\:placeholder-pink-200::placeholder {
                --placeholder-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--placeholder-opacity))
            }
            .xl\:placeholder-pink-300::placeholder {
                --placeholder-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--placeholder-opacity))
            }
            .xl\:placeholder-pink-400::placeholder {
                --placeholder-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--placeholder-opacity))
            }
            .xl\:placeholder-pink-500::placeholder {
                --placeholder-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--placeholder-opacity))
            }
            .xl\:placeholder-pink-600::placeholder {
                --placeholder-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--placeholder-opacity))
            }
            .xl\:placeholder-pink-700::placeholder {
                --placeholder-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--placeholder-opacity))
            }
            .xl\:placeholder-pink-800::placeholder {
                --placeholder-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--placeholder-opacity))
            }
            .xl\:placeholder-pink-900::placeholder {
                --placeholder-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-transparent:focus::placeholder {
                color: transparent
            }
            .xl\:focus\:placeholder-current:focus::placeholder {
                color: currentColor
            }
            .xl\:focus\:placeholder-black:focus::placeholder {
                --placeholder-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-white:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-gray-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-gray-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-gray-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-gray-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-gray-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-gray-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-gray-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-gray-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-gray-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-red-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-red-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-red-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-red-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-red-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-red-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-red-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-red-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-red-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-orange-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-orange-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-orange-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-orange-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-orange-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-orange-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-orange-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-orange-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-orange-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-yellow-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-yellow-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-yellow-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-yellow-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-yellow-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-yellow-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-yellow-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-yellow-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-yellow-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-green-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-green-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-green-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-green-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-green-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-green-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-green-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-green-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-green-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-teal-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-teal-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-teal-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-teal-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-teal-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-teal-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-teal-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-teal-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-teal-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-blue-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-blue-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-blue-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-blue-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-blue-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-blue-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-blue-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-blue-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-blue-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-indigo-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-indigo-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-indigo-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-indigo-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-indigo-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-indigo-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-indigo-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-indigo-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-indigo-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-purple-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-purple-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-purple-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-purple-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-purple-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-purple-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-purple-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-purple-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-purple-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-pink-100:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-pink-200:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-pink-300:focus::placeholder {
                --placeholder-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-pink-400:focus::placeholder {
                --placeholder-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-pink-500:focus::placeholder {
                --placeholder-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-pink-600:focus::placeholder {
                --placeholder-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-pink-700:focus::placeholder {
                --placeholder-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-pink-800:focus::placeholder {
                --placeholder-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--placeholder-opacity))
            }
            .xl\:focus\:placeholder-pink-900:focus::placeholder {
                --placeholder-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--placeholder-opacity))
            }
            .xl\:placeholder-opacity-0::placeholder {
                --placeholder-opacity: 0
            }
            .xl\:placeholder-opacity-25::placeholder {
                --placeholder-opacity: 0.25
            }
            .xl\:placeholder-opacity-50::placeholder {
                --placeholder-opacity: 0.5
            }
            .xl\:placeholder-opacity-75::placeholder {
                --placeholder-opacity: 0.75
            }
            .xl\:placeholder-opacity-100::placeholder {
                --placeholder-opacity: 1
            }
            .xl\:focus\:placeholder-opacity-0:focus::placeholder {
                --placeholder-opacity: 0
            }
            .xl\:focus\:placeholder-opacity-25:focus::placeholder {
                --placeholder-opacity: 0.25
            }
            .xl\:focus\:placeholder-opacity-50:focus::placeholder {
                --placeholder-opacity: 0.5
            }
            .xl\:focus\:placeholder-opacity-75:focus::placeholder {
                --placeholder-opacity: 0.75
            }
            .xl\:focus\:placeholder-opacity-100:focus::placeholder {
                --placeholder-opacity: 1
            }
            .xl\:pointer-events-none {
                pointer-events: none
            }
            .xl\:pointer-events-auto {
                pointer-events: auto
            }
            .xl\:static {
                position: static
            }
            .xl\:fixed {
                position: fixed
            }
            .xl\:absolute {
                position: absolute
            }
            .xl\:relative {
                position: relative
            }
            .xl\:sticky {
                position: sticky
            }
            .xl\:inset-0 {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }
            .xl\:inset-auto {
                top: auto;
                right: auto;
                bottom: auto;
                left: auto
            }
            .xl\:inset-y-0 {
                top: 0;
                bottom: 0
            }
            .xl\:inset-x-0 {
                right: 0;
                left: 0
            }
            .xl\:inset-y-auto {
                top: auto;
                bottom: auto
            }
            .xl\:inset-x-auto {
                right: auto;
                left: auto
            }
            .xl\:top-0 {
                top: 0
            }
            .xl\:right-0 {
                right: 0
            }
            .xl\:bottom-0 {
                bottom: 0
            }
            .xl\:left-0 {
                left: 0
            }
            .xl\:top-auto {
                top: auto
            }
            .xl\:right-auto {
                right: auto
            }
            .xl\:bottom-auto {
                bottom: auto
            }
            .xl\:left-auto {
                left: auto
            }
            .xl\:resize-none {
                resize: none
            }
            .xl\:resize-y {
                resize: vertical
            }
            .xl\:resize-x {
                resize: horizontal
            }
            .xl\:resize {
                resize: both
            }
            .xl\:shadow-xs {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .xl\:shadow-sm {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .xl\:shadow {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .xl\:shadow-md {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .xl\:shadow-lg {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .xl\:shadow-xl {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .xl\:shadow-2xl {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .xl\:shadow-inner {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .xl\:shadow-outline {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .xl\:shadow-none {
                box-shadow: none
            }
            .xl\:hover\:shadow-xs:hover {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .xl\:hover\:shadow-sm:hover {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .xl\:hover\:shadow:hover {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .xl\:hover\:shadow-md:hover {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .xl\:hover\:shadow-lg:hover {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .xl\:hover\:shadow-xl:hover {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .xl\:hover\:shadow-2xl:hover {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .xl\:hover\:shadow-inner:hover {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .xl\:hover\:shadow-outline:hover {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .xl\:hover\:shadow-none:hover {
                box-shadow: none
            }
            .xl\:focus\:shadow-xs:focus {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
            }
            .xl\:focus\:shadow-sm:focus {
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
            }
            .xl\:focus\:shadow:focus {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
            }
            .xl\:focus\:shadow-md:focus {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
            }
            .xl\:focus\:shadow-lg:focus {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
            }
            .xl\:focus\:shadow-xl:focus {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
            }
            .xl\:focus\:shadow-2xl:focus {
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
            }
            .xl\:focus\:shadow-inner:focus {
                box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
            }
            .xl\:focus\:shadow-outline:focus {
                box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
            }
            .xl\:focus\:shadow-none:focus {
                box-shadow: none
            }
            .xl\:fill-current {
                fill: currentColor
            }
            .xl\:stroke-current {
                stroke: currentColor
            }
            .xl\:stroke-0 {
                stroke-width: 0
            }
            .xl\:stroke-1 {
                stroke-width: 1
            }
            .xl\:stroke-2 {
                stroke-width: 2
            }
            .xl\:table-auto {
                table-layout: auto
            }
            .xl\:table-fixed {
                table-layout: fixed
            }
            .xl\:text-left {
                text-align: left
            }
            .xl\:text-center {
                text-align: center
            }
            .xl\:text-right {
                text-align: right
            }
            .xl\:text-justify {
                text-align: justify
            }
            .xl\:text-transparent {
                color: transparent
            }
            .xl\:text-current {
                color: currentColor
            }
            .xl\:text-black {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .xl\:text-white {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .xl\:text-gray-100 {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .xl\:text-gray-200 {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .xl\:text-gray-300 {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .xl\:text-gray-400 {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .xl\:text-gray-500 {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .xl\:text-gray-600 {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .xl\:text-gray-700 {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .xl\:text-gray-800 {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .xl\:text-gray-900 {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .xl\:text-red-100 {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .xl\:text-red-200 {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .xl\:text-red-300 {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .xl\:text-red-400 {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .xl\:text-red-500 {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .xl\:text-red-600 {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .xl\:text-red-700 {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .xl\:text-red-800 {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .xl\:text-red-900 {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .xl\:text-orange-100 {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .xl\:text-orange-200 {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .xl\:text-orange-300 {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .xl\:text-orange-400 {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .xl\:text-orange-500 {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .xl\:text-orange-600 {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .xl\:text-orange-700 {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .xl\:text-orange-800 {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .xl\:text-orange-900 {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .xl\:text-yellow-100 {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .xl\:text-yellow-200 {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .xl\:text-yellow-300 {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .xl\:text-yellow-400 {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .xl\:text-yellow-500 {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .xl\:text-yellow-600 {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .xl\:text-yellow-700 {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .xl\:text-yellow-800 {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .xl\:text-yellow-900 {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .xl\:text-green-100 {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .xl\:text-green-200 {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .xl\:text-green-300 {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .xl\:text-green-400 {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .xl\:text-green-500 {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .xl\:text-green-600 {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .xl\:text-green-700 {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .xl\:text-green-800 {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .xl\:text-green-900 {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .xl\:text-teal-100 {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .xl\:text-teal-200 {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .xl\:text-teal-300 {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .xl\:text-teal-400 {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .xl\:text-teal-500 {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .xl\:text-teal-600 {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .xl\:text-teal-700 {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .xl\:text-teal-800 {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .xl\:text-teal-900 {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .xl\:text-blue-100 {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .xl\:text-blue-200 {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .xl\:text-blue-300 {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .xl\:text-blue-400 {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .xl\:text-blue-500 {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .xl\:text-blue-600 {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .xl\:text-blue-700 {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .xl\:text-blue-800 {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .xl\:text-blue-900 {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .xl\:text-indigo-100 {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .xl\:text-indigo-200 {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .xl\:text-indigo-300 {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .xl\:text-indigo-400 {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .xl\:text-indigo-500 {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .xl\:text-indigo-600 {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .xl\:text-indigo-700 {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .xl\:text-indigo-800 {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .xl\:text-indigo-900 {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .xl\:text-purple-100 {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .xl\:text-purple-200 {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .xl\:text-purple-300 {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .xl\:text-purple-400 {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .xl\:text-purple-500 {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .xl\:text-purple-600 {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .xl\:text-purple-700 {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .xl\:text-purple-800 {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .xl\:text-purple-900 {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .xl\:text-pink-100 {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .xl\:text-pink-200 {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .xl\:text-pink-300 {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .xl\:text-pink-400 {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .xl\:text-pink-500 {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .xl\:text-pink-600 {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .xl\:text-pink-700 {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .xl\:text-pink-800 {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .xl\:text-pink-900 {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .xl\:hover\:text-transparent:hover {
                color: transparent
            }
            .xl\:hover\:text-current:hover {
                color: currentColor
            }
            .xl\:hover\:text-black:hover {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .xl\:hover\:text-white:hover {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .xl\:hover\:text-gray-100:hover {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .xl\:hover\:text-gray-200:hover {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .xl\:hover\:text-gray-300:hover {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .xl\:hover\:text-gray-400:hover {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .xl\:hover\:text-gray-500:hover {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .xl\:hover\:text-gray-600:hover {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .xl\:hover\:text-gray-700:hover {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .xl\:hover\:text-gray-800:hover {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .xl\:hover\:text-gray-900:hover {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .xl\:hover\:text-red-100:hover {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .xl\:hover\:text-red-200:hover {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .xl\:hover\:text-red-300:hover {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .xl\:hover\:text-red-400:hover {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .xl\:hover\:text-red-500:hover {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .xl\:hover\:text-red-600:hover {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .xl\:hover\:text-red-700:hover {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .xl\:hover\:text-red-800:hover {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .xl\:hover\:text-red-900:hover {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .xl\:hover\:text-orange-100:hover {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .xl\:hover\:text-orange-200:hover {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .xl\:hover\:text-orange-300:hover {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .xl\:hover\:text-orange-400:hover {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .xl\:hover\:text-orange-500:hover {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .xl\:hover\:text-orange-600:hover {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .xl\:hover\:text-orange-700:hover {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .xl\:hover\:text-orange-800:hover {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .xl\:hover\:text-orange-900:hover {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .xl\:hover\:text-yellow-100:hover {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .xl\:hover\:text-yellow-200:hover {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .xl\:hover\:text-yellow-300:hover {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .xl\:hover\:text-yellow-400:hover {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .xl\:hover\:text-yellow-500:hover {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .xl\:hover\:text-yellow-600:hover {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .xl\:hover\:text-yellow-700:hover {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .xl\:hover\:text-yellow-800:hover {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .xl\:hover\:text-yellow-900:hover {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .xl\:hover\:text-green-100:hover {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .xl\:hover\:text-green-200:hover {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .xl\:hover\:text-green-300:hover {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .xl\:hover\:text-green-400:hover {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .xl\:hover\:text-green-500:hover {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .xl\:hover\:text-green-600:hover {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .xl\:hover\:text-green-700:hover {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .xl\:hover\:text-green-800:hover {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .xl\:hover\:text-green-900:hover {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .xl\:hover\:text-teal-100:hover {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .xl\:hover\:text-teal-200:hover {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .xl\:hover\:text-teal-300:hover {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .xl\:hover\:text-teal-400:hover {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .xl\:hover\:text-teal-500:hover {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .xl\:hover\:text-teal-600:hover {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .xl\:hover\:text-teal-700:hover {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .xl\:hover\:text-teal-800:hover {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .xl\:hover\:text-teal-900:hover {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .xl\:hover\:text-blue-100:hover {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .xl\:hover\:text-blue-200:hover {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .xl\:hover\:text-blue-300:hover {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .xl\:hover\:text-blue-400:hover {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .xl\:hover\:text-blue-500:hover {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .xl\:hover\:text-blue-600:hover {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .xl\:hover\:text-blue-700:hover {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .xl\:hover\:text-blue-800:hover {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .xl\:hover\:text-blue-900:hover {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .xl\:hover\:text-indigo-100:hover {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .xl\:hover\:text-indigo-200:hover {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .xl\:hover\:text-indigo-300:hover {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .xl\:hover\:text-indigo-400:hover {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .xl\:hover\:text-indigo-500:hover {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .xl\:hover\:text-indigo-600:hover {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .xl\:hover\:text-indigo-700:hover {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .xl\:hover\:text-indigo-800:hover {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .xl\:hover\:text-indigo-900:hover {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .xl\:hover\:text-purple-100:hover {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .xl\:hover\:text-purple-200:hover {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .xl\:hover\:text-purple-300:hover {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .xl\:hover\:text-purple-400:hover {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .xl\:hover\:text-purple-500:hover {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .xl\:hover\:text-purple-600:hover {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .xl\:hover\:text-purple-700:hover {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .xl\:hover\:text-purple-800:hover {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .xl\:hover\:text-purple-900:hover {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .xl\:hover\:text-pink-100:hover {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .xl\:hover\:text-pink-200:hover {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .xl\:hover\:text-pink-300:hover {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .xl\:hover\:text-pink-400:hover {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .xl\:hover\:text-pink-500:hover {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .xl\:hover\:text-pink-600:hover {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .xl\:hover\:text-pink-700:hover {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .xl\:hover\:text-pink-800:hover {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .xl\:hover\:text-pink-900:hover {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .xl\:focus\:text-transparent:focus {
                color: transparent
            }
            .xl\:focus\:text-current:focus {
                color: currentColor
            }
            .xl\:focus\:text-black:focus {
                --text-opacity: 1;
                color: #000;
                color: rgba(0, 0, 0, var(--text-opacity))
            }
            .xl\:focus\:text-white:focus {
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity))
            }
            .xl\:focus\:text-gray-100:focus {
                --text-opacity: 1;
                color: #f7fafc;
                color: rgba(247, 250, 252, var(--text-opacity))
            }
            .xl\:focus\:text-gray-200:focus {
                --text-opacity: 1;
                color: #edf2f7;
                color: rgba(237, 242, 247, var(--text-opacity))
            }
            .xl\:focus\:text-gray-300:focus {
                --text-opacity: 1;
                color: #e2e8f0;
                color: rgba(226, 232, 240, var(--text-opacity))
            }
            .xl\:focus\:text-gray-400:focus {
                --text-opacity: 1;
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--text-opacity))
            }
            .xl\:focus\:text-gray-500:focus {
                --text-opacity: 1;
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--text-opacity))
            }
            .xl\:focus\:text-gray-600:focus {
                --text-opacity: 1;
                color: #718096;
                color: rgba(113, 128, 150, var(--text-opacity))
            }
            .xl\:focus\:text-gray-700:focus {
                --text-opacity: 1;
                color: #4a5568;
                color: rgba(74, 85, 104, var(--text-opacity))
            }
            .xl\:focus\:text-gray-800:focus {
                --text-opacity: 1;
                color: #2d3748;
                color: rgba(45, 55, 72, var(--text-opacity))
            }
            .xl\:focus\:text-gray-900:focus {
                --text-opacity: 1;
                color: #1a202c;
                color: rgba(26, 32, 44, var(--text-opacity))
            }
            .xl\:focus\:text-red-100:focus {
                --text-opacity: 1;
                color: #fff5f5;
                color: rgba(255, 245, 245, var(--text-opacity))
            }
            .xl\:focus\:text-red-200:focus {
                --text-opacity: 1;
                color: #fed7d7;
                color: rgba(254, 215, 215, var(--text-opacity))
            }
            .xl\:focus\:text-red-300:focus {
                --text-opacity: 1;
                color: #feb2b2;
                color: rgba(254, 178, 178, var(--text-opacity))
            }
            .xl\:focus\:text-red-400:focus {
                --text-opacity: 1;
                color: #fc8181;
                color: rgba(252, 129, 129, var(--text-opacity))
            }
            .xl\:focus\:text-red-500:focus {
                --text-opacity: 1;
                color: #f56565;
                color: rgba(245, 101, 101, var(--text-opacity))
            }
            .xl\:focus\:text-red-600:focus {
                --text-opacity: 1;
                color: #e53e3e;
                color: rgba(229, 62, 62, var(--text-opacity))
            }
            .xl\:focus\:text-red-700:focus {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197, 48, 48, var(--text-opacity))
            }
            .xl\:focus\:text-red-800:focus {
                --text-opacity: 1;
                color: #9b2c2c;
                color: rgba(155, 44, 44, var(--text-opacity))
            }
            .xl\:focus\:text-red-900:focus {
                --text-opacity: 1;
                color: #742a2a;
                color: rgba(116, 42, 42, var(--text-opacity))
            }
            .xl\:focus\:text-orange-100:focus {
                --text-opacity: 1;
                color: #fffaf0;
                color: rgba(255, 250, 240, var(--text-opacity))
            }
            .xl\:focus\:text-orange-200:focus {
                --text-opacity: 1;
                color: #feebc8;
                color: rgba(254, 235, 200, var(--text-opacity))
            }
            .xl\:focus\:text-orange-300:focus {
                --text-opacity: 1;
                color: #fbd38d;
                color: rgba(251, 211, 141, var(--text-opacity))
            }
            .xl\:focus\:text-orange-400:focus {
                --text-opacity: 1;
                color: #f6ad55;
                color: rgba(246, 173, 85, var(--text-opacity))
            }
            .xl\:focus\:text-orange-500:focus {
                --text-opacity: 1;
                color: #ed8936;
                color: rgba(237, 137, 54, var(--text-opacity))
            }
            .xl\:focus\:text-orange-600:focus {
                --text-opacity: 1;
                color: #dd6b20;
                color: rgba(221, 107, 32, var(--text-opacity))
            }
            .xl\:focus\:text-orange-700:focus {
                --text-opacity: 1;
                color: #c05621;
                color: rgba(192, 86, 33, var(--text-opacity))
            }
            .xl\:focus\:text-orange-800:focus {
                --text-opacity: 1;
                color: #9c4221;
                color: rgba(156, 66, 33, var(--text-opacity))
            }
            .xl\:focus\:text-orange-900:focus {
                --text-opacity: 1;
                color: #7b341e;
                color: rgba(123, 52, 30, var(--text-opacity))
            }
            .xl\:focus\:text-yellow-100:focus {
                --text-opacity: 1;
                color: ivory;
                color: rgba(255, 255, 240, var(--text-opacity))
            }
            .xl\:focus\:text-yellow-200:focus {
                --text-opacity: 1;
                color: #fefcbf;
                color: rgba(254, 252, 191, var(--text-opacity))
            }
            .xl\:focus\:text-yellow-300:focus {
                --text-opacity: 1;
                color: #faf089;
                color: rgba(250, 240, 137, var(--text-opacity))
            }
            .xl\:focus\:text-yellow-400:focus {
                --text-opacity: 1;
                color: #f6e05e;
                color: rgba(246, 224, 94, var(--text-opacity))
            }
            .xl\:focus\:text-yellow-500:focus {
                --text-opacity: 1;
                color: #ecc94b;
                color: rgba(236, 201, 75, var(--text-opacity))
            }
            .xl\:focus\:text-yellow-600:focus {
                --text-opacity: 1;
                color: #d69e2e;
                color: rgba(214, 158, 46, var(--text-opacity))
            }
            .xl\:focus\:text-yellow-700:focus {
                --text-opacity: 1;
                color: #b7791f;
                color: rgba(183, 121, 31, var(--text-opacity))
            }
            .xl\:focus\:text-yellow-800:focus {
                --text-opacity: 1;
                color: #975a16;
                color: rgba(151, 90, 22, var(--text-opacity))
            }
            .xl\:focus\:text-yellow-900:focus {
                --text-opacity: 1;
                color: #744210;
                color: rgba(116, 66, 16, var(--text-opacity))
            }
            .xl\:focus\:text-green-100:focus {
                --text-opacity: 1;
                color: #f0fff4;
                color: rgba(240, 255, 244, var(--text-opacity))
            }
            .xl\:focus\:text-green-200:focus {
                --text-opacity: 1;
                color: #c6f6d5;
                color: rgba(198, 246, 213, var(--text-opacity))
            }
            .xl\:focus\:text-green-300:focus {
                --text-opacity: 1;
                color: #9ae6b4;
                color: rgba(154, 230, 180, var(--text-opacity))
            }
            .xl\:focus\:text-green-400:focus {
                --text-opacity: 1;
                color: #68d391;
                color: rgba(104, 211, 145, var(--text-opacity))
            }
            .xl\:focus\:text-green-500:focus {
                --text-opacity: 1;
                color: #48bb78;
                color: rgba(72, 187, 120, var(--text-opacity))
            }
            .xl\:focus\:text-green-600:focus {
                --text-opacity: 1;
                color: #38a169;
                color: rgba(56, 161, 105, var(--text-opacity))
            }
            .xl\:focus\:text-green-700:focus {
                --text-opacity: 1;
                color: #2f855a;
                color: rgba(47, 133, 90, var(--text-opacity))
            }
            .xl\:focus\:text-green-800:focus {
                --text-opacity: 1;
                color: #276749;
                color: rgba(39, 103, 73, var(--text-opacity))
            }
            .xl\:focus\:text-green-900:focus {
                --text-opacity: 1;
                color: #22543d;
                color: rgba(34, 84, 61, var(--text-opacity))
            }
            .xl\:focus\:text-teal-100:focus {
                --text-opacity: 1;
                color: #e6fffa;
                color: rgba(230, 255, 250, var(--text-opacity))
            }
            .xl\:focus\:text-teal-200:focus {
                --text-opacity: 1;
                color: #b2f5ea;
                color: rgba(178, 245, 234, var(--text-opacity))
            }
            .xl\:focus\:text-teal-300:focus {
                --text-opacity: 1;
                color: #81e6d9;
                color: rgba(129, 230, 217, var(--text-opacity))
            }
            .xl\:focus\:text-teal-400:focus {
                --text-opacity: 1;
                color: #4fd1c5;
                color: rgba(79, 209, 197, var(--text-opacity))
            }
            .xl\:focus\:text-teal-500:focus {
                --text-opacity: 1;
                color: #38b2ac;
                color: rgba(56, 178, 172, var(--text-opacity))
            }
            .xl\:focus\:text-teal-600:focus {
                --text-opacity: 1;
                color: #319795;
                color: rgba(49, 151, 149, var(--text-opacity))
            }
            .xl\:focus\:text-teal-700:focus {
                --text-opacity: 1;
                color: #2c7a7b;
                color: rgba(44, 122, 123, var(--text-opacity))
            }
            .xl\:focus\:text-teal-800:focus {
                --text-opacity: 1;
                color: #285e61;
                color: rgba(40, 94, 97, var(--text-opacity))
            }
            .xl\:focus\:text-teal-900:focus {
                --text-opacity: 1;
                color: #234e52;
                color: rgba(35, 78, 82, var(--text-opacity))
            }
            .xl\:focus\:text-blue-100:focus {
                --text-opacity: 1;
                color: #ebf8ff;
                color: rgba(235, 248, 255, var(--text-opacity))
            }
            .xl\:focus\:text-blue-200:focus {
                --text-opacity: 1;
                color: #bee3f8;
                color: rgba(190, 227, 248, var(--text-opacity))
            }
            .xl\:focus\:text-blue-300:focus {
                --text-opacity: 1;
                color: #90cdf4;
                color: rgba(144, 205, 244, var(--text-opacity))
            }
            .xl\:focus\:text-blue-400:focus {
                --text-opacity: 1;
                color: #63b3ed;
                color: rgba(99, 179, 237, var(--text-opacity))
            }
            .xl\:focus\:text-blue-500:focus {
                --text-opacity: 1;
                color: #4299e1;
                color: rgba(66, 153, 225, var(--text-opacity))
            }
            .xl\:focus\:text-blue-600:focus {
                --text-opacity: 1;
                color: #3182ce;
                color: rgba(49, 130, 206, var(--text-opacity))
            }
            .xl\:focus\:text-blue-700:focus {
                --text-opacity: 1;
                color: #2b6cb0;
                color: rgba(43, 108, 176, var(--text-opacity))
            }
            .xl\:focus\:text-blue-800:focus {
                --text-opacity: 1;
                color: #2c5282;
                color: rgba(44, 82, 130, var(--text-opacity))
            }
            .xl\:focus\:text-blue-900:focus {
                --text-opacity: 1;
                color: #2a4365;
                color: rgba(42, 67, 101, var(--text-opacity))
            }
            .xl\:focus\:text-indigo-100:focus {
                --text-opacity: 1;
                color: #ebf4ff;
                color: rgba(235, 244, 255, var(--text-opacity))
            }
            .xl\:focus\:text-indigo-200:focus {
                --text-opacity: 1;
                color: #c3dafe;
                color: rgba(195, 218, 254, var(--text-opacity))
            }
            .xl\:focus\:text-indigo-300:focus {
                --text-opacity: 1;
                color: #a3bffa;
                color: rgba(163, 191, 250, var(--text-opacity))
            }
            .xl\:focus\:text-indigo-400:focus {
                --text-opacity: 1;
                color: #7f9cf5;
                color: rgba(127, 156, 245, var(--text-opacity))
            }
            .xl\:focus\:text-indigo-500:focus {
                --text-opacity: 1;
                color: #667eea;
                color: rgba(102, 126, 234, var(--text-opacity))
            }
            .xl\:focus\:text-indigo-600:focus {
                --text-opacity: 1;
                color: #5a67d8;
                color: rgba(90, 103, 216, var(--text-opacity))
            }
            .xl\:focus\:text-indigo-700:focus {
                --text-opacity: 1;
                color: #4c51bf;
                color: rgba(76, 81, 191, var(--text-opacity))
            }
            .xl\:focus\:text-indigo-800:focus {
                --text-opacity: 1;
                color: #434190;
                color: rgba(67, 65, 144, var(--text-opacity))
            }
            .xl\:focus\:text-indigo-900:focus {
                --text-opacity: 1;
                color: #3c366b;
                color: rgba(60, 54, 107, var(--text-opacity))
            }
            .xl\:focus\:text-purple-100:focus {
                --text-opacity: 1;
                color: #faf5ff;
                color: rgba(250, 245, 255, var(--text-opacity))
            }
            .xl\:focus\:text-purple-200:focus {
                --text-opacity: 1;
                color: #e9d8fd;
                color: rgba(233, 216, 253, var(--text-opacity))
            }
            .xl\:focus\:text-purple-300:focus {
                --text-opacity: 1;
                color: #d6bcfa;
                color: rgba(214, 188, 250, var(--text-opacity))
            }
            .xl\:focus\:text-purple-400:focus {
                --text-opacity: 1;
                color: #b794f4;
                color: rgba(183, 148, 244, var(--text-opacity))
            }
            .xl\:focus\:text-purple-500:focus {
                --text-opacity: 1;
                color: #9f7aea;
                color: rgba(159, 122, 234, var(--text-opacity))
            }
            .xl\:focus\:text-purple-600:focus {
                --text-opacity: 1;
                color: #805ad5;
                color: rgba(128, 90, 213, var(--text-opacity))
            }
            .xl\:focus\:text-purple-700:focus {
                --text-opacity: 1;
                color: #6b46c1;
                color: rgba(107, 70, 193, var(--text-opacity))
            }
            .xl\:focus\:text-purple-800:focus {
                --text-opacity: 1;
                color: #553c9a;
                color: rgba(85, 60, 154, var(--text-opacity))
            }
            .xl\:focus\:text-purple-900:focus {
                --text-opacity: 1;
                color: #44337a;
                color: rgba(68, 51, 122, var(--text-opacity))
            }
            .xl\:focus\:text-pink-100:focus {
                --text-opacity: 1;
                color: #fff5f7;
                color: rgba(255, 245, 247, var(--text-opacity))
            }
            .xl\:focus\:text-pink-200:focus {
                --text-opacity: 1;
                color: #fed7e2;
                color: rgba(254, 215, 226, var(--text-opacity))
            }
            .xl\:focus\:text-pink-300:focus {
                --text-opacity: 1;
                color: #fbb6ce;
                color: rgba(251, 182, 206, var(--text-opacity))
            }
            .xl\:focus\:text-pink-400:focus {
                --text-opacity: 1;
                color: #f687b3;
                color: rgba(246, 135, 179, var(--text-opacity))
            }
            .xl\:focus\:text-pink-500:focus {
                --text-opacity: 1;
                color: #ed64a6;
                color: rgba(237, 100, 166, var(--text-opacity))
            }
            .xl\:focus\:text-pink-600:focus {
                --text-opacity: 1;
                color: #d53f8c;
                color: rgba(213, 63, 140, var(--text-opacity))
            }
            .xl\:focus\:text-pink-700:focus {
                --text-opacity: 1;
                color: #b83280;
                color: rgba(184, 50, 128, var(--text-opacity))
            }
            .xl\:focus\:text-pink-800:focus {
                --text-opacity: 1;
                color: #97266d;
                color: rgba(151, 38, 109, var(--text-opacity))
            }
            .xl\:focus\:text-pink-900:focus {
                --text-opacity: 1;
                color: #702459;
                color: rgba(112, 36, 89, var(--text-opacity))
            }
            .xl\:text-opacity-0 {
                --text-opacity: 0
            }
            .xl\:text-opacity-25 {
                --text-opacity: 0.25
            }
            .xl\:text-opacity-50 {
                --text-opacity: 0.5
            }
            .xl\:text-opacity-75 {
                --text-opacity: 0.75
            }
            .xl\:text-opacity-100 {
                --text-opacity: 1
            }
            .xl\:hover\:text-opacity-0:hover {
                --text-opacity: 0
            }
            .xl\:hover\:text-opacity-25:hover {
                --text-opacity: 0.25
            }
            .xl\:hover\:text-opacity-50:hover {
                --text-opacity: 0.5
            }
            .xl\:hover\:text-opacity-75:hover {
                --text-opacity: 0.75
            }
            .xl\:hover\:text-opacity-100:hover {
                --text-opacity: 1
            }
            .xl\:focus\:text-opacity-0:focus {
                --text-opacity: 0
            }
            .xl\:focus\:text-opacity-25:focus {
                --text-opacity: 0.25
            }
            .xl\:focus\:text-opacity-50:focus {
                --text-opacity: 0.5
            }
            .xl\:focus\:text-opacity-75:focus {
                --text-opacity: 0.75
            }
            .xl\:focus\:text-opacity-100:focus {
                --text-opacity: 1
            }
            .xl\:italic {
                font-style: italic
            }
            .xl\:not-italic {
                font-style: normal
            }
            .xl\:uppercase {
                text-transform: uppercase
            }
            .xl\:lowercase {
                text-transform: lowercase
            }
            .xl\:capitalize {
                text-transform: capitalize
            }
            .xl\:normal-case {
                text-transform: none
            }
            .xl\:underline {
                text-decoration: underline
            }
            .xl\:line-through {
                text-decoration: line-through
            }
            .xl\:no-underline {
                text-decoration: none
            }
            .xl\:hover\:underline:hover {
                text-decoration: underline
            }
            .xl\:hover\:line-through:hover {
                text-decoration: line-through
            }
            .xl\:hover\:no-underline:hover {
                text-decoration: none
            }
            .xl\:focus\:underline:focus {
                text-decoration: underline
            }
            .xl\:focus\:line-through:focus {
                text-decoration: line-through
            }
            .xl\:focus\:no-underline:focus {
                text-decoration: none
            }
            .xl\:antialiased {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }
            .xl\:subpixel-antialiased {
                -webkit-font-smoothing: auto;
                -moz-osx-font-smoothing: auto
            }
            .xl\:tracking-tighter {
                letter-spacing: -.05em
            }
            .xl\:tracking-tight {
                letter-spacing: -.025em
            }
            .xl\:tracking-normal {
                letter-spacing: 0
            }
            .xl\:tracking-wide {
                letter-spacing: .025em
            }
            .xl\:tracking-wider {
                letter-spacing: .05em
            }
            .xl\:tracking-widest {
                letter-spacing: .1em
            }
            .xl\:select-none {
                user-select: none
            }
            .xl\:select-text {
                user-select: text
            }
            .xl\:select-all {
                user-select: all
            }
            .xl\:select-auto {
                user-select: auto
            }
            .xl\:align-baseline {
                vertical-align: baseline
            }
            .xl\:align-top {
                vertical-align: top
            }
            .xl\:align-middle {
                vertical-align: middle
            }
            .xl\:align-bottom {
                vertical-align: bottom
            }
            .xl\:align-text-top {
                vertical-align: text-top
            }
            .xl\:align-text-bottom {
                vertical-align: text-bottom
            }
            .xl\:visible {
                visibility: visible
            }
            .xl\:invisible {
                visibility: hidden
            }
            .xl\:whitespace-normal {
                white-space: normal
            }
            .xl\:whitespace-no-wrap {
                white-space: nowrap
            }
            .xl\:whitespace-pre {
                white-space: pre
            }
            .xl\:whitespace-pre-line {
                white-space: pre-line
            }
            .xl\:whitespace-pre-wrap {
                white-space: pre-wrap
            }
            .xl\:break-normal {
                overflow-wrap: normal;
                word-break: normal
            }
            .xl\:break-words {
                overflow-wrap: break-word
            }
            .xl\:break-all {
                word-break: break-all
            }
            .xl\:truncate {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }
            .xl\:w-0 {
                width: 0
            }
            .xl\:w-1 {
                width: 8px
            }
            .xl\:w-2 {
                width: 12px
            }
            .xl\:w-3 {
                width: 16px
            }
            .xl\:w-4 {
                width: 24px
            }
            .xl\:w-5 {
                width: 32px
            }
            .xl\:w-6 {
                width: 48px
            }
            .xl\:w-7 {
                width: 60px
            }
            .xl\:w-8 {
                width: 72px
            }
            .xl\:w-9 {
                width: 84px
            }
            .xl\:w-10 {
                width: 96px
            }
            .xl\:w-auto {
                width: auto
            }
            .xl\:w-0\.5 {
                width: 4px
            }
            .xl\:w-1\/2 {
                width: 50%
            }
            .xl\:w-1\/3 {
                width: 33.333333%
            }
            .xl\:w-2\/3 {
                width: 66.666667%
            }
            .xl\:w-1\/4 {
                width: 25%
            }
            .xl\:w-2\/4 {
                width: 50%
            }
            .xl\:w-3\/4 {
                width: 75%
            }
            .xl\:w-1\/5 {
                width: 20%
            }
            .xl\:w-2\/5 {
                width: 40%
            }
            .xl\:w-3\/5 {
                width: 60%
            }
            .xl\:w-4\/5 {
                width: 80%
            }
            .xl\:w-1\/6 {
                width: 16.666667%
            }
            .xl\:w-2\/6 {
                width: 33.333333%
            }
            .xl\:w-3\/6 {
                width: 50%
            }
            .xl\:w-4\/6 {
                width: 66.666667%
            }
            .xl\:w-5\/6 {
                width: 83.333333%
            }
            .xl\:w-1\/12 {
                width: 8.333333%
            }
            .xl\:w-2\/12 {
                width: 16.666667%
            }
            .xl\:w-3\/12 {
                width: 25%
            }
            .xl\:w-4\/12 {
                width: 33.333333%
            }
            .xl\:w-5\/12 {
                width: 41.666667%
            }
            .xl\:w-6\/12 {
                width: 50%
            }
            .xl\:w-7\/12 {
                width: 58.333333%
            }
            .xl\:w-8\/12 {
                width: 66.666667%
            }
            .xl\:w-9\/12 {
                width: 75%
            }
            .xl\:w-10\/12 {
                width: 83.333333%
            }
            .xl\:w-11\/12 {
                width: 91.666667%
            }
            .xl\:w-full {
                width: 100%
            }
            .xl\:w-screen {
                width: 100vw
            }
            .xl\:z-0 {
                z-index: 0
            }
            .xl\:z-10 {
                z-index: 10
            }
            .xl\:z-20 {
                z-index: 20
            }
            .xl\:z-30 {
                z-index: 30
            }
            .xl\:z-40 {
                z-index: 40
            }
            .xl\:z-50 {
                z-index: 50
            }
            .xl\:z-auto {
                z-index: auto
            }
            .xl\:gap-0 {
                grid-gap: 0;
                gap: 0
            }
            .xl\:gap-1 {
                grid-gap: 8px;
                gap: 8px
            }
            .xl\:gap-2 {
                grid-gap: 12px;
                gap: 12px
            }
            .xl\:gap-3 {
                grid-gap: 16px;
                gap: 16px
            }
            .xl\:gap-4 {
                grid-gap: 24px;
                gap: 24px
            }
            .xl\:gap-5 {
                grid-gap: 32px;
                gap: 32px
            }
            .xl\:gap-6 {
                grid-gap: 48px;
                gap: 48px
            }
            .xl\:gap-7 {
                grid-gap: 60px;
                gap: 60px
            }
            .xl\:gap-8 {
                grid-gap: 72px;
                gap: 72px
            }
            .xl\:gap-9 {
                grid-gap: 84px;
                gap: 84px
            }
            .xl\:gap-10 {
                grid-gap: 96px;
                gap: 96px
            }
            .xl\:gap-0\.5 {
                grid-gap: 4px;
                gap: 4px
            }
            .xl\:col-gap-0 {
                grid-column-gap: 0;
                column-gap: 0
            }
            .xl\:col-gap-1 {
                grid-column-gap: 8px;
                column-gap: 8px
            }
            .xl\:col-gap-2 {
                grid-column-gap: 12px;
                column-gap: 12px
            }
            .xl\:col-gap-3 {
                grid-column-gap: 16px;
                column-gap: 16px
            }
            .xl\:col-gap-4 {
                grid-column-gap: 24px;
                column-gap: 24px
            }
            .xl\:col-gap-5 {
                grid-column-gap: 32px;
                column-gap: 32px
            }
            .xl\:col-gap-6 {
                grid-column-gap: 48px;
                column-gap: 48px
            }
            .xl\:col-gap-7 {
                grid-column-gap: 60px;
                column-gap: 60px
            }
            .xl\:col-gap-8 {
                grid-column-gap: 72px;
                column-gap: 72px
            }
            .xl\:col-gap-9 {
                grid-column-gap: 84px;
                column-gap: 84px
            }
            .xl\:col-gap-10 {
                grid-column-gap: 96px;
                column-gap: 96px
            }
            .xl\:col-gap-0\.5 {
                grid-column-gap: 4px;
                column-gap: 4px
            }
            .xl\:row-gap-0 {
                grid-row-gap: 0;
                row-gap: 0
            }
            .xl\:row-gap-1 {
                grid-row-gap: 8px;
                row-gap: 8px
            }
            .xl\:row-gap-2 {
                grid-row-gap: 12px;
                row-gap: 12px
            }
            .xl\:row-gap-3 {
                grid-row-gap: 16px;
                row-gap: 16px
            }
            .xl\:row-gap-4 {
                grid-row-gap: 24px;
                row-gap: 24px
            }
            .xl\:row-gap-5 {
                grid-row-gap: 32px;
                row-gap: 32px
            }
            .xl\:row-gap-6 {
                grid-row-gap: 48px;
                row-gap: 48px
            }
            .xl\:row-gap-7 {
                grid-row-gap: 60px;
                row-gap: 60px
            }
            .xl\:row-gap-8 {
                grid-row-gap: 72px;
                row-gap: 72px
            }
            .xl\:row-gap-9 {
                grid-row-gap: 84px;
                row-gap: 84px
            }
            .xl\:row-gap-10 {
                grid-row-gap: 96px;
                row-gap: 96px
            }
            .xl\:row-gap-0\.5 {
                grid-row-gap: 4px;
                row-gap: 4px
            }
            .xl\:grid-flow-row {
                grid-auto-flow: row
            }
            .xl\:grid-flow-col {
                grid-auto-flow: column
            }
            .xl\:grid-flow-row-dense {
                grid-auto-flow: row dense
            }
            .xl\:grid-flow-col-dense {
                grid-auto-flow: column dense
            }
            .xl\:grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr))
            }
            .xl\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .xl\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
            .xl\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }
            .xl\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }
            .xl\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }
            .xl\:grid-cols-7 {
                grid-template-columns: repeat(7, minmax(0, 1fr))
            }
            .xl\:grid-cols-8 {
                grid-template-columns: repeat(8, minmax(0, 1fr))
            }
            .xl\:grid-cols-9 {
                grid-template-columns: repeat(9, minmax(0, 1fr))
            }
            .xl\:grid-cols-10 {
                grid-template-columns: repeat(10, minmax(0, 1fr))
            }
            .xl\:grid-cols-11 {
                grid-template-columns: repeat(11, minmax(0, 1fr))
            }
            .xl\:grid-cols-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr))
            }
            .xl\:grid-cols-none {
                grid-template-columns: none
            }
            .xl\:col-auto {
                grid-column: auto
            }
            .xl\:col-span-1 {
                grid-column: span 1/span 1
            }
            .xl\:col-span-2 {
                grid-column: span 2/span 2
            }
            .xl\:col-span-3 {
                grid-column: span 3/span 3
            }
            .xl\:col-span-4 {
                grid-column: span 4/span 4
            }
            .xl\:col-span-5 {
                grid-column: span 5/span 5
            }
            .xl\:col-span-6 {
                grid-column: span 6/span 6
            }
            .xl\:col-span-7 {
                grid-column: span 7/span 7
            }
            .xl\:col-span-8 {
                grid-column: span 8/span 8
            }
            .xl\:col-span-9 {
                grid-column: span 9/span 9
            }
            .xl\:col-span-10 {
                grid-column: span 10/span 10
            }
            .xl\:col-span-11 {
                grid-column: span 11/span 11
            }
            .xl\:col-span-12 {
                grid-column: span 12/span 12
            }
            .xl\:col-start-1 {
                grid-column-start: 1
            }
            .xl\:col-start-2 {
                grid-column-start: 2
            }
            .xl\:col-start-3 {
                grid-column-start: 3
            }
            .xl\:col-start-4 {
                grid-column-start: 4
            }
            .xl\:col-start-5 {
                grid-column-start: 5
            }
            .xl\:col-start-6 {
                grid-column-start: 6
            }
            .xl\:col-start-7 {
                grid-column-start: 7
            }
            .xl\:col-start-8 {
                grid-column-start: 8
            }
            .xl\:col-start-9 {
                grid-column-start: 9
            }
            .xl\:col-start-10 {
                grid-column-start: 10
            }
            .xl\:col-start-11 {
                grid-column-start: 11
            }
            .xl\:col-start-12 {
                grid-column-start: 12
            }
            .xl\:col-start-13 {
                grid-column-start: 13
            }
            .xl\:col-start-auto {
                grid-column-start: auto
            }
            .xl\:col-end-1 {
                grid-column-end: 1
            }
            .xl\:col-end-2 {
                grid-column-end: 2
            }
            .xl\:col-end-3 {
                grid-column-end: 3
            }
            .xl\:col-end-4 {
                grid-column-end: 4
            }
            .xl\:col-end-5 {
                grid-column-end: 5
            }
            .xl\:col-end-6 {
                grid-column-end: 6
            }
            .xl\:col-end-7 {
                grid-column-end: 7
            }
            .xl\:col-end-8 {
                grid-column-end: 8
            }
            .xl\:col-end-9 {
                grid-column-end: 9
            }
            .xl\:col-end-10 {
                grid-column-end: 10
            }
            .xl\:col-end-11 {
                grid-column-end: 11
            }
            .xl\:col-end-12 {
                grid-column-end: 12
            }
            .xl\:col-end-13 {
                grid-column-end: 13
            }
            .xl\:col-end-auto {
                grid-column-end: auto
            }
            .xl\:grid-rows-1 {
                grid-template-rows: repeat(1, minmax(0, 1fr))
            }
            .xl\:grid-rows-2 {
                grid-template-rows: repeat(2, minmax(0, 1fr))
            }
            .xl\:grid-rows-3 {
                grid-template-rows: repeat(3, minmax(0, 1fr))
            }
            .xl\:grid-rows-4 {
                grid-template-rows: repeat(4, minmax(0, 1fr))
            }
            .xl\:grid-rows-5 {
                grid-template-rows: repeat(5, minmax(0, 1fr))
            }
            .xl\:grid-rows-6 {
                grid-template-rows: repeat(6, minmax(0, 1fr))
            }
            .xl\:grid-rows-none {
                grid-template-rows: none
            }
            .xl\:row-auto {
                grid-row: auto
            }
            .xl\:row-span-1 {
                grid-row: span 1/span 1
            }
            .xl\:row-span-2 {
                grid-row: span 2/span 2
            }
            .xl\:row-span-3 {
                grid-row: span 3/span 3
            }
            .xl\:row-span-4 {
                grid-row: span 4/span 4
            }
            .xl\:row-span-5 {
                grid-row: span 5/span 5
            }
            .xl\:row-span-6 {
                grid-row: span 6/span 6
            }
            .xl\:row-start-1 {
                grid-row-start: 1
            }
            .xl\:row-start-2 {
                grid-row-start: 2
            }
            .xl\:row-start-3 {
                grid-row-start: 3
            }
            .xl\:row-start-4 {
                grid-row-start: 4
            }
            .xl\:row-start-5 {
                grid-row-start: 5
            }
            .xl\:row-start-6 {
                grid-row-start: 6
            }
            .xl\:row-start-7 {
                grid-row-start: 7
            }
            .xl\:row-start-auto {
                grid-row-start: auto
            }
            .xl\:row-end-1 {
                grid-row-end: 1
            }
            .xl\:row-end-2 {
                grid-row-end: 2
            }
            .xl\:row-end-3 {
                grid-row-end: 3
            }
            .xl\:row-end-4 {
                grid-row-end: 4
            }
            .xl\:row-end-5 {
                grid-row-end: 5
            }
            .xl\:row-end-6 {
                grid-row-end: 6
            }
            .xl\:row-end-7 {
                grid-row-end: 7
            }
            .xl\:row-end-auto {
                grid-row-end: auto
            }
            .xl\:transform {
                --transform-translate-x: 0;
                --transform-translate-y: 0;
                --transform-rotate: 0;
                --transform-skew-x: 0;
                --transform-skew-y: 0;
                --transform-scale-x: 1;
                --transform-scale-y: 1;
                transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
            }
            .xl\:transform-none {
                transform: none
            }
            .xl\:origin-center {
                transform-origin: center
            }
            .xl\:origin-top {
                transform-origin: top
            }
            .xl\:origin-top-right {
                transform-origin: top right
            }
            .xl\:origin-right {
                transform-origin: right
            }
            .xl\:origin-bottom-right {
                transform-origin: bottom right
            }
            .xl\:origin-bottom {
                transform-origin: bottom
            }
            .xl\:origin-bottom-left {
                transform-origin: bottom left
            }
            .xl\:origin-left {
                transform-origin: left
            }
            .xl\:origin-top-left {
                transform-origin: top left
            }
            .xl\:scale-0 {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .xl\:scale-50 {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .xl\:scale-75 {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .xl\:scale-90 {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .xl\:scale-95 {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .xl\:scale-100 {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .xl\:scale-105 {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .xl\:scale-110 {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .xl\:scale-125 {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .xl\:scale-150 {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .xl\:scale-x-0 {
                --transform-scale-x: 0
            }
            .xl\:scale-x-50 {
                --transform-scale-x: .5
            }
            .xl\:scale-x-75 {
                --transform-scale-x: .75
            }
            .xl\:scale-x-90 {
                --transform-scale-x: .9
            }
            .xl\:scale-x-95 {
                --transform-scale-x: .95
            }
            .xl\:scale-x-100 {
                --transform-scale-x: 1
            }
            .xl\:scale-x-105 {
                --transform-scale-x: 1.05
            }
            .xl\:scale-x-110 {
                --transform-scale-x: 1.1
            }
            .xl\:scale-x-125 {
                --transform-scale-x: 1.25
            }
            .xl\:scale-x-150 {
                --transform-scale-x: 1.5
            }
            .xl\:scale-y-0 {
                --transform-scale-y: 0
            }
            .xl\:scale-y-50 {
                --transform-scale-y: .5
            }
            .xl\:scale-y-75 {
                --transform-scale-y: .75
            }
            .xl\:scale-y-90 {
                --transform-scale-y: .9
            }
            .xl\:scale-y-95 {
                --transform-scale-y: .95
            }
            .xl\:scale-y-100 {
                --transform-scale-y: 1
            }
            .xl\:scale-y-105 {
                --transform-scale-y: 1.05
            }
            .xl\:scale-y-110 {
                --transform-scale-y: 1.1
            }
            .xl\:scale-y-125 {
                --transform-scale-y: 1.25
            }
            .xl\:scale-y-150 {
                --transform-scale-y: 1.5
            }
            .xl\:hover\:scale-0:hover {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .xl\:hover\:scale-50:hover {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .xl\:hover\:scale-75:hover {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .xl\:hover\:scale-90:hover {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .xl\:hover\:scale-95:hover {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .xl\:hover\:scale-100:hover {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .xl\:hover\:scale-105:hover {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .xl\:hover\:scale-110:hover {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .xl\:hover\:scale-125:hover {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .xl\:hover\:scale-150:hover {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .xl\:hover\:scale-x-0:hover {
                --transform-scale-x: 0
            }
            .xl\:hover\:scale-x-50:hover {
                --transform-scale-x: .5
            }
            .xl\:hover\:scale-x-75:hover {
                --transform-scale-x: .75
            }
            .xl\:hover\:scale-x-90:hover {
                --transform-scale-x: .9
            }
            .xl\:hover\:scale-x-95:hover {
                --transform-scale-x: .95
            }
            .xl\:hover\:scale-x-100:hover {
                --transform-scale-x: 1
            }
            .xl\:hover\:scale-x-105:hover {
                --transform-scale-x: 1.05
            }
            .xl\:hover\:scale-x-110:hover {
                --transform-scale-x: 1.1
            }
            .xl\:hover\:scale-x-125:hover {
                --transform-scale-x: 1.25
            }
            .xl\:hover\:scale-x-150:hover {
                --transform-scale-x: 1.5
            }
            .xl\:hover\:scale-y-0:hover {
                --transform-scale-y: 0
            }
            .xl\:hover\:scale-y-50:hover {
                --transform-scale-y: .5
            }
            .xl\:hover\:scale-y-75:hover {
                --transform-scale-y: .75
            }
            .xl\:hover\:scale-y-90:hover {
                --transform-scale-y: .9
            }
            .xl\:hover\:scale-y-95:hover {
                --transform-scale-y: .95
            }
            .xl\:hover\:scale-y-100:hover {
                --transform-scale-y: 1
            }
            .xl\:hover\:scale-y-105:hover {
                --transform-scale-y: 1.05
            }
            .xl\:hover\:scale-y-110:hover {
                --transform-scale-y: 1.1
            }
            .xl\:hover\:scale-y-125:hover {
                --transform-scale-y: 1.25
            }
            .xl\:hover\:scale-y-150:hover {
                --transform-scale-y: 1.5
            }
            .xl\:focus\:scale-0:focus {
                --transform-scale-x: 0;
                --transform-scale-y: 0
            }
            .xl\:focus\:scale-50:focus {
                --transform-scale-x: .5;
                --transform-scale-y: .5
            }
            .xl\:focus\:scale-75:focus {
                --transform-scale-x: .75;
                --transform-scale-y: .75
            }
            .xl\:focus\:scale-90:focus {
                --transform-scale-x: .9;
                --transform-scale-y: .9
            }
            .xl\:focus\:scale-95:focus {
                --transform-scale-x: .95;
                --transform-scale-y: .95
            }
            .xl\:focus\:scale-100:focus {
                --transform-scale-x: 1;
                --transform-scale-y: 1
            }
            .xl\:focus\:scale-105:focus {
                --transform-scale-x: 1.05;
                --transform-scale-y: 1.05
            }
            .xl\:focus\:scale-110:focus {
                --transform-scale-x: 1.1;
                --transform-scale-y: 1.1
            }
            .xl\:focus\:scale-125:focus {
                --transform-scale-x: 1.25;
                --transform-scale-y: 1.25
            }
            .xl\:focus\:scale-150:focus {
                --transform-scale-x: 1.5;
                --transform-scale-y: 1.5
            }
            .xl\:focus\:scale-x-0:focus {
                --transform-scale-x: 0
            }
            .xl\:focus\:scale-x-50:focus {
                --transform-scale-x: .5
            }
            .xl\:focus\:scale-x-75:focus {
                --transform-scale-x: .75
            }
            .xl\:focus\:scale-x-90:focus {
                --transform-scale-x: .9
            }
            .xl\:focus\:scale-x-95:focus {
                --transform-scale-x: .95
            }
            .xl\:focus\:scale-x-100:focus {
                --transform-scale-x: 1
            }
            .xl\:focus\:scale-x-105:focus {
                --transform-scale-x: 1.05
            }
            .xl\:focus\:scale-x-110:focus {
                --transform-scale-x: 1.1
            }
            .xl\:focus\:scale-x-125:focus {
                --transform-scale-x: 1.25
            }
            .xl\:focus\:scale-x-150:focus {
                --transform-scale-x: 1.5
            }
            .xl\:focus\:scale-y-0:focus {
                --transform-scale-y: 0
            }
            .xl\:focus\:scale-y-50:focus {
                --transform-scale-y: .5
            }
            .xl\:focus\:scale-y-75:focus {
                --transform-scale-y: .75
            }
            .xl\:focus\:scale-y-90:focus {
                --transform-scale-y: .9
            }
            .xl\:focus\:scale-y-95:focus {
                --transform-scale-y: .95
            }
            .xl\:focus\:scale-y-100:focus {
                --transform-scale-y: 1
            }
            .xl\:focus\:scale-y-105:focus {
                --transform-scale-y: 1.05
            }
            .xl\:focus\:scale-y-110:focus {
                --transform-scale-y: 1.1
            }
            .xl\:focus\:scale-y-125:focus {
                --transform-scale-y: 1.25
            }
            .xl\:focus\:scale-y-150:focus {
                --transform-scale-y: 1.5
            }
            .xl\:rotate-0 {
                --transform-rotate: 0
            }
            .xl\:rotate-45 {
                --transform-rotate: 45deg
            }
            .xl\:rotate-90 {
                --transform-rotate: 90deg
            }
            .xl\:rotate-180 {
                --transform-rotate: 180deg
            }
            .xl\:-rotate-180 {
                --transform-rotate: -180deg
            }
            .xl\:-rotate-90 {
                --transform-rotate: -90deg
            }
            .xl\:-rotate-45 {
                --transform-rotate: -45deg
            }
            .xl\:hover\:rotate-0:hover {
                --transform-rotate: 0
            }
            .xl\:hover\:rotate-45:hover {
                --transform-rotate: 45deg
            }
            .xl\:hover\:rotate-90:hover {
                --transform-rotate: 90deg
            }
            .xl\:hover\:rotate-180:hover {
                --transform-rotate: 180deg
            }
            .xl\:hover\:-rotate-180:hover {
                --transform-rotate: -180deg
            }
            .xl\:hover\:-rotate-90:hover {
                --transform-rotate: -90deg
            }
            .xl\:hover\:-rotate-45:hover {
                --transform-rotate: -45deg
            }
            .xl\:focus\:rotate-0:focus {
                --transform-rotate: 0
            }
            .xl\:focus\:rotate-45:focus {
                --transform-rotate: 45deg
            }
            .xl\:focus\:rotate-90:focus {
                --transform-rotate: 90deg
            }
            .xl\:focus\:rotate-180:focus {
                --transform-rotate: 180deg
            }
            .xl\:focus\:-rotate-180:focus {
                --transform-rotate: -180deg
            }
            .xl\:focus\:-rotate-90:focus {
                --transform-rotate: -90deg
            }
            .xl\:focus\:-rotate-45:focus {
                --transform-rotate: -45deg
            }
            .xl\:translate-x-0 {
                --transform-translate-x: 0
            }
            .xl\:translate-x-1 {
                --transform-translate-x: 8px
            }
            .xl\:translate-x-2 {
                --transform-translate-x: 12px
            }
            .xl\:translate-x-3 {
                --transform-translate-x: 16px
            }
            .xl\:translate-x-4 {
                --transform-translate-x: 24px
            }
            .xl\:translate-x-5 {
                --transform-translate-x: 32px
            }
            .xl\:translate-x-6 {
                --transform-translate-x: 48px
            }
            .xl\:translate-x-7 {
                --transform-translate-x: 60px
            }
            .xl\:translate-x-8 {
                --transform-translate-x: 72px
            }
            .xl\:translate-x-9 {
                --transform-translate-x: 84px
            }
            .xl\:translate-x-10 {
                --transform-translate-x: 96px
            }
            .xl\:translate-x-0\.5 {
                --transform-translate-x: 4px
            }
            .xl\:-translate-x-1 {
                --transform-translate-x: -8px
            }
            .xl\:-translate-x-2 {
                --transform-translate-x: -12px
            }
            .xl\:-translate-x-3 {
                --transform-translate-x: -16px
            }
            .xl\:-translate-x-4 {
                --transform-translate-x: -24px
            }
            .xl\:-translate-x-5 {
                --transform-translate-x: -32px
            }
            .xl\:-translate-x-6 {
                --transform-translate-x: -48px
            }
            .xl\:-translate-x-7 {
                --transform-translate-x: -60px
            }
            .xl\:-translate-x-8 {
                --transform-translate-x: -72px
            }
            .xl\:-translate-x-9 {
                --transform-translate-x: -84px
            }
            .xl\:-translate-x-10 {
                --transform-translate-x: -96px
            }
            .xl\:-translate-x-0\.5 {
                --transform-translate-x: -4px
            }
            .xl\:-translate-x-full {
                --transform-translate-x: -100%
            }
            .xl\:-translate-x-1\/2 {
                --transform-translate-x: -50%
            }
            .xl\:translate-x-1\/2 {
                --transform-translate-x: 50%
            }
            .xl\:translate-x-full {
                --transform-translate-x: 100%
            }
            .xl\:translate-y-0 {
                --transform-translate-y: 0
            }
            .xl\:translate-y-1 {
                --transform-translate-y: 8px
            }
            .xl\:translate-y-2 {
                --transform-translate-y: 12px
            }
            .xl\:translate-y-3 {
                --transform-translate-y: 16px
            }
            .xl\:translate-y-4 {
                --transform-translate-y: 24px
            }
            .xl\:translate-y-5 {
                --transform-translate-y: 32px
            }
            .xl\:translate-y-6 {
                --transform-translate-y: 48px
            }
            .xl\:translate-y-7 {
                --transform-translate-y: 60px
            }
            .xl\:translate-y-8 {
                --transform-translate-y: 72px
            }
            .xl\:translate-y-9 {
                --transform-translate-y: 84px
            }
            .xl\:translate-y-10 {
                --transform-translate-y: 96px
            }
            .xl\:translate-y-0\.5 {
                --transform-translate-y: 4px
            }
            .xl\:-translate-y-1 {
                --transform-translate-y: -8px
            }
            .xl\:-translate-y-2 {
                --transform-translate-y: -12px
            }
            .xl\:-translate-y-3 {
                --transform-translate-y: -16px
            }
            .xl\:-translate-y-4 {
                --transform-translate-y: -24px
            }
            .xl\:-translate-y-5 {
                --transform-translate-y: -32px
            }
            .xl\:-translate-y-6 {
                --transform-translate-y: -48px
            }
            .xl\:-translate-y-7 {
                --transform-translate-y: -60px
            }
            .xl\:-translate-y-8 {
                --transform-translate-y: -72px
            }
            .xl\:-translate-y-9 {
                --transform-translate-y: -84px
            }
            .xl\:-translate-y-10 {
                --transform-translate-y: -96px
            }
            .xl\:-translate-y-0\.5 {
                --transform-translate-y: -4px
            }
            .xl\:-translate-y-full {
                --transform-translate-y: -100%
            }
            .xl\:-translate-y-1\/2 {
                --transform-translate-y: -50%
            }
            .xl\:translate-y-1\/2 {
                --transform-translate-y: 50%
            }
            .xl\:translate-y-full {
                --transform-translate-y: 100%
            }
            .xl\:hover\:translate-x-0:hover {
                --transform-translate-x: 0
            }
            .xl\:hover\:translate-x-1:hover {
                --transform-translate-x: 8px
            }
            .xl\:hover\:translate-x-2:hover {
                --transform-translate-x: 12px
            }
            .xl\:hover\:translate-x-3:hover {
                --transform-translate-x: 16px
            }
            .xl\:hover\:translate-x-4:hover {
                --transform-translate-x: 24px
            }
            .xl\:hover\:translate-x-5:hover {
                --transform-translate-x: 32px
            }
            .xl\:hover\:translate-x-6:hover {
                --transform-translate-x: 48px
            }
            .xl\:hover\:translate-x-7:hover {
                --transform-translate-x: 60px
            }
            .xl\:hover\:translate-x-8:hover {
                --transform-translate-x: 72px
            }
            .xl\:hover\:translate-x-9:hover {
                --transform-translate-x: 84px
            }
            .xl\:hover\:translate-x-10:hover {
                --transform-translate-x: 96px
            }
            .xl\:hover\:translate-x-0\.5:hover {
                --transform-translate-x: 4px
            }
            .xl\:hover\:-translate-x-1:hover {
                --transform-translate-x: -8px
            }
            .xl\:hover\:-translate-x-2:hover {
                --transform-translate-x: -12px
            }
            .xl\:hover\:-translate-x-3:hover {
                --transform-translate-x: -16px
            }
            .xl\:hover\:-translate-x-4:hover {
                --transform-translate-x: -24px
            }
            .xl\:hover\:-translate-x-5:hover {
                --transform-translate-x: -32px
            }
            .xl\:hover\:-translate-x-6:hover {
                --transform-translate-x: -48px
            }
            .xl\:hover\:-translate-x-7:hover {
                --transform-translate-x: -60px
            }
            .xl\:hover\:-translate-x-8:hover {
                --transform-translate-x: -72px
            }
            .xl\:hover\:-translate-x-9:hover {
                --transform-translate-x: -84px
            }
            .xl\:hover\:-translate-x-10:hover {
                --transform-translate-x: -96px
            }
            .xl\:hover\:-translate-x-0\.5:hover {
                --transform-translate-x: -4px
            }
            .xl\:hover\:-translate-x-full:hover {
                --transform-translate-x: -100%
            }
            .xl\:hover\:-translate-x-1\/2:hover {
                --transform-translate-x: -50%
            }
            .xl\:hover\:translate-x-1\/2:hover {
                --transform-translate-x: 50%
            }
            .xl\:hover\:translate-x-full:hover {
                --transform-translate-x: 100%
            }
            .xl\:hover\:translate-y-0:hover {
                --transform-translate-y: 0
            }
            .xl\:hover\:translate-y-1:hover {
                --transform-translate-y: 8px
            }
            .xl\:hover\:translate-y-2:hover {
                --transform-translate-y: 12px
            }
            .xl\:hover\:translate-y-3:hover {
                --transform-translate-y: 16px
            }
            .xl\:hover\:translate-y-4:hover {
                --transform-translate-y: 24px
            }
            .xl\:hover\:translate-y-5:hover {
                --transform-translate-y: 32px
            }
            .xl\:hover\:translate-y-6:hover {
                --transform-translate-y: 48px
            }
            .xl\:hover\:translate-y-7:hover {
                --transform-translate-y: 60px
            }
            .xl\:hover\:translate-y-8:hover {
                --transform-translate-y: 72px
            }
            .xl\:hover\:translate-y-9:hover {
                --transform-translate-y: 84px
            }
            .xl\:hover\:translate-y-10:hover {
                --transform-translate-y: 96px
            }
            .xl\:hover\:translate-y-0\.5:hover {
                --transform-translate-y: 4px
            }
            .xl\:hover\:-translate-y-1:hover {
                --transform-translate-y: -8px
            }
            .xl\:hover\:-translate-y-2:hover {
                --transform-translate-y: -12px
            }
            .xl\:hover\:-translate-y-3:hover {
                --transform-translate-y: -16px
            }
            .xl\:hover\:-translate-y-4:hover {
                --transform-translate-y: -24px
            }
            .xl\:hover\:-translate-y-5:hover {
                --transform-translate-y: -32px
            }
            .xl\:hover\:-translate-y-6:hover {
                --transform-translate-y: -48px
            }
            .xl\:hover\:-translate-y-7:hover {
                --transform-translate-y: -60px
            }
            .xl\:hover\:-translate-y-8:hover {
                --transform-translate-y: -72px
            }
            .xl\:hover\:-translate-y-9:hover {
                --transform-translate-y: -84px
            }
            .xl\:hover\:-translate-y-10:hover {
                --transform-translate-y: -96px
            }
            .xl\:hover\:-translate-y-0\.5:hover {
                --transform-translate-y: -4px
            }
            .xl\:hover\:-translate-y-full:hover {
                --transform-translate-y: -100%
            }
            .xl\:hover\:-translate-y-1\/2:hover {
                --transform-translate-y: -50%
            }
            .xl\:hover\:translate-y-1\/2:hover {
                --transform-translate-y: 50%
            }
            .xl\:hover\:translate-y-full:hover {
                --transform-translate-y: 100%
            }
            .xl\:focus\:translate-x-0:focus {
                --transform-translate-x: 0
            }
            .xl\:focus\:translate-x-1:focus {
                --transform-translate-x: 8px
            }
            .xl\:focus\:translate-x-2:focus {
                --transform-translate-x: 12px
            }
            .xl\:focus\:translate-x-3:focus {
                --transform-translate-x: 16px
            }
            .xl\:focus\:translate-x-4:focus {
                --transform-translate-x: 24px
            }
            .xl\:focus\:translate-x-5:focus {
                --transform-translate-x: 32px
            }
            .xl\:focus\:translate-x-6:focus {
                --transform-translate-x: 48px
            }
            .xl\:focus\:translate-x-7:focus {
                --transform-translate-x: 60px
            }
            .xl\:focus\:translate-x-8:focus {
                --transform-translate-x: 72px
            }
            .xl\:focus\:translate-x-9:focus {
                --transform-translate-x: 84px
            }
            .xl\:focus\:translate-x-10:focus {
                --transform-translate-x: 96px
            }
            .xl\:focus\:translate-x-0\.5:focus {
                --transform-translate-x: 4px
            }
            .xl\:focus\:-translate-x-1:focus {
                --transform-translate-x: -8px
            }
            .xl\:focus\:-translate-x-2:focus {
                --transform-translate-x: -12px
            }
            .xl\:focus\:-translate-x-3:focus {
                --transform-translate-x: -16px
            }
            .xl\:focus\:-translate-x-4:focus {
                --transform-translate-x: -24px
            }
            .xl\:focus\:-translate-x-5:focus {
                --transform-translate-x: -32px
            }
            .xl\:focus\:-translate-x-6:focus {
                --transform-translate-x: -48px
            }
            .xl\:focus\:-translate-x-7:focus {
                --transform-translate-x: -60px
            }
            .xl\:focus\:-translate-x-8:focus {
                --transform-translate-x: -72px
            }
            .xl\:focus\:-translate-x-9:focus {
                --transform-translate-x: -84px
            }
            .xl\:focus\:-translate-x-10:focus {
                --transform-translate-x: -96px
            }
            .xl\:focus\:-translate-x-0\.5:focus {
                --transform-translate-x: -4px
            }
            .xl\:focus\:-translate-x-full:focus {
                --transform-translate-x: -100%
            }
            .xl\:focus\:-translate-x-1\/2:focus {
                --transform-translate-x: -50%
            }
            .xl\:focus\:translate-x-1\/2:focus {
                --transform-translate-x: 50%
            }
            .xl\:focus\:translate-x-full:focus {
                --transform-translate-x: 100%
            }
            .xl\:focus\:translate-y-0:focus {
                --transform-translate-y: 0
            }
            .xl\:focus\:translate-y-1:focus {
                --transform-translate-y: 8px
            }
            .xl\:focus\:translate-y-2:focus {
                --transform-translate-y: 12px
            }
            .xl\:focus\:translate-y-3:focus {
                --transform-translate-y: 16px
            }
            .xl\:focus\:translate-y-4:focus {
                --transform-translate-y: 24px
            }
            .xl\:focus\:translate-y-5:focus {
                --transform-translate-y: 32px
            }
            .xl\:focus\:translate-y-6:focus {
                --transform-translate-y: 48px
            }
            .xl\:focus\:translate-y-7:focus {
                --transform-translate-y: 60px
            }
            .xl\:focus\:translate-y-8:focus {
                --transform-translate-y: 72px
            }
            .xl\:focus\:translate-y-9:focus {
                --transform-translate-y: 84px
            }
            .xl\:focus\:translate-y-10:focus {
                --transform-translate-y: 96px
            }
            .xl\:focus\:translate-y-0\.5:focus {
                --transform-translate-y: 4px
            }
            .xl\:focus\:-translate-y-1:focus {
                --transform-translate-y: -8px
            }
            .xl\:focus\:-translate-y-2:focus {
                --transform-translate-y: -12px
            }
            .xl\:focus\:-translate-y-3:focus {
                --transform-translate-y: -16px
            }
            .xl\:focus\:-translate-y-4:focus {
                --transform-translate-y: -24px
            }
            .xl\:focus\:-translate-y-5:focus {
                --transform-translate-y: -32px
            }
            .xl\:focus\:-translate-y-6:focus {
                --transform-translate-y: -48px
            }
            .xl\:focus\:-translate-y-7:focus {
                --transform-translate-y: -60px
            }
            .xl\:focus\:-translate-y-8:focus {
                --transform-translate-y: -72px
            }
            .xl\:focus\:-translate-y-9:focus {
                --transform-translate-y: -84px
            }
            .xl\:focus\:-translate-y-10:focus {
                --transform-translate-y: -96px
            }
            .xl\:focus\:-translate-y-0\.5:focus {
                --transform-translate-y: -4px
            }
            .xl\:focus\:-translate-y-full:focus {
                --transform-translate-y: -100%
            }
            .xl\:focus\:-translate-y-1\/2:focus {
                --transform-translate-y: -50%
            }
            .xl\:focus\:translate-y-1\/2:focus {
                --transform-translate-y: 50%
            }
            .xl\:focus\:translate-y-full:focus {
                --transform-translate-y: 100%
            }
            .xl\:skew-x-0 {
                --transform-skew-x: 0
            }
            .xl\:skew-x-3 {
                --transform-skew-x: 3deg
            }
            .xl\:skew-x-6 {
                --transform-skew-x: 6deg
            }
            .xl\:skew-x-12 {
                --transform-skew-x: 12deg
            }
            .xl\:-skew-x-12 {
                --transform-skew-x: -12deg
            }
            .xl\:-skew-x-6 {
                --transform-skew-x: -6deg
            }
            .xl\:-skew-x-3 {
                --transform-skew-x: -3deg
            }
            .xl\:skew-y-0 {
                --transform-skew-y: 0
            }
            .xl\:skew-y-3 {
                --transform-skew-y: 3deg
            }
            .xl\:skew-y-6 {
                --transform-skew-y: 6deg
            }
            .xl\:skew-y-12 {
                --transform-skew-y: 12deg
            }
            .xl\:-skew-y-12 {
                --transform-skew-y: -12deg
            }
            .xl\:-skew-y-6 {
                --transform-skew-y: -6deg
            }
            .xl\:-skew-y-3 {
                --transform-skew-y: -3deg
            }
            .xl\:hover\:skew-x-0:hover {
                --transform-skew-x: 0
            }
            .xl\:hover\:skew-x-3:hover {
                --transform-skew-x: 3deg
            }
            .xl\:hover\:skew-x-6:hover {
                --transform-skew-x: 6deg
            }
            .xl\:hover\:skew-x-12:hover {
                --transform-skew-x: 12deg
            }
            .xl\:hover\:-skew-x-12:hover {
                --transform-skew-x: -12deg
            }
            .xl\:hover\:-skew-x-6:hover {
                --transform-skew-x: -6deg
            }
            .xl\:hover\:-skew-x-3:hover {
                --transform-skew-x: -3deg
            }
            .xl\:hover\:skew-y-0:hover {
                --transform-skew-y: 0
            }
            .xl\:hover\:skew-y-3:hover {
                --transform-skew-y: 3deg
            }
            .xl\:hover\:skew-y-6:hover {
                --transform-skew-y: 6deg
            }
            .xl\:hover\:skew-y-12:hover {
                --transform-skew-y: 12deg
            }
            .xl\:hover\:-skew-y-12:hover {
                --transform-skew-y: -12deg
            }
            .xl\:hover\:-skew-y-6:hover {
                --transform-skew-y: -6deg
            }
            .xl\:hover\:-skew-y-3:hover {
                --transform-skew-y: -3deg
            }
            .xl\:focus\:skew-x-0:focus {
                --transform-skew-x: 0
            }
            .xl\:focus\:skew-x-3:focus {
                --transform-skew-x: 3deg
            }
            .xl\:focus\:skew-x-6:focus {
                --transform-skew-x: 6deg
            }
            .xl\:focus\:skew-x-12:focus {
                --transform-skew-x: 12deg
            }
            .xl\:focus\:-skew-x-12:focus {
                --transform-skew-x: -12deg
            }
            .xl\:focus\:-skew-x-6:focus {
                --transform-skew-x: -6deg
            }
            .xl\:focus\:-skew-x-3:focus {
                --transform-skew-x: -3deg
            }
            .xl\:focus\:skew-y-0:focus {
                --transform-skew-y: 0
            }
            .xl\:focus\:skew-y-3:focus {
                --transform-skew-y: 3deg
            }
            .xl\:focus\:skew-y-6:focus {
                --transform-skew-y: 6deg
            }
            .xl\:focus\:skew-y-12:focus {
                --transform-skew-y: 12deg
            }
            .xl\:focus\:-skew-y-12:focus {
                --transform-skew-y: -12deg
            }
            .xl\:focus\:-skew-y-6:focus {
                --transform-skew-y: -6deg
            }
            .xl\:focus\:-skew-y-3:focus {
                --transform-skew-y: -3deg
            }
            .xl\:transition-none {
                transition-property: none
            }
            .xl\:transition-all {
                transition-property: all
            }
            .xl\:transition {
                transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
            }
            .xl\:transition-colors {
                transition-property: background-color, border-color, color, fill, stroke
            }
            .xl\:transition-opacity {
                transition-property: opacity
            }
            .xl\:transition-shadow {
                transition-property: box-shadow
            }
            .xl\:transition-transform {
                transition-property: transform
            }
            .xl\:ease-linear {
                transition-timing-function: linear
            }
            .xl\:ease-in {
                transition-timing-function: cubic-bezier(.4, 0, 1, 1)
            }
            .xl\:ease-out {
                transition-timing-function: cubic-bezier(0, 0, .2, 1)
            }
            .xl\:ease-in-out {
                transition-timing-function: cubic-bezier(.4, 0, .2, 1)
            }
            .xl\:duration-75 {
                transition-duration: 75ms
            }
            .xl\:duration-100 {
                transition-duration: .1s
            }
            .xl\:duration-150 {
                transition-duration: .15s
            }
            .xl\:duration-200 {
                transition-duration: .2s
            }
            .xl\:duration-300 {
                transition-duration: .3s
            }
            .xl\:duration-500 {
                transition-duration: .5s
            }
            .xl\:duration-700 {
                transition-duration: .7s
            }
            .xl\:duration-1000 {
                transition-duration: 1s
            }
            .xl\:delay-75 {
                transition-delay: 75ms
            }
            .xl\:delay-100 {
                transition-delay: .1s
            }
            .xl\:delay-150 {
                transition-delay: .15s
            }
            .xl\:delay-200 {
                transition-delay: .2s
            }
            .xl\:delay-300 {
                transition-delay: .3s
            }
            .xl\:delay-500 {
                transition-delay: .5s
            }
            .xl\:delay-700 {
                transition-delay: .7s
            }
            .xl\:delay-1000 {
                transition-delay: 1s
            }
        }