/* Rút gọn từ 2026.css gốc (SingleFile, 1,6 MB): font Roboto tách sang /fonts/*.woff2, bỏ ảnh base64 và rule không dùng.
   Cách làm và danh sách trang đo: xem báo cáo hiệu năng B9. */
   :root {}

    :root {
            --f-button-width: 40px;
            --f-button-height: 40px;
            --f-button-border: 0;
            --f-button-border-radius: 0;
            --f-button-color: #374151;
            --f-button-bg: #f8f8f8;
            --f-button-shadow: none;
            --f-button-transition: all .15s ease;
            --f-button-transform: none;
            --f-button-outline-width: 1px;
            --f-button-outline-color: rgba(0, 0, 0, .7);
            --f-button-svg-width: 20px;
            --f-button-svg-height: 20px;
            --f-button-svg-stroke-width: 1.5;
            --f-button-svg-fill: none;
            --f-button-svg-filter: none;
            --f-button-svg-opacity: 1;
            --f-button-svg-disabled-opacity: .5;
            --f-button-svg-transition: opacity .15s ease;
            --f-button-svg-transform: none
        }

        @media (hover:hover) {
            .f-button:hover:not([aria-disabled]) {
                background-color: #f8f8f8;
                background-color: var(--f-button-hover-bg, var(--f-button-bg));
                color: #374151;
                color: var(--f-button-hover-color, var(--f-button-color))
            }
        }

        .f-button:active:not([aria-disabled]) {
            background-color: #f8f8f8;
            background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)));
            color: #374151;
            color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)))
        }

        .f-button:focus {
            outline: none
        }

        .f-button:focus-visible {
            outline: 1px solid rgba(0, 0, 0, .7);
            outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
            outline-offset: var(--f-button-outline-offset);
            position: relative;
            z-index: 1
        }

        :root {
            --f-spinner-color-1: rgba(0, 0, 0, .1);
            --f-spinner-color-2: rgba(17, 24, 28, .8);
            --f-spinner-width: 50px;
            --f-spinner-height: 50px;
            --f-spinner-border-radius: 50%;
            --f-spinner-border-width: 4px
        }

        :-webkit-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
            display: none
        }

        :fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
            display: none
        }

        :-webkit-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
            display: flex
        }

        :fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
            display: flex
        }

        :root {
            --f-thumbs-gap: 8px;
            --f-thumbs-margin: 0;
            --f-thumbs-padding-x: 8px;
            --f-thumbs-padding-y: 8px;
            --f-thumbs-z-index: 1;
            --f-thumb-width: 96px;
            --f-thumb-height: 72px;
            --f-thumb-fit: cover;
            --f-thumb-opacity: 1;
            --f-thumb-transition: opacity .3s ease, transform .15s ease;
            --f-thumb-border: none;
            --f-thumb-border-radius: 4px;
            --f-thumb-transfors: none;
            --f-thumb-shadow: none;
            --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
            --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
            --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff
        }

        .f-thumbs__slide:hover button {
            opacity: 1;
            opacity: var(--f-thumb-hover-opacity, 1);
            transform: none;
            transform: var(--f-thumb-hover-transform, none)
        }

        .f-thumbs__slide:hover button:after {
            border: none;
            border: var(--f-thumb-hover-border, none);
            box-shadow: none;
            box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow))
        }

        .f-thumbs__slide button:focus-within {
            opacity: 1;
            opacity: var(--f-thumb-focus-opacity, 1);
            transform: none;
            transform: var(--f-thumb-focus-transform, none)
        }

        .f-thumbs__slide button:focus-within:after {
            border: none;
            border: var(--f-thumb-focus-border, none);
            box-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
            box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow))
        }

        .f-thumbs__slide:active {
            opacity: 1;
            opacity: var(--f-thumb-active-opacity, 1);
            transform: none;
            transform: var(--f-thumb-active-transform, none)
        }

        .f-thumbs__slide:active:after {
            border: none;
            border: var(--f-thumb-active-border, none);
            box-shadow: none;
            box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow))
        }

        .f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
            outline: none
        }

        .f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
            border: none;
            border: var(--f-thumb-focus-border, none);
            border-radius: inherit;
            bottom: 0;
            box-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
            box-shadow: var(--f-thumb-focus-shadow, none);
            content: "";
            left: var(--clip-shift);
            position: absolute;
            right: var(--clip-shift);
            top: 0;
            transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
            z-index: 1
        }

        :-webkit-full-screen [data-fullscreen-action=toggle] svg g:first-child {
            display: none
        }

        :fullscreen [data-fullscreen-action=toggle] svg g:first-child {
            display: none
        }

        :-webkit-full-screen [data-fullscreen-action=toggle] svg g:last-child {
            display: flex
        }

        :fullscreen [data-fullscreen-action=toggle] svg g:last-child {
            display: flex
        }

        .fancybox__dialog:focus {
            outline: none
        }

        .gradient-border[data-v-0f321d05]:hover:before {
            background-position: -50%0;
            opacity: 1
        }

        .bg-top[data-v-7fcb4198] {
            position: relative
        }

        .bg-top[data-v-7fcb4198]:before {
            background: #000;
            border-radius: 50%;
            content: "";
            height: 50px;
            left: 0;
            opacity: .2;
            position: absolute;
            top: 0;
            width: 50px;
            z-index: -1
        }

        .bg-top[data-v-7fcb4198]:hover:before {
            opacity: .5
        }

         .swiper-fade .swiper-slide {
            pointer-events: none;
            transition-property: opacity
        }

        .swiper-fade .swiper-slide-active {
            pointer-events: auto
        }

         :root {
            --swiper-theme-color: #007aff
        }

        :host {
            display: block;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            z-index: 1
        }

        .swiper {
            display: block;
            list-style: none;
            margin-left: auto;
            margin-right: auto;
            overflow: hidden;
            padding: 0;
            position: relative;
            z-index: 1
        }

        .swiper-wrapper {
            box-sizing: content-box;
            display: flex;
            height: 100%;
            position: relative;
            transition-property: transform;
            transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
            width: 100%;
            z-index: 1
        }

        .swiper-wrapper {
            transform: translateZ(0)
        }

        .swiper-horizontal {
            touch-action: pan-y
        }

        .swiper-slide {
            display: block;
            flex-shrink: 0;
            height: 100%;
            position: relative;
            transition-property: transform
        }

        .swiper-backface-hidden .swiper-slide {
            backface-visibility: hidden;
            transform: translateZ(0)
        }

        .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
            display: none
        }

        .swiper-css-mode.swiper-centered>.swiper-wrapper:before {
            content: "";
            flex-shrink: 0;
            order: 9999
        }

        .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
            height: 100%;
            min-height: 1px;
            width: var(--swiper-centered-offset-after)
        }

        .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
            height: var(--swiper-centered-offset-after);
            min-width: 1px;
            width: 100%
        }

         .category-title:before {
            --tw-bg-opacity: 1;
            background-color: #ba0c2f;
            background-color: rgb(186 12 47/var(--tw-bg-opacity));
            bottom: 0;
            content: "";
            height: 3px;
            left: 0;
            position: absolute;
            width: 67px;
            z-index: 10
        }

            .main-button-next[data-v-5ccdc2d2]:hover,
        .main-button-prev[data-v-5ccdc2d2]:hover {
            background: rgba(0, 0, 0, .8)
        }

        .custom-scrollbar[data-v-5ccdc2d2] {
            margin-right: -8px;
            overflow-y: auto;
            padding-right: 8px;
            scrollbar-gutter: stable;
            scrollbar-width: thin
        }

        .custom-scrollbar[data-v-5ccdc2d2]::-webkit-scrollbar {
            width: 6px
        }

        .custom-scrollbar[data-v-5ccdc2d2]::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, .3);
            border-radius: 4px
        }

        .custom-scrollbar[data-v-5ccdc2d2]::-webkit-scrollbar-track {
            background: transparent
        }

        @media (min-width:1280px) {
            .custom-scrollbar[data-v-5ccdc2d2] {
                overflow-y: hidden
            }

            .custom-scrollbar[data-v-5ccdc2d2]:hover {
                overflow-y: auto
            }
        }

        .bg-linear[data-v-49ed34f5] {
            background: linear-gradient(180deg, transparent 66.11%, rgba(0, 0, 0, .7) 100.04%)
        }

        .swiper-virtual .swiper-slide {
            -webkit-backface-visibility: hidden
        }

        .swiper-virtual.swiper-css-mode .swiper-wrapper:after {
            content: "";
            left: 0;
            pointer-events: none;
            position: absolute;
            top: 0
        }

        .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
            height: 1px;
            width: var(--swiper-virtual-size)
        }

        .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
            height: var(--swiper-virtual-size);
            width: 1px
        }

        .image-slide .swiper {
            height: 100%;
            width: 100%
        }

        .image-slide .swiper-slide {
            height: 100%;
            overflow: hidden;
            position: relative
        }

        .tab-title.active[data-v-aa0fc229]:before {
            transform: scaleX(1)
        }

        .tab-item:hover span[data-v-aa0fc229] {
            --tw-text-opacity: 1;
            color: #ba0c2f;
            color: rgb(186 12 47/var(--tw-text-opacity))
        }

        .tab-item[data-v-aa0fc229]:hover:before {
            transform: scaleX(.5)
        }

         .marquee-wrapper[data-v-eec7b23a] {
            overflow: hidden;
            white-space: nowrap
        }

        .marquee-content[data-v-eec7b23a] {
            animation: marquee-eec7b23a linear infinite;
            display: inline-flex
        }

        .marquee-item[data-v-eec7b23a] {
            padding-right: 20px
        }

        @keyframes marquee-eec7b23a {
            0% {
                transform: translate(0)
            }

            to {
                transform: translate(-50%)
            }
        }

        @media (hover:hover) {
            .marquee-wrapper:hover .marquee-content[data-v-eec7b23a] {
                animation-play-state: paused
            }
        }

         :root {
            --swiper-navigation-size: 44px
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            font-family: swiper-icons;
            font-size: 44px;
            font-size: var(--swiper-navigation-size);
            font-variant: normal;
            letter-spacing: 0;
            line-height: 1;
            text-transform: none !important
        }

        .swiper-button-prev:after,
        .swiper-rtl .swiper-button-next:after {
            content: "prev"
        }

        .swiper-button-next:after,
        .swiper-rtl .swiper-button-prev:after {
            content: "next"
        }

         .website-link-title:before {
            --tw-translate-x: -50%;
            --tw-bg-opacity: 1;
            background-color: #ba0c2f;
            background-color: rgb(186 12 47/var(--tw-bg-opacity));
            bottom: 0;
            content: "";
            height: 3px;
            left: 50%;
            position: absolute;
            transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            width: 250px;
            z-index: 10
        }

          .navbar__title[data-v-b3fbe11f] {
            --tw-text-opacity: 1
        }

        .navbar__title.router-link-active.router-link-exact-active[data-v-b3fbe11f],
        .navbar__title[data-v-b3fbe11f]:hover {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-bottom-width: 1px;
            border-color: #ba0c2f;
            border-color: rgb(186 12 47/var(--tw-border-opacity));
            color: #ba0c2f;
            color: rgb(186 12 47/var(--tw-text-opacity));
            font-weight: 700
        }

        .navbar__title-active[data-v-b3fbe11f]:hover {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-bottom-width: 1px;
            border-color: #f2ae3e;
            border-color: rgb(242 174 62/var(--tw-border-opacity));
            color: #f2ae3e;
            color: rgb(242 174 62/var(--tw-text-opacity));
            font-weight: 700
        }

          .category-title {
            position: relative
        }

        .category-title:before {
            --tw-bg-opacity: 1;
            background-color: #ba0c2f;
            background-color: rgb(186 12 47/var(--tw-bg-opacity));
            bottom: 0;
            content: "";
            height: 3px;
            left: 0;
            position: absolute;
            width: 67px;
            z-index: 10
        }

          @media (min-width:1024px) {
            [data-v-fd8271bf] .swiper-pagination-total:after {
                content: " trang"
            }
        }
           .website-link-title {
            position: relative
        }

        .website-link-title:before {
            --tw-translate-x: -50%;
            --tw-bg-opacity: 1;
            background-color: #ba0c2f;
            background-color: rgb(186 12 47/var(--tw-bg-opacity));
            bottom: 0;
            content: "";
            height: 3px;
            left: 50%;
            position: absolute;
            transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            width: 250px;
            z-index: 10
        }


         /*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/
        *,
        :after,
        :before {
            border-color: rgb(var(--color-gray-200)/1);
            border-style: solid;
            border-width: 0;
            box-sizing: border-box
        }

        :after,
        :before {
            --tw-content: ""
        }

        html {
            -webkit-text-size-adjust: 100%;
            font-feature-settings: normal;
            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
            font-variation-settings: normal;
            line-height: 1.5;
            tab-size: 4
        }

        body {
            line-height: inherit
        }

        hr {
            border-top-width: 1px;
            height: 0
        }

        h2,
        h3 {
            font-size: inherit;
            font-weight: inherit
        }

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

        table {
            border-collapse: collapse;
            border-color: inherit;
            text-indent: 0
        }

        select {
            font-feature-settings: inherit;
            font-family: inherit;
            font-variation-settings: inherit;
            font-weight: inherit;
            margin: 0
        }

        select {
            text-transform: none
        }

        :-moz-focusring {
            outline: auto
        }

        :-moz-ui-invalid {
            box-shadow: none
        }

        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
            height: auto
        }

        ::-webkit-search-decoration {
            -webkit-appearance: none
        }

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

        figure,
        h2,
        h3,
        hr,
        p {
            margin: 0
        }

        ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

        input::placeholder,
        textarea::placeholder {
            color: rgb(var(--color-gray-400)/1);
            opacity: 1
        }

        :disabled {
            cursor: default
        }

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

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

        *,
        :after,
        :before {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-pan-x: ;
            --tw-pan-y: ;
            --tw-pinch-zoom: ;
            --tw-scroll-snap-strictness: proximity;
            --tw-gradient-from-position: ;
            --tw-gradient-via-position: ;
            --tw-gradient-to-position: ;
            --tw-ordinal: ;
            --tw-slashed-zero: ;
            --tw-numeric-figure: ;
            --tw-numeric-spacing: ;
            --tw-numeric-fraction: ;
            --tw-ring-inset: ;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgba(0, 150, 255, .5);
            --tw-ring-offset-shadow: 0 0#0000;
            --tw-ring-shadow: 0 0#0000;
            --tw-shadow: 0 0#0000;
            --tw-shadow-colored: 0 0#0000;
            --tw-blur: ;
            --tw-brightness: ;
            --tw-contrast: ;
            --tw-grayscale: ;
            --tw-hue-rotate: ;
            --tw-invert: ;
            --tw-saturate: ;
            --tw-sepia: ;
            --tw-drop-shadow: ;
            --tw-backdrop-blur: ;
            --tw-backdrop-brightness: ;
            --tw-backdrop-contrast: ;
            --tw-backdrop-grayscale: ;
            --tw-backdrop-hue-rotate: ;
            --tw-backdrop-invert: ;
            --tw-backdrop-opacity: ;
            --tw-backdrop-saturate: ;
            --tw-backdrop-sepia:
        }

        ::backdrop {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-pan-x: ;
            --tw-pan-y: ;
            --tw-pinch-zoom: ;
            --tw-scroll-snap-strictness: proximity;
            --tw-gradient-from-position: ;
            --tw-gradient-via-position: ;
            --tw-gradient-to-position: ;
            --tw-ordinal: ;
            --tw-slashed-zero: ;
            --tw-numeric-figure: ;
            --tw-numeric-spacing: ;
            --tw-numeric-fraction: ;
            --tw-ring-inset: ;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgba(0, 150, 255, .5);
            --tw-ring-offset-shadow: 0 0#0000;
            --tw-ring-shadow: 0 0#0000;
            --tw-shadow: 0 0#0000;
            --tw-shadow-colored: 0 0#0000;
            --tw-blur: ;
            --tw-brightness: ;
            --tw-contrast: ;
            --tw-grayscale: ;
            --tw-hue-rotate: ;
            --tw-invert: ;
            --tw-saturate: ;
            --tw-sepia: ;
            --tw-drop-shadow: ;
            --tw-backdrop-blur: ;
            --tw-backdrop-brightness: ;
            --tw-backdrop-contrast: ;
            --tw-backdrop-grayscale: ;
            --tw-backdrop-hue-rotate: ;
            --tw-backdrop-invert: ;
            --tw-backdrop-opacity: ;
            --tw-backdrop-saturate: ;
            --tw-backdrop-sepia:
        }

        .form-select {
            --tw-shadow: 0 0#0000;
            -webkit-appearance: none;
            appearance: none;
            border-color: rgb(var(--color-gray-500)/var(--tw-border-opacity, 1));
            padding: .5rem .75rem
        }

        .form-input:focus,
        .form-multiselect:focus,
        .form-select:focus,
        .form-textarea:focus {
            --tw-ring-inset: var(--tw-empty, );
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: #0075c7;
            --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            border-color: #0075c7;
            box-shadow: 0 0 0 0#fff, 0 0 0 1px #0075c7, var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            outline: 2px solid transparent;
            outline-offset: 2px
        }

        .form-input::placeholder,
        .form-textarea::placeholder {
            color: rgb(var(--color-gray-500)/1);
            color: rgb(var(--color-gray-500)/var(--tw-text-opacity, 1));
            opacity: 1
        }

        .form-select {
            background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'none\'\ viewBox=\'0\ 0\ 20\ 20\'%3E%3Cpath\ stroke=\'rgb\(var\(--color-gray-500\)\ /\ var\(--tw-stroke-opacity,\ 1\)\)\'\ stroke-linecap=\'round\'\ stroke-linejoin=\'round\'\ stroke-width=\'1.5\'\ d=\'m6\ 8\ 4\ 4\ 4-4\'/%3E%3C/svg%3E);
            background-position: right .5rem center;
            background-repeat: no-repeat;
            background-size: 1.5em 1.5em;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact
        }

        .form-checkbox:focus,
        .form-radio:focus {
            --tw-ring-inset: var(--tw-empty, );
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: #0075c7;
            --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0075c7, var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            outline: 2px solid transparent;
            outline-offset: 2px
        }

        .form-checkbox:checked,
        .form-radio:checked {
            background-color: currentColor;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            border-color: transparent
        }

        .form-checkbox:checked {
            background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'%23fff\'\ viewBox=\'0\ 0\ 16\ 16\'%3E%3Cpath\ d=\'M12.207\ 4.793a1\ 1\ 0\ 0\ 1\ 0\ 1.414l-5\ 5a1\ 1\ 0\ 0\ 1-1.414\ 0l-2-2a1\ 1\ 0\ 0\ 1\ 1.414-1.414L6.5\ 9.086l4.293-4.293a1\ 1\ 0\ 0\ 1\ 1.414\ 0z\'/%3E%3C/svg%3E)
        }

        .form-radio:checked {
            background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'%23fff\'\ viewBox=\'0\ 0\ 16\ 16\'%3E%3Ccircle\ cx=\'8\'\ cy=\'8\'\ r=\'3\'/%3E%3C/svg%3E)
        }

        .form-checkbox:checked:focus,
        .form-checkbox:checked:hover,
        .form-radio:checked:focus,
        .form-radio:checked:hover {
            background-color: currentColor;
            border-color: transparent
        }

        .form-checkbox:indeterminate:focus,
        .form-checkbox:indeterminate:hover {
            background-color: currentColor;
            border-color: transparent
        }

        .i-heroicons-chevron-down-20-solid {
            background-color: currentColor;
            display: inline-block;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%
        }

        .i-heroicons-chevron-down-20-solid {
            --svg: url(data:image/svg+xml;charset=utf-8,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'20\'\ height=\'20\'%3E%3Cpath\ fill-rule=\'evenodd\'\ d=\'M5.23\ 7.21a.75.75\ 0\ 0\ 1\ 1.06.02L10\ 11.168l3.71-3.938a.75.75\ 0\ 1\ 1\ 1.08\ 1.04l-4.25\ 4.5a.75.75\ 0\ 0\ 1-1.08\ 0l-4.25-4.5a.75.75\ 0\ 0\ 1\ .02-1.06Z\'\ clip-rule=\'evenodd\'/%3E%3C/svg%3E);
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg)
        }

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

        .invisible {
            visibility: hidden
        }

        .fixed {
            position: fixed
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .sticky {
            position: sticky
        }

        .inset-y-0 {
            bottom: 0;
            top: 0
        }

        .bottom-0 {
            bottom: 0
        }

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

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

        .end-0 {
            inset-inline-end: 0
        }

        .left-0 {
            left: 0
        }

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

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

        .right-0 {
            right: 0
        }

        .right-2 {
            right: .5rem
        }

        .right-\[16px\] {
            right: 16px
        }

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

        .top-0 {
            top: 0
        }

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

        .top-2 {
            top: .5rem
        }

        .top-\[-94px\] {
            top: -94px
        }

        .z-30 {
            z-index: 30
        }

        .z-50 {
            z-index: 50
        }

        .z-\[999\] {
            z-index: 999
        }

        .order-1 {
            order: 1
        }

        .order-2 {
            order: 2
        }

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

        .my-6 {
            margin-bottom: 1.5rem;
            margin-top: 1.5rem
        }

        .\!mt-0 {
            margin-top: 0 !important
        }

        .\!mt-4 {
            margin-top: 1rem !important
        }

        .mb-4 {
            margin-bottom: 1rem
        }

        .mb-8 {
            margin-bottom: 2rem
        }

        .mr-\[16px\] {
            margin-right: 16px
        }

        .mr-\[38px\] {
            margin-right: 38px
        }

        .mt-4 {
            margin-top: 1rem
        }

        .mt-6 {
            margin-top: 1.5rem
        }

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

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

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

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

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

        .block {
            display: block
        }

        .flex {
            display: flex
        }

        .grid {
            display: grid
        }

        .hidden {
            display: none
        }

        .h-5 {
            height: 1.25rem
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .h-auto {
            height: auto
        }

        .h-full {
            height: 100%
        }

        .h-screen {
            height: 100vh
        }

        .max-h-\[350px\] {
            max-height: 350px
        }

        .max-h-\[510px\] {
            max-height: 510px
        }

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

        .w-5 {
            width: 1.25rem
        }

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

        .w-\[165px\] {
            width: 220px
        }

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

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

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

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

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

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

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

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

        .w-full {
            width: 100%
        }

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

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

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

        .flex-none {
            flex: none
        }

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

        .flex-grow {
            flex-grow: 1
        }

        .-translate-x-full {
            --tw-translate-x: -100%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .-translate-y-1\/2 {
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .transform {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .cursor-pointer {
            cursor: pointer
        }

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

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

        .grid-rows-\[auto_1fr\] {
            grid-template-rows: auto 1fr
        }

        .flex-col {
            flex-direction: column
        }

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

        .items-center {
            align-items: center
        }

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

        .justify-center {
            justify-content: center
        }

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

        .gap-2 {
            gap: .5rem
        }

        .gap-4 {
            gap: 1rem
        }

        .gap-6 {
            gap: 1.5rem
        }

        .gap-9 {
            gap: 2.25rem
        }

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

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

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

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

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

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

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

        .gap-x-1\.5 {
            column-gap: .375rem
        }

        .space-x-2>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
            margin-right: calc(.5rem*var(--tw-space-x-reverse))
        }

        .space-x-3>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
            margin-right: calc(.75rem*var(--tw-space-x-reverse))
        }

        .space-x-4>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
            margin-right: calc(1rem*var(--tw-space-x-reverse))
        }

        .space-x-6>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-left: calc(1.0rem*(1 - var(--tw-space-x-reverse)));
            margin-right: calc(1.5rem*var(--tw-space-x-reverse))
        }

        .space-x-\[13px\]>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-left: calc(13px*(1 - var(--tw-space-x-reverse)));
            margin-right: calc(13px*var(--tw-space-x-reverse))
        }

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

        .space-y-2>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
            margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
        }

        .space-y-4>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(1rem*var(--tw-space-y-reverse));
            margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
        }

        .space-y-\[10px\]>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(10px*var(--tw-space-y-reverse));
            margin-top: calc(10px*(1 - var(--tw-space-y-reverse)))
        }

        .space-y-\[11px\]>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(11px*var(--tw-space-y-reverse));
            margin-top: calc(11px*(1 - var(--tw-space-y-reverse)))
        }

        .space-y-\[13px\]>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(13px*var(--tw-space-y-reverse));
            margin-top: calc(13px*(1 - var(--tw-space-y-reverse)))
        }

        .space-y-\[16px\]>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(16px*var(--tw-space-y-reverse));
            margin-top: calc(16px*(1 - var(--tw-space-y-reverse)))
        }

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

        .space-y-\[6px\]>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(6px*var(--tw-space-y-reverse));
            margin-top: calc(6px*(1 - var(--tw-space-y-reverse)))
        }

        .space-y-\[7px\]>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(7px*var(--tw-space-y-reverse));
            margin-top: calc(7px*(1 - var(--tw-space-y-reverse)))
        }

        .overflow-hidden {
            overflow: hidden
        }

        .overflow-y-auto {
            overflow-y: auto
        }

        .whitespace-nowrap {
            white-space: nowrap
        }

        .rounded {
            border-radius: .25rem
        }

        .rounded-\[2\.41px\] {
            border-radius: 2.41px
        }

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

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

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

        .rounded-none {
            border-radius: 0
        }

        .rounded-b-lg {
            border-bottom-left-radius: .5rem;
            border-bottom-right-radius: .5rem
        }

        .rounded-r-\[8px\] {
            border-bottom-right-radius: 8px;
            border-top-right-radius: 8px
        }

        .border {
            border-width: 1px
        }

        .border-0 {
            border-width: 0
        }

        .border-b,
        .border-b-\[1px\] {
            border-bottom-width: 1px
        }

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

        .border-r-\[1px\] {
            border-right-width: 1px
        }

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

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

        .border-bca-main-01 {
            --tw-border-opacity: 1;
            border-color: rgb(186 12 47/var(--tw-border-opacity))
        }

        .border-gray-100 {
            --tw-border-opacity: 1;
            border-color: rgb(var(--color-gray-100)/var(--tw-border-opacity))
        }

        .border-gray-200 {
            --tw-border-opacity: 1;
            border-color: rgb(var(--color-gray-200)/var(--tw-border-opacity))
        }

        .border-transparent {
            border-color: transparent
        }

        .border-b-bca-gray-100 {
            --tw-border-opacity: 1;
            border-bottom-color: rgb(233 233 233/var(--tw-border-opacity))
        }

        .border-b-bca-gray-200 {
            --tw-border-opacity: 1;
            border-bottom-color: rgb(217 217 217/var(--tw-border-opacity))
        }

        .border-b-bca-gray-50 {
            --tw-border-opacity: 1;
            border-bottom-color: rgb(245 245 245/var(--tw-border-opacity))
        }

        .border-r-bca-gray-400 {
            --tw-border-opacity: 1;
            border-right-color: rgb(157 157 157/var(--tw-border-opacity))
        }

        .border-r-bca-main-01 {
            --tw-border-opacity: 1;
            border-right-color: rgb(186 12 47/var(--tw-border-opacity))
        }

        .border-t-bca-gray-100 {
            --tw-border-opacity: 1;
            border-top-color: rgb(233 233 233/var(--tw-border-opacity))
        }

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

        .bg-bca-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(233 233 233/var(--tw-bg-opacity))
        }

        .bg-bca-gray-200 {
            --tw-bg-opacity: 1;
            background-color: rgb(217 217 217/var(--tw-bg-opacity))
        }

        .bg-bca-gray-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(245 245 245/var(--tw-bg-opacity))
        }

        .bg-bca-main-01 {
            --tw-bg-opacity: 1;
            background-color: rgb(186 12 47/var(--tw-bg-opacity))
        }

        .bg-bca-yellow-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(253 241 222/var(--tw-bg-opacity))
        }

        .bg-gray-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity))
        }

        .bg-transparent {
            background-color: transparent
        }

        .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .bg-top {
            background-position: top
        }

        .object-contain {
            object-fit: contain
        }

        .object-cover {
            object-fit: cover
        }

        .p-1 {
            padding: .25rem
        }

        .p-2 {
            padding: .5rem
        }

        .p-4 {
            padding: 1rem
        }

        .p-6 {
            padding: 1.5rem
        }

        .p-\[10px\] {
            padding: 10px
        }

        .\!px-4 {
            padding-left: 1rem !important;
            padding-right: 1rem !important
        }

        .px-2 {
            padding-left: .5rem;
            padding-right: .5rem
        }

        .px-2\.5 {
            padding-left: .625rem;
            padding-right: .625rem
        }

        .px-3 {
            padding-left: .75rem;
            padding-right: .75rem
        }

        .px-3\.5 {
            padding-left: .875rem;
            padding-right: .875rem
        }

        .px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .px-\[10px\] {
            padding-left: 10px;
            padding-right: 10px
        }

        .px-\[6px\] {
            padding-left: 6px;
            padding-right: 6px
        }

        .py-1 {
            padding-bottom: .25rem;
            padding-top: .25rem
        }

        .py-2 {
            padding-bottom: .5rem;
            padding-top: .5rem
        }

        .py-2\.5 {
            padding-bottom: .625rem;
            padding-top: .625rem
        }

        .py-3 {
            padding-bottom: .75rem;
            padding-top: .75rem
        }

        .py-4 {
            padding-bottom: 1rem;
            padding-top: 1rem
        }

        .py-\[10px\] {
            padding-bottom: 10px;
            padding-top: 10px
        }

        .py-\[14px\] {
            padding-bottom: 14px;
            padding-top: 14px
        }

        .pb-10 {
            padding-bottom: 2.5rem
        }

        .pb-4 {
            padding-bottom: 1rem
        }

        .pb-6 {
            padding-bottom: 1.5rem
        }

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

        .pe-11 {
            padding-inline-end: 2.75rem
        }

        .pe-3\.5 {
            padding-inline-end: .875rem
        }

        .pr-2 {
            padding-right: .5rem
        }

        .pr-3 {
            padding-right: .75rem
        }

        .pr-4 {
            padding-right: 1rem
        }

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

        .pt-2 {
            padding-top: .5rem
        }

        .pt-4 {
            padding-top: 1rem
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .text-justify {
            text-align: justify
        }

        .font-times {
            font-family: Times New Roman, serif
        }

        .text-2xl {
            font-size: 1.5rem;
            line-height: 2rem

        }

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

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .text-xs {
            font-size: .75rem;
            line-height: 1rem
        }

        .font-bold {
            font-weight: 700
        }

        .font-medium {
            font-weight: 500
        }

        .font-normal {
            font-weight: 400
        }

        .uppercase {
            text-transform: uppercase
        }

        .leading-\[1\.56\] {
            line-height: 1.56
        }

        .\!text-bca-main-01 {
            --tw-text-opacity: 1 !important;
            color: rgb(186 12 47/var(--tw-text-opacity)) !important
        }

        .text-bca-gray-400 {
            --tw-text-opacity: 1;
            color: rgb(157 157 157/var(--tw-text-opacity))
        }

        .text-bca-gray-600 {
            --tw-text-opacity: 1;
            color: rgb(85 85 85/var(--tw-text-opacity))
        }

        .text-bca-gray-700 {
            --tw-text-opacity: 1;
            color: rgb(67 67 67/var(--tw-text-opacity))
        }

        .text-bca-main-01 {
            --tw-text-opacity: 1;
            color: rgb(186 12 47/var(--tw-text-opacity))
        }

        .text-bca-red-50 {
            --tw-text-opacity: 1;
            color: rgb(254 235 240/var(--tw-text-opacity))
        }

        .text-black {
            --tw-text-opacity: 1;
            color: rgb(0 0 0/var(--tw-text-opacity))
        }

        .text-gray-400 {
            --tw-text-opacity: 1;
            color: rgb(var(--color-gray-400)/var(--tw-text-opacity))
        }

        .text-gray-600 {
            --tw-text-opacity: 1;
            color: rgb(var(--color-gray-600)/var(--tw-text-opacity))
        }

        .text-gray-900 {
            --tw-text-opacity: 1;
            color: rgb(var(--color-gray-900)/var(--tw-text-opacity))
        }

        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity))
        }

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

        .placeholder-gray-400::placeholder {
            --tw-placeholder-opacity: 1;
            color: rgb(var(--color-gray-400)/1);
            color: rgb(var(--color-gray-400)/var(--tw-placeholder-opacity))
        }

        .shadow-sm {
            --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
            --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
        }

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

        .ring-inset {
            --tw-ring-inset: inset
        }

        .ring-gray-300 {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(var(--color-gray-300)/var(--tw-ring-opacity))
        }

        .backdrop-blur {
            --tw-backdrop-blur: blur(8px)
        }

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

        .transition-all {
            transition-property: all;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        .transition-transform {
            transition-property: transform
        }

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

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

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

        .ease-in-out {
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        .hover\:border-gray-900:hover {
            --tw-border-opacity: 1;
            border-color: rgb(var(--color-gray-900)/var(--tw-border-opacity))
        }

        .hover\:bg-bca-gray-100:hover {
            --tw-bg-opacity: 1;
            background-color: #e9e9e9;
            background-color: rgb(233 233 233/var(--tw-bg-opacity))
        }

        .hover\:bg-bca-gray-200:hover {
            --tw-bg-opacity: 1;
            background-color: #d9d9d9;
            background-color: rgb(217 217 217/var(--tw-bg-opacity))
        }

        .hover\:bg-bca-gray-400:hover {
            --tw-bg-opacity: 1;
            background-color: #9d9d9d;
            background-color: rgb(157 157 157/var(--tw-bg-opacity))
        }

        .hover\:bg-bca-main-01:hover {
            --tw-bg-opacity: 1;
            background-color: #ba0c2f;
            background-color: rgb(186 12 47/var(--tw-bg-opacity))
        }

        .hover\:bg-bca-main-01\/10:hover {
            background-color: rgba(186, 12, 47, .1)
        }

        .hover\:bg-bca-main-01\/90:hover {
            background-color: rgba(186, 12, 47, .9)
        }

        .hover\:bg-bca-main-02\/90:hover {
            background-color: rgba(242, 174, 62, .9)
        }

        .hover\:bg-bca-red-800:hover {
            --tw-bg-opacity: 1;
            background-color: #c91d3b;
            background-color: rgb(201 29 59/var(--tw-bg-opacity))
        }

        .hover\:bg-gray-100:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-100)/1);
            background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
        }

        .hover\:bg-gray-300:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-300)/1);
            background-color: rgb(var(--color-gray-300)/var(--tw-bg-opacity))
        }

        .hover\:bg-gray-50:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-50)/1);
            background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity))
        }

        .hover\:bg-gray-800:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-800)/1);
            background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity))
        }

        .hover\:bg-primary-100:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-100)/1);
            background-color: rgb(var(--color-primary-100)/var(--tw-bg-opacity))
        }

        .hover\:bg-primary-100\/0:hover {
            background-color: rgb(var(--color-primary-100)/0)
        }

        .hover\:bg-primary-100\/10:hover {
            background-color: rgb(var(--color-primary-100)/.1)
        }

        .hover\:bg-primary-100\/100:hover {
            background-color: rgb(var(--color-primary-100)/1)
        }

        .hover\:bg-primary-100\/20:hover {
            background-color: rgb(var(--color-primary-100)/.2)
        }

        .hover\:bg-primary-100\/25:hover {
            background-color: rgb(var(--color-primary-100)/.25)
        }

        .hover\:bg-primary-100\/30:hover {
            background-color: rgb(var(--color-primary-100)/.3)
        }

        .hover\:bg-primary-100\/40:hover {
            background-color: rgb(var(--color-primary-100)/.4)
        }

        .hover\:bg-primary-100\/5:hover {
            background-color: rgb(var(--color-primary-100)/.05)
        }

        .hover\:bg-primary-100\/50:hover {
            background-color: rgb(var(--color-primary-100)/.5)
        }

        .hover\:bg-primary-100\/60:hover {
            background-color: rgb(var(--color-primary-100)/.6)
        }

        .hover\:bg-primary-100\/70:hover {
            background-color: rgb(var(--color-primary-100)/.7)
        }

        .hover\:bg-primary-100\/75:hover {
            background-color: rgb(var(--color-primary-100)/.75)
        }

        .hover\:bg-primary-100\/80:hover {
            background-color: rgb(var(--color-primary-100)/.8)
        }

        .hover\:bg-primary-100\/90:hover {
            background-color: rgb(var(--color-primary-100)/.9)
        }

        .hover\:bg-primary-100\/95:hover {
            background-color: rgb(var(--color-primary-100)/.95)
        }

        .hover\:bg-primary-50:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-50)/1);
            background-color: rgb(var(--color-primary-50)/var(--tw-bg-opacity))
        }

        .hover\:bg-primary-50\/0:hover {
            background-color: rgb(var(--color-primary-50)/0)
        }

        .hover\:bg-primary-50\/10:hover {
            background-color: rgb(var(--color-primary-50)/.1)
        }

        .hover\:bg-primary-50\/100:hover {
            background-color: rgb(var(--color-primary-50)/1)
        }

        .hover\:bg-primary-50\/20:hover {
            background-color: rgb(var(--color-primary-50)/.2)
        }

        .hover\:bg-primary-50\/25:hover {
            background-color: rgb(var(--color-primary-50)/.25)
        }

        .hover\:bg-primary-50\/30:hover {
            background-color: rgb(var(--color-primary-50)/.3)
        }

        .hover\:bg-primary-50\/40:hover {
            background-color: rgb(var(--color-primary-50)/.4)
        }

        .hover\:bg-primary-50\/5:hover {
            background-color: rgb(var(--color-primary-50)/.05)
        }

        .hover\:bg-primary-50\/50:hover {
            background-color: rgb(var(--color-primary-50)/.5)
        }

        .hover\:bg-primary-50\/60:hover {
            background-color: rgb(var(--color-primary-50)/.6)
        }

        .hover\:bg-primary-50\/70:hover {
            background-color: rgb(var(--color-primary-50)/.7)
        }

        .hover\:bg-primary-50\/75:hover {
            background-color: rgb(var(--color-primary-50)/.75)
        }

        .hover\:bg-primary-50\/80:hover {
            background-color: rgb(var(--color-primary-50)/.8)
        }

        .hover\:bg-primary-50\/90:hover {
            background-color: rgb(var(--color-primary-50)/.9)
        }

        .hover\:bg-primary-50\/95:hover {
            background-color: rgb(var(--color-primary-50)/.95)
        }

        .hover\:bg-primary-500:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-500)/1);
            background-color: rgb(var(--color-primary-500)/var(--tw-bg-opacity))
        }

        .hover\:bg-primary-500\/0:hover {
            background-color: rgb(var(--color-primary-500)/0)
        }

        .hover\:bg-primary-500\/10:hover {
            background-color: rgb(var(--color-primary-500)/.1)
        }

        .hover\:bg-primary-500\/100:hover {
            background-color: rgb(var(--color-primary-500)/1)
        }

        .hover\:bg-primary-500\/20:hover {
            background-color: rgb(var(--color-primary-500)/.2)
        }

        .hover\:bg-primary-500\/25:hover {
            background-color: rgb(var(--color-primary-500)/.25)
        }

        .hover\:bg-primary-500\/30:hover {
            background-color: rgb(var(--color-primary-500)/.3)
        }

        .hover\:bg-primary-500\/40:hover {
            background-color: rgb(var(--color-primary-500)/.4)
        }

        .hover\:bg-primary-500\/5:hover {
            background-color: rgb(var(--color-primary-500)/.05)
        }

        .hover\:bg-primary-500\/50:hover {
            background-color: rgb(var(--color-primary-500)/.5)
        }

        .hover\:bg-primary-500\/60:hover {
            background-color: rgb(var(--color-primary-500)/.6)
        }

        .hover\:bg-primary-500\/70:hover {
            background-color: rgb(var(--color-primary-500)/.7)
        }

        .hover\:bg-primary-500\/75:hover {
            background-color: rgb(var(--color-primary-500)/.75)
        }

        .hover\:bg-primary-500\/80:hover {
            background-color: rgb(var(--color-primary-500)/.8)
        }

        .hover\:bg-primary-500\/90:hover {
            background-color: rgb(var(--color-primary-500)/.9)
        }

        .hover\:bg-primary-500\/95:hover {
            background-color: rgb(var(--color-primary-500)/.95)
        }

        .hover\:bg-primary-600:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-600)/1);
            background-color: rgb(var(--color-primary-600)/var(--tw-bg-opacity))
        }

        .hover\:bg-primary-600\/0:hover {
            background-color: rgb(var(--color-primary-600)/0)
        }

        .hover\:bg-primary-600\/10:hover {
            background-color: rgb(var(--color-primary-600)/.1)
        }

        .hover\:bg-primary-600\/100:hover {
            background-color: rgb(var(--color-primary-600)/1)
        }

        .hover\:bg-primary-600\/20:hover {
            background-color: rgb(var(--color-primary-600)/.2)
        }

        .hover\:bg-primary-600\/25:hover {
            background-color: rgb(var(--color-primary-600)/.25)
        }

        .hover\:bg-primary-600\/30:hover {
            background-color: rgb(var(--color-primary-600)/.3)
        }

        .hover\:bg-primary-600\/40:hover {
            background-color: rgb(var(--color-primary-600)/.4)
        }

        .hover\:bg-primary-600\/5:hover {
            background-color: rgb(var(--color-primary-600)/.05)
        }

        .hover\:bg-primary-600\/50:hover {
            background-color: rgb(var(--color-primary-600)/.5)
        }

        .hover\:bg-primary-600\/60:hover {
            background-color: rgb(var(--color-primary-600)/.6)
        }

        .hover\:bg-primary-600\/70:hover {
            background-color: rgb(var(--color-primary-600)/.7)
        }

        .hover\:bg-primary-600\/75:hover {
            background-color: rgb(var(--color-primary-600)/.75)
        }

        .hover\:bg-primary-600\/80:hover {
            background-color: rgb(var(--color-primary-600)/.8)
        }

        .hover\:bg-primary-600\/90:hover {
            background-color: rgb(var(--color-primary-600)/.9)
        }

        .hover\:bg-primary-600\/95:hover {
            background-color: rgb(var(--color-primary-600)/.95)
        }

        .hover\:bg-red-50:hover,
        .hover\:bg-white:hover {
            --tw-bg-opacity: 1;
            background-color: #fff;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .hover\:pl-4:hover {
            padding-left: 1rem
        }

        .hover\:\!text-\[\#1D1F24\]:hover {
            --tw-text-opacity: 1 !important;
            color: #1d1f24 !important;
            color: rgb(29 31 36/var(--tw-text-opacity)) !important
        }

        .hover\:text-bca-main-01:hover {
            --tw-text-opacity: 1;
            color: #ba0c2f;
            color: rgb(186 12 47/var(--tw-text-opacity))
        }

        .hover\:text-bca-main-04:hover {
            --tw-text-opacity: 1;
            color: #18447a;
            color: rgb(24 68 122/var(--tw-text-opacity))
        }

        .hover\:text-bca-yellow-50:hover {
            --tw-text-opacity: 1;
            color: #fdf1de;
            color: rgb(253 241 222/var(--tw-text-opacity))
        }

        .hover\:text-black:hover {
            --tw-text-opacity: 1;
            color: #000;
            color: rgb(0 0 0/var(--tw-text-opacity))
        }

        .hover\:text-gray-700:hover {
            --tw-text-opacity: 1;
            color: rgb(var(--color-gray-700)/1);
            color: rgb(var(--color-gray-700)/var(--tw-text-opacity))
        }

        .hover\:text-gray-800:hover {
            --tw-text-opacity: 1;
            color: rgb(var(--color-gray-800)/1);
            color: rgb(var(--color-gray-800)/var(--tw-text-opacity))
        }

        .hover\:text-gray-900:hover {
            --tw-text-opacity: 1;
            color: rgb(var(--color-gray-900)/1);
            color: rgb(var(--color-gray-900)/var(--tw-text-opacity))
        }

        .hover\:text-primary-600:hover {
            --tw-text-opacity: 1;
            color: rgb(var(--color-primary-600)/1);
            color: rgb(var(--color-primary-600)/var(--tw-text-opacity))
        }

        .hover\:text-primary-600\/0:hover {
            color: rgb(var(--color-primary-600)/0)
        }

        .hover\:text-primary-600\/10:hover {
            color: rgb(var(--color-primary-600)/.1)
        }

        .hover\:text-primary-600\/100:hover {
            color: rgb(var(--color-primary-600)/1)
        }

        .hover\:text-primary-600\/20:hover {
            color: rgb(var(--color-primary-600)/.2)
        }

        .hover\:text-primary-600\/25:hover {
            color: rgb(var(--color-primary-600)/.25)
        }

        .hover\:text-primary-600\/30:hover {
            color: rgb(var(--color-primary-600)/.3)
        }

        .hover\:text-primary-600\/40:hover {
            color: rgb(var(--color-primary-600)/.4)
        }

        .hover\:text-primary-600\/5:hover {
            color: rgb(var(--color-primary-600)/.05)
        }

        .hover\:text-primary-600\/50:hover {
            color: rgb(var(--color-primary-600)/.5)
        }

        .hover\:text-primary-600\/60:hover {
            color: rgb(var(--color-primary-600)/.6)
        }

        .hover\:text-primary-600\/70:hover {
            color: rgb(var(--color-primary-600)/.7)
        }

        .hover\:text-primary-600\/75:hover {
            color: rgb(var(--color-primary-600)/.75)
        }

        .hover\:text-primary-600\/80:hover {
            color: rgb(var(--color-primary-600)/.8)
        }

        .hover\:text-primary-600\/90:hover {
            color: rgb(var(--color-primary-600)/.9)
        }

        .hover\:text-primary-600\/95:hover {
            color: rgb(var(--color-primary-600)/.95)
        }

        .hover\:text-red-500:hover {
            --tw-text-opacity: 1;
            color: #ff6464;
            color: rgb(255 100 100/var(--tw-text-opacity))
        }

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

        .hover\:before\:bg-gray-50:hover:before {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-50)/1);
            background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity));
            content: var(--tw-content)
        }

        .focus\:border-bca-main-01:focus {
            --tw-border-opacity: 1;
            border-color: #ba0c2f;
            border-color: rgb(186 12 47/var(--tw-border-opacity))
        }

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

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

        .focus\:outline-none:focus {
            outline: 2px solid transparent;
            outline-offset: 2px
        }

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

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

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

        .focus\:ring-bca-main-01:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(186 12 47/var(--tw-ring-opacity))
        }

        .focus\:ring-gray-600\/\[0\.6\]:focus {
            --tw-ring-color: rgb(var(--color-gray-600)/0.6)
        }

        .focus\:ring-primary-500:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity))
        }

        .focus\:ring-primary-500\/0:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0)
        }

        .focus\:ring-primary-500\/10:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.1)
        }

        .focus\:ring-primary-500\/100:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/1)
        }

        .focus\:ring-primary-500\/20:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.2)
        }

        .focus\:ring-primary-500\/25:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.25)
        }

        .focus\:ring-primary-500\/30:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.3)
        }

        .focus\:ring-primary-500\/40:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.4)
        }

        .focus\:ring-primary-500\/5:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.05)
        }

        .focus\:ring-primary-500\/50:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.5)
        }

        .focus\:ring-primary-500\/60:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.6)
        }

        .focus\:ring-primary-500\/70:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.7)
        }

        .focus\:ring-primary-500\/75:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.75)
        }

        .focus\:ring-primary-500\/80:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.8)
        }

        .focus\:ring-primary-500\/90:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.9)
        }

        .focus\:ring-primary-500\/95:focus {
            --tw-ring-color: rgb(var(--color-primary-500)/0.95)
        }

        .focus\:ring-transparent:focus {
            --tw-ring-color: transparent
        }

        .focus\:ring-offset-1:focus {
            --tw-ring-offset-width: 1px
        }

        .focus\:ring-offset-2:focus {
            --tw-ring-offset-width: 2px
        }

        .focus\:ring-offset-gray-800\/\[0\.6\]:focus {
            --tw-ring-offset-color: rgb(var(--color-gray-800)/0.6)
        }

        .focus\:ring-offset-transparent:focus {
            --tw-ring-offset-color: transparent
        }

        .focus-visible\:outline-none:focus-visible {
            outline: 2px solid transparent;
            outline-offset: 2px
        }

        .focus-visible\:outline:focus-visible {
            outline-style: solid
        }

        .focus-visible\:outline-0:focus-visible {
            outline-width: 0
        }

        .focus-visible\:outline-2:focus-visible {
            outline-width: 2px
        }

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

        .focus-visible\:outline-primary-500:focus-visible {
            outline-color: rgb(var(--color-primary-500)/1)
        }

        .focus-visible\:outline-primary-500\/0:focus-visible {
            outline-color: rgb(var(--color-primary-500)/0)
        }

        .focus-visible\:outline-primary-500\/10:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.1)
        }

        .focus-visible\:outline-primary-500\/100:focus-visible {
            outline-color: rgb(var(--color-primary-500)/1)
        }

        .focus-visible\:outline-primary-500\/20:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.2)
        }

        .focus-visible\:outline-primary-500\/25:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.25)
        }

        .focus-visible\:outline-primary-500\/30:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.3)
        }

        .focus-visible\:outline-primary-500\/40:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.4)
        }

        .focus-visible\:outline-primary-500\/5:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.05)
        }

        .focus-visible\:outline-primary-500\/50:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.5)
        }

        .focus-visible\:outline-primary-500\/60:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.6)
        }

        .focus-visible\:outline-primary-500\/70:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.7)
        }

        .focus-visible\:outline-primary-500\/75:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.75)
        }

        .focus-visible\:outline-primary-500\/80:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.8)
        }

        .focus-visible\:outline-primary-500\/90:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.9)
        }

        .focus-visible\:outline-primary-500\/95:focus-visible {
            outline-color: rgb(var(--color-primary-500)/.95)
        }

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

        .focus-visible\:ring-inset:focus-visible {
            --tw-ring-inset: inset
        }

        .focus-visible\:ring-primary-500:focus-visible {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity))
        }

        .focus-visible\:ring-primary-500\/0:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0)
        }

        .focus-visible\:ring-primary-500\/10:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.1)
        }

        .focus-visible\:ring-primary-500\/100:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/1)
        }

        .focus-visible\:ring-primary-500\/20:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.2)
        }

        .focus-visible\:ring-primary-500\/25:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.25)
        }

        .focus-visible\:ring-primary-500\/30:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.3)
        }

        .focus-visible\:ring-primary-500\/40:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.4)
        }

        .focus-visible\:ring-primary-500\/5:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.05)
        }

        .focus-visible\:ring-primary-500\/50:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.5)
        }

        .focus-visible\:ring-primary-500\/60:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.6)
        }

        .focus-visible\:ring-primary-500\/70:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.7)
        }

        .focus-visible\:ring-primary-500\/75:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.75)
        }

        .focus-visible\:ring-primary-500\/80:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.8)
        }

        .focus-visible\:ring-primary-500\/90:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.9)
        }

        .focus-visible\:ring-primary-500\/95:focus-visible {
            --tw-ring-color: rgb(var(--color-primary-500)/0.95)
        }

        .focus-visible\:ring-offset-2:focus-visible {
            --tw-ring-offset-width: 2px
        }

        .focus-visible\:ring-offset-white:focus-visible {
            --tw-ring-offset-color: #fff
        }

        .focus-visible\:before\:ring-1:focus-visible:before {
            --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0#0000;
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0#0000);
            content: var(--tw-content)
        }

        .focus-visible\:before\:ring-inset:focus-visible:before {
            --tw-ring-inset: inset;
            content: var(--tw-content)
        }

        .focus-visible\:before\:ring-primary-500:focus-visible:before {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity));
            content: var(--tw-content)
        }

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

        .disabled\:bg-gray-50:disabled {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-50)/1);
            background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity))
        }

        .disabled\:bg-gray-900:disabled {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-900)/1);
            background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
        }

        .disabled\:bg-primary-50:disabled {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-50)/1);
            background-color: rgb(var(--color-primary-50)/var(--tw-bg-opacity))
        }

        .disabled\:bg-primary-50\/0:disabled {
            background-color: rgb(var(--color-primary-50)/0)
        }

        .disabled\:bg-primary-50\/10:disabled {
            background-color: rgb(var(--color-primary-50)/.1)
        }

        .disabled\:bg-primary-50\/100:disabled {
            background-color: rgb(var(--color-primary-50)/1)
        }

        .disabled\:bg-primary-50\/20:disabled {
            background-color: rgb(var(--color-primary-50)/.2)
        }

        .disabled\:bg-primary-50\/25:disabled {
            background-color: rgb(var(--color-primary-50)/.25)
        }

        .disabled\:bg-primary-50\/30:disabled {
            background-color: rgb(var(--color-primary-50)/.3)
        }

        .disabled\:bg-primary-50\/40:disabled {
            background-color: rgb(var(--color-primary-50)/.4)
        }

        .disabled\:bg-primary-50\/5:disabled {
            background-color: rgb(var(--color-primary-50)/.05)
        }

        .disabled\:bg-primary-50\/50:disabled {
            background-color: rgb(var(--color-primary-50)/.5)
        }

        .disabled\:bg-primary-50\/60:disabled {
            background-color: rgb(var(--color-primary-50)/.6)
        }

        .disabled\:bg-primary-50\/70:disabled {
            background-color: rgb(var(--color-primary-50)/.7)
        }

        .disabled\:bg-primary-50\/75:disabled {
            background-color: rgb(var(--color-primary-50)/.75)
        }

        .disabled\:bg-primary-50\/80:disabled {
            background-color: rgb(var(--color-primary-50)/.8)
        }

        .disabled\:bg-primary-50\/90:disabled {
            background-color: rgb(var(--color-primary-50)/.9)
        }

        .disabled\:bg-primary-50\/95:disabled {
            background-color: rgb(var(--color-primary-50)/.95)
        }

        .disabled\:bg-primary-500:disabled {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-500)/1);
            background-color: rgb(var(--color-primary-500)/var(--tw-bg-opacity))
        }

        .disabled\:bg-primary-500\/0:disabled {
            background-color: rgb(var(--color-primary-500)/0)
        }

        .disabled\:bg-primary-500\/10:disabled {
            background-color: rgb(var(--color-primary-500)/.1)
        }

        .disabled\:bg-primary-500\/100:disabled {
            background-color: rgb(var(--color-primary-500)/1)
        }

        .disabled\:bg-primary-500\/20:disabled {
            background-color: rgb(var(--color-primary-500)/.2)
        }

        .disabled\:bg-primary-500\/25:disabled {
            background-color: rgb(var(--color-primary-500)/.25)
        }

        .disabled\:bg-primary-500\/30:disabled {
            background-color: rgb(var(--color-primary-500)/.3)
        }

        .disabled\:bg-primary-500\/40:disabled {
            background-color: rgb(var(--color-primary-500)/.4)
        }

        .disabled\:bg-primary-500\/5:disabled {
            background-color: rgb(var(--color-primary-500)/.05)
        }

        .disabled\:bg-primary-500\/50:disabled {
            background-color: rgb(var(--color-primary-500)/.5)
        }

        .disabled\:bg-primary-500\/60:disabled {
            background-color: rgb(var(--color-primary-500)/.6)
        }

        .disabled\:bg-primary-500\/70:disabled {
            background-color: rgb(var(--color-primary-500)/.7)
        }

        .disabled\:bg-primary-500\/75:disabled {
            background-color: rgb(var(--color-primary-500)/.75)
        }

        .disabled\:bg-primary-500\/80:disabled {
            background-color: rgb(var(--color-primary-500)/.8)
        }

        .disabled\:bg-primary-500\/90:disabled {
            background-color: rgb(var(--color-primary-500)/.9)
        }

        .disabled\:bg-primary-500\/95:disabled {
            background-color: rgb(var(--color-primary-500)/.95)
        }

        .disabled\:bg-transparent:disabled {
            background-color: transparent
        }

        .disabled\:bg-white:disabled {
            --tw-bg-opacity: 1;
            background-color: #fff;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .disabled\:bg-opacity-50:disabled {
            --tw-bg-opacity: 0.5
        }

        .disabled\:text-primary-500:disabled {
            --tw-text-opacity: 1;
            color: rgb(var(--color-primary-500)/1);
            color: rgb(var(--color-primary-500)/var(--tw-text-opacity))
        }

        .disabled\:text-primary-500\/0:disabled {
            color: rgb(var(--color-primary-500)/0)
        }

        .disabled\:text-primary-500\/10:disabled {
            color: rgb(var(--color-primary-500)/.1)
        }

        .disabled\:text-primary-500\/100:disabled {
            color: rgb(var(--color-primary-500)/1)
        }

        .disabled\:text-primary-500\/20:disabled {
            color: rgb(var(--color-primary-500)/.2)
        }

        .disabled\:text-primary-500\/25:disabled {
            color: rgb(var(--color-primary-500)/.25)
        }

        .disabled\:text-primary-500\/30:disabled {
            color: rgb(var(--color-primary-500)/.3)
        }

        .disabled\:text-primary-500\/40:disabled {
            color: rgb(var(--color-primary-500)/.4)
        }

        .disabled\:text-primary-500\/5:disabled {
            color: rgb(var(--color-primary-500)/.05)
        }

        .disabled\:text-primary-500\/50:disabled {
            color: rgb(var(--color-primary-500)/.5)
        }

        .disabled\:text-primary-500\/60:disabled {
            color: rgb(var(--color-primary-500)/.6)
        }

        .disabled\:text-primary-500\/70:disabled {
            color: rgb(var(--color-primary-500)/.7)
        }

        .disabled\:text-primary-500\/75:disabled {
            color: rgb(var(--color-primary-500)/.75)
        }

        .disabled\:text-primary-500\/80:disabled {
            color: rgb(var(--color-primary-500)/.8)
        }

        .disabled\:text-primary-500\/90:disabled {
            color: rgb(var(--color-primary-500)/.9)
        }

        .disabled\:text-primary-500\/95:disabled {
            color: rgb(var(--color-primary-500)/.95)
        }

        .disabled\:opacity-50:disabled {
            opacity: .5
        }

        .disabled\:opacity-75:disabled {
            opacity: .75
        }

        .group:hover .group-hover\:visible {
            visibility: visible
        }

        .group:hover .group-hover\:block {
            display: block
        }

        .group:hover .group-hover\:bg-white {
            --tw-bg-opacity: 1;
            background-color: #fff;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .group:hover .group-hover\:text-bca-main-01 {
            --tw-text-opacity: 1;
            color: #ba0c2f;
            color: rgb(186 12 47/var(--tw-text-opacity))
        }

        .group:hover .group-hover\:text-black {
            --tw-text-opacity: 1;
            color: #000;
            color: rgb(0 0 0/var(--tw-text-opacity))
        }

        .group:hover .group-hover\:text-gray-700 {
            --tw-text-opacity: 1;
            color: rgb(var(--color-gray-700)/1);
            color: rgb(var(--color-gray-700)/var(--tw-text-opacity))
        }

        .group:hover .group-hover\:text-white {
            --tw-text-opacity: 1;
            color: #fff;
            color: rgb(255 255 255/var(--tw-text-opacity))
        }

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

        .peer:disabled~.peer-disabled\:bg-opacity-50 {
            --tw-bg-opacity: 0.5
        }

        :is(.dark .dark\:placeholder-gray-500)::placeholder {
            --tw-placeholder-opacity: 1;
            color: rgb(var(--color-gray-500)/1);
            color: rgb(var(--color-gray-500)/var(--tw-placeholder-opacity))
        }

        :is(.dark .dark\:before\:bg-gray-800):before {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-800)/1);
            background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity));
            content: var(--tw-content)
        }

        :is(.dark .dark\:after\:text-red-400):after {
            --tw-text-opacity: 1;
            color: #ff8d8d;
            color: rgb(255 141 141/var(--tw-text-opacity));
            content: var(--tw-content)
        }

        :is(.dark .dark\:checked\:border-transparent:checked) {
            border-color: transparent
        }

        :is(.dark .dark\:checked\:bg-current:checked) {
            background-color: currentColor
        }

        :is(.dark .dark\:indeterminate\:border-transparent:indeterminate) {
            border-color: transparent
        }

        :is(.dark .dark\:indeterminate\:bg-current:indeterminate) {
            background-color: currentColor
        }

        :is(.dark .dark\:hover\:bg-gray-100:hover) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-100)/1);
            background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:hover\:bg-gray-700\/50:hover) {
            background-color: rgb(var(--color-gray-700)/.5)
        }

        :is(.dark .dark\:hover\:bg-gray-800:hover) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-800)/1);
            background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:hover\:bg-gray-800\/50:hover) {
            background-color: rgb(var(--color-gray-800)/.5)
        }

        :is(.dark .dark\:hover\:bg-gray-900:hover) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-900)/1);
            background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:hover\:bg-primary-500:hover) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-500)/1);
            background-color: rgb(var(--color-primary-500)/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:hover\:bg-primary-500\/0:hover) {
            background-color: rgb(var(--color-primary-500)/0)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/10:hover) {
            background-color: rgb(var(--color-primary-500)/.1)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/100:hover) {
            background-color: rgb(var(--color-primary-500)/1)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/20:hover) {
            background-color: rgb(var(--color-primary-500)/.2)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/25:hover) {
            background-color: rgb(var(--color-primary-500)/.25)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/30:hover) {
            background-color: rgb(var(--color-primary-500)/.3)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/40:hover) {
            background-color: rgb(var(--color-primary-500)/.4)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/5:hover) {
            background-color: rgb(var(--color-primary-500)/.05)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/50:hover) {
            background-color: rgb(var(--color-primary-500)/.5)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/60:hover) {
            background-color: rgb(var(--color-primary-500)/.6)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/70:hover) {
            background-color: rgb(var(--color-primary-500)/.7)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/75:hover) {
            background-color: rgb(var(--color-primary-500)/.75)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/80:hover) {
            background-color: rgb(var(--color-primary-500)/.8)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/90:hover) {
            background-color: rgb(var(--color-primary-500)/.9)
        }

        :is(.dark .dark\:hover\:bg-primary-500\/95:hover) {
            background-color: rgb(var(--color-primary-500)/.95)
        }

        :is(.dark .dark\:hover\:bg-primary-900:hover) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-900)/1);
            background-color: rgb(var(--color-primary-900)/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:hover\:bg-primary-900\/0:hover) {
            background-color: rgb(var(--color-primary-900)/0)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/10:hover) {
            background-color: rgb(var(--color-primary-900)/.1)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/100:hover) {
            background-color: rgb(var(--color-primary-900)/1)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/20:hover) {
            background-color: rgb(var(--color-primary-900)/.2)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/25:hover) {
            background-color: rgb(var(--color-primary-900)/.25)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/30:hover) {
            background-color: rgb(var(--color-primary-900)/.3)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/40:hover) {
            background-color: rgb(var(--color-primary-900)/.4)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/5:hover) {
            background-color: rgb(var(--color-primary-900)/.05)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/50:hover) {
            background-color: rgb(var(--color-primary-900)/.5)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/60:hover) {
            background-color: rgb(var(--color-primary-900)/.6)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/70:hover) {
            background-color: rgb(var(--color-primary-900)/.7)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/75:hover) {
            background-color: rgb(var(--color-primary-900)/.75)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/80:hover) {
            background-color: rgb(var(--color-primary-900)/.8)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/90:hover) {
            background-color: rgb(var(--color-primary-900)/.9)
        }

        :is(.dark .dark\:hover\:bg-primary-900\/95:hover) {
            background-color: rgb(var(--color-primary-900)/.95)
        }

        :is(.dark .dark\:hover\:bg-primary-950:hover) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-950)/1);
            background-color: rgb(var(--color-primary-950)/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:hover\:bg-primary-950\/0:hover) {
            background-color: rgb(var(--color-primary-950)/0)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/10:hover) {
            background-color: rgb(var(--color-primary-950)/.1)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/100:hover) {
            background-color: rgb(var(--color-primary-950)/1)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/20:hover) {
            background-color: rgb(var(--color-primary-950)/.2)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/25:hover) {
            background-color: rgb(var(--color-primary-950)/.25)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/30:hover) {
            background-color: rgb(var(--color-primary-950)/.3)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/40:hover) {
            background-color: rgb(var(--color-primary-950)/.4)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/5:hover) {
            background-color: rgb(var(--color-primary-950)/.05)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/50:hover) {
            background-color: rgb(var(--color-primary-950)/.5)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/60:hover) {
            background-color: rgb(var(--color-primary-950)/.6)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/70:hover) {
            background-color: rgb(var(--color-primary-950)/.7)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/75:hover) {
            background-color: rgb(var(--color-primary-950)/.75)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/80:hover) {
            background-color: rgb(var(--color-primary-950)/.8)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/90:hover) {
            background-color: rgb(var(--color-primary-950)/.9)
        }

        :is(.dark .dark\:hover\:bg-primary-950\/95:hover) {
            background-color: rgb(var(--color-primary-950)/.95)
        }

        :is(.dark .dark\:hover\:bg-slate-700:hover) {
            --tw-bg-opacity: 1;
            background-color: #334155;
            background-color: rgb(51 65 85/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:hover\:text-gray-100:hover) {
            --tw-text-opacity: 1;
            color: rgb(var(--color-gray-100)/1);
            color: rgb(var(--color-gray-100)/var(--tw-text-opacity))
        }

        :is(.dark .dark\:hover\:text-gray-200:hover) {
            --tw-text-opacity: 1;
            color: rgb(var(--color-gray-200)/1);
            color: rgb(var(--color-gray-200)/var(--tw-text-opacity))
        }

        :is(.dark .dark\:hover\:text-primary-500:hover) {
            --tw-text-opacity: 1;
            color: rgb(var(--color-primary-500)/1);
            color: rgb(var(--color-primary-500)/var(--tw-text-opacity))
        }

        :is(.dark .dark\:hover\:text-primary-500\/0:hover) {
            color: rgb(var(--color-primary-500)/0)
        }

        :is(.dark .dark\:hover\:text-primary-500\/10:hover) {
            color: rgb(var(--color-primary-500)/.1)
        }

        :is(.dark .dark\:hover\:text-primary-500\/100:hover) {
            color: rgb(var(--color-primary-500)/1)
        }

        :is(.dark .dark\:hover\:text-primary-500\/20:hover) {
            color: rgb(var(--color-primary-500)/.2)
        }

        :is(.dark .dark\:hover\:text-primary-500\/25:hover) {
            color: rgb(var(--color-primary-500)/.25)
        }

        :is(.dark .dark\:hover\:text-primary-500\/30:hover) {
            color: rgb(var(--color-primary-500)/.3)
        }

        :is(.dark .dark\:hover\:text-primary-500\/40:hover) {
            color: rgb(var(--color-primary-500)/.4)
        }

        :is(.dark .dark\:hover\:text-primary-500\/5:hover) {
            color: rgb(var(--color-primary-500)/.05)
        }

        :is(.dark .dark\:hover\:text-primary-500\/50:hover) {
            color: rgb(var(--color-primary-500)/.5)
        }

        :is(.dark .dark\:hover\:text-primary-500\/60:hover) {
            color: rgb(var(--color-primary-500)/.6)
        }

        :is(.dark .dark\:hover\:text-primary-500\/70:hover) {
            color: rgb(var(--color-primary-500)/.7)
        }

        :is(.dark .dark\:hover\:text-primary-500\/75:hover) {
            color: rgb(var(--color-primary-500)/.75)
        }

        :is(.dark .dark\:hover\:text-primary-500\/80:hover) {
            color: rgb(var(--color-primary-500)/.8)
        }

        :is(.dark .dark\:hover\:text-primary-500\/90:hover) {
            color: rgb(var(--color-primary-500)/.9)
        }

        :is(.dark .dark\:hover\:text-primary-500\/95:hover) {
            color: rgb(var(--color-primary-500)/.95)
        }

        :is(.dark .dark\:hover\:text-white:hover) {
            --tw-text-opacity: 1;
            color: #fff;
            color: rgb(255 255 255/var(--tw-text-opacity))
        }

        :is(.dark .dark\:hover\:before\:bg-gray-800\/50:hover):before {
            background-color: rgb(var(--color-gray-800)/.5);
            content: var(--tw-content)
        }

        :is(.dark .dark\:focus\:ring-primary-400:focus) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity))
        }

        :is(.dark .dark\:focus\:ring-primary-400\/0:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/10:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.1)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/100:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/1)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/20:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.2)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/25:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.25)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/30:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.3)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/40:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.4)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/5:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.05)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/50:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.5)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/60:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.6)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/70:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.7)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/75:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.75)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/80:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.8)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/90:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.9)
        }

        :is(.dark .dark\:focus\:ring-primary-400\/95:focus) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.95)
        }

        :is(.dark .focus\:dark\:ring-gray-400):focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(var(--color-gray-400)/var(--tw-ring-opacity))
        }

        :is(.dark .focus\:dark\:ring-offset-gray-50):focus {
            --tw-ring-offset-color: rgb(var(--color-gray-50)/1)
        }

        :is(.dark .dark\:focus-visible\:outline-none:focus-visible) {
            outline: 2px solid transparent;
            outline-offset: 2px
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/1)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/0:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/0)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/10:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.1)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/100:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/1)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/20:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.2)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/25:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.25)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/30:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.3)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/40:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.4)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/5:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.05)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/50:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.5)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/60:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.6)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/70:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.7)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/75:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.75)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/80:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.8)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/90:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.9)
        }

        :is(.dark .dark\:focus-visible\:outline-primary-400\/95:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/.95)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400:focus-visible) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity))
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/0:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/10:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.1)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/100:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/1)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/20:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.2)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/25:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.25)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/30:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.3)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/40:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.4)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/5:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.05)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/50:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.5)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/60:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.6)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/70:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.7)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/75:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.75)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/80:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.8)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/90:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.9)
        }

        :is(.dark .dark\:focus-visible\:ring-primary-400\/95:focus-visible) {
            --tw-ring-color: rgb(var(--color-primary-400)/0.95)
        }

        :is(.dark .dark\:focus-visible\:ring-offset-gray-900:focus-visible) {
            --tw-ring-offset-color: rgb(var(--color-gray-900)/1)
        }

        :is(.dark .dark\:focus-visible\:before\:ring-primary-400:focus-visible):before {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity));
            content: var(--tw-content)
        }

        :is(.dark .dark\:disabled\:bg-gray-800:disabled) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-800)/1);
            background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:disabled\:bg-gray-900:disabled) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-900)/1);
            background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:disabled\:bg-primary-400:disabled) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-400)/1);
            background-color: rgb(var(--color-primary-400)/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/0:disabled) {
            background-color: rgb(var(--color-primary-400)/0)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/10:disabled) {
            background-color: rgb(var(--color-primary-400)/.1)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/100:disabled) {
            background-color: rgb(var(--color-primary-400)/1)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/20:disabled) {
            background-color: rgb(var(--color-primary-400)/.2)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/25:disabled) {
            background-color: rgb(var(--color-primary-400)/.25)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/30:disabled) {
            background-color: rgb(var(--color-primary-400)/.3)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/40:disabled) {
            background-color: rgb(var(--color-primary-400)/.4)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/5:disabled) {
            background-color: rgb(var(--color-primary-400)/.05)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/50:disabled) {
            background-color: rgb(var(--color-primary-400)/.5)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/60:disabled) {
            background-color: rgb(var(--color-primary-400)/.6)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/70:disabled) {
            background-color: rgb(var(--color-primary-400)/.7)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/75:disabled) {
            background-color: rgb(var(--color-primary-400)/.75)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/80:disabled) {
            background-color: rgb(var(--color-primary-400)/.8)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/90:disabled) {
            background-color: rgb(var(--color-primary-400)/.9)
        }

        :is(.dark .dark\:disabled\:bg-primary-400\/95:disabled) {
            background-color: rgb(var(--color-primary-400)/.95)
        }

        :is(.dark .dark\:disabled\:bg-primary-950:disabled) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-primary-950)/1);
            background-color: rgb(var(--color-primary-950)/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/0:disabled) {
            background-color: rgb(var(--color-primary-950)/0)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/10:disabled) {
            background-color: rgb(var(--color-primary-950)/.1)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/100:disabled) {
            background-color: rgb(var(--color-primary-950)/1)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/20:disabled) {
            background-color: rgb(var(--color-primary-950)/.2)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/25:disabled) {
            background-color: rgb(var(--color-primary-950)/.25)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/30:disabled) {
            background-color: rgb(var(--color-primary-950)/.3)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/40:disabled) {
            background-color: rgb(var(--color-primary-950)/.4)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/5:disabled) {
            background-color: rgb(var(--color-primary-950)/.05)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/50:disabled) {
            background-color: rgb(var(--color-primary-950)/.5)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/60:disabled) {
            background-color: rgb(var(--color-primary-950)/.6)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/70:disabled) {
            background-color: rgb(var(--color-primary-950)/.7)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/75:disabled) {
            background-color: rgb(var(--color-primary-950)/.75)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/80:disabled) {
            background-color: rgb(var(--color-primary-950)/.8)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/90:disabled) {
            background-color: rgb(var(--color-primary-950)/.9)
        }

        :is(.dark .dark\:disabled\:bg-primary-950\/95:disabled) {
            background-color: rgb(var(--color-primary-950)/.95)
        }

        :is(.dark .dark\:disabled\:bg-transparent:disabled) {
            background-color: transparent
        }

        :is(.dark .dark\:disabled\:bg-white:disabled) {
            --tw-bg-opacity: 1;
            background-color: #fff;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        :is(.dark .dark\:disabled\:text-primary-400:disabled) {
            --tw-text-opacity: 1;
            color: rgb(var(--color-primary-400)/1);
            color: rgb(var(--color-primary-400)/var(--tw-text-opacity))
        }

        :is(.dark .dark\:disabled\:text-primary-400\/0:disabled) {
            color: rgb(var(--color-primary-400)/0)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/10:disabled) {
            color: rgb(var(--color-primary-400)/.1)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/100:disabled) {
            color: rgb(var(--color-primary-400)/1)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/20:disabled) {
            color: rgb(var(--color-primary-400)/.2)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/25:disabled) {
            color: rgb(var(--color-primary-400)/.25)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/30:disabled) {
            color: rgb(var(--color-primary-400)/.3)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/40:disabled) {
            color: rgb(var(--color-primary-400)/.4)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/5:disabled) {
            color: rgb(var(--color-primary-400)/.05)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/50:disabled) {
            color: rgb(var(--color-primary-400)/.5)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/60:disabled) {
            color: rgb(var(--color-primary-400)/.6)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/70:disabled) {
            color: rgb(var(--color-primary-400)/.7)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/75:disabled) {
            color: rgb(var(--color-primary-400)/.75)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/80:disabled) {
            color: rgb(var(--color-primary-400)/.8)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/90:disabled) {
            color: rgb(var(--color-primary-400)/.9)
        }

        :is(.dark .dark\:disabled\:text-primary-400\/95:disabled) {
            color: rgb(var(--color-primary-400)/.95)
        }

        :is(.dark .group:hover .dark\:group-hover\:bg-gray-900) {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-900)/1);
            background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
        }

        :is(.dark .group:hover .dark\:group-hover\:text-gray-200) {
            --tw-text-opacity: 1;
            color: rgb(var(--color-gray-200)/1);
            color: rgb(var(--color-gray-200)/var(--tw-text-opacity))
        }

        @media (min-width:640px) {
            .sm\:px-4 {
                padding-left: 1rem;
                padding-right: 1rem
            }
        }

        @media (min-width:1024px) {
            .lg\:pointer-events-auto {
                pointer-events: auto
            }

            .lg\:absolute {
                position: absolute
            }

            .lg\:bottom-\[24px\] {
                bottom: 24px
            }

            .lg\:left-\[16px\] {
                left: 16px
            }

            .lg\:left-\[24px\] {
                left: 24px
            }

            .lg\:right-4 {
                right: 1rem
            }

            .lg\:right-\[16px\] {
                right: 16px
            }

            .lg\:right-\[24px\] {
                right: 24px
            }

            .lg\:top-4 {
                top: 1rem
            }

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

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

            .lg\:col-span-4 {
                grid-column: span 4/span 4
            }

            .lg\:col-span-8 {
                grid-column: span 8/span 8
            }

            .lg\:\!my-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .lg\:my-4 {
                margin-bottom: 1rem;
                margin-top: 1rem
            }

            .lg\:\!mt-2 {
                margin-top: .5rem !important
            }

            .lg\:ml-6 {
                margin-left: 1.5rem
            }

            .lg\:mt-0 {
                margin-top: 0
            }

            .lg\:mt-10 {
                margin-top: 2.5rem
            }

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

            .lg\:\!line-clamp-3 {
                -webkit-box-orient: vertical !important;
                -webkit-line-clamp: 3 !important;
                overflow: hidden !important
            }

            .lg\:block {
                display: block
            }

            .lg\:flex {
                display: flex
            }

            .lg\:grid {
                display: grid
            }

            .lg\:hidden {
                display: none
            }

            .lg\:h-\[128px\] {
                height: 128px
            }

            .lg\:h-\[134px\] {
                height: 134px
            }

            .lg\:h-\[162px\] {
                height: 162px
            }

            .lg\:h-\[190px\] {
                height: 190px
            }

            .lg\:h-\[216px\] {
                height: 216px
            }

            .lg\:h-\[429px\] {
                height: 429px
            }

            .lg\:h-\[444px\] {
                height: 444px
            }

            .lg\:h-\[549px\] {
                height: 549px
            }

            .lg\:h-\[58px\] {
                height: 58px
            }

            .lg\:h-\[67px\] {
                height: 67px
            }

            .lg\:h-\[84px\] {
                height: 94px
            }

            .lg\:h-\[calc\(100\%-444px\)\] {
                height: calc(100% - 444px)
            }

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

            .lg\:max-h-\[400px\] {
                max-height: 400px
            }

            .lg\:max-h-\[530px\] {
                max-height: 826px
            }

            .lg\:min-h-\[105px\] {
                min-height: 105px
            }

            .lg\:min-h-\[82px\] {
                min-height: 82px
            }

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

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

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

            .lg\:w-\[397px\] {
                width: 520px
            }

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

            .lg\:w-full {
                width: 100%
            }

            .lg\:max-w-max {
                max-width: max-content
            }

            .lg\:translate-y-0 {
                --tw-translate-y: 0px
            }

            .lg\:scale-100 {
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .lg\:cursor-pointer {
                cursor: pointer
            }

            .lg\:grid-cols-12 {
                grid-template-columns: repeat(12, 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\:flex-row {
                flex-direction: row
            }

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

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

            .lg\:justify-center {
                justify-content: center
            }

            .lg\:gap-4 {
                gap: 1rem
            }

            .lg\:gap-6 {
                gap: 1.5rem
            }

            .lg\:gap-9 {
                gap: 2.25rem
            }

            .lg\:gap-\[36px\] {
                gap: 36px
            }

            .lg\:gap-\[6px\] {
                gap: 6px
            }

            .lg\:space-x-0>:not([hidden])~:not([hidden]) {
                --tw-space-x-reverse: 0;
                margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
                margin-right: calc(0px*var(--tw-space-x-reverse))
            }

            .lg\:space-x-6>:not([hidden])~:not([hidden]) {
                --tw-space-x-reverse: 0;
                margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
                margin-right: calc(1.5rem*var(--tw-space-x-reverse))
            }

            .lg\:space-x-9>:not([hidden])~:not([hidden]) {
                --tw-space-x-reverse: 0;
                margin-left: calc(2.25rem*(1 - var(--tw-space-x-reverse)));
                margin-right: calc(2.25rem*var(--tw-space-x-reverse))
            }

            .lg\:space-x-\[13px\]>:not([hidden])~:not([hidden]) {
                --tw-space-x-reverse: 0;
                margin-left: calc(13px*(1 - var(--tw-space-x-reverse)));
                margin-right: calc(13px*var(--tw-space-x-reverse))
            }

            .lg\:space-y-0>:not([hidden])~:not([hidden]) {
                --tw-space-y-reverse: 0;
                margin-bottom: calc(0px*var(--tw-space-y-reverse));
                margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
            }

            .lg\:space-y-4>:not([hidden])~:not([hidden]) {
                --tw-space-y-reverse: 0;
                margin-bottom: calc(1rem*var(--tw-space-y-reverse));
                margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
            }

            .lg\:space-y-\[10px\]>:not([hidden])~:not([hidden]) {
                --tw-space-y-reverse: 0;
                margin-bottom: calc(10px*var(--tw-space-y-reverse));
                margin-top: calc(10px*(1 - var(--tw-space-y-reverse)))
            }

            .lg\:space-y-\[7px\]>:not([hidden])~:not([hidden]) {
                --tw-space-y-reverse: 0;
                margin-bottom: calc(7px*var(--tw-space-y-reverse));
                margin-top: calc(7px*(1 - var(--tw-space-y-reverse)))
            }

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

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

            .lg\:border-none {
                border-style: none
            }

            .lg\:bg-bca-yellow-50 {
                --tw-bg-opacity: 1;
                background-color: rgb(186 12 47/var(--tw-bg-opacity)) !important;
            }

            .navbar.scrolled {
                --tw-bg-opacity: 1;
                background-color: rgb(186 12 47/var(--tw-bg-opacity)) !important;
                border-color: rgb(186 12 47/var(--tw-bg-opacity)) !important
            }

            .navbar.scrolled>div:first-child {
                max-height: 0 !important;
                opacity: 0 !important;
                overflow: hidden !important;
                transform: translateY(-8px) !important;
                pointer-events: none !important
            }

            .navbar>div:first-child {
                max-height: 180px;
                opacity: 1;
                overflow: hidden;
                transform: translateY(0);
                transition: max-height .38s cubic-bezier(.4, 0, .2, 1), opacity .24s ease, transform .38s cubic-bezier(.4, 0, .2, 1)
            }

            body.navbar-scrolled .weather {
                max-height: 0 !important;
                opacity: 0 !important;
                overflow: hidden !important;
                transform: translateY(-8px) !important;
                padding-top: 0 !important;
                padding-bottom: 0 !important;
                margin-bottom: 0 !important;
                pointer-events: none !important
            }

            .weather {
                max-height: 90px;
                opacity: 1;
                overflow: hidden;
                transform: translateY(0);
                transition: max-height .38s cubic-bezier(.4, 0, .2, 1), opacity .24s ease, transform .38s cubic-bezier(.4, 0, .2, 1), padding .38s cubic-bezier(.4, 0, .2, 1), margin .38s cubic-bezier(.4, 0, .2, 1)
            }

            .lg\:bg-white {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity))
            }

            .lg\:p-0 {
                padding: 0
            }

            .lg\:p-4 {
                padding: 1rem
            }

            .lg\:p-6 {
                padding: 1.5rem
            }

            .lg\:p-\[24px\] {
                padding: 24px
            }

            .lg\:\!px-5 {
                padding-left: 1.25rem !important;
                padding-right: 1.25rem !important
            }

            .lg\:px-0 {
                padding-left: 0;
                padding-right: 0
            }

            .lg\:py-4 {
                padding-bottom: 1rem;
                padding-top: 1rem
            }

            .lg\:py-\[24px\] {
                padding-bottom: 24px;
                padding-top: 24px
            }

            .lg\:py-\[36px\] {
                padding-bottom: 36px;
                padding-top: 36px
            }

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

            .lg\:pb-5 {
                padding-bottom: 1.25rem
            }

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

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

            .lg\:pt-4 {
                padding-top: 1rem
            }

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

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

            .lg\:text-lg {
                font-size: 1.125rem;
                line-height: 1.75rem
            }

            .lg\:text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem
            }

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

            .lg\:text-bca-main-01 {
                --tw-text-opacity: 1;
                color:#fff
            }

            .lg\:text-white {
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .lg\:opacity-100 {
                opacity: 1
            }

            .lg\:shadow-custom {
                --tw-shadow: 0px 4px 30px 0px rgba(0, 0, 0, .1);
                --tw-shadow-colored: 0px 4px 30px 0px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
            }

            .lg\:hover\:border-white:hover {
                --tw-border-opacity: 1;
                border-color: #fff;
                border-color: rgb(255 255 255/var(--tw-border-opacity))
            }

            .lg\:hover\:pl-2:hover {
                padding-left: .5rem
            }

            .group:hover .lg\:group-hover\:block {
                display: block
            }
        }

        :is(.dark .\[\&\:\:-webkit-slider-thumb\]\:dark\:bg-gray-900)::-webkit-slider-thumb {
            --tw-bg-opacity: 1;
            background-color: rgb(var(--color-gray-900)/1);
            background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
        }

           body {
            font-family: Roboto, sans-serif !important;
            font-size: 15px
        }

        ::-webkit-scrollbar {
            width: 16px
        }

        ::-webkit-scrollbar-track {
            background: rgb(var(--color-gray-100)/1);
            border-left: 1px solid rgb(var(--color-gray-200)/1)
        }

        ::-webkit-scrollbar-thumb {
            background-clip: padding-box;
            background-color: #cbd5e1;
            border: 4px solid rgb(var(--color-gray-100)/1);
            border-radius: 9999px
        }

        ::-webkit-scrollbar-thumb:hover {
            background-color: #94a3b8
        }

        @media (min-width:1024px) {
            .custom-scrollbar {
                margin-right: -8px;
                overflow-y: auto;
                padding-right: 8px;
                scrollbar-gutter: stable;
                scrollbar-width: thin
            }

            .custom-scrollbar::-webkit-scrollbar {
                width: 6px
            }

            .custom-scrollbar::-webkit-scrollbar-thumb {
                background: rgba(0, 0, 0, .3);
                border-radius: 4px
            }

            .custom-scrollbar::-webkit-scrollbar-track {
                background: transparent
            }
        }

        @media (min-width:1280px) {
            .custom-scrollbar {
                overflow-y: hidden
            }

            .custom-scrollbar:hover {
                overflow-y: auto
            }
        }

        .custom-scrollbar-multimedia {
            -ms-overflow-style: none;
            -webkit-overflow-scrolling: touch;
            overflow-x: auto;
            scrollbar-width: none
        }

        .custom-scrollbar-multimedia::-webkit-scrollbar {
            display: none
        }

        @media (min-width:1024px) {
            .custom-scrollbar-multimedia {
                margin-right: -8px;
                padding-right: 8px;
                scrollbar-gutter: stable;
                scrollbar-width: thin
            }

            .custom-scrollbar-multimedia::-webkit-scrollbar {
                display: block;
                width: 6px
            }

            .custom-scrollbar-multimedia::-webkit-scrollbar-thumb {
                background: rgba(0, 0, 0, .3);
                border-radius: 4px
            }

            .custom-scrollbar-multimedia::-webkit-scrollbar-track {
                background: transparent
            }
        }

        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none
        }

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

             @font-face {
            font-family: Roboto;
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url(/fonts/roboto.woff2) format("woff2");
            unicode-range: U+0000-036F, U+1D00-1EFF, U+2000-22FF, U+2C60-2C7F, U+A720-A7FF, U+FB00-FB06, U+FEFF, U+FFFD}

             @font-face {
            font-family: Roboto;
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url(/fonts/roboto-ext.woff2) format("woff2");
            unicode-range: U+0370-1CFF, U+1F00-1FFF, U+2300-2C5F, U+2C80-A71F, U+A800-FAFF, U+FB07-FEFE, U+FF00-FFFC, U+FFFE-FFFF}

        @font-face {
            font-family: Roboto;
            font-style: italic;
            font-weight: 100 900;
            font-display: swap;
            src: url(/fonts/roboto-italic.woff2) format("woff2");
            unicode-range: U+0000-036F, U+1D00-1EFF, U+2000-22FF, U+2C60-2C7F, U+A720-A7FF, U+FB00-FB06, U+FEFF, U+FFFD}

        @font-face {
            font-family: Roboto;
            font-style: italic;
            font-weight: 100 900;
            font-display: swap;
            src: url(/fonts/roboto-italic-ext.woff2) format("woff2");
            unicode-range: U+0370-1CFF, U+1F00-1FFF, U+2300-2C5F, U+2C80-A71F, U+A800-FAFF, U+FB07-FEFE, U+FF00-FFFC, U+FFFE-FFFF}
   
        a:focus-visible {
            outline-color: rgb(var(--color-primary-500)/1)
        }

        :is(.dark a:focus-visible) {
            outline-color: rgb(var(--color-primary-400)/1)
        }
   
        :root {
            --f-button-width: 40px;
            --f-button-height: 40px;
            --f-button-border: 0;
            --f-button-border-radius: 0;
            --f-button-color: #374151;
            --f-button-bg: #f8f8f8;
            --f-button-shadow: none;
            --f-button-transition: all .15s ease;
            --f-button-transform: none;
            --f-button-outline-width: 1px;
            --f-button-outline-color: rgba(0, 0, 0, .7);
            --f-button-svg-width: 20px;
            --f-button-svg-height: 20px;
            --f-button-svg-stroke-width: 1.5;
            --f-button-svg-fill: none;
            --f-button-svg-filter: none;
            --f-button-svg-opacity: 1;
            --f-button-svg-disabled-opacity: .5;
            --f-button-svg-transition: opacity .15s ease;
            --f-button-svg-transform: none
        }

        @media (hover:hover) {
            .f-button:hover:not([aria-disabled]) {
                background-color: #f8f8f8;
                background-color: var(--f-button-hover-bg, var(--f-button-bg));
                color: #374151;
                color: var(--f-button-hover-color, var(--f-button-color))
            }
        }

        .f-button:active:not([aria-disabled]) {
            background-color: #f8f8f8;
            background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)));
            color: #374151;
            color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)))
        }

        .f-button:focus {
            outline: none
        }

        .f-button:focus-visible {
            outline: 1px solid rgba(0, 0, 0, .7);
            outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
            outline-offset: var(--f-button-outline-offset);
            position: relative;
            z-index: 1
        }

        :root {
            --f-spinner-color-1: rgba(0, 0, 0, .1);
            --f-spinner-color-2: rgba(17, 24, 28, .8);
            --f-spinner-width: 50px;
            --f-spinner-height: 50px;
            --f-spinner-border-radius: 50%;
            --f-spinner-border-width: 4px
        }

        :-webkit-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
            display: none
        }

        :fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
            display: none
        }

        :-webkit-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
            display: flex
        }

        :fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
            display: flex
        }

        :root {
            --f-thumbs-gap: 8px;
            --f-thumbs-margin: 0;
            --f-thumbs-padding-x: 8px;
            --f-thumbs-padding-y: 8px;
            --f-thumbs-z-index: 1;
            --f-thumb-width: 96px;
            --f-thumb-height: 72px;
            --f-thumb-fit: cover;
            --f-thumb-opacity: 1;
            --f-thumb-transition: opacity .3s ease, transform .15s ease;
            --f-thumb-border: none;
            --f-thumb-border-radius: 4px;
            --f-thumb-transfors: none;
            --f-thumb-shadow: none;
            --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
            --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
            --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff
        }

        .f-thumbs__slide:hover button {
            opacity: 1;
            opacity: var(--f-thumb-hover-opacity, 1);
            transform: none;
            transform: var(--f-thumb-hover-transform, none)
        }

        .f-thumbs__slide:hover button:after {
            border: none;
            border: var(--f-thumb-hover-border, none);
            box-shadow: none;
            box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow))
        }

        .f-thumbs__slide button:focus-within {
            opacity: 1;
            opacity: var(--f-thumb-focus-opacity, 1);
            transform: none;
            transform: var(--f-thumb-focus-transform, none)
        }

        .f-thumbs__slide button:focus-within:after {
            border: none;
            border: var(--f-thumb-focus-border, none);
            box-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
            box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow))
        }

        .f-thumbs__slide:active {
            opacity: 1;
            opacity: var(--f-thumb-active-opacity, 1);
            transform: none;
            transform: var(--f-thumb-active-transform, none)
        }

        .f-thumbs__slide:active:after {
            border: none;
            border: var(--f-thumb-active-border, none);
            box-shadow: none;
            box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow))
        }

        .f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
            outline: none
        }

        .f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
            border: none;
            border: var(--f-thumb-focus-border, none);
            border-radius: inherit;
            bottom: 0;
            box-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
            box-shadow: var(--f-thumb-focus-shadow, none);
            content: "";
            left: var(--clip-shift);
            position: absolute;
            right: var(--clip-shift);
            top: 0;
            transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
            z-index: 1
        }

        :-webkit-full-screen [data-fullscreen-action=toggle] svg g:first-child {
            display: none
        }

        :fullscreen [data-fullscreen-action=toggle] svg g:first-child {
            display: none
        }

        :-webkit-full-screen [data-fullscreen-action=toggle] svg g:last-child {
            display: flex
        }

        :fullscreen [data-fullscreen-action=toggle] svg g:last-child {
            display: flex
        }

        .fancybox__dialog:focus {
            outline: none
        }
  
        body {
            color: var(--el-text-color-primary);
            margin: 0
        }

        .gradient-border[data-v-0f321d05]:hover:before {
            background-position: -50%0;
            opacity: 1
        }
  
        .header-bg[data-v-f7c8ea27] {
            background-position: 50%;
            background-size: cover
        }

        .navbar__title[data-v-b3fbe11f] {
            color: #fff;
        }

        .navbar.scrolled .navbar__title[data-v-b3fbe11f],
        .navbar.scrolled .desktop-menu-btn,
        .navbar.scrolled .search-icon,
        .navbar.scrolled .navbar__title.router-link-active.router-link-exact-active[data-v-b3fbe11f],
        .navbar.scrolled .navbar__title[data-v-b3fbe11f]:hover {
            color: #fff !important;
            border-color: #fff !important
        }

        .navbar.scrolled .cursor-pointer.w-\[33px\].h-\[33px\].rounded-full.bg-white {
            background-color: #fff !important;
            border: 1px solid rgba(255, 255, 255, .65) !important
        }

        .navbar.scrolled .space-x-3.items-center.hidden.lg\:flex>.cursor-pointer.w-\[33px\].h-\[33px\].rounded-full.bg-white {
            color: #fff !important
        }

        .navbar.scrolled .space-x-3.items-center.hidden.lg\:flex>.cursor-pointer.w-\[33px\].h-\[33px\].rounded-full.bg-white svg {
            color: #fff !important
        }

        .navbar.scrolled .space-x-3.items-center.hidden.lg\:flex .hidden.lg\:flex.space-x-3 a {
            color: #fff !important;
            border-color: rgba(255, 255, 255, .85) !important
        }

        .navbar.scrolled .space-x-3.items-center.hidden.lg\:flex .hidden.lg\:flex.space-x-3 a:hover {
            background-color: rgba(255, 255, 255, .12) !important;
            color: #fff !important
        }

        .navbar>div:first-child {
            will-change: max-height, opacity, transform
        }

        .weather {
            will-change: max-height, opacity, transform
        }

        .navbar__title[data-v-b3fbe11f] {
            --tw-text-opacity: 1;
            font-size: 15px;
            font-weight: 500;
            line-height: 1.75rem
        }

        .navbar__title.router-link-active.router-link-exact-active[data-v-b3fbe11f],
        .navbar__title[data-v-b3fbe11f]:hover {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-bottom-width: 1px;
            border-color: #ba0c2f;
            border-color: rgb(186 12 47/var(--tw-border-opacity));
            color: #fff;
            
            font-weight: 700
        }

        .navbar__title-active[data-v-b3fbe11f]:hover {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-bottom-width: 1px;
            border-color: #f2ae3e;
            border-color: rgb(242 174 62/var(--tw-border-opacity));
            color: #f2ae3e;
            color: rgb(242 174 62/var(--tw-text-opacity));
            font-weight: 700
        }

        .footer[data-v-934e07ac] {
            background-position: 50%;
            background-size: cover
        }

        .footer__title[data-v-934e07ac] {
            align-items: center;
            display: flex;
            font-size: 15px;
            font-weight: 700
        }
  
        .bg-linear[data-v-f05a138b] {
            background: linear-gradient(180deg, transparent 66.11%, rgba(0, 0, 0, .7) 100.04%)
        }
   
        .bg-linear[data-v-86c83633] {
            background: linear-gradient(180deg, transparent 66.11%, rgba(0, 0, 0, .7) 100.04%)
        }
   
        [data-v-fd8271bf] .swiper-wrapper,
        [data-v-fd8271bf] .swiper {
            height: 80px !important
        }

        @media (min-width:1024px) {
            [data-v-fd8271bf] .swiper-pagination-total:after {
                content: " trang"
            }
        }
   
        .dp__input_wrap:focus {
            border-color: var(--dp-border-color-hover);
            outline: none
        }

        .dp__input_valid:hover {
            border-color: var(--dp-success-color)
        }

        .dp__input_invalid:hover {
            border-color: var(--dp-danger-color)
        }

        .dp__input::-moz-placeholder {
            opacity: .7
        }

        .dp__input::placeholder {
            opacity: .7
        }

        .dp__input:hover:not(.dp__input_focus) {
            border-color: var(--dp-border-color-hover)
        }

        .dp__disabled::-moz-placeholder {
            color: var(--dp-disabled-color-text)
        }

        .dp__disabled::placeholder {
            color: var(--dp-disabled-color-text)
        }

        .dp__menu:focus {
            border: 1px solid var(--dp-menu-border-color);
            outline: none
        }

        .dp--preset-range:hover {
            background-color: var(--dp-hover-color);
            color: var(--dp-hover-text-color);
            cursor: pointer
        }

        .dp__cell_inner:hover {
            transition: all .2s
        }

        .dp__date_hover_start:hover {
            border-end-end-radius: 0;
            border-start-end-radius: 0
        }

        .dp__date_hover_end:hover {
            border-end-start-radius: 0;
            border-start-start-radius: 0
        }

        .dp__date_hover:hover,
        .dp__date_hover_end:hover,
        .dp__date_hover_start:hover {
            background: var(--dp-hover-color);
            color: var(--dp-hover-text-color)
        }

        .dp__inner_nav:hover {
            background: var(--dp-hover-color);
            color: var(--dp-hover-icon-color)
        }

        .dp__inner_nav_disabled:hover {
            background: var(--dp-disabled-color);
            color: var(--dp-disabled-color-text);
            cursor: not-allowed
        }

        .dp--year-select:hover,
        .dp__month_year_select:hover {
            background: var(--dp-hover-color);
            color: var(--dp-hover-text-color);
            transition: all .1s ease-in;
            transition: var(--dp-common-transition)
        }

        .dp__overlay:focus {
            border: none;
            outline: none
        }

        .dp__overlay_cell:hover {
            transition: all .1s ease-in;
            transition: var(--dp-common-transition)
        }

        .dp__overlay_cell:hover {
            background: var(--dp-hover-color);
            color: var(--dp-hover-text-color)
        }

        .dp__overlay_cell_disabled:hover {
            background: var(--dp-disabled-color)
        }

        .dp__overlay_cell_active_disabled:hover {
            background: var(--dp-primary-disabled-color)
        }

        .dp__inc_dec_button:hover {
            background: var(--dp-hover-color);
            color: var(--dp-primary-color)
        }

        .dp__time_display:hover:enabled {
            background: var(--dp-hover-color);
            color: var(--dp-hover-text-color)
        }

        .dp__inc_dec_button_disabled:hover {
            background: var(--dp-disabled-color);
            color: var(--dp-disabled-color-text);
            cursor: not-allowed
        }

        .dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
            background-color: var(--dp-primary-color);
            transform: rotate(12deg) scale(1.15) translateY(-2px)
        }

        .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r,
        .dp__tp_inline_btn_top:hover .dp__tp_btn_in_l {
            background-color: var(--dp-primary-color);
            transform: rotate(-12deg) scale(1.15) translateY(-2px)
        }

        .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
            background-color: var(--dp-primary-color);
            transform: rotate(12deg) scale(1.15) translateY(-2px)
        }

        .dp__action_cancel:hover {
            border-color: var(--dp-primary-color);
            transition: all .2s ease-in;
            transition: var(--dp-action-row-transtion)
        }

        .dp__action_buttons .dp__action_select:hover {
            background: var(--dp-primary-color);
            transition: all .2s ease-in;
            transition: var(--dp-action-row-transtion)
        }

        .dp__action_buttons .dp__action_select:disabled {
            background: var(--dp-primary-disabled-color);
            cursor: not-allowed
        }

        .dp--qr-btn-disabled:hover {
            background: var(--dp-disabled-color)
        }

        .dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
            background: var(--dp-hover-color);
            color: var(--dp-hover-text-color);
            transition: all .1s ease-in;
            transition: var(--dp-common-transition)
        }

        :root {
            --dp-common-transition: all .1s ease-in;
            --dp-menu-padding: 6px 8px;
            --dp-animation-duration: .1s;
            --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
            --dp-transition-timing: ease-out;
            --dp-action-row-transtion: all .2s ease-in;
            --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
            --dp-border-radius: 4px;
            --dp-cell-border-radius: 4px;
            --dp-transition-length: 22px;
            --dp-transition-timing-general: .1s;
            --dp-button-height: 35px;
            --dp-month-year-row-height: 35px;
            --dp-month-year-row-button-size: 25px;
            --dp-button-icon-height: 20px;
            --dp-calendar-wrap-padding: 0 5px;
            --dp-cell-size: 35px;
            --dp-cell-padding: 5px;
            --dp-common-padding: 10px;
            --dp-input-icon-padding: 35px;
            --dp-input-padding: 6px 30px 6px 12px;
            --dp-menu-min-width: 260px;
            --dp-action-buttons-padding: 1px 6px;
            --dp-row-margin: 5px 0;
            --dp-calendar-header-cell-padding: .5rem;
            --dp-multi-calendars-spacing: 10px;
            --dp-overlay-col-padding: 3px;
            --dp-time-inc-dec-button-size: 32px;
            --dp-font-size: 1rem;
            --dp-preview-font-size: .8rem;
            --dp-time-font-size: 2rem;
            --dp-action-button-height: 22px;
            --dp-action-row-padding: 8px;
            --dp-direction: ltr
        }

        .dp__button:hover {
            background: var(--dp-hover-color);
            color: var(--dp-hover-icon-color)
        }

        .main-button-next[data-v-0bd34bb7]:hover,
        .main-button-prev[data-v-0bd34bb7]:hover {
            background: rgba(0, 0, 0, .8)
        }
 
        select[data-v-d00e627c]::-ms-expand {
            display: none
        }
  
        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }
      .sf-hidden {
            display: none !important
        }

        /* Carousel Visual Patch */
        .swiper-wrapper {
            will-change: transform;
            backface-visibility: hidden;
        }
        .swiper-slide {
            transition: opacity 0.3s ease;
        }
        .swiper-slide:not(.swiper-slide-active) {
            /*opacity: 0.7;*/
        }
        .swiper-slide-active {
            opacity: 1 !important;
            z-index: 2;
        }
        .swiper-button-next, .swiper-button-prev {
            z-index: 10;
            cursor: pointer;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            padding: 20px;
            transition: background 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .swiper-button-next:hover, .swiper-button-prev:hover {
            background: rgba(255,255,255,0.4);
        }