@font-face {
        font-family: swiper-icons;
        src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
        font-weight: 400;
        font-style: normal
    }

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

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

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

    .swiper-vertical>.swiper-wrapper {
        flex-direction: column
    }

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

    .swiper-android .swiper-slide,
    .swiper-ios .swiper-slide,
    .swiper-wrapper {
        transform: translateZ(0)
    }

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

    .swiper-vertical {
        touch-action: pan-x
    }

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

    .swiper-slide-invisible-blank {
        visibility: hidden
    }

    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
        height: auto
    }

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height
    }

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

    .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px
    }

    .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-3d {
        perspective: 1200px
    }

    .swiper-3d .swiper-cube-shadow,
    .swiper-3d .swiper-slide {
        transform-style: preserve-3d
    }

    .swiper-css-mode>.swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

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

    .swiper-css-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: start start
    }

    .swiper-css-mode.swiper-horizontal>.swiper-wrapper {
        scroll-snap-type: x mandatory
    }

    .swiper-css-mode.swiper-vertical>.swiper-wrapper {
        scroll-snap-type: y mandatory
    }

    .swiper-css-mode.swiper-free-mode>.swiper-wrapper {
        scroll-snap-type: none
    }

    .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: none
    }

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

    .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: center center;
        scroll-snap-stop: always
    }

    .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
        margin-inline-start: var(--swiper-centered-offset-before)
    }

    .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>.swiper-slide:first-child {
        margin-block-start: var(--swiper-centered-offset-before)
    }

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

    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: #00000026
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, #00000080, #0000)
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, #00000080, #0000)
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, #00000080, #0000)
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, #00000080, #0000)
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        transform-origin: 50%;
        box-sizing: border-box;
        border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
        border-radius: 50%;
        border-top-color: transparent
    }

    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s infinite linear
    }

    .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff
    }

    .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000
    }

    @keyframes swiper-preloader-spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }

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

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

    .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 {
        width: 1px;
        height: var(--swiper-virtual-size)
    }

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

    .swiper-button-next,
    .swiper-button-prev {
        position: absolute;
        top: var(--swiper-navigation-top-offset, 50%);
        width: calc(var(--swiper-navigation-size)/ 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color))
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden,
    .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

    .swiper-navigation-disabled .swiper-button-next,
    .swiper-navigation-disabled .swiper-button-prev {
        display: none !important
    }

    .swiper-button-next svg,
    .swiper-button-prev svg {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        transform-origin: center
    }

    .swiper-rtl .swiper-button-next svg,
    .swiper-rtl .swiper-button-prev svg {
        transform: rotate(180deg)
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 10px);
        right: auto
    }

    .swiper-button-lock {
        display: none
    }

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

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

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 10px);
        left: auto
    }

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

    .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translateZ(0);
        z-index: 10
    }

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled>.swiper-pagination,
    .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 8px);
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%
    }

    .swiper-pagination-bullets-dynamic {
        overflow: hidden;
        font-size: 0
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
        display: inline-block;
        border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
        background: var(--swiper-pagination-bullet-inactive-color, #000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }

    .swiper-pagination-bullet:only-child {
        display: none !important
    }

    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color, var(--swiper-theme-color))
    }

    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical>.swiper-pagination-bullets {
        right: var(--swiper-pagination-right, 8px);
        left: var(--swiper-pagination-left, auto);
        top: 50%;
        transform: translate3d(0, -50%, 0)
    }

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        display: inline-block;
        transition: .2s transform, .2s top
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 50%;
        transform: translate(-50%);
        white-space: nowrap
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform, .2s left
    }

    .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform, .2s right
    }

    .swiper-pagination-fraction {
        color: var(--swiper-pagination-fraction-color, inherit)
    }

    .swiper-pagination-progressbar {
        background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
        position: absolute
    }

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        transform-origin: right top
    }

    .swiper-horizontal>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: var(--swiper-pagination-progressbar-size, 4px);
        left: 0;
        top: 0
    }

    .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-vertical,
    .swiper-vertical>.swiper-pagination-progressbar {
        width: var(--swiper-pagination-progressbar-size, 4px);
        height: 100%;
        left: 0;
        top: 0
    }

    .swiper-pagination-lock {
        display: none
    }

    .swiper-scrollbar {
        border-radius: var(--swiper-scrollbar-border-radius, 10px);
        position: relative;
        touch-action: none;
        background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
    }

    .swiper-scrollbar-disabled>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: var(--swiper-scrollbar-sides-offset, 1%);
        bottom: var(--swiper-scrollbar-bottom, 4px);
        top: var(--swiper-scrollbar-top, auto);
        z-index: 50;
        height: var(--swiper-scrollbar-size, 4px);
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
    }

    .swiper-scrollbar.swiper-scrollbar-vertical,
    .swiper-vertical>.swiper-scrollbar {
        position: absolute;
        left: var(--swiper-scrollbar-left, auto);
        right: var(--swiper-scrollbar-right, 4px);
        top: var(--swiper-scrollbar-sides-offset, 1%);
        z-index: 50;
        width: var(--swiper-scrollbar-size, 4px);
        height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
    }

    .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
        border-radius: var(--swiper-scrollbar-border-radius, 10px);
        left: 0;
        top: 0
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move
    }

    .swiper-scrollbar-lock {
        display: none
    }

    .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .swiper-zoom-container>canvas,
    .swiper-zoom-container>img,
    .swiper-zoom-container>svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .swiper-slide-zoomed {
        cursor: move;
        touch-action: none
    }

    .swiper .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
    }

    .swiper-free-mode>.swiper-wrapper {
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    .swiper-grid>.swiper-wrapper {
        flex-wrap: wrap
    }

    .swiper-grid-column>.swiper-wrapper {
        flex-wrap: wrap;
        flex-direction: column
    }

    .swiper-fade.swiper-free-mode .swiper-slide {
        transition-timing-function: ease-out
    }

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

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

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

    .swiper-cube {
        overflow: visible
    }

    .swiper-cube .swiper-slide {
        pointer-events: none;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-cube .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-next,
    .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

    .swiper-cube .swiper-cube-shadow:before {
        content: "";
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        filter: blur(50px)
    }

    .swiper-cube .swiper-slide-next+.swiper-slide {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
        z-index: 0;
        backface-visibility: hidden
    }

    .swiper-flip {
        overflow: visible
    }

    .swiper-flip .swiper-slide {
        pointer-events: none;
        backface-visibility: hidden;
        z-index: 1
    }

    .swiper-flip .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-flip .swiper-slide-active,
    .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
        z-index: 0;
        backface-visibility: hidden
    }

    .swiper-creative .swiper-slide {
        backface-visibility: hidden;
        overflow: hidden;
        transition-property: transform, opacity, height
    }

    .swiper-cards {
        overflow: visible
    }

    .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        backface-visibility: hidden;
        overflow: hidden
    }

    @property --percent-start {
        syntax: "<percentage>";
        inherits: false;
        initial-value: 0%;
    }

    @property --percent-end {
        syntax: "<percentage>";
        inherits: false;
        initial-value: 0%;
    }

    :root {
        --header-height: 156px;
        --container-width: 1680px;
        --gap: 30px;
        --font-family: "TT Norms";
        --playfair: "Playfair Display";
        --body-background: #F5F0EA;
        --h1: clamp(32px, 3.333vw, 64px);
        --h2: clamp(28px, 2.5vw, 48px);
        --h3: clamp(24px, 1.667vw, 32px);
        --h4: clamp(22px, 1.25vw, 24px);
        --h5: clamp(18px, 1.042vw, 20px);
        --h6: clamp(16px, .938vw, 18px);
        --p: clamp(14px, .938vw, 18px);
        --li: clamp(14px, .938vw, 18px);
        --display: clamp(38px, 6.25vw, 120px);
        --overline: clamp(12px, .729vw, 14px)
    }

    @media screen and (max-width: 1440px) {
        :root {
            --header-height: 140px
        }
    }

    @media screen and (max-width: 1280px) {
        :root {
            --header-height: 125px
        }
    }

    @media screen and (max-width: 1024px) {
        :root {
            --header-height: 85px
        }
    }

    .clamp-fs {
        --clamp-fs: clamp(calc(var(--minv-fs)*1px), calc(var(--maxv-fs)/1920*100*1vw), calc(var(--maxv-fs)*1px))
    }

    .clamp-1 {
        --clamp-1: clamp(calc(var(--minv-1)*1px), calc(var(--maxv-1)/1920*100*1vw), calc(var(--maxv-1)*1px))
    }

    .clamp-2 {
        --clamp-2: clamp(calc(var(--minv-2)*1px), calc(var(--maxv-2)/1920*100*1vw), calc(var(--maxv-2)*1px))
    }

    .clamp-3 {
        --clamp-3: clamp(calc(var(--minv-3)*1px), calc(var(--maxv-3)/1920*100*1vw), calc(var(--maxv-3)*1px))
    }

    .clamp-4 {
        --clamp-4: clamp(calc(var(--minv-4)*1px), calc(var(--maxv-4)/1920*100*1vw), calc(var(--maxv-4)*1px))
    }

    .clamp-5 {
        --clamp-5: clamp(calc(var(--minv-5)*1px), calc(var(--maxv-5)/1920*100*1vw), calc(var(--maxv-5)*1px))
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-ExtraBlack.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-ExtraBlack.woff) format("woff"), url(../font/tt-norms/TTNormsPro-ExtraBlack.ttf) format("truetype");
        font-weight: 1000;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-ExtraBlackItalic.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-ExtraBlackItalic.woff) format("woff"), url(../font/tt-norms/TTNormsPro-ExtraBlackItalic.ttf) format("truetype");
        font-weight: 1000;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-BlackItalic.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-BlackItalic.woff) format("woff"), url(../font/tt-norms/TTNormsPro-BlackItalic.ttf) format("truetype");
        font-weight: 900;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-Black.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-Black.woff) format("woff"), url(../font/tt-norms/TTNormsPro-Black.ttf) format("truetype");
        font-weight: 900;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-BoldItalic.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-BoldItalic.woff) format("woff"), url(../font/tt-norms/TTNormsPro-BoldItalic.ttf) format("truetype");
        font-weight: 700;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-Bold.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-Bold.woff) format("woff"), url(../font/tt-norms/TTNormsPro-Bold.ttf) format("truetype");
        font-weight: 700;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-ExtraBold.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-ExtraBold.woff) format("woff"), url(../font/tt-norms/TTNormsPro-ExtraBold.ttf) format("truetype");
        font-weight: 800;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-ExtraBoldItalic.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-ExtraBoldItalic.woff) format("woff"), url(../font/tt-norms/TTNormsPro-ExtraBoldItalic.ttf) format("truetype");
        font-weight: 800;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-Medium.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-Medium.woff) format("woff"), url(../font/tt-norms/TTNormsPro-Medium.ttf) format("truetype");
        font-weight: 500;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-MediumItalic.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-MediumItalic.woff) format("woff"), url(../font/tt-norms/TTNormsPro-MediumItalic.ttf) format("truetype");
        font-weight: 500;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-Regular.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-Regular.woff) format("woff"), url(../font/tt-norms/TTNormsPro-Regular.ttf) format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-Italic.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-Italic.woff) format("woff"), url(../font/tt-norms/TTNormsPro-Italic.ttf) format("truetype");
        font-weight: 400;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-Light.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-Light.woff) format("woff"), url(../font/tt-norms/TTNormsPro-Light.ttf) format("truetype");
        font-weight: 300;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-LightItalic.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-LightItalic.woff) format("woff"), url(../font/tt-norms/TTNormsPro-LightItalic.ttf) format("truetype");
        font-weight: 300;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-ExtraLight.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-ExtraLight.woff) format("woff"), url(../font/tt-norms/TTNormsPro-ExtraLight.ttf) format("truetype");
        font-weight: 200;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-ExtraLightItalic.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-ExtraLightItalic.woff) format("woff"), url(../font/tt-norms/TTNormsPro-ExtraLightItalic.ttf) format("truetype");
        font-weight: 200;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-Thin.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-Thin.woff) format("woff"), url(../font/tt-norms/TTNormsPro-Thin.ttf) format("truetype");
        font-weight: 100;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: TT Norms;
        src: url(../font/tt-norms/TTNormsPro-ThinItalic.woff2) format("woff2"), url(../font/tt-norms/TTNormsPro-ThinItalic.woff) format("woff"), url(../font/tt-norms/TTNormsPro-ThinItalic.ttf) format("truetype");
        font-weight: 100;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-BlackItalic.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-BlackItalic.woff) format("woff");
        font-weight: 900;
        font-style: italic;
        font-display: swap;
        ascent-override: 100%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-Bold.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-Bold.woff) format("woff");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-Black.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-Black.woff) format("woff");
        font-weight: 900;
        font-style: normal;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-ExtraBold.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-ExtraBold.woff) format("woff");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-BoldItalic.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-BoldItalic.woff) format("woff");
        font-weight: 700;
        font-style: italic;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-ExtraBoldItalic.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-ExtraBoldItalic.woff) format("woff");
        font-weight: 700;
        font-style: italic;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-Regular.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-Regular.woff) format("woff");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-MediumItalic.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-MediumItalic.woff) format("woff");
        font-weight: 500;
        font-style: italic;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-Italic.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-Italic.woff) format("woff");
        font-weight: 400;
        font-style: italic;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-Medium.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-Medium.woff) format("woff");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-SemiBoldItalic.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-SemiBoldItalic.woff) format("woff");
        font-weight: 600;
        font-style: italic;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: Playfair Display;
        src: url(../font/playfair/PlayfairDisplay-SemiBold.woff2) format("woff2"), url(../font/playfair/PlayfairDisplay-SemiBold.woff) format("woff");
        font-weight: 600;
        font-style: normal;
        font-display: swap;
        ascent-override: 80%
    }

    @font-face {
        font-family: iconfont;
        src: url(../font/iconfont/iconfont.eot);
        src: url(../font/iconfont/iconfont%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../font/iconfont/iconfont.woff) format("woff"), url(../font/iconfont/iconfont.ttf) format("truetype"), url(../font/iconfont/iconfont.svg.html#iconfont) format("svg");
        font-weight: 400;
        font-style: normal
    }

    [class*=icon-]:before {
        display: inline-block;
        font-family: iconfont;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .icon-arrow-right-top:before {
        content: "A"
    }

    .icon-calendar:before {
        content: "B"
    }

    .icon-chevron-down:before {
        content: "C"
    }

    .icon-chevron-left:before {
        content: "D"
    }

    .icon-chevron-right:before {
        content: "E"
    }

    .icon-chevron-up:before {
        content: "F"
    }

    .icon-copy:before {
        content: "G"
    }

    .icon-download:before {
        content: "H"
    }

    .icon-facebook:before {
        content: "I"
    }

    .icon-favicon:before {
        content: "J"
    }

    .icon-feather:before {
        content: "K"
    }

    .icon-font-size-decrease:before {
        content: "L"
    }

    .icon-font-size-increase:before {
        content: "M"
    }

    .icon-headset:before {
        content: "N"
    }

    .icon-home:before {
        content: "O"
    }

    .icon-instagram:before {
        content: "P"
    }

    .icon-link:before {
        content: "Q"
    }

    .icon-linkedin:before {
        content: "R"
    }

    .icon-mail:before {
        content: "S"
    }

    .icon-map:before {
        content: "T"
    }

    .icon-printer:before {
        content: "U"
    }

    .icon-quote:before {
        content: "V"
    }

    .icon-resize:before {
        content: "W"
    }

    .icon-scroll:before {
        content: "X"
    }

    .icon-search:before {
        content: "Y"
    }

    .icon-twitter:before {
        content: "Z"
    }

    .icon-whatsapp-2:before {
        content: "a"
    }

    .icon-whatsapp:before {
        content: "b"
    }

    .icon-youtube:before {
        content: "c"
    }

    *,
    *:before,
    *:after {
        box-sizing: border-box
    }

    * {
        margin: 0;
        font-family: var(--font-family), sans-serif
    }

    html {
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none
    }

    body {
        min-height: 100dvh;
        line-height: 1.5;
        background-color: #fff;
        -webkit-font-smoothing: antialiased
    }

    html,
    body {
        overscroll-behavior: none
    }

    blockquote,
    q {
        quotes: none
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none
    }

    img,
    picture,
    video,
    canvas {
        display: block;
        max-width: 100%
    }

    svg {
        display: block;
        overflow: visible
    }

    input,
    button,
    textarea,
    select {
        font: inherit
    }

    input:hover,
    button:hover,
    textarea:hover,
    select:hover,
    input:focus-visible,
    button:focus-visible,
    textarea:focus-visible,
    select:focus-visible,
    input:focus,
    button:focus,
    textarea:focus,
    select:focus {
        outline: none
    }

    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        overflow-wrap: break-word
    }

    h1,
    h2,
    h3,
    h4 {
        text-wrap: balance
    }

    #root,
    #__next {
        isolation: isolate
    }

    body,
    h1,
    h2,
    h3,
    h4,
    p,
    figure,
    blockquote,
    dl,
    dd {
        margin-block-end: 0
    }

    ul[role=list],
    ol[role=list] {
        list-style: none
    }

    a:not([class]) {
        -webkit-text-decoration-skip: ink;
        text-decoration-skip-ink: auto;
        color: currentColor
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    :target {
        scroll-margin-block: 5ex
    }

    input[type=search]::-ms-clear,
    input[type=search]::-ms-reveal {
        display: none;
        height: 0px;
        width: 0px
    }

    input[type=search]::-webkit-search-decoration,
    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-results-button,
    input[type=search]::-webkit-search-results-decoration {
        display: none
    }

    input[type=date]::-webkit-inner-spin-button,
    input[type=date]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    input[type=file]::-webkit-file-upload-button {
        cursor: pointer
    }

    .text-editor {
        display: flex;
        flex-direction: column;
        gap: clamp(16px, 1.563vw, 30px)
    }

    .text-editor h1,
    .text-editor h2,
    .text-editor h3,
    .text-editor h4,
    .text-editor h5,
    .text-editor h6 {
        color: #3b3c40;
        text-wrap: balance
    }

    .text-editor h1,
    .text-editor h2,
    .text-editor h3 {
        letter-spacing: -.02em;
        line-height: 1.125
    }

    .text-editor h4,
    .text-editor h5,
    .text-editor h6 {
        line-height: 1.25
    }

    .text-editor ul li,
    .text-editor ol,
    .text-editor li,
    .text-editor p {
        color: #3b3c40;
        line-height: 1.6
    }

    .text-editor h1 {
        font-size: var(--h1)
    }

    .text-editor h2 {
        font-size: var(--h2)
    }

    .text-editor h3 {
        font-size: var(--h3)
    }

    .text-editor h4 {
        font-size: var(--h4)
    }

    .text-editor h5 {
        font-size: var(--h5)
    }

    .text-editor h6 {
        font-size: var(--h6)
    }

    .text-editor p {
        font-size: var(--p)
    }

    .text-editor ul li,
    .text-editor ol,
    .text-editor li {
        font-size: var(--li)
    }

    .text-editor ul,
    .text-editor ol {
        display: flex;
        flex-direction: column;
        gap: clamp(.25rem, .417vw, .5rem);
        padding-left: 1.25rem
    }

    .text-editor ul::marker,
    .text-editor ol::marker {
        color: inherit
    }

    .text-editor ul {
        list-style: disc
    }

    .text-editor ol {
        list-style: decimal
    }

    .text-editor a {
        color: #3b3c40;
        transition: .35s ease color
    }

    .text-editor a:hover {
        color: #3b3c40
    }

    .text-editor strong,
    .text-editor b {
        font-weight: 700
    }

    .text-editor em,
    .text-editor i {
        font-style: italic
    }

    @media screen and (max-width: 768px) {
        .text-editor br {
            content: ""
        }

        .text-editor br:after {
            content: " "
        }
    }

    .text-editor.white h1,
    .text-editor.white h2,
    .text-editor.white h3,
    .text-editor.white h4,
    .text-editor.white h5,
    .text-editor.white h6 {
        color: #fff
    }

    .text-editor.white ul li,
    .text-editor.white ol,
    .text-editor.white li,
    .text-editor.white p {
        color: #fff9
    }

    .text-editor.playfair-heading h1,
    .text-editor.playfair-heading h2,
    .text-editor.playfair-heading h3,
    .text-editor.playfair-heading h4,
    .text-editor.playfair-heading h5,
    .text-editor.playfair-heading h6,
    .text-editor.playfair-heading h1 strong,
    .text-editor.playfair-heading h2 strong,
    .text-editor.playfair-heading h3 strong,
    .text-editor.playfair-heading h4 strong,
    .text-editor.playfair-heading h5 strong,
    .text-editor.playfair-heading h6 strong,
    .text-editor.playfair-content ul li,
    .text-editor.playfair-content ol,
    .text-editor.playfair-content li,
    .text-editor.playfair-content p {
        font-family: var(--playfair)
    }

    :is(.text-editor.playfair-content ul li, .text-editor.playfair-content ol, .text-editor.playfair-content li, .text-editor.playfair-content p) strong {
        font-family: var(--playfair)
    }

    [data-detect-scroll-position*=fade-y] {
        --percent-start: 100%;
        --percent-end: 100%;
        transition: .1s linear --percent-start, .1s linear --percent-end;
        -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--percent-start)), black, black, rgba(0, 0, 0, var(--percent-end))), linear-gradient(to left, black 8px, transparent 6px);
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--percent-start)), #000, #000, rgba(0, 0, 0, var(--percent-end))), linear-gradient(to left, black 8px, transparent 6px)
    }

    [data-detect-scroll-position*=fade-y]:not(.scroll-at-top) {
        --percent-start: 0%
    }

    [data-detect-scroll-position*=fade-y]:not(.scroll-at-bottom) {
        --percent-end: 0%
    }

    [data-detect-scroll-position*=fade-x] {
        --percent-start: 100%;
        --percent-end: 100%;
        transition: .1s linear --percent-start, .1s linear --percent-end;
        -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--percent-start)), black, black, rgba(0, 0, 0, var(--percent-end)));
        mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--percent-start)), #000, #000, rgba(0, 0, 0, var(--percent-end)))
    }

    [data-detect-scroll-position*=fade-x]:not(.scroll-at-left) {
        --percent-start: 0%
    }

    [data-detect-scroll-position*=fade-x]:not(.scroll-at-right) {
        --percent-end: 0%
    }

    [data-detect-scroll-position*=fade-only-y] {
        --percent-start: 100%;
        --percent-end: 100%;
        transition: .1s linear --percent-start, .1s linear --percent-end;
        -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--percent-start)), black, black, rgba(0, 0, 0, var(--percent-end))), linear-gradient(to left, black 8px, transparent 6px);
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--percent-start)), #000, #000, rgba(0, 0, 0, var(--percent-end))), linear-gradient(to left, black 8px, transparent 6px)
    }

    [data-detect-scroll-position*=fade-only-y]:not(.scroll-at-top) {
        --percent-start: 0%
    }

    [data-detect-scroll-position*=fade-only-y]:not(.scroll-at-bottom) {
        --percent-end: 0%
    }

    [data-detect-scroll-position*=fade-only-x] {
        --percent-start: 100%;
        --percent-end: 100%;
        transition: .1s linear --percent-start, .1s linear --percent-end;
        -webkit-mask-image: linear-gradient(90deg, black, black, black, rgba(0, 0, 0, var(--percent-end)));
        mask-image: linear-gradient(90deg, #000, #000, #000, rgba(0, 0, 0, var(--percent-end)))
    }

    [data-detect-scroll-position*=fade-only-x]:not(.scroll-at-left) {
        --percent-start: 0%
    }

    [data-detect-scroll-position*=fade-only-x]:not(.scroll-at-right) {
        --percent-end: 0%
    }

    .armut {
        color: red
    }

    body {
        background: var(--body-background)
    }

    body:has([popover]:popover-open) {
        overflow: hidden
    }

    [popover] {
        opacity: 0;
        transition-duration: .45s;
        transition-property: all;
        transition-timing-function: ease-out;
        transition-behavior: allow-discrete
    }

    [popover] .content-wrapper.fx {
        transition-property: all;
        transition-duration: .6s;
        transition-timing-function: cubic-bezier(.77, .16, .09, .94);
        transition-behavior: allow-discrete;
        opacity: 0;
        transform: translateY(10%) translateZ(0)
    }

    [popover] .content-wrapper.fx-right-to-left {
        transition-property: all;
        transition-duration: .6s;
        transition-timing-function: cubic-bezier(.77, .16, .09, .94);
        transition-behavior: allow-discrete;
        opacity: 0;
        transform: translate(100%) translateZ(0)
    }

    @media screen and (max-width: 1025px) {
        [popover] .content-wrapper.fx-right-to-left {
            transform: translateY(10%) translateZ(0)
        }
    }

    [popover]:popover-open {
        opacity: 1
    }

    [popover]:popover-open .content-wrapper.fx {
        opacity: 1;
        transform: translateY(0) translateZ(0)
    }

    [popover]:popover-open .content-wrapper.fx-right-to-left {
        opacity: 1;
        transform: translate(0) translateZ(0)
    }

    @media screen and (max-width: 1025px) {
        [popover]:popover-open .content-wrapper.fx-right-to-left {
            opacity: 1;
            transform: translateY(0) translateZ(0)
        }
    }

    @starting-style {
        [popover]:popover-open {
            opacity: 0
        }

        [popover]:popover-open .content-wrapper.fx {
            opacity: 0;
            transform: translateY(10%) translateZ(0)
        }

        [popover]:popover-open .content-wrapper.fx-right-to-left {
            opacity: 0;
            transform: translate(100%) translateZ(0)
        }

        @media screen and (max-width: 1025px) {
            [popover]:popover-open .content-wrapper.fx-right-to-left {
                opacity: 0;
                transform: translateY(10%) translateZ(0)
            }
        }
    }

    .swiper-button-lock {
        display: none !important
    }

    @media print {

        *:not(:has(#editor-print)),
        header,
        footer {
            display: none !important
        }

        *:has(#editor-print),
        #editor-print,
        #editor-print * {
            display: flex !important;
            padding: 1px
        }

        *:has(#editor-print) .image-wrapper,
        #editor-print .image-wrapper,
        #editor-print * .image-wrapper {
            display: flex;
            flex-direction: column
        }
    }

    .flatpickr-day.selected,
    .flatpickr-day.startRange,
    .flatpickr-day.endRange,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.selected:focus,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange:hover,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.endRange.nextMonthDay {
        background: var(--main-500);
        box-shadow: none;
        color: #fff;
        border-color: var(--main-500)
    }

    .flatpickr-current-month {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        gap: 5px
    }

    .flatpickr-months .flatpickr-prev-month:hover,
    .flatpickr-months .flatpickr-next-month:hover,
    .flatpickr-months .flatpickr-prev-month:hover svg,
    .flatpickr-months .flatpickr-next-month:hover svg {
        fill: var(--main-500)
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        padding: 0
    }

    .flatpickr-monthDropdown-months {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .fx-image,
    .fx-image img,
    .fx-image-relative,
    .fx-image-relative img,
    .fx-breadcrumb,
    .fx-breadcrumb img {
        position: relative
    }

    @keyframes scale-pulse {
        0% {
            transform: scale(1)
        }

        50% {
            transform: scale(1.05)
        }

        to {
            transform: scale(1)
        }
    }



    .scaling-object-wrapper {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMjAuNTczOSAxMC4yMjlMMjAuNTc2MiAxMC4yMjY4QzE5LjYyNiA5Ljk2NTkgMTguNzE4MyA5LjYzNjQ3IDE3Ljg1NjEgOS4yMzQ3NEMxNS40MDQ0IDguMDkxNDIgMTMuNDU1NSA2LjI3MzU3IDEyLjAxMTcgMy43Nzk3MkMxMS40MDY1IDIuNzM0NzggMTAuOTI4OCAxLjU1MTIxIDEwLjU3NzcgMC4yMjkwMDRMMTAuNTc2MiAwLjIzMDQ5NUwxMC41NzQ3IDAuMjI5MDA0QzEwLjIyMjggMS41NTEyMSA5Ljc0NTggMi43MzQ3OCA5LjE0MDY2IDMuNzc5NzJDNy42OTY4MiA2LjI3MzU3IDUuNzQ3OTMgOC4wOTA2NyAzLjI5NjI3IDkuMjM0NzRDMi40MzQwNiA5LjYzNjQ3IDEuNTI2MzUgOS45NjU5IDAuNTc2MTcyIDEwLjIyNjhMMC41Nzg0NDkgMTAuMjI5TDAuNTc2MTcyIDEwLjIzMTJDMS41MjYzNSAxMC40OTIxIDIuNDM0MDYgMTAuODIxNSAzLjI5NjI3IDExLjIyMzNDNS43NDc5MyAxMi4zNjY2IDcuNjk2ODIgMTQuMTg0NCA5LjE0MDY2IDE2LjY3ODNDOS43NDU4IDE3LjcyMzIgMTAuMjIzNiAxOC45MDY4IDEwLjU3NDcgMjAuMjI5TDEwLjU3NjIgMjAuMjI3NUwxMC41Nzc3IDIwLjIyOUMxMC45Mjk2IDE4LjkwNjggMTEuNDA2NSAxNy43MjMyIDEyLjAxMTcgMTYuNjc4M0MxMy40NTU1IDE0LjE4NDQgMTUuNDA0NCAxMi4zNjczIDE3Ljg1NjEgMTEuMjIzM0MxOC43MTgzIDEwLjgyMTUgMTkuNjI2IDEwLjQ5MjEgMjAuNTc2MiAxMC4yMzEyTDIwLjU3MzkgMTAuMjI5WiIgLz4KPC9zdmc+Cg==);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMjAuNTczOSAxMC4yMjlMMjAuNTc2MiAxMC4yMjY4QzE5LjYyNiA5Ljk2NTkgMTguNzE4MyA5LjYzNjQ3IDE3Ljg1NjEgOS4yMzQ3NEMxNS40MDQ0IDguMDkxNDIgMTMuNDU1NSA2LjI3MzU3IDEyLjAxMTcgMy43Nzk3MkMxMS40MDY1IDIuNzM0NzggMTAuOTI4OCAxLjU1MTIxIDEwLjU3NzcgMC4yMjkwMDRMMTAuNTc2MiAwLjIzMDQ5NUwxMC41NzQ3IDAuMjI5MDA0QzEwLjIyMjggMS41NTEyMSA5Ljc0NTggMi43MzQ3OCA5LjE0MDY2IDMuNzc5NzJDNy42OTY4MiA2LjI3MzU3IDUuNzQ3OTMgOC4wOTA2NyAzLjI5NjI3IDkuMjM0NzRDMi40MzQwNiA5LjYzNjQ3IDEuNTI2MzUgOS45NjU5IDAuNTc2MTcyIDEwLjIyNjhMMC41Nzg0NDkgMTAuMjI5TDAuNTc2MTcyIDEwLjIzMTJDMS41MjYzNSAxMC40OTIxIDIuNDM0MDYgMTAuODIxNSAzLjI5NjI3IDExLjIyMzNDNS43NDc5MyAxMi4zNjY2IDcuNjk2ODIgMTQuMTg0NCA5LjE0MDY2IDE2LjY3ODNDOS43NDU4IDE3LjcyMzIgMTAuMjIzNiAxOC45MDY4IDEwLjU3NDcgMjAuMjI5TDEwLjU3NjIgMjAuMjI3NUwxMC41Nzc3IDIwLjIyOUMxMC45Mjk2IDE4LjkwNjggMTEuNDA2NSAxNy43MjMyIDEyLjAxMTcgMTYuNjc4M0MxMy40NTU1IDE0LjE4NDQgMTUuNDA0NCAxMi4zNjczIDE3Ljg1NjEgMTEuMjIzM0MxOC43MTgzIDEwLjgyMTUgMTkuNjI2IDEwLjQ5MjEgMjAuNTc2MiAxMC4yMzEyTDIwLjU3MzkgMTAuMjI5WiIgLz4KPC9zdmc+Cg==);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 750% 422%;
        mask-size: 750% 422%;
        -webkit-mask-position: center;
        mask-position: center
    }

    /*! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
     */
    *,
    :before,
    :after {
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: currentColor
    }

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

    html,
    :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
        font-feature-settings: normal;
        font-variation-settings: normal;
        -webkit-tap-highlight-color: transparent
    }

    body {
        margin: 0;
        line-height: inherit
    }

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

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

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

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

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp,
    pre {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
        font-feature-settings: normal;
        font-variation-settings: normal;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        font-size: 100%;
        font-weight: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        color: inherit;
        margin: 0;
        padding: 0
    }

    button,
    select {
        text-transform: none
    }

    button,
    input:where([type=button]),
    input:where([type=reset]),
    input:where([type=submit]) {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none
    }

    :-moz-focusring {
        outline: auto
    }

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

    progress {
        vertical-align: baseline
    }

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

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

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

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

    summary {
        display: list-item
    }

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

    fieldset {
        margin: 0;
        padding: 0
    }

    legend {
        padding: 0
    }

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

    dialog {
        padding: 0
    }

    textarea {
        resize: vertical
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        opacity: 1;
        color: #9ca3af
    }

    input::placeholder,
    textarea::placeholder {
        opacity: 1;
        color: #9ca3af
    }

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

    :disabled {
        cursor: default
    }

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

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

    [hidden] {
        display: none
    }

    @supports (-moz-appearance:none) {
        * {
            scrollbar-color: initial;
            scrollbar-width: initial
        }
    }

    :root {
        --transparent: transparent;
        --current: currentColor;
        --textColor: #000000;
        --bodyColor: #F5F0EA;
        --white: #FFFFFF;
        --black: #000000;
        --red: #FF0000;
        --main-100: #d8d8d9;
        --main-200: #b1b1b3;
        --main-300: #898a8c;
        --main-400: #626366;
        --main-500: #3b3c40;
        --main-600: #2f3033;
        --main-700: #232426;
        --main-800: #18181a;
        --main-900: #0c0c0d;
        --secondary-100: #e7f0f2;
        --secondary-200: #d0e1e4;
        --secondary-300: #b8d3d7;
        --secondary-400: #a1c4c9;
        --secondary-500: #89b5bc;
        --secondary-600: #6e9196;
        --secondary-700: #526d71;
        --secondary-800: #37484b;
        --secondary-900: #1b2426;
        --third-100: #fdfcfb;
        --third-200: #fbf9f7;
        --third-300: #f9f6f2;
        --third-400: #f7f3ee;
        --third-500: #f5f0ea;
        --third-600: #c4c0bb;
        --third-700: #93908c;
        --third-800: #62605e;
        --third-900: #31302f
    }

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

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

    .container {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

    .\!pointer-events-auto {
        pointer-events: auto !important
    }

    .pointer-events-auto {
        pointer-events: auto
    }

    .visible {
        visibility: visible
    }

    .invisible {
        visibility: hidden
    }

    .collapse {
        visibility: collapse
    }

    .fixed {
        position: fixed
    }

    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .sticky {
        position: sticky
    }

    .bottom-0 {
        bottom: 0
    }

    .bottom-10 {
        bottom: 2.5rem
    }

    .bottom-5 {
        bottom: 1.25rem
    }

    .bottom-\[--gap\] {
        bottom: var(--gap)
    }

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

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

    .bottom-\[calc\(100\%\+var\(--gap\)\)\] {
        bottom: calc(100% + var(--gap))
    }

    .bottom-full {
        bottom: 100%
    }

    .left-0 {
        left: 0
    }

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

    .left-2 {
        left: .5rem
    }

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

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

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

    .left-\[calc\(100\%\+var\(--gap\)\)\] {
        left: calc(100% + var(--gap))
    }

    .left-full {
        left: 100%
    }

    .right-0 {
        right: 0
    }

    .right-10 {
        right: 2.5rem
    }

    .right-\[--clamp-1\] {
        right: var(--clamp-1)
    }

    .right-\[-5\%\] {
        right: -5%
    }

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

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

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

    .right-\[calc\(100\%\+var\(--gap\)\)\] {
        right: calc(100% + var(--gap))
    }

    .top-0 {
        top: 0
    }

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

    .top-2\.5 {
        top: .625rem
    }

    .top-\[--clamp-1\] {
        top: var(--clamp-1)
    }

    .top-\[--header-height\] {
        top: var(--header-height)
    }

    .top-\[-10\%\] {
        top: -10%
    }

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

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

    .top-\[50\%\] {
        top: 50%
    }

    .top-\[calc\(100\%\+var\(--gap\)\)\] {
        top: calc(100% + var(--gap))
    }

    .top-\[calc\(var\(--clamp-4\)\*2-1px\)\] {
        top: calc(var(--clamp-4) * 2 - 1px)
    }

    .top-\[calc\(var\(--clamp-4\)-1px\)\] {
        top: calc(var(--clamp-4) - 1px)
    }

    .top-\[calc\(var\(--header-height\)\+20px\)\] {
        top: calc(var(--header-height) + 20px)
    }

    .top-\[calc\(var\(--header-height\)\+30px\)\] {
        top: calc(var(--header-height) + 30px)
    }

    .top-full {
        top: 100%
    }

    .isolate {
        isolation: isolate
    }

    .-z-10 {
        z-index: -10
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

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

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

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

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

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

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

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

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

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

    .order-2 {
        order: 2
    }

    .col-span-1 {
        grid-column: span 1 / span 1
    }

    .col-span-12 {
        grid-column: span 12 / span 12
    }

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

    .col-span-3 {
        grid-column: span 3 / span 3
    }

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

    .row-span-1 {
        grid-row: span 1 / span 1
    }

    .row-span-2 {
        grid-row: span 2 / span 2
    }

    .m-0 {
        margin: 0
    }

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

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

    .my-\[--clamp-2\] {
        margin-top: var(--clamp-2);
        margin-bottom: var(--clamp-2)
    }

    .my-\[10px\] {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .my-\[20px\] {
        margin-top: 20px;
        margin-bottom: 20px
    }

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

    .mb-0 {
        margin-bottom: 0
    }

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

    .mb-\[--clamp-1\] {
        margin-bottom: var(--clamp-1)
    }

    .mb-\[--clamp-2\] {
        margin-bottom: var(--clamp-2)
    }

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

    .ml-2 {
        margin-left: .5rem
    }

    .ml-auto {
        margin-left: auto
    }

    .mr-0 {
        margin-right: 0
    }

    .mr-2 {
        margin-right: .5rem
    }

    .mt-0\.5 {
        margin-top: .125rem
    }

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

    .mt-2 {
        margin-top: .5rem
    }

    .mt-5 {
        margin-top: 1.25rem
    }

    .mt-\[--clamp-1\] {
        margin-top: var(--clamp-1)
    }

    .mt-\[--clamp-2\] {
        margin-top: var(--clamp-2)
    }

    .mt-\[--clamp-3\] {
        margin-top: var(--clamp-3)
    }

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

    .mt-auto {
        margin-top: auto
    }

    .line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .block {
        display: block
    }

    .inline-block {
        display: inline-block
    }

    .inline {
        display: inline
    }

    .flex {
        display: flex
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .grid {
        display: grid
    }

    .\!hidden {
        display: none !important
    }

    .hidden {
        display: none
    }

    .aspect-\[--aspect\] {
        aspect-ratio: var(--aspect)
    }

    .aspect-\[110\/70\] {
        aspect-ratio: 110/70
    }

    .aspect-\[1215\/650\] {
        aspect-ratio: 1215/650
    }

    .aspect-\[130\/90\] {
        aspect-ratio: 130/90
    }

    .aspect-\[16\/10\] {
        aspect-ratio: 16/10
    }

    .aspect-\[16\/9\] {
        aspect-ratio: 16/9
    }

    .aspect-\[350\/250\] {
        aspect-ratio: 350/250
    }

    .aspect-\[412\/435\] {
        aspect-ratio: 412/435
    }

    .aspect-\[436\/424\] {
        aspect-ratio: 436/424
    }

    .aspect-\[690\/460\] {
        aspect-ratio: 690/460
    }

    .aspect-\[743\/512\] {
        aspect-ratio: 743/512
    }

    .aspect-\[800\/460\] {
        aspect-ratio: 800/460
    }

    .aspect-\[885\/440\] {
        aspect-ratio: 885/440
    }

    .aspect-\[940\/588\] {
        aspect-ratio: 940/588
    }

    .aspect-square {
        aspect-ratio: 1 / 1
    }

    .aspect-video {
        aspect-ratio: 16 / 9
    }

    .\!size-\[--clamp-1\] {
        width: var(--clamp-1) !important;
        height: var(--clamp-1) !important
    }

    .size-2 {
        width: .5rem;
        height: .5rem
    }

    .size-5 {
        width: 1.25rem;
        height: 1.25rem
    }

    .size-\[--clamp-1\] {
        width: var(--clamp-1);
        height: var(--clamp-1)
    }

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

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

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

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

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

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

    .\!h-\[calc\(var\(--clamp-4\)\*2\)\] {
        height: calc(var(--clamp-4) * 2) !important
    }

    .\!h-fit {
        height: -moz-fit-content !important;
        height: fit-content !important
    }

    .\!h-full {
        height: 100% !important
    }

    .h-0\.5 {
        height: .125rem
    }

    .h-16 {
        height: 4rem
    }

    .h-4 {
        height: 1rem
    }

    .h-\[--clamp-1\] {
        height: var(--clamp-1)
    }

    .h-\[--clamp-4\] {
        height: var(--clamp-4)
    }

    .h-\[--clamp-fs\] {
        height: var(--clamp-fs)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[calc\(100dvh-var\(--header-height\)\)\] {
        height: calc(100dvh - var(--header-height))
    }

    .h-auto {
        height: auto
    }

    .h-dvh {
        height: 100dvh
    }

    .h-fit {
        height: -moz-fit-content;
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-max {
        height: -moz-max-content;
        height: max-content
    }

    .h-px {
        height: 1px
    }

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

    .max-h-\[90dvh\] {
        max-height: 90dvh
    }

    .max-h-\[calc\(100dvh-var\(--clamp-1\)-60px\)\] {
        max-height: calc(100dvh - var(--clamp-1) - 60px)
    }

    .max-h-\[calc\(100dvh-var\(--header-height\)\)\] {
        max-height: calc(100dvh - var(--header-height))
    }

    .max-h-\[calc\(100dvh-var\(--range-1\)\*2\)\] {
        max-height: calc(100dvh - var(--range-1) * 2)
    }

    .max-h-full {
        max-height: 100%
    }

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

    .min-h-\[cacl\(var\(--header-height\)-var\(--clamp-1\)\)\] {
        min-height: cacl(var(--header-height)-var(--clamp-1))
    }

    .min-h-\[calc\(100dvh-\(var\(--padding\)\*2\)\)\] {
        min-height: calc(100dvh - (var(--padding) * 2))
    }

    .min-h-\[calc\(var\(--clamp-2\)-var\(--header-height\)\)\] {
        min-height: calc(var(--clamp-2) - var(--header-height))
    }

    .\!w-full {
        width: 100% !important
    }

    .w-0\.5 {
        width: .125rem
    }

    .w-20 {
        width: 5rem
    }

    .w-4 {
        width: 1rem
    }

    .w-5 {
        width: 1.25rem
    }

    .w-\[--clamp-1\] {
        width: var(--clamp-1)
    }

    .w-\[--clamp-2\] {
        width: var(--clamp-2)
    }

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

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

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

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

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

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

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

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

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

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

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

    .w-\[calc\(var\(--clamp-1\)\/2\.5\)\] {
        width: calc(var(--clamp-1) / 2.5)
    }

    .w-auto {
        width: auto
    }

    .w-dvw {
        width: 100dvw
    }

    .w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: -moz-max-content;
        width: max-content
    }

    .\!max-w-\[700px\] {
        max-width: 700px !important
    }

    .\!max-w-full {
        max-width: 100% !important
    }

    .max-w-\[--clamp-1\] {
        max-width: var(--clamp-1)
    }

    .max-w-\[--maxWidth\] {
        max-width: var(--maxWidth)
    }

    .max-w-\[0\] {
        max-width: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-\[90dvw\] {
        max-width: 90dvw
    }

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

    .max-w-\[calc\(100\%-\(var\(--extra\)\*2\)\)\] {
        max-width: calc(100% - (var(--extra) * 2))
    }

    .max-w-\[calc\(100\%-20\%\)\] {
        max-width: 80%
    }

    .max-w-\[calc\(100dvw-var\(--range-1\)\*2\)\] {
        max-width: calc(100dvw - var(--range-1) * 2)
    }

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

    .shrink-0 {
        flex-shrink: 0
    }

    .border-collapse {
        border-collapse: collapse
    }

    .origin-center {
        transform-origin: center
    }

    .origin-left {
        transform-origin: left
    }

    .\!translate-y-\[125\%\] {
        --tw-translate-y: 125% !important;
        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)) !important
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        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))
    }

    .-translate-x-10 {
        --tw-translate-x: -2.5rem;
        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))
    }

    .-translate-x-\[50\%\] {
        --tw-translate-x: -50%;
        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))
    }

    .-translate-x-\[75\%\] {
        --tw-translate-x: -75%;
        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))
    }

    .-translate-x-full {
        --tw-translate-x: -100%;
        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))
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        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))
    }

    .-translate-y-2 {
        --tw-translate-y: -.5rem;
        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))
    }

    .-translate-y-\[40\%\] {
        --tw-translate-y: -40%;
        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))
    }

    .-translate-y-\[50\%\] {
        --tw-translate-y: -50%;
        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))
    }

    .-translate-y-\[75\%\] {
        --tw-translate-y: -75%;
        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))
    }

    .translate-x-1\/2 {
        --tw-translate-x: 50%;
        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))
    }

    .translate-x-7 {
        --tw-translate-x: 1.75rem;
        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))
    }

    .translate-x-\[calc\(-50\%-80px\)\] {
        --tw-translate-x: calc(-50% - 80px);
        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))
    }

    .translate-y-1\/2 {
        --tw-translate-y: 50%;
        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))
    }

    .translate-y-10 {
        --tw-translate-y: 2.5rem;
        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))
    }

    .translate-y-\[-15\%\] {
        --tw-translate-y: -15%;
        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))
    }

    .translate-y-\[125\%\] {
        --tw-translate-y: 125%;
        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))
    }

    .translate-y-\[30px\] {
        --tw-translate-y: 30px;
        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))
    }

    .translate-y-\[calc\(-50\%\+16px\)\] {
        --tw-translate-y: calc(-50% + 16px);
        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))
    }

    .translate-y-\[calc\(-50\%\+5px\)\] {
        --tw-translate-y: calc(-50% + 5px);
        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))
    }

    .translate-y-\[calc\(-50\%-40px\)\] {
        --tw-translate-y: calc(-50% - 40px);
        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))
    }

    .translate-y-\[calc\(-50\%-5px\)\] {
        --tw-translate-y: calc(-50% - 5px);
        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))
    }

    .translate-y-\[calc\(-50\%-6px\)\] {
        --tw-translate-y: calc(-50% - 6px);
        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))
    }

    .-rotate-45 {
        --tw-rotate: -45deg;
        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))
    }

    .-rotate-90 {
        --tw-rotate: -90deg;
        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))
    }

    .rotate-45 {
        --tw-rotate: 45deg;
        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))
    }

    .rotate-90 {
        --tw-rotate: 90deg;
        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))
    }

    .scale-75 {
        --tw-scale-x: .75;
        --tw-scale-y: .75;
        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))
    }

    .scale-90 {
        --tw-scale-x: .9;
        --tw-scale-y: .9;
        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))
    }

    .scale-x-0 {
        --tw-scale-x: 0;
        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))
    }

    .transform {
        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))
    }

    @keyframes pulse {
        50% {
            opacity: .5
        }
    }

    .animate-pulse {
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }

    .cursor-pointer {
        cursor: pointer
    }

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

    .resize-none {
        resize: none
    }

    .resize {
        resize: both
    }

    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

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

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

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

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

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

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

    .grid-cols-\[minmax\(0\,15\.2fr\)_minmax\(0\,3\.15fr\)\] {
        grid-template-columns: minmax(0, 15.2fr) minmax(0, 3.15fr)
    }

    .grid-cols-\[minmax\(0\,2\.95fr\)_minmax\(0\,14\.45fr\)\] {
        grid-template-columns: minmax(0, 2.95fr) minmax(0, 14.45fr)
    }

    .grid-cols-\[minmax\(0\,5\.42fr\)_minmax\(0\,12\.17fr\)\] {
        grid-template-columns: minmax(0, 5.42fr) minmax(0, 12.17fr)
    }

    .grid-cols-\[minmax\(0\,6\.4fr\)_minmax\(0\,9\.25fr\)\] {
        grid-template-columns: minmax(0, 6.4fr) minmax(0, 9.25fr)
    }

    .grid-cols-\[minmax\(0\,9\.4fr\)_minmax\(0\,8\.2fr\)\] {
        grid-template-columns: minmax(0, 9.4fr) minmax(0, 8.2fr)
    }

    .grid-cols-\[minmax\(0\,9\.85fr\)_minmax\(0\,7\.3fr\)\] {
        grid-template-columns: minmax(0, 9.85fr) minmax(0, 7.3fr)
    }

    .grid-cols-\[minmax\(0\,auto\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, auto) minmax(0, 1fr)
    }

    .grid-cols-\[repeat\(var\(--contentCount\)\,minmax\(0\,1fr\)\)\] {
        grid-template-columns: repeat(var(--contentCount), minmax(0, 1fr))
    }

    .grid-cols-\[repeat\(var\(--extra\)\,minmax\(0\,1fr\)\)\] {
        grid-template-columns: repeat(var(--extra), minmax(0, 1fr))
    }

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

    .flex-col {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

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

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

    .items-center {
        align-items: center
    }

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

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

    .justify-center {
        justify-content: center
    }

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

    .gap-0 {
        gap: 0px
    }

    .gap-1 {
        gap: .25rem
    }

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

    .gap-10 {
        gap: 2.5rem
    }

    .gap-2 {
        gap: .5rem
    }

    .gap-2\.5 {
        gap: .625rem
    }

    .gap-3 {
        gap: .75rem
    }

    .gap-4 {
        gap: 1rem
    }

    .gap-5 {
        gap: 1.25rem
    }

    .gap-6 {
        gap: 1.5rem
    }

    .gap-9 {
        gap: 2.25rem
    }

    .gap-\[--clamp-1\] {
        gap: var(--clamp-1)
    }

    .gap-\[--clamp-2\] {
        gap: var(--clamp-2)
    }

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

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

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

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

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

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

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

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

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

    .gap-x-\[--clamp-1\] {
        -moz-column-gap: var(--clamp-1);
        column-gap: var(--clamp-1)
    }

    .gap-y-3 {
        row-gap: .75rem
    }

    .gap-y-\[--clamp-2\] {
        row-gap: var(--clamp-2)
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-clip {
        overflow: clip
    }

    .\!overflow-visible {
        overflow: visible !important
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-x-auto {
        overflow-x: auto
    }

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

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-y-hidden {
        overflow-y: hidden
    }

    .overflow-x-visible {
        overflow-x: visible
    }

    .overscroll-none {
        overscroll-behavior: none
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-wrap {
        text-wrap: wrap
    }

    .rounded-\[--clamp-1\] {
        border-radius: var(--clamp-1)
    }

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

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

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

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

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

    .rounded-none {
        border-radius: 0
    }

    .rounded-tl-\[32px\] {
        border-top-left-radius: 32px
    }

    .rounded-tr-\[32px\] {
        border-top-right-radius: 32px
    }

    .\!border {
        border-width: 1px !important
    }

    .\!border-0 {
        border-width: 0px !important
    }

    .border {
        border-width: 1px
    }

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

    .\!border-b {
        border-bottom-width: 1px !important
    }

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

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

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

    .border-solid {
        border-style: solid
    }

    .border-\[\#E6DACB\] {
        --tw-border-opacity: 1;
        border-color: rgb(230 218 203 / var(--tw-border-opacity))
    }

    .border-\[--border-default-color\] {
        border-color: var(--border-default-color)
    }

    .border-black\/15 {
        border-color: #00000026
    }

    .border-main-500 {
        --tw-border-opacity: 1;
        border-color: rgb(59 60 64 / var(--tw-border-opacity))
    }

    .border-main-500\/15 {
        border-color: #3b3c4026
    }

    .border-main-500\/30 {
        border-color: #3b3c404d
    }

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

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

    .border-white\/50 {
        border-color: #ffffff80
    }

    .bg-\[\#61C454\] {
        --tw-bg-opacity: 1;
        background-color: rgb(97 196 84 / var(--tw-bg-opacity))
    }

    .bg-\[\#89B5BC\] {
        --tw-bg-opacity: 1;
        background-color: rgb(137 181 188 / var(--tw-bg-opacity))
    }

    .bg-\[\#CCCCCC\] {
        --tw-bg-opacity: 1;
        background-color: rgb(204 204 204 / var(--tw-bg-opacity))
    }

    .bg-\[\#E6DACB\] {
        --tw-bg-opacity: 1;
        background-color: rgb(230 218 203 / var(--tw-bg-opacity))
    }

    .bg-\[\#E74F3D\] {
        --tw-bg-opacity: 1;
        background-color: rgb(231 79 61 / var(--tw-bg-opacity))
    }

    .bg-\[\#FCF7F1\] {
        --tw-bg-opacity: 1;
        background-color: rgb(252 247 241 / var(--tw-bg-opacity))
    }

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

    .bg-\[--border-focus-color\] {
        background-color: var(--border-focus-color)
    }

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

    .bg-black\/25 {
        background-color: #00000040
    }

    .bg-black\/50 {
        background-color: #00000080
    }

    .bg-black\/75 {
        background-color: #000000bf
    }

    .bg-main-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(59 60 64 / var(--tw-bg-opacity))
    }

    .bg-main-500\/15 {
        background-color: #3b3c4026
    }

    .bg-main-500\/20 {
        background-color: #3b3c4033
    }

    .bg-secondary-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(137 181 188 / 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-white\/15 {
        background-color: #ffffff26
    }

    .bg-white\/25 {
        background-color: #ffffff40
    }

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

    .bg-\[linear-gradient\(180deg\,rgba\(37\,38\,40\,0\.20\)_61\.32\%\,\#252628_100\%\)\] {
        background-image: linear-gradient(180deg, #25262833 61.32%, #252628)
    }

    .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,_rgba\(245\,_240\,_234\,_0\.00\)_52\.45\%\,_\#F5F0EA_100\%\)\] {
        background-image: radial-gradient(50% 50% at 50% 50%, #f5f0ea00 52.45%, #f5f0ea)
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

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

    .fill-main-500 {
        fill: #3b3c40
    }

    .fill-white {
        fill: #fff
    }

    .stroke-white {
        stroke: #fff
    }

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

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

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

    .p-0 {
        padding: 0
    }

    .p-5 {
        padding: 1.25rem
    }

    .p-\[--clamp-1\] {
        padding: var(--clamp-1)
    }

    .p-\[--clamp-2\] {
        padding: var(--clamp-2)
    }

    .p-\[--gap\] {
        padding: var(--gap)
    }

    .p-\[--range-1\] {
        padding: var(--range-1)
    }

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

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

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

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

    .px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

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

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

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

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

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

    .px-\[--clamp-1\] {
        padding-left: var(--clamp-1);
        padding-right: var(--clamp-1)
    }

    .px-\[--clamp-2\] {
        padding-left: var(--clamp-2);
        padding-right: var(--clamp-2)
    }

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

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

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

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

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

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

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

    .py-\[--clamp-1\] {
        padding-top: var(--clamp-1);
        padding-bottom: var(--clamp-1)
    }

    .py-\[--clamp-2\] {
        padding-top: var(--clamp-2);
        padding-bottom: var(--clamp-2)
    }

    .py-\[--clamp-3\] {
        padding-top: var(--clamp-3);
        padding-bottom: var(--clamp-3)
    }

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

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

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

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

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

    .pb-5 {
        padding-bottom: 1.25rem
    }

    .pb-\[--clamp-1\] {
        padding-bottom: var(--clamp-1)
    }

    .pb-\[--clamp-2\] {
        padding-bottom: var(--clamp-2)
    }

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

    .pl-5 {
        padding-left: 1.25rem
    }

    .pl-\[--clamp-1\] {
        padding-left: var(--clamp-1)
    }

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

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

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

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

    .pr-7 {
        padding-right: 1.75rem
    }

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

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

    .pr-\[calc\(var\(--clamp-1\)\*2\.4\)\] {
        padding-right: calc(var(--clamp-1) * 2.4)
    }

    .pt-\[--clamp-1\] {
        padding-top: var(--clamp-1)
    }

    .pt-\[--clamp-2\] {
        padding-top: var(--clamp-2)
    }

    .pt-\[--header-height\] {
        padding-top: var(--header-height)
    }

    .text-left {
        text-align: left
    }

    .text-center {
        text-align: center
    }

    .text-right {
        text-align: right
    }

    .\!font-\[\'Segoe_UI\'\,Tahoma\,Verdana\,sans-serif\] {
        font-family: Segoe UI, Tahoma, Verdana, sans-serif !important
    }

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

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

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

    .font-bold {
        font-weight: 700
    }

    .font-medium {
        font-weight: 500
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .leading-loose {
        line-height: 2
    }

    .leading-none {
        line-height: 1
    }

    .leading-normal {
        line-height: 1.5
    }

    .leading-relaxed {
        line-height: 1.625
    }

    .leading-snug {
        line-height: 1.375
    }

    .leading-tight {
        line-height: 1.25
    }

    .tracking-\[0\.4em\] {
        letter-spacing: .4em
    }

    .tracking-normal {
        letter-spacing: 0em
    }

    .text-\[\#019B07\] {
        --tw-text-opacity: 1;
        color: rgb(1 155 7 / var(--tw-text-opacity))
    }

    .text-\[\#808083\] {
        --tw-text-opacity: 1;
        color: rgb(128 128 131 / var(--tw-text-opacity))
    }

    .text-\[\#84878C\] {
        --tw-text-opacity: 1;
        color: rgb(132 135 140 / var(--tw-text-opacity))
    }

    .text-\[\#A5A5A5\] {
        --tw-text-opacity: 1;
        color: rgb(165 165 165 / var(--tw-text-opacity))
    }

    .text-\[\#B4B1AE\] {
        --tw-text-opacity: 1;
        color: rgb(180 177 174 / var(--tw-text-opacity))
    }

    .text-\[\#FCF7F1\] {
        --tw-text-opacity: 1;
        color: rgb(252 247 241 / var(--tw-text-opacity))
    }

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

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

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

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

    .text-main-500 {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    .text-main-500\/50 {
        color: #3b3c4080
    }

    .text-main-500\/65 {
        color: #3b3c40a6
    }

    .text-main-500\/80 {
        color: #3b3c40cc
    }

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

    .text-secondary-500 {
        --tw-text-opacity: 1;
        color: rgb(137 181 188 / var(--tw-text-opacity))
    }

    .text-transparent {
        color: transparent
    }

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

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

    .text-white\/25 {
        color: #ffffff40
    }

    .text-white\/30 {
        color: #ffffff4d
    }

    .text-white\/50 {
        color: #ffffff80
    }

    .text-white\/65 {
        color: #ffffffa6
    }

    .text-white\/75 {
        color: #ffffffbf
    }

    .overline {
        text-decoration-line: overline
    }

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

    .opacity-0 {
        opacity: 0
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-25 {
        opacity: .25
    }

    .opacity-50 {
        opacity: .5
    }

    .shadow-\[0px_10px_10px_rgba\(0\,0\,0\,0\.1\)\] {
        --tw-shadow: 0px 10px 10px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0px 10px 10px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-\[0px_10px_20px_0px_rgba\(0\,0\,0\,0\.05\)\] {
        --tw-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0px 10px 20px 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)
    }

    .shadow-\[0px_17px_22px_-6px_rgba\(0\,0\,0\,0\,14\)\] {
        --tw-shadow: 0px 17px 22px -6px rgba(0, 0, 0, 0, 14);
        --tw-shadow-colored: 0px 17px 22px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

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

    .outline {
        outline-style: solid
    }

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

    .backdrop-blur-none {
        --tw-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 {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    .transition-colors {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

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

    .delay-\[calc\(1000ms\*var\(--index\)\)\] {
        transition-delay: calc(1s * var(--index))
    }

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

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

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

    .scrollbar::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track);
        border-radius: var(--scrollbar-track-radius)
    }

    .scrollbar::-webkit-scrollbar-track:hover {
        background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
    }

    .scrollbar::-webkit-scrollbar-track:active {
        background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
    }

    .scrollbar::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
        border-radius: var(--scrollbar-thumb-radius)
    }

    .scrollbar::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
    }

    .scrollbar::-webkit-scrollbar-thumb:active {
        background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
    }

    .scrollbar::-webkit-scrollbar-corner {
        background-color: var(--scrollbar-corner);
        border-radius: var(--scrollbar-corner-radius)
    }

    .scrollbar::-webkit-scrollbar-corner:hover {
        background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
    }

    .scrollbar::-webkit-scrollbar-corner:active {
        background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
    }

    @supports (-moz-appearance:none) {
        .scrollbar {
            scrollbar-width: auto;
            scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
        }
    }

    .scrollbar::-webkit-scrollbar {
        display: block;
        width: var(--scrollbar-width, 16px);
        height: var(--scrollbar-height, 16px)
    }

    .scrollbar-thin::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track);
        border-radius: var(--scrollbar-track-radius)
    }

    .scrollbar-thin::-webkit-scrollbar-track:hover {
        background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
    }

    .scrollbar-thin::-webkit-scrollbar-track:active {
        background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
    }

    .scrollbar-thin::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
        border-radius: var(--scrollbar-thumb-radius)
    }

    .scrollbar-thin::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
    }

    .scrollbar-thin::-webkit-scrollbar-thumb:active {
        background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
    }

    .scrollbar-thin::-webkit-scrollbar-corner {
        background-color: var(--scrollbar-corner);
        border-radius: var(--scrollbar-corner-radius)
    }

    .scrollbar-thin::-webkit-scrollbar-corner:hover {
        background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
    }

    .scrollbar-thin::-webkit-scrollbar-corner:active {
        background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
    }

    @supports (-moz-appearance:none) {
        .scrollbar-thin {
            scrollbar-width: thin;
            scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
        }
    }

    .scrollbar-thin::-webkit-scrollbar {
        display: block;
        width: 8px;
        height: 8px
    }

    @supports (-moz-appearance:none) {
        .scrollbar-none {
            scrollbar-width: none
        }
    }

    .scrollbar-none::-webkit-scrollbar {
        display: none
    }

    .scrollbar-track-main-500\/0 {
        --scrollbar-track: rgb(59 60 64 / 0) !important
    }

    .scrollbar-track-main-500\/10 {
        --scrollbar-track: rgb(59 60 64 / .1) !important
    }

    .scrollbar-track-white\/0 {
        --scrollbar-track: rgb(255 255 255 / 0) !important
    }

    .scrollbar-thumb-main-200 {
        --scrollbar-thumb: #b1b1b3 !important
    }

    .scrollbar-thumb-main-500 {
        --scrollbar-thumb: #3b3c40 !important
    }

    .scrollbar-thumb-main-500\/20 {
        --scrollbar-thumb: rgb(59 60 64 / .2) !important
    }

    .scrollbar-thumb-white {
        --scrollbar-thumb: #FFFFFF !important
    }

    .scrollbar-track-rounded-full {
        --scrollbar-track-radius: 9999px
    }

    .scrollbar-thumb-rounded-full {
        --scrollbar-thumb-radius: 9999px
    }

    .scrollbar-thumb-rounded-none {
        --scrollbar-thumb-radius: 0px
    }

    .scrollbar-w-0\.5 {
        --scrollbar-width: .125rem
    }

    .scrollbar-w-1 {
        --scrollbar-width: .25rem
    }

    .scrollbar-w-\[4px\] {
        --scrollbar-width: 4px
    }

    .scrollbar-h-1 {
        --scrollbar-height: .25rem
    }

    .scrollbar-h-\[4px\] {
        --scrollbar-height: 4px
    }

    .translate-z-0 {
        --tw-translate-z: 0px;
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .backface-hidden {
        backface-visibility: hidden
    }

    .full-cover {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        display: block
    }

    .full-contain {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        display: block
    }

    .absolute-full {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .flex-center {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .\[--border-default-color\:oklch\(from_var\(--main-500\)_l_c_h_\/_0\.25\)\] {
        --border-default-color: oklch(from var(--main-500) l c h / .25)
    }

    .\[--border-default-color\:rgba\(0\,0\,0\,0\.25\)\] {
        --border-default-color: rgba(0, 0, 0, .25)
    }

    .\[--border-default-color\:rgba\(255\,255\,255\,0\.25\)\] {
        --border-default-color: rgba(255, 255, 255, .25)
    }

    .\[--border-focus-color\:oklch\(from_var\(--main-500\)_l_c_h_\/_1\)\] {
        --border-focus-color: oklch(from var(--main-500) l c h / 1)
    }

    .\[--border-focus-color\:rgba\(0\,0\,0\,1\)\] {
        --border-focus-color: rgba(0, 0, 0, 1)
    }

    .\[--border-focus-color\:rgba\(255\,255\,255\,1\)\] {
        --border-focus-color: rgba(255, 255, 255, 1)
    }

    .\[--border-hover-color\:oklch\(from_var\(--main-500\)_l_c_h_\/_0\.5\)\] {
        --border-hover-color: oklch(from var(--main-500) l c h / .5)
    }

    .\[--border-hover-color\:rgba\(0\,0\,0\,0\.5\)\] {
        --border-hover-color: rgba(0, 0, 0, .5)
    }

    .\[--border-hover-color\:rgba\(255\,255\,255\,0\.5\)\] {
        --border-hover-color: rgba(255, 255, 255, .5)
    }

    .\[--fill\:hsl\(0deg_0\%_100\%\)\] {
        --fill: hsl(0deg 0% 100%)
    }

    .\[--fill\:hsl\(228deg_4\%_24\%\)\] {
        --fill: hsl(228deg 4% 24%)
    }

    .\[--finish-fill\:hsl\(0deg_0\%_100\%\)\] {
        --finish-fill: hsl(0deg 0% 100%)
    }

    .\[--finish-fill\:hsl\(228deg_4\%_24\%\)\] {
        --finish-fill: hsl(228deg 4% 24%)
    }

    .\[--index\:1\] {
        --index: 1
    }

    .\[--index\:2\] {
        --index: 2
    }

    .\[--index\:3\] {
        --index: 3
    }

    .\[--index\:4\] {
        --index: 4
    }

    .\[--index\:5\] {
        --index: 5
    }

    .\[--index\:6\] {
        --index: 6
    }

    .\[--index\:7\] {
        --index: 7
    }

    .\[--index\:8\] {
        --index: 8
    }

    .\[--maxv-1\:0\] {
        --maxv-1: 0
    }

    .\[--maxv-1\:100\] {
        --maxv-1: 100
    }

    .\[--maxv-1\:110\] {
        --maxv-1: 110
    }

    .\[--maxv-1\:120\] {
        --maxv-1: 120
    }

    .\[--maxv-1\:1265\] {
        --maxv-1: 1265
    }

    .\[--maxv-1\:12\] {
        --maxv-1: 12
    }

    .\[--maxv-1\:130\] {
        --maxv-1: 130
    }

    .\[--maxv-1\:140\] {
        --maxv-1: 140
    }

    .\[--maxv-1\:144\] {
        --maxv-1: 144
    }

    .\[--maxv-1\:14\] {
        --maxv-1: 14
    }

    .\[--maxv-1\:1500\] {
        --maxv-1: 1500
    }

    .\[--maxv-1\:150\] {
        --maxv-1: 150
    }

    .\[--maxv-1\:1600\] {
        --maxv-1: 1600
    }

    .\[--maxv-1\:160\] {
        --maxv-1: 160
    }

    .\[--maxv-1\:1620\] {
        --maxv-1: 1620
    }

    .\[--maxv-1\:16\] {
        --maxv-1: 16
    }

    .\[--maxv-1\:1760\] {
        --maxv-1: 1760
    }

    .\[--maxv-1\:180\] {
        --maxv-1: 180
    }

    .\[--maxv-1\:1820\] {
        --maxv-1: 1820
    }

    .\[--maxv-1\:1860\] {
        --maxv-1: 1860
    }

    .\[--maxv-1\:18\] {
        --maxv-1: 18
    }

    .\[--maxv-1\:1900\] {
        --maxv-1: 1900
    }

    .\[--maxv-1\:1920\] {
        --maxv-1: 1920
    }

    .\[--maxv-1\:200\] {
        --maxv-1: 200
    }

    .\!\[--maxv-1\:20\] {
        --maxv-1: 20 !important
    }

    .\[--maxv-1\:20\] {
        --maxv-1: 20
    }

    .\[--maxv-1\:24\] {
        --maxv-1: 24
    }

    .\[--maxv-1\:260\] {
        --maxv-1: 260
    }

    .\[--maxv-1\:287\] {
        --maxv-1: 287
    }

    .\[--maxv-1\:28\] {
        --maxv-1: 28
    }

    .\[--maxv-1\:300\] {
        --maxv-1: 300
    }

    .\[--maxv-1\:30\] {
        --maxv-1: 30
    }

    .\[--maxv-1\:32\] {
        --maxv-1: 32
    }

    .\[--maxv-1\:330\] {
        --maxv-1: 330
    }

    .\[--maxv-1\:36\] {
        --maxv-1: 36
    }

    .\[--maxv-1\:396\] {
        --maxv-1: 396
    }

    .\[--maxv-1\:40\] {
        --maxv-1: 40
    }

    .\[--maxv-1\:412\] {
        --maxv-1: 412
    }

    .\[--maxv-1\:42\] {
        --maxv-1: 42
    }

    .\[--maxv-1\:440\] {
        --maxv-1: 440
    }

    .\[--maxv-1\:44\] {
        --maxv-1: 44
    }

    .\[--maxv-1\:450\] {
        --maxv-1: 450
    }

    .\[--maxv-1\:45\] {
        --maxv-1: 45
    }

    .\[--maxv-1\:48\] {
        --maxv-1: 48
    }

    .\[--maxv-1\:50\] {
        --maxv-1: 50
    }

    .\[--maxv-1\:52\] {
        --maxv-1: 52
    }

    .\[--maxv-1\:54\] {
        --maxv-1: 54
    }

    .\[--maxv-1\:56\] {
        --maxv-1: 56
    }

    .\[--maxv-1\:60\] {
        --maxv-1: 60
    }

    .\[--maxv-1\:64\] {
        --maxv-1: 64
    }

    .\[--maxv-1\:70\] {
        --maxv-1: 70
    }

    .\[--maxv-1\:72\] {
        --maxv-1: 72
    }

    .\[--maxv-1\:743\] {
        --maxv-1: 743
    }

    .\[--maxv-1\:76\] {
        --maxv-1: 76
    }

    .\[--maxv-1\:78\] {
        --maxv-1: 78
    }

    .\[--maxv-1\:80\] {
        --maxv-1: 80
    }

    .\[--maxv-1\:8\] {
        --maxv-1: 8
    }

    .\[--maxv-1\:90\] {
        --maxv-1: 90
    }

    .\[--maxv-2\:100\] {
        --maxv-2: 100
    }

    .\[--maxv-2\:12\] {
        --maxv-2: 12
    }

    .\[--maxv-2\:130\] {
        --maxv-2: 130
    }

    .\[--maxv-2\:18\] {
        --maxv-2: 18
    }

    .\[--maxv-2\:200\] {
        --maxv-2: 200
    }

    .\[--maxv-2\:230\] {
        --maxv-2: 230
    }

    .\[--maxv-2\:24\] {
        --maxv-2: 24
    }

    .\[--maxv-2\:30\] {
        --maxv-2: 30
    }

    .\[--maxv-2\:42\] {
        --maxv-2: 42
    }

    .\[--maxv-2\:50\] {
        --maxv-2: 50
    }

    .\[--maxv-2\:580\] {
        --maxv-2: 580
    }

    .\[--maxv-2\:60\] {
        --maxv-2: 60
    }

    .\[--maxv-2\:80\] {
        --maxv-2: 80
    }

    .\[--maxv-2\:810\] {
        --maxv-2: 810
    }

    .\[--maxv-2\:90\] {
        --maxv-2: 90
    }

    .\[--maxv-3\:40\] {
        --maxv-3: 40
    }

    .\[--maxv-3\:70\] {
        --maxv-3: 70
    }

    .\[--maxv-3\:95\] {
        --maxv-3: 95
    }

    .\[--maxv-4\:54\] {
        --maxv-4: 54
    }

    .\[--maxv-fs\:100\] {
        --maxv-fs: 100
    }

    .\[--maxv-fs\:108\] {
        --maxv-fs: 108
    }

    .\[--maxv-fs\:10\] {
        --maxv-fs: 10
    }

    .\[--maxv-fs\:118\] {
        --maxv-fs: 118
    }

    .\[--maxv-fs\:120\] {
        --maxv-fs: 120
    }

    .\[--maxv-fs\:144\] {
        --maxv-fs: 144
    }

    .\[--maxv-fs\:14\] {
        --maxv-fs: 14
    }

    .\[--maxv-fs\:16\] {
        --maxv-fs: 16
    }

    .\[--maxv-fs\:18\] {
        --maxv-fs: 18
    }

    .\[--maxv-fs\:19\] {
        --maxv-fs: 19
    }

    .\[--maxv-fs\:20\] {
        --maxv-fs: 20
    }

    .\[--maxv-fs\:22\] {
        --maxv-fs: 22
    }

    .\[--maxv-fs\:24\] {
        --maxv-fs: 24
    }

    .\[--maxv-fs\:26\] {
        --maxv-fs: 26
    }

    .\[--maxv-fs\:280\] {
        --maxv-fs: 280
    }

    .\[--maxv-fs\:28\] {
        --maxv-fs: 28
    }

    .\[--maxv-fs\:32\] {
        --maxv-fs: 32
    }

    .\[--maxv-fs\:400\] {
        --maxv-fs: 400
    }

    .\[--maxv-fs\:40\] {
        --maxv-fs: 40
    }

    .\[--maxv-fs\:44\] {
        --maxv-fs: 44
    }

    .\[--maxv-fs\:48\] {
        --maxv-fs: 48
    }

    .\[--maxv-fs\:56\] {
        --maxv-fs: 56
    }

    .\[--maxv-fs\:60\] {
        --maxv-fs: 60
    }

    .\[--maxv-fs\:64\] {
        --maxv-fs: 64
    }

    .\[--maxv-fs\:70\] {
        --maxv-fs: 70
    }

    .\[--maxv-fs\:80\] {
        --maxv-fs: 80
    }

    .\[--maxv-fs\:84\] {
        --maxv-fs: 84
    }

    .\[--maxv-fs\:8\] {
        --maxv-fs: 8
    }

    .\[--minv-1\:0\] {
        --minv-1: 0
    }

    .\[--minv-1\:100\] {
        --minv-1: 100
    }

    .\[--minv-1\:1024\] {
        --minv-1: 1024
    }

    .\!\[--minv-1\:10\] {
        --minv-1: 10 !important
    }

    .\[--minv-1\:10\] {
        --minv-1: 10
    }

    .\[--minv-1\:120\] {
        --minv-1: 120
    }

    .\[--minv-1\:1260\] {
        --minv-1: 1260
    }

    .\[--minv-1\:12\] {
        --minv-1: 12
    }

    .\[--minv-1\:14\] {
        --minv-1: 14
    }

    .\[--minv-1\:15\] {
        --minv-1: 15
    }

    .\[--minv-1\:16\] {
        --minv-1: 16
    }

    .\[--minv-1\:170\] {
        --minv-1: 170
    }

    .\[--minv-1\:18\] {
        --minv-1: 18
    }

    .\[--minv-1\:200\] {
        --minv-1: 200
    }

    .\[--minv-1\:20\] {
        --minv-1: 20
    }

    .\[--minv-1\:24\] {
        --minv-1: 24
    }

    .\[--minv-1\:300\] {
        --minv-1: 300
    }

    .\[--minv-1\:30\] {
        --minv-1: 30
    }

    .\[--minv-1\:325\] {
        --minv-1: 325
    }

    .\[--minv-1\:32\] {
        --minv-1: 32
    }

    .\[--minv-1\:36\] {
        --minv-1: 36
    }

    .\[--minv-1\:400\] {
        --minv-1: 400
    }

    .\[--minv-1\:40\] {
        --minv-1: 40
    }

    .\[--minv-1\:48\] {
        --minv-1: 48
    }

    .\[--minv-1\:4\] {
        --minv-1: 4
    }

    .\[--minv-1\:50\] {
        --minv-1: 50
    }

    .\[--minv-1\:52\] {
        --minv-1: 52
    }

    .\[--minv-1\:60\] {
        --minv-1: 60
    }

    .\[--minv-1\:80\] {
        --minv-1: 80
    }

    .\[--minv-1\:8\] {
        --minv-1: 8
    }

    .\[--minv-1\:90\] {
        --minv-1: 90
    }

    .\[--minv-2\:0\] {
        --minv-2: 0
    }

    .\[--minv-2\:14\] {
        --minv-2: 14
    }

    .\[--minv-2\:15\] {
        --minv-2: 15
    }

    .\[--minv-2\:200\] {
        --minv-2: 200
    }

    .\[--minv-2\:20\] {
        --minv-2: 20
    }

    .\[--minv-2\:30\] {
        --minv-2: 30
    }

    .\[--minv-2\:40\] {
        --minv-2: 40
    }

    .\[--minv-2\:6\] {
        --minv-2: 6
    }

    .\[--minv-2\:8\] {
        --minv-2: 8
    }

    .\[--minv-3\:20\] {
        --minv-3: 20
    }

    .\[--minv-3\:30\] {
        --minv-3: 30
    }

    .\[--minv-4\:48\] {
        --minv-4: 48
    }

    .\[--minv-fs\:10\] {
        --minv-fs: 10
    }

    .\[--minv-fs\:120\] {
        --minv-fs: 120
    }

    .\[--minv-fs\:12\] {
        --minv-fs: 12
    }

    .\[--minv-fs\:14\] {
        --minv-fs: 14
    }

    .\[--minv-fs\:16\] {
        --minv-fs: 16
    }

    .\[--minv-fs\:18\] {
        --minv-fs: 18
    }

    .\[--minv-fs\:20\] {
        --minv-fs: 20
    }

    .\[--minv-fs\:22\] {
        --minv-fs: 22
    }

    .\[--minv-fs\:24\] {
        --minv-fs: 24
    }

    .\[--minv-fs\:30\] {
        --minv-fs: 30
    }

    .\[--minv-fs\:32\] {
        --minv-fs: 32
    }

    .\[--minv-fs\:40\] {
        --minv-fs: 40
    }

    .\[--minv-fs\:50\] {
        --minv-fs: 50
    }

    .\[--minv-fs\:60\] {
        --minv-fs: 60
    }

    .\[--minv-fs\:80\] {
        --minv-fs: 80
    }

    .\[--minv-fs\:8\] {
        --minv-fs: 8
    }

    .\[--minv-fs\:90\] {
        --minv-fs: 90
    }

    .\[--text-active-color\:oklch\(from_var\(--main-500\)_l_c_h_\/_1\)\] {
        --text-active-color: oklch(from var(--main-500) l c h / 1)
    }

    .\[--text-active-color\:rgba\(0\,0\,0\,1\)\] {
        --text-active-color: rgba(0, 0, 0, 1)
    }

    .\[--text-active-color\:rgba\(255\,255\,255\,1\)\] {
        --text-active-color: rgba(255, 255, 255, 1)
    }

    .\[--text-checked-color\:rgba\(0\,0\,0\,1\)\] {
        --text-checked-color: rgba(0, 0, 0, 1)
    }

    .\[--text-color\:rgba\(0\,0\,0\,0\.75\)\] {
        --text-color: rgba(0, 0, 0, .75)
    }

    .\[--text-hover-color\:rgba\(0\,0\,0\,1\)\] {
        --text-hover-color: rgba(0, 0, 0, 1)
    }

    .\[--text-passive-color\:oklch\(from_var\(--main-500\)_l_c_h_\/_0\.65\)\] {
        --text-passive-color: oklch(from var(--main-500) l c h / .65)
    }

    .\[--text-passive-color\:rgba\(0\,0\,0\,0\.65\)\] {
        --text-passive-color: rgba(0, 0, 0, .65)
    }

    .\[--text-passive-color\:rgba\(255\,255\,255\,0\.65\)\] {
        --text-passive-color: rgba(255, 255, 255, .65)
    }

    .\[-webkit-text-stroke\:1px_transparent\] {
        -webkit-text-stroke: 1px transparent
    }

    .\[animation-delay\:1000ms\] {
        animation-delay: 1s
    }



    .\[background-image\:linear-gradient\(270deg\,var\(--finish-fill\)_33\%\,var\(--fill\)_66\%\)\] {
        background-image: linear-gradient(270deg, var(--finish-fill) 33%, var(--fill) 66%)
    }

    .\[background-position\:0\%_0\%\] {
        background-position: 0% 0%
    }

    .\[background-repeat\:no-repeat\] {
        background-repeat: no-repeat
    }

    .\[background-size\:0\%_100\%\] {
        background-size: 0% 100%
    }

    .\[clip-path\:polygon\(var\(--percent\)_var\(--percent\)\,calc\(100\%-var\(--percent\)\)_var\(--percent\)\,calc\(100\%-var\(--percent\)\)_calc\(100\%-var\(--percent\)\)\,var\(--percent\)_calc\(100\%-var\(--percent\)\)\)\] {
        clip-path: polygon(var(--percent) var(--percent), calc(100% - var(--percent)) var(--percent), calc(100% - var(--percent)) calc(100% - var(--percent)), var(--percent) calc(100% - var(--percent)))
    }

    .\[font-family\:var\(--playfair\)\] {
        font-family: var(--playfair)
    }

    .\[font-size\:--clamp-1\] {
        font-size: var(--clamp-1)
    }

    .\[font-size\:--clamp-2\] {
        font-size: var(--clamp-2)
    }

    .\[font-size\:--clamp-fs\] {
        font-size: var(--clamp-fs)
    }

    .\[font-size\:var\(--clamp-1\)\] {
        font-size: var(--clamp-1)
    }

    .\[scroll-snap-align\:center\] {
        scroll-snap-align: center
    }

    .\[scroll-snap-type\:x_mandatory\] {
        scroll-snap-type: x mandatory
    }

    .\[transform-style\:preserve-3d\] {
        transform-style: preserve-3d
    }

    .\[will-change\:transform\,width\] {
        will-change: transform, width
    }

    .placeholder\:text-\[--text-passive-color\]::-moz-placeholder {
        color: var(--text-passive-color)
    }

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

    .placeholder\:text-main-500\/65::-moz-placeholder {
        color: #3b3c40a6
    }

    .placeholder\:text-main-500\/65::placeholder {
        color: #3b3c40a6
    }

    .placeholder\:text-white\/65::-moz-placeholder {
        color: #ffffffa6
    }

    .placeholder\:text-white\/65::placeholder {
        color: #ffffffa6
    }

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

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

    .before\:-top-\[30px\]:before {
        content: var(--tw-content);
        top: -30px
    }

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

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

    .before\:left-1\/2:before {
        content: var(--tw-content);
        left: 50%
    }

    .before\:left-\[-28px\]:before {
        content: var(--tw-content);
        left: -28px
    }

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

    .before\:top-1\/2:before {
        content: var(--tw-content);
        top: 50%
    }

    .before\:top-\[-70px\]:before {
        content: var(--tw-content);
        top: -70px
    }

    .before\:ml-\[-28px\]:before {
        content: var(--tw-content);
        margin-left: -28px
    }

    .before\:size-0:before {
        content: var(--tw-content);
        width: 0px;
        height: 0px
    }

    .before\:size-\[10px\]:before {
        content: var(--tw-content);
        width: 10px;
        height: 10px
    }

    .before\:h-\[1px\]:before {
        content: var(--tw-content);
        height: 1px
    }

    .before\:h-\[30px\]:before {
        content: var(--tw-content);
        height: 30px
    }

    .before\:h-\[70px\]:before {
        content: var(--tw-content);
        height: 70px
    }

    .before\:h-full:before {
        content: var(--tw-content);
        height: 100%
    }

    .before\:w-\[28px\]:before {
        content: var(--tw-content);
        width: 28px
    }

    .before\:w-full:before {
        content: var(--tw-content);
        width: 100%
    }

    .before\:origin-left:before {
        content: var(--tw-content);
        transform-origin: left
    }

    .before\:-translate-x-1\/2:before {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        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))
    }

    .before\:-translate-y-1\/2:before {
        content: var(--tw-content);
        --tw-translate-y: -50%;
        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))
    }

    .before\:scale-0:before {
        content: var(--tw-content);
        --tw-scale-x: 0;
        --tw-scale-y: 0;
        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))
    }

    .before\:scale-x-0:before {
        content: var(--tw-content);
        --tw-scale-x: 0;
        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))
    }

    .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 9999px
    }

    .before\:border-\[28px\]:before {
        content: var(--tw-content);
        border-width: 28px
    }

    .before\:border-solid:before {
        content: var(--tw-content);
        border-style: solid
    }

    .before\:border-transparent:before {
        content: var(--tw-content);
        border-color: transparent
    }

    .before\:border-b-\[\#535357\]:before {
        content: var(--tw-content);
        --tw-border-opacity: 1;
        border-bottom-color: rgb(83 83 87 / var(--tw-border-opacity))
    }

    .before\:bg-main-500:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(59 60 64 / var(--tw-bg-opacity))
    }

    .before\:bg-secondary-500:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(137 181 188 / var(--tw-bg-opacity))
    }

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

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

    .before\:duration-300:before {
        content: var(--tw-content);
        transition-duration: .3s
    }

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

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

    .after\:bottom-0:after {
        content: var(--tw-content);
        bottom: 0
    }

    .after\:left-1\/2:after {
        content: var(--tw-content);
        left: 50%
    }

    .after\:left-\[4px\]:after {
        content: var(--tw-content);
        left: 4px
    }

    .after\:top-\[4px\]:after {
        content: var(--tw-content);
        top: 4px
    }

    .after\:ml-\[-26px\]:after {
        content: var(--tw-content);
        margin-left: -26px
    }

    .after\:size-0:after {
        content: var(--tw-content);
        width: 0px;
        height: 0px
    }

    .after\:h-\[12px\]:after {
        content: var(--tw-content);
        height: 12px
    }

    .after\:w-\[12px\]:after {
        content: var(--tw-content);
        width: 12px
    }

    .after\:rounded-full:after {
        content: var(--tw-content);
        border-radius: 9999px
    }

    .after\:border-\[26px\]:after {
        content: var(--tw-content);
        border-width: 26px
    }

    .after\:border-solid:after {
        content: var(--tw-content);
        border-style: solid
    }

    .after\:border-transparent:after {
        content: var(--tw-content);
        border-color: transparent
    }

    .after\:border-b-main-500:after {
        content: var(--tw-content);
        --tw-border-opacity: 1;
        border-bottom-color: rgb(59 60 64 / var(--tw-border-opacity))
    }

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

    .after\:duration-300:after {
        content: var(--tw-content);
        transition-duration: .3s
    }

    .odd\:border-l-0:nth-child(odd) {
        border-left-width: 0px
    }

    .even\:border-l-0:nth-child(2n) {
        border-left-width: 0px
    }

    .even\:border-r-transparent:nth-child(2n) {
        border-right-color: transparent
    }

    .group\/item:first-child .group-first\/item\:hidden {
        display: none
    }

    .group\/item:nth-child(odd) .group-odd\/item\:order-1 {
        order: 1
    }

    .group\/item:nth-child(odd) .group-odd\/item\:order-2 {
        order: 2
    }

    .group\/item:nth-child(odd) .group-odd\/item\:pr-\[--clamp-1\] {
        padding-right: var(--clamp-1)
    }

    .group\/item:nth-child(2n) .group-even\/item\:order-1 {
        order: 1
    }

    .group\/item:nth-child(2n) .group-even\/item\:order-2 {
        order: 2
    }

    .group\/item:nth-child(2n) .group-even\/item\:pl-\[--clamp-3\] {
        padding-left: var(--clamp-3)
    }

    .group\/language:hover .group-hover\/language\:pointer-events-auto {
        pointer-events: auto
    }

    .group\/item:hover .group-hover\/item\:visible,
    .group\/language:hover .group-hover\/language\:visible,
    .group\/marker:hover .group-hover\/marker\:visible {
        visibility: visible
    }

    .group\/py:hover .group-hover\/py\:max-w-0 {
        max-width: 0px
    }

    .group\/py:hover .group-hover\/py\:max-w-\[80px\] {
        max-width: 80px
    }

    .group\/image:hover .group-hover\/image\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        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))
    }

    .group\/language:hover .group-hover\/language\:translate-y-\[20px\] {
        --tw-translate-y: 20px;
        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))
    }

    .group\/marker:hover .group-hover\/marker\:translate-x-3 {
        --tw-translate-x: .75rem;
        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))
    }

    .group\/scroll:hover .group-hover\/scroll\:translate-y-0 {
        --tw-translate-y: 0px;
        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))
    }

    .group\/button:hover .group-hover\/button\:rotate-12 {
        --tw-rotate: 12deg;
        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))
    }

    .group\/close:hover .group-hover\/close\:rotate-90 {
        --tw-rotate: 90deg;
        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))
    }

    .group\/image:hover .group-hover\/image\:rotate-0 {
        --tw-rotate: 0deg;
        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))
    }

    .group\/link:hover .group-hover\/link\:rotate-12 {
        --tw-rotate: 12deg;
        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))
    }

    .group\/link:hover .group-hover\/link\:rotate-45 {
        --tw-rotate: 45deg;
        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))
    }

    .group\/image:hover .group-hover\/image\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        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))
    }

    .group\/button:hover .group-hover\/button\:scale-x-100,
    .group\/formItem:hover .group-hover\/formItem\:scale-x-100 {
        --tw-scale-x: 1;
        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))
    }

    .group\/link:hover .group-hover\/link\:grid-rows-\[1fr\] {
        grid-template-rows: 1fr
    }

    .group\/close:hover .group-hover\/close\:bg-main-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(59 60 64 / var(--tw-bg-opacity))
    }

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

    .group\/item:hover .group-hover\/item\:bg-\[--backgroundColorHover\] {
        background-color: var(--backgroundColorHover)
    }

    .group\/link:hover .group-hover\/link\:bg-secondary-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(137 181 188 / var(--tw-bg-opacity))
    }

    .group\/menu:hover .group-hover\/menu\:bg-main-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(98 99 102 / var(--tw-bg-opacity))
    }

    .group\/button:hover .group-hover\/button\:text-main-500 {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    .group\/button:hover .group-hover\/button\:text-main-500\/65 {
        color: #3b3c40a6
    }

    .group\/button:hover .group-hover\/button\:text-secondary-500 {
        --tw-text-opacity: 1;
        color: rgb(137 181 188 / var(--tw-text-opacity))
    }

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

    .group\/item:hover .group-hover\/item\:text-main-500 {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    .group\/item:hover .group-hover\/item\:text-secondary-500 {
        --tw-text-opacity: 1;
        color: rgb(137 181 188 / var(--tw-text-opacity))
    }

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

    .group\/item:hover .group-hover\/item\:text-white\/50 {
        color: #ffffff80
    }

    .group\/link:hover .group-hover\/link\:text-main-400 {
        --tw-text-opacity: 1;
        color: rgb(98 99 102 / var(--tw-text-opacity))
    }

    .group\/link:hover .group-hover\/link\:text-main-500 {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    .group\/link:hover .group-hover\/link\:text-secondary-300 {
        --tw-text-opacity: 1;
        color: rgb(184 211 215 / var(--tw-text-opacity))
    }

    .group\/link:hover .group-hover\/link\:text-secondary-500 {
        --tw-text-opacity: 1;
        color: rgb(137 181 188 / var(--tw-text-opacity))
    }

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

    .group\/navigation:hover .group-hover\/navigation\:text-secondary-500 {
        --tw-text-opacity: 1;
        color: rgb(137 181 188 / var(--tw-text-opacity))
    }

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

    .group\/image:hover .group-hover\/image\:opacity-100,
    .group\/item:hover .group-hover\/item\:opacity-100,
    .group\/language:hover .group-hover\/language\:opacity-100,
    .group\/marker:hover .group-hover\/marker\:opacity-100 {
        opacity: 1
    }

    .group\/py:hover .group-hover\/py\:opacity-0 {
        opacity: 0
    }

    .group\/item:hover .group-hover\/item\:grayscale-0 {
        --tw-grayscale: grayscale(0);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .group\/link:hover .group-hover\/link\:\[-webkit-text-stroke\:1px_\#89B5BC\] {
        -webkit-text-stroke: 1px #89B5BC
    }

    .group\/language:hover .group-hover\/language\:before\:-top-\[20px\]:before {
        content: var(--tw-content);
        top: -20px
    }

    .group\/marker:hover .group-hover\/marker\:before\:left-\[-14px\]:before {
        content: var(--tw-content);
        left: -14px
    }

    .group\/language:hover .group-hover\/language\:before\:h-\[20px\]:before {
        content: var(--tw-content);
        height: 20px
    }

    .group\/marker:hover .group-hover\/marker\:before\:w-\[14px\]:before {
        content: var(--tw-content);
        width: 14px
    }

    .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:pointer-events-auto {
        pointer-events: auto
    }

    .group\/item.active .group-\[\&\.active\]\/item\:visible,
    .group\/link.copied .group-\[\&\.copied\]\/link\:visible,
    .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:visible,
    .group\/slide.swiper-slide-next .group-\[\&\.swiper-slide-next\]\/slide\:visible,
    .group\/slide.swiper-slide-prev .group-\[\&\.swiper-slide-prev\]\/slide\:visible {
        visibility: visible
    }

    .group\/cs.botteras .group-\[\&\.botteras\]\/cs\:bottom-5 {
        bottom: 1.25rem
    }

    .group\/cs.botteras .group-\[\&\.botteras\]\/cs\:top-auto {
        top: auto
    }

    .group\/cs.centeras .group-\[\&\.centeras\]\/cs\:bottom-5 {
        bottom: 1.25rem
    }

    .group\/cs.centeras .group-\[\&\.centeras\]\/cs\:top-auto {
        top: auto
    }

    .group\/body.scrolling-down .group\/cs.botteras .group-\[\&\.scrolling-down\]\/body\:group-\[\&\.botteras\]\/cs\:bottom-5 {
        bottom: 1.25rem
    }

    .group\/body.scrolling-down .group\/cs.botteras .group-\[\&\.scrolling-down\]\/body\:group-\[\&\.botteras\]\/cs\:top-auto {
        top: auto
    }

    .group\/body.scrolling-down .group\/cs.centeras .group-\[\&\.scrolling-down\]\/body\:group-\[\&\.centeras\]\/cs\:bottom-5 {
        bottom: 1.25rem
    }

    .group\/body.scrolling-down .group\/cs.centeras .group-\[\&\.scrolling-down\]\/body\:group-\[\&\.centeras\]\/cs\:top-auto {
        top: auto
    }

    .group\/body.scrolling-down .group\/cs.topperas .group-\[\&\.scrolling-down\]\/body\:group-\[\&\.topperas\]\/cs\:top-5,
    .group\/body.scrolling-down .group-\[\&\.scrolling-down\]\/body\:top-5 {
        top: 1.25rem
    }

    .group\/body.scrolling-down .group-\[\&\.scrolling-down\]\/body\:top-\[50px\] {
        top: 50px
    }

    .group\/header.scrolling-up .group-\[\&\.scrolling-up\]\/header\:top-\[calc\(var\(--header-height\)-40px\)\] {
        top: calc(var(--header-height) - 40px)
    }

    .group\/cs.topperas .group-\[\&\.topperas\]\/cs\:top-\[calc\(var\(--header-height\)-20px\)\] {
        top: calc(var(--header-height) - 20px)
    }

    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:mt-2\.5 {
        margin-top: .625rem
    }

    .group\/formItem.error .group-\[\&\.error\]\/formItem\:block {
        display: block
    }

    .group\/cs.botteras .group-\[\&\.botteras\]\/cs\:flex,
    .group\/cs.centeras .group-\[\&\.centeras\]\/cs\:flex,
    .group\/plw.fx-product-list .group-\[\&\.fx-product-list\]\/plw\:flex {
        display: flex
    }

    .group\/sub-menu.collection .group-\[\&\.collection\]\/sub-menu\:grid {
        display: grid
    }

    .group\/plw.fx-product-list .group-\[\&\.fx-product-list\]\/plw\:hidden {
        display: none
    }

    .group\/pds.botteras .group-\[\&\.botteras\]\/pds\:aspect-auto,
    .group\/cs.topperas .group-\[\&\.topperas\]\/cs\:aspect-auto {
        aspect-ratio: auto
    }

    .group\/cs.botteras .group-\[\&\.botteras\]\/cs\:h-\[calc\(100dvh-var\(--header-height\)\)\] {
        height: calc(100dvh - var(--header-height))
    }

    .group\/pds.botteras .group-\[\&\.botteras\]\/pds\:h-full {
        height: 100%
    }

    .group\/cs.centeras .group-\[\&\.centeras\]\/cs\:h-\[calc\(100dvh-var\(--header-height\)\)\] {
        height: calc(100dvh - var(--header-height))
    }

    .group\/cs.centeras .group-\[\&\.centeras\]\/cs\:h-full {
        height: 100%
    }

    .group\/body.scrolling-down .group\/cs.botteras .group-\[\&\.scrolling-down\]\/body\:group-\[\&\.botteras\]\/cs\:h-\[calc\(100dvh-40px\)\],
    .group\/body.scrolling-down .group\/cs.centeras .group-\[\&\.scrolling-down\]\/body\:group-\[\&\.centeras\]\/cs\:h-\[calc\(100dvh-40px\)\],
    .group\/body.scrolling-down .group\/cs.topperas .group-\[\&\.scrolling-down\]\/body\:group-\[\&\.topperas\]\/cs\:h-\[calc\(100dvh-40px\)\] {
        height: calc(100dvh - 40px)
    }

    .group\/header.scrolling-up .group-\[\&\.scrolling-up\]\/header\:h-\[calc\(100dvh-var\(--header-height\)\+40px\)\] {
        height: calc(100dvh - var(--header-height) + 40px)
    }

    .group\/header.scrolling-up .group-\[\&\.scrolling-up\]\/header\:h-\[calc\(var\(--header-height\)-40px\)\] {
        height: calc(var(--header-height) - 40px)
    }

    .group\/cs.topperas .group-\[\&\.topperas\]\/cs\:\!h-full {
        height: 100% !important
    }

    .group\/cs.topperas .group-\[\&\.topperas\]\/cs\:h-\[calc\(100dvh-var\(--header-height\)\)\] {
        height: calc(100dvh - var(--header-height))
    }

    .group\/cs.topperas .group-\[\&\.topperas\]\/cs\:h-full {
        height: 100%
    }

    .group\/sub-menu.collection .group-\[\&\.collection\]\/sub-menu\:translate-x-\[calc\(-50\%-225px\)\] {
        --tw-translate-x: calc(-50% - 225px);
        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))
    }

    .group\/link.copied .group-\[\&\.copied\]\/link\:-translate-y-\[20\%\] {
        --tw-translate-y: -20%;
        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))
    }

    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:translate-x-0 {
        --tw-translate-x: 0px;
        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))
    }

    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:translate-y-0 {
        --tw-translate-y: 0px;
        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))
    }

    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:translate-y-\[calc\(-50\%-10px\)\] {
        --tw-translate-y: calc(-50% - 10px);
        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))
    }

    .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:translate-y-0 {
        --tw-translate-y: 0px;
        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))
    }

    .group\/slide.swiper-slide-next+.swiper-slide .group-\[\&\.swiper-slide-next\+\.swiper-slide\]\/slide\:translate-y-\[15\%\] {
        --tw-translate-y: 15%;
        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))
    }

    .group\/slide.swiper-slide-next .group-\[\&\.swiper-slide-next\]\/slide\:translate-y-\[15\%\] {
        --tw-translate-y: 15%;
        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))
    }

    .group\/slide.swiper-slide-prev .group-\[\&\.swiper-slide-prev\]\/slide\:translate-y-\[30\%\] {
        --tw-translate-y: 30%;
        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))
    }

    .group\/slide.swiper-slide:has(+.swiper-slide-prev) .group-\[\&\.swiper-slide\:has\(\+\.swiper-slide-prev\)\]\/slide\:translate-y-\[30\%\] {
        --tw-translate-y: 30%;
        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))
    }

    .group\/item.active .group-\[\&\.active\]\/item\:rotate-0 {
        --tw-rotate: 0deg;
        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))
    }

    .group\/mfi.active .group-\[\&\.active\]\/mfi\:rotate-90,
    .group\/sub-trigger.active .group-\[\&\.active\]\/sub-trigger\:rotate-90 {
        --tw-rotate: 90deg;
        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))
    }

    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:-rotate-45 {
        --tw-rotate: -45deg;
        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))
    }

    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:rotate-45 {
        --tw-rotate: 45deg;
        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))
    }

    .group\/slide.swiper-slide-next+.swiper-slide .group-\[\&\.swiper-slide-next\+\.swiper-slide\]\/slide\:scale-\[0\.8\] {
        --tw-scale-x: .8;
        --tw-scale-y: .8;
        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))
    }

    .group\/slide.swiper-slide-next .group-\[\&\.swiper-slide-next\]\/slide\:scale-\[0\.8\] {
        --tw-scale-x: .8;
        --tw-scale-y: .8;
        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))
    }

    .group\/slide.swiper-slide-prev .group-\[\&\.swiper-slide-prev\]\/slide\:scale-\[0\.9\] {
        --tw-scale-x: .9;
        --tw-scale-y: .9;
        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))
    }

    .group\/slide.swiper-slide:has(+.swiper-slide-prev) .group-\[\&\.swiper-slide\:has\(\+\.swiper-slide-prev\)\]\/slide\:scale-\[0\.9\] {
        --tw-scale-x: .9;
        --tw-scale-y: .9;
        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))
    }

    .group\/link.active .group-\[\&\.active\]\/link\:scale-x-100 {
        --tw-scale-x: 1;
        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))
    }

    .group\/sub-menu.collection .group-\[\&\.collection\]\/sub-menu\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .group\/item.active .group-\[\&\.active\]\/item\:grid-rows-\[1fr\],
    .group\/mfi.active .group-\[\&\.active\]\/mfi\:grid-rows-\[1fr\],
    .group\/sub-menu.active .group-\[\&\.active\]\/sub-menu\:grid-rows-\[1fr\],
    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:grid-rows-\[1fr\] {
        grid-template-rows: 1fr
    }

    .group\/sps.style-2 .group-\[\&\.style-2\]\/sps\:flex-row {
        flex-direction: row
    }

    .group\/cs.botteras .group-\[\&\.botteras\]\/cs\:items-end,
    .group\/cs.centeras .group-\[\&\.centeras\]\/cs\:items-end {
        align-items: flex-end
    }

    .group\/cs.centeras .group-\[\&\.centeras\]\/cs\:items-center,
    .group\/sps.style-2 .group-\[\&\.style-2\]\/sps\:items-center {
        align-items: center
    }

    .group\/sps.style-2 .group-\[\&\.style-2\]\/sps\:justify-between {
        justify-content: space-between
    }

    .group\/formItem.error .group-\[\&\.error\]\/formItem\:\!border-red {
        --tw-border-opacity: 1 !important;
        border-color: rgb(255 0 0 / var(--tw-border-opacity)) !important
    }

    .group\/header.header-white .group-\[\&\.header-white\]\/header\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:bg-main-400,
    .group\/header.scrolling-up .group-\[\&\.scrolling-up\]\/header\:bg-main-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(98 99 102 / var(--tw-bg-opacity))
    }

    .group\/header.header-white .group-\[\&\.header-white\]\/header\:fill-white {
        fill: #fff
    }

    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:fill-main-500,
    .group\/header.scrolling-down .group-\[\&\.scrolling-down\]\/header\:fill-main-500,
    .group\/header.scrolling-up .group-\[\&\.scrolling-up\]\/header\:fill-main-500 {
        fill: #3b3c40
    }

    .group\/header.scrolling-down .group-\[\&\.scrolling-down\]\/header\:py-\[20px\],
    .group\/header.scrolling-up .group-\[\&\.scrolling-up\]\/header\:py-\[20px\] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .group\/button.active:hover .group-\[\&\.active\:hover\]\/button\:text-white\/75 {
        color: #ffffffbf
    }

    .group\/button.active .group-\[\&\.active\]\/button\:text-white,
    .group\/item.active .group-\[\&\.active\]\/item\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .group\/link.active .group-\[\&\.active\]\/link\:\!text-main-500 {
        --tw-text-opacity: 1 !important;
        color: rgb(59 60 64 / var(--tw-text-opacity)) !important
    }

    .group\/link.active .group-\[\&\.active\]\/link\:\!text-white {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255 / var(--tw-text-opacity)) !important
    }

    .group\/link.active .group-\[\&\.active\]\/link\:text-main-500,
    .group\/header.header-white.scrolling-up .group-\[\&\.header-white\.scrolling-up\]\/header\:text-main-500 {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    .group\/header.header-white .group-\[\&\.header-white\]\/header\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:text-main-500 {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    .group\/item.active .group-\[\&\.active\]\/item\:opacity-0 {
        opacity: 0
    }

    .group\/item.active .group-\[\&\.active\]\/item\:opacity-100,
    .group\/link.copied .group-\[\&\.copied\]\/link\:opacity-100,
    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:opacity-100,
    .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:opacity-100 {
        opacity: 1
    }

    .group\/slide.swiper-slide-next+.swiper-slide .group-\[\&\.swiper-slide-next\+\.swiper-slide\]\/slide\:opacity-0 {
        opacity: 0
    }

    .group\/slide.swiper-slide-next .group-\[\&\.swiper-slide-next\]\/slide\:opacity-0 {
        opacity: 0
    }

    .group\/slide.swiper-slide-next .group-\[\&\.swiper-slide-next\]\/slide\:opacity-100 {
        opacity: 1
    }

    .group\/slide.swiper-slide-prev .group-\[\&\.swiper-slide-prev\]\/slide\:opacity-0 {
        opacity: 0
    }

    .group\/slide.swiper-slide-prev .group-\[\&\.swiper-slide-prev\]\/slide\:opacity-100 {
        opacity: 1
    }

    .group\/slide.swiper-slide:has(+.swiper-slide-prev) .group-\[\&\.swiper-slide\:has\(\+\.swiper-slide-prev\)\]\/slide\:opacity-0 {
        opacity: 0
    }

    .group\/header.menu-active .group-\[\&\.menu-active\]\/header\:delay-\[calc\(300ms\+\(100ms\*var\(--index\)\)\)\] {
        transition-delay: calc(.3s + (.1s * var(--index)))
    }

    .group\/header.scrolling-down .group-\[\&\.scrolling-down\]\/header\:\[--maxv-1\:200\],
    .group\/header.scrolling-up .group-\[\&\.scrolling-up\]\/header\:\[--maxv-1\:200\] {
        --maxv-1: 200
    }

    .group\/sub-menu.collection .group-\[\&\.collection\]\/sub-menu\:\[--maxv-1\:40\] {
        --maxv-1: 40
    }

    .group\/header.header-white .group\/link:hover .group-\[\&\.header-white\]\/header\:group-hover\/link\:bg-white\/80 {
        background-color: #fffc
    }

    .group\/header.header-white.menu-active .group\/search:hover .group-\[\&\.header-white\.menu-active\]\/header\:group-hover\/search\:text-main-500 {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    .group\/header.header-white.scrolling-up .group\/link:hover .group-\[\&\.header-white\.scrolling-up\]\/header\:group-hover\/link\:text-main-400 {
        --tw-text-opacity: 1;
        color: rgb(98 99 102 / var(--tw-text-opacity))
    }

    .group\/header.header-white .group\/link:hover .group-\[\&\.header-white\]\/header\:group-hover\/link\:text-white\/80 {
        color: #fffc
    }

    .peer:checked~.peer-checked\:\!border-main-500 {
        --tw-border-opacity: 1 !important;
        border-color: rgb(59 60 64 / var(--tw-border-opacity)) !important
    }

    .peer:checked~.peer-checked\:\!border-white {
        --tw-border-opacity: 1 !important;
        border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important
    }

    .peer:checked~.peer-checked\:border-\[--border-focus-color\] {
        border-color: var(--border-focus-color)
    }

    .peer:checked~.peer-checked\:bg-white\/25 {
        background-color: #ffffff40
    }

    .peer:checked~.peer-checked\:text-\[--text-checked-color\] {
        color: var(--text-checked-color)
    }

    .peer:checked~.peer-checked\:text-main-500 {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

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

    .peer:checked~.peer-checked\:before\:scale-100:before {
        content: var(--tw-content);
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        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))
    }

    .peer:checked~.peer-checked\:after\:translate-x-\[22px\]:after {
        content: var(--tw-content);
        --tw-translate-x: 22px;
        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))
    }

    .peer:hover~.peer-hover\:border-\[--border-hover-color\] {
        border-color: var(--border-hover-color)
    }

    .peer:hover~.peer-hover\:border-main-500\/50 {
        border-color: #3b3c4080
    }

    .peer:hover~.peer-hover\:border-white\/50 {
        border-color: #ffffff80
    }

    .peer:hover~.peer-hover\:fill-\[--text-active-color\] {
        fill: var(--text-active-color)
    }

    .peer:hover~.peer-hover\:before\:scale-x-100:before {
        content: var(--tw-content);
        --tw-scale-x: 1;
        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))
    }

    .peer:focus~.peer-focus\:-scale-y-100 {
        --tw-scale-y: -1;
        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))
    }

    .peer:focus~.peer-focus\:scale-x-100 {
        --tw-scale-x: 1;
        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))
    }

    .peer:focus~.peer-focus\:fill-\[--text-active-color\] {
        fill: var(--text-active-color)
    }

    .peer:focus~.peer-focus\:before\:scale-x-100:before {
        content: var(--tw-content);
        --tw-scale-x: 1;
        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))
    }

    .hover\:w-\[98px\]:hover {
        width: 98px
    }

    .hover\:rotate-90:hover {
        --tw-rotate: 90deg;
        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))
    }

    .hover\:border-\[\#E6DACB\]:hover {
        --tw-border-opacity: 1;
        border-color: rgb(230 218 203 / var(--tw-border-opacity))
    }

    .hover\:border-\[--border-hover-color\]:hover {
        border-color: var(--border-hover-color)
    }

    .hover\:border-main-500\/50:hover {
        border-color: #3b3c4080
    }

    .hover\:border-secondary-500:hover {
        --tw-border-opacity: 1;
        border-color: rgb(137 181 188 / var(--tw-border-opacity))
    }

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

    .hover\:border-white\/50:hover {
        border-color: #ffffff80
    }

    .hover\:bg-\[\#E6DACB\]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(230 218 203 / var(--tw-bg-opacity))
    }

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

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

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

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

    .hover\:bg-white\/5:hover {
        background-color: #ffffff0d
    }

    .hover\:text-main-500:hover {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    .hover\:text-secondary-500:hover {
        --tw-text-opacity: 1;
        color: rgb(137 181 188 / var(--tw-text-opacity))
    }

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

    .hover\:text-white\/85:hover {
        color: #ffffffd9
    }

    .focus\:border-\[--border-focus-color\]:focus {
        border-color: var(--border-focus-color)
    }

    .focus\:border-main-500:focus {
        --tw-border-opacity: 1;
        border-color: rgb(59 60 64 / var(--tw-border-opacity))
    }

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

    @media (min-width: 769px) {
        .min-sm\:col-span-1 {
            grid-column: span 1 / span 1
        }

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

        .min-sm\:row-span-1 {
            grid-row: span 1 / span 1
        }

        .min-sm\:row-span-2 {
            grid-row: span 2 / span 2
        }

        .min-sm\:flex {
            display: flex
        }

        .min-sm\:flex-col {
            flex-direction: column
        }

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

        .min-sm\:\[grid-auto-rows\:minmax\(200px\,1fr\)\] {
            grid-auto-rows: minmax(200px, 1fr)
        }
    }

    @media (min-width: 1025px) {
        .min-md\:invisible {
            visibility: hidden
        }

        .min-md\:absolute {
            position: absolute
        }

        .min-md\:sticky {
            position: sticky
        }

        .min-md\:bottom-0 {
            bottom: 0
        }

        .min-md\:left-0 {
            left: 0
        }

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

        .min-md\:right-0 {
            right: 0
        }

        .min-md\:top-0 {
            top: 0
        }

        .min-md\:top-\[--clamp-1\] {
            top: var(--clamp-1)
        }

        .min-md\:top-\[calc\(var\(--header-height\)-20px\)\] {
            top: calc(var(--header-height) - 20px)
        }

        .min-md\:ml-auto {
            margin-left: auto
        }

        .min-md\:mr-0 {
            margin-right: 0
        }

        .min-md\:flex {
            display: flex
        }

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

        .min-md\:h-\[calc\(100dvh-var\(--header-height\)\)\] {
            height: calc(100dvh - var(--header-height))
        }

        .min-md\:h-\[calc\(100dvh-var\(--padding\)\)\] {
            height: calc(100dvh - var(--padding))
        }

        .min-md\:min-h-\[calc\(100dvh-var\(--header-height\)\)\] {
            min-height: calc(100dvh - var(--header-height))
        }

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

        .min-md\:max-w-\[1000px\] {
            max-width: 1000px
        }

        .min-md\:max-w-\[800px\] {
            max-width: 800px
        }

        .min-md\:max-w-\[90\%\] {
            max-width: 90%
        }

        .min-md\:-translate-x-1\/2 {
            --tw-translate-x: -50%;
            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))
        }

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

        .min-md\:tracking-\[-0\.02em\] {
            letter-spacing: -.02em
        }

        .min-md\:tracking-\[0\.01em\] {
            letter-spacing: .01em
        }

        .min-md\:tracking-\[0\.05em\] {
            letter-spacing: .05em
        }

        .min-md\:tracking-\[0\.4em\] {
            letter-spacing: .4em
        }

        .min-md\:tracking-\[0\.5em\] {
            letter-spacing: .5em
        }

        .min-md\:opacity-0 {
            opacity: 0
        }

        .group\/pds.botteras .min-md\:group-\[\&\.botteras\]\/pds\:bottom-5 {
            bottom: 1.25rem
        }

        .group\/pds.botteras .min-md\:group-\[\&\.botteras\]\/pds\:top-auto {
            top: auto
        }

        .group\/body.scrolling-down .group\/pds.botteras .min-md\:group-\[\&\.scrolling-down\]\/body\:group-\[\&\.botteras\]\/pds\:bottom-5 {
            bottom: 1.25rem
        }

        .group\/body.scrolling-down .group\/pds.botteras .min-md\:group-\[\&\.scrolling-down\]\/body\:group-\[\&\.botteras\]\/pds\:top-auto {
            top: auto
        }

        .group\/body.scrolling-down .min-md\:group-\[\&\.scrolling-down\]\/body\:top-5 {
            top: 1.25rem
        }

        .group\/pds.botteras .min-md\:group-\[\&\.botteras\]\/pds\:flex {
            display: flex
        }

        .group\/pds.botteras .min-md\:group-\[\&\.botteras\]\/pds\:h-\[calc\(100dvh-var\(--header-height\)\)\] {
            height: calc(100dvh - var(--header-height))
        }

        .group\/body.scrolling-down .group\/pds.botteras .min-md\:group-\[\&\.scrolling-down\]\/body\:group-\[\&\.botteras\]\/pds\:h-\[calc\(100dvh-40px\)\],
        .group\/body.scrolling-down .min-md\:group-\[\&\.scrolling-down\]\/body\:h-\[calc\(100dvh-40px\)\] {
            height: calc(100dvh - 40px)
        }

        .group\/pds.botteras .min-md\:group-\[\&\.botteras\]\/pds\:items-end {
            align-items: flex-end
        }
    }

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

        .min-lg\:invisible {
            visibility: hidden
        }

        .min-lg\:absolute {
            position: absolute
        }

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

        .min-lg\:top-full {
            top: 100%
        }

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

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

        .min-lg\:w-max {
            width: -moz-max-content;
            width: max-content
        }

        .min-lg\:origin-center {
            transform-origin: center
        }

        .min-lg\:translate-x-\[-6\.5\%\] {
            --tw-translate-x: -6.5%;
            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))
        }

        .min-lg\:translate-x-\[calc\(-50\%\+80px\)\] {
            --tw-translate-x: calc(-50% + 80px);
            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))
        }

        .min-lg\:translate-y-\[-16\%\] {
            --tw-translate-y: -16%;
            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))
        }

        .min-lg\:translate-y-\[15\%\] {
            --tw-translate-y: 15%;
            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))
        }

        .min-lg\:translate-y-\[70px\] {
            --tw-translate-y: 70px;
            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))
        }

        .min-lg\:rotate-90 {
            --tw-rotate: 90deg;
            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))
        }

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

        .min-lg\:border {
            border-width: 1px
        }

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

        .min-lg\:bg-main-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(59 60 64 / var(--tw-bg-opacity))
        }

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

        .min-lg\:pl-5 {
            padding-left: 1.25rem
        }

        .min-lg\:pr-\[30px\] {
            padding-right: 30px
        }

        .min-lg\:font-medium {
            font-weight: 500
        }

        .min-lg\:opacity-0 {
            opacity: 0
        }

        .min-lg\:delay-\[calc\(100ms\*\(var\(--index\)\)\)\] {
            transition-delay: calc(.1s * (var(--index)))
        }

        .min-lg\:\[-webkit-text-stroke\:1px_transparent\] {
            -webkit-text-stroke: 1px transparent
        }

        .min-lg\:\[animation\:scale-pulse_2s_linear_infinite\] {
            animation: scale-pulse 2s linear infinite
        }

        .min-lg\:\[tranform-box\:fill-box\] {
            tranform-box: fill-box
        }

        .min-lg\:\[transform-box\:fill-box\] {
            transform-box: fill-box
        }

        .min-lg\:\[transform\:perspective\(500px\)_translateY\(75\%\)_rotateX\(-90deg\)\] {
            transform: perspective(500px) translateY(75%) rotateX(-90deg)
        }

        .group\/menu-item:hover .min-lg\:group-hover\/menu-item\:pointer-events-auto {
            pointer-events: auto
        }

        .group\/menu-item:hover .min-lg\:group-hover\/menu-item\:visible {
            visibility: visible
        }

        .group\/menu-item:hover .min-lg\:group-hover\/menu-item\:translate-y-\[50px\] {
            --tw-translate-y: 50px;
            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))
        }

        .group\/menu-item:hover .min-lg\:group-hover\/menu-item\:opacity-100 {
            opacity: 1
        }

        .group\/link:hover .min-lg\:group-hover\/link\:\[-webkit-text-stroke\:1px_\#FFFFFF\] {
            -webkit-text-stroke: 1px #FFFFFF
        }

        .group\/menu-item:hover .min-lg\:group-hover\/menu-item\:before\:top-\[-50px\]:before {
            content: var(--tw-content);
            top: -50px
        }

        .group\/menu-item:hover .min-lg\:group-hover\/menu-item\:before\:h-\[50px\]:before {
            content: var(--tw-content);
            height: 50px
        }

        .group\/logo.fx-reveal .min-lg\:group-\[\&\.fx-reveal\]\/logo\:translate-x-0 {
            --tw-translate-x: 0px;
            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))
        }

        .group\/logo.fx-reveal .min-lg\:group-\[\&\.fx-reveal\]\/logo\:translate-y-0 {
            --tw-translate-y: 0px;
            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))
        }

        .group\/logo.fx-reveal .min-lg\:group-\[\&\.fx-reveal\]\/logo\:rotate-0 {
            --tw-rotate: 0deg;
            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))
        }

        .group\/logo.fx-reveal .min-lg\:group-\[\&\.fx-reveal\]\/logo\:opacity-100 {
            opacity: 1
        }

        .group\/logo.fx-reveal .min-lg\:group-\[\&\.fx-reveal\]\/logo\:\[transform\:perspective\(1000px\)_translateY\(0\%\)_rotateX\(0deg\)\] {
            transform: perspective(1000px) translateY(0) rotateX(0)
        }
    }

    @media (max-width: 1920px) {
        .\33xl\:px-\[30px\] {
            padding-left: 30px;
            padding-right: 30px
        }

        .\33xl\:py-\[30px\] {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .\33xl\:\[--maxv-1\:30\] {
            --maxv-1: 30
        }

        .\33xl\:\[--maxv-1\:40\] {
            --maxv-1: 40
        }
    }

    @media (max-width: 1680px) {
        .\32xl\:bottom-7 {
            bottom: 1.75rem
        }

        .\32xl\:px-\[30px\] {
            padding-left: 30px;
            padding-right: 30px
        }

        .\32xl\:\[--maxv-1\:700\] {
            --maxv-1: 700
        }
    }

    @media (max-width: 1440px) {
        .xl\:max-w-\[200px\] {
            max-width: 200px
        }

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

        .xl\:px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

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

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

    @media (max-width: 1280px) {
        .lg\:absolute {
            position: absolute
        }

        .lg\:bottom-5 {
            bottom: 1.25rem
        }

        .lg\:left-0 {
            left: 0
        }

        .lg\:top-full {
            top: 100%
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:\!hidden {
            display: none !important
        }

        .lg\:hidden {
            display: none
        }

        .lg\:h-14 {
            height: 3.5rem
        }

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

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

        .lg\:max-h-\[calc\(100dvh-var\(--header-height\)\)\] {
            max-height: calc(100dvh - var(--header-height))
        }

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

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

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

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

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

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

        .lg\:grid-cols-\[minmax\(0\,auto\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(0, auto) minmax(0, 1fr)
        }

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

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

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

        .lg\:gap-0 {
            gap: 0px
        }

        .lg\:gap-10 {
            gap: 2.5rem
        }

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

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

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

        .lg\:overflow-x-hidden {
            overflow-x: hidden
        }

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

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

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

        .lg\:border-main-500\/30 {
            border-color: #3b3c404d
        }

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

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

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

        .lg\:p-\[--clamp-1\] {
            padding: var(--clamp-1)
        }

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

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

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

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

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

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

        .lg\:text-main-500 {
            --tw-text-opacity: 1;
            color: rgb(59 60 64 / var(--tw-text-opacity))
        }

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

        .lg\:scrollbar::-webkit-scrollbar-track {
            background-color: var(--scrollbar-track);
            border-radius: var(--scrollbar-track-radius)
        }

        .lg\:scrollbar::-webkit-scrollbar-track:hover {
            background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
        }

        .lg\:scrollbar::-webkit-scrollbar-track:active {
            background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
        }

        .lg\:scrollbar::-webkit-scrollbar-thumb {
            background-color: var(--scrollbar-thumb);
            border-radius: var(--scrollbar-thumb-radius)
        }

        .lg\:scrollbar::-webkit-scrollbar-thumb:hover {
            background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
        }

        .lg\:scrollbar::-webkit-scrollbar-thumb:active {
            background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
        }

        .lg\:scrollbar::-webkit-scrollbar-corner {
            background-color: var(--scrollbar-corner);
            border-radius: var(--scrollbar-corner-radius)
        }

        .lg\:scrollbar::-webkit-scrollbar-corner:hover {
            background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
        }

        .lg\:scrollbar::-webkit-scrollbar-corner:active {
            background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
        }

        @supports (-moz-appearance:none) {
            .lg\:scrollbar {
                scrollbar-width: auto;
                scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
            }
        }

        .lg\:scrollbar::-webkit-scrollbar {
            display: block;
            width: var(--scrollbar-width, 16px);
            height: var(--scrollbar-height, 16px)
        }

        .lg\:scrollbar-track-main-500\/0 {
            --scrollbar-track: rgb(59 60 64 / 0) !important
        }

        .lg\:scrollbar-thumb-main-500 {
            --scrollbar-thumb: #3b3c40 !important
        }

        .lg\:scrollbar-w-1 {
            --scrollbar-width: .25rem
        }

        .lg\:\[--maxv-1\:100\] {
            --maxv-1: 100
        }

        .lg\:\[--maxv-1\:500\] {
            --maxv-1: 500
        }

        .lg\:\[--maxv-fs\:42\] {
            --maxv-fs: 42
        }

        .lg\:before\:hidden:before {
            content: var(--tw-content);
            display: none
        }

        .group\/link:hover .lg\:group-hover\/link\:text-main-400 {
            --tw-text-opacity: 1;
            color: rgb(98 99 102 / var(--tw-text-opacity))
        }

        .group\/header.scrolling-up .lg\:group-\[\&\.scrolling-up\]\/header\:top-\[calc\(var\(--header-height\)-20px\)\] {
            top: calc(var(--header-height) - 20px)
        }

        .group\/menu-item.has-sub .lg\:group-\[\&\.has-sub\]\/menu-item\:flex,
        .group\/header.mobile-menu-2 .lg\:group-\[\&\.mobile-menu-2\]\/header\:flex {
            display: flex
        }

        .group\/header.mobile-menu-1 .lg\:group-\[\&\.mobile-menu-1\]\/header\:\!grid {
            display: grid !important
        }

        .group\/header.mobile-menu-2 .lg\:group-\[\&\.mobile-menu-2\]\/header\:hidden {
            display: none
        }

        .group\/pds.botteras .lg\:group-\[\&\.botteras\]\/pds\:h-\[calc\(100dvh-var\(--header-height\)-30px\)\] {
            height: calc(100dvh - var(--header-height) - 30px)
        }

        .group\/header.scrolling-up .lg\:group-\[\&\.scrolling-up\]\/header\:h-\[calc\(100dvh-var\(--header-height\)\+20px\)\] {
            height: calc(100dvh - var(--header-height) + 20px)
        }

        .group\/header.scrolling-up .lg\:group-\[\&\.scrolling-up\]\/header\:h-\[calc\(var\(--header-height\)-20px\)\] {
            height: calc(var(--header-height) - 20px)
        }

        .group\/header.scrolling-down .lg\:group-\[\&\.scrolling-down\]\/header\:max-h-\[calc\(100dvh-85px\)\],
        .group\/header.scrolling-up .lg\:group-\[\&\.scrolling-up\]\/header\:max-h-\[calc\(100dvh-85px\)\] {
            max-height: calc(100dvh - 85px)
        }

        .group\/sub-menu.collection .lg\:group-\[\&\.collection\]\/sub-menu\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .group\/header.header-white .lg\:group-\[\&\.header-white\]\/header\:text-main-400 {
            --tw-text-opacity: 1;
            color: rgb(98 99 102 / var(--tw-text-opacity))
        }
    }

    @media (max-width: 1024px) {
        .md\:absolute {
            position: absolute
        }

        .md\:relative {
            position: relative
        }

        .md\:bottom-5 {
            bottom: 1.25rem
        }

        .md\:bottom-auto {
            bottom: auto
        }

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

        .md\:left-auto {
            left: auto
        }

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

        .md\:top-auto {
            top: auto
        }

        .md\:z-20 {
            z-index: 20
        }

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

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

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

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

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

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

        .md\:mt-3 {
            margin-top: .75rem
        }

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

        .md\:mt-5 {
            margin-top: 1.25rem
        }

        .md\:\!block {
            display: block !important
        }

        .md\:block {
            display: block
        }

        .md\:\!flex {
            display: flex !important
        }

        .md\:flex {
            display: flex
        }

        .md\:grid {
            display: grid
        }

        .md\:\!hidden {
            display: none !important
        }

        .md\:hidden {
            display: none
        }

        .md\:aspect-\[5\/3\] {
            aspect-ratio: 5/3
        }

        .md\:aspect-video {
            aspect-ratio: 16 / 9
        }

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

        .md\:h-auto {
            height: auto
        }

        .md\:\!w-full {
            width: 100% !important
        }

        .md\:w-\[calc\(100dvw-60px\)\] {
            width: calc(100dvw - 60px)
        }

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

        .md\:min-w-\[75dvw\] {
            min-width: 75dvw
        }

        .md\:\!max-w-full {
            max-width: 100% !important
        }

        .md\:max-w-\[30\%\] {
            max-width: 30%
        }

        .md\:max-w-full {
            max-width: 100%
        }

        .md\:-translate-x-1\/2 {
            --tw-translate-x: -50%;
            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))
        }

        .md\:-translate-y-1\/2 {
            --tw-translate-y: -50%;
            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))
        }

        .md\:translate-x-3 {
            --tw-translate-x: .75rem;
            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))
        }

        .md\:translate-y-\[calc\(-50\%-0px\)\] {
            --tw-translate-y: calc(-50% + -0px);
            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))
        }

        .md\:translate-y-\[calc\(-50\%-12px\)\] {
            --tw-translate-y: calc(-50% - 12px);
            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))
        }

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

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

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

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

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

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

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

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

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

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

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

        .md\:gap-2 {
            gap: .5rem
        }

        .md\:gap-3 {
            gap: .75rem
        }

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

        .md\:gap-5 {
            gap: 1.25rem
        }

        .md\:gap-\[--clamp-1\] {
            gap: var(--clamp-1)
        }

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

        .md\:gap-\[30px\] {
            gap: 30px
        }

        .md\:whitespace-nowrap {
            white-space: nowrap
        }

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

        .md\:rounded-none {
            border-radius: 0
        }

        .md\:bg-main-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(59 60 64 / var(--tw-bg-opacity))
        }

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

        .md\:p-10 {
            padding: 2.5rem
        }

        .md\:p-3 {
            padding: .75rem
        }

        .md\:p-\[--clamp-1\] {
            padding: var(--clamp-1)
        }

        .md\:p-\[30px\] {
            padding: 30px
        }

        .md\:\!px-0 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .md\:\!py-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

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

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

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

        .md\:py-0 {
            padding-top: 0;
            padding-bottom: 0
        }

        .md\:py-1\.5 {
            padding-top: .375rem;
            padding-bottom: .375rem
        }

        .md\:py-10 {
            padding-top: 2.5rem;
            padding-bottom: 2.5rem
        }

        .md\:py-\[--clamp-1\] {
            padding-top: var(--clamp-1);
            padding-bottom: var(--clamp-1)
        }

        .md\:py-\[--clamp-2\] {
            padding-top: var(--clamp-2);
            padding-bottom: var(--clamp-2)
        }

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

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

        .md\:pb-5 {
            padding-bottom: 1.25rem
        }

        .md\:pb-\[calc\(var\(--clamp-1\)\+20px\+20px\)\] {
            padding-bottom: calc(var(--clamp-1) + 20px + 20px)
        }

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

        .md\:pt-0 {
            padding-top: 0
        }

        .md\:pt-5 {
            padding-top: 1.25rem
        }

        .md\:pt-\[--clamp-1\] {
            padding-top: var(--clamp-1)
        }

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

        .md\:leading-none {
            line-height: 1
        }

        .md\:leading-tight {
            line-height: 1.25
        }

        .md\:tracking-\[0\.05em\] {
            letter-spacing: .05em
        }

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

        .md\:\[--maxv-1\:30\] {
            --maxv-1: 30
        }

        .md\:\[--maxv-1\:40\] {
            --maxv-1: 40
        }

        .md\:\[--maxv-1\:60\] {
            --maxv-1: 60
        }

        .md\:\[--maxv-2\:40\] {
            --maxv-2: 40
        }

        .md\:\[--minv-1\:30\] {
            --minv-1: 30
        }

        .md\:\!\[--percent\:15\%\] {
            --percent: 15% !important
        }

        .group\/item:nth-child(odd) .md\:group-odd\/item\:order-1 {
            order: 1
        }

        .group\/item:nth-child(odd) .md\:group-odd\/item\:order-2 {
            order: 2
        }

        .group\/item:nth-child(2n) .md\:group-even\/item\:order-1 {
            order: 1
        }

        .group\/item:nth-child(2n) .md\:group-even\/item\:order-2 {
            order: 2
        }

        .group\/link:hover .md\:group-hover\/link\:text-white\/70 {
            color: #ffffffb3
        }

        .group\/pds.botteras .md\:group-\[\&\.botteras\]\/pds\:h-auto {
            height: auto
        }

        .group\/sps.style-2 .md\:group-\[\&\.style-2\]\/sps\:max-w-full {
            max-width: 100%
        }

        .group\/sps.style-2 .md\:group-\[\&\.style-2\]\/sps\:flex-col {
            flex-direction: column
        }

        .group\/sps.style-2 .md\:group-\[\&\.style-2\]\/sps\:items-start {
            align-items: flex-start
        }
    }

    @media (max-width: 768px) {
        .sm\:visible {
            visibility: visible
        }

        .sm\:relative {
            position: relative
        }

        .sm\:bottom-0 {
            bottom: 0
        }

        .sm\:bottom-auto {
            bottom: auto
        }

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

        .sm\:left-auto {
            left: auto
        }

        .sm\:right-0 {
            right: 0
        }

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

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

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

        .sm\:order-3 {
            order: 3
        }

        .sm\:order-4 {
            order: 4
        }

        .sm\:col-span-1 {
            grid-column: span 1 / span 1
        }

        .sm\:row-span-1 {
            grid-row: span 1 / span 1
        }

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

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

        .sm\:mt-3 {
            margin-top: .75rem
        }

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

        .sm\:\!block {
            display: block !important
        }

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:grid {
            display: grid
        }

        .sm\:\!hidden {
            display: none !important
        }

        .sm\:hidden {
            display: none
        }

        .sm\:aspect-\[5\/3\] {
            aspect-ratio: 5/3
        }

        .sm\:aspect-\[5\/4\] {
            aspect-ratio: 5/4
        }

        .sm\:aspect-square {
            aspect-ratio: 1 / 1
        }

        .sm\:aspect-video {
            aspect-ratio: 16 / 9
        }

        .sm\:\!h-fit {
            height: -moz-fit-content !important;
            height: fit-content !important
        }

        .sm\:h-3 {
            height: .75rem
        }

        .sm\:h-5 {
            height: 1.25rem
        }

        .sm\:h-auto {
            height: auto
        }

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

        .sm\:\!w-full {
            width: 100% !important
        }

        .sm\:w-3 {
            width: .75rem
        }

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

        .sm\:max-w-full {
            max-width: 100%
        }

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

        .sm\:-translate-x-1\/2 {
            --tw-translate-x: -50%;
            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))
        }

        .sm\:-translate-y-1\/2 {
            --tw-translate-y: -50%;
            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))
        }

        .sm\:translate-x-0 {
            --tw-translate-x: 0px;
            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))
        }

        .sm\:translate-y-\[calc\(-50\%-3px\)\] {
            --tw-translate-y: calc(-50% - 3px);
            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))
        }

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

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

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

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

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

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

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

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

        .sm\:gap-1 {
            gap: .25rem
        }

        .sm\:gap-2 {
            gap: .5rem
        }

        .sm\:gap-2\.5 {
            gap: .625rem
        }

        .sm\:gap-3 {
            gap: .75rem
        }

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

        .sm\:gap-5 {
            gap: 1.25rem
        }

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

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

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

        .sm\:gap-\[30px\] {
            gap: 30px
        }

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

        .sm\:p-5 {
            padding: 1.25rem
        }

        .sm\:p-\[--clamp-1\] {
            padding: var(--clamp-1)
        }

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

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

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

        .sm\:py-\[--clamp-1\] {
            padding-top: var(--clamp-1);
            padding-bottom: var(--clamp-1)
        }

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

        .sm\:text-center {
            text-align: center
        }

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

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

        .sm\:opacity-100 {
            opacity: 1
        }

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

    @media (max-width: 480px) {
        .xs\:mt-3 {
            margin-top: .75rem
        }

        .xs\:block {
            display: block
        }

        .xs\:hidden {
            display: none
        }

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

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

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

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

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

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

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

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

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

    .rtl\:left-\[30px\]:where([dir=rtl], [dir=rtl] *) {
        left: 30px
    }

    .rtl\:right-auto:where([dir=rtl], [dir=rtl] *) {
        right: auto
    }

    .\[\&\+_\.line-field\]\:bg-\[oklch\(from_var\(--main-500\)_l_c_h_\/_1\)\]+.line-field {
        background-color: oklch(from var(--main-500) l c h / 1)
    }

    .\[\&\+_\.line-field\]\:bg-\[rgba\(0\,0\,0\,1\)\]+.line-field {
        background-color: #000
    }

    .\[\&\+_\.line-field\]\:bg-\[rgba\(255\,255\,255\,1\)\]+.line-field {
        background-color: #fff
    }

    .\[\&\.active\]\:pointer-events-auto.active {
        pointer-events: auto
    }

    .\[\&\.active\]\:visible.active {
        visibility: visible
    }

    .\[\&\.active\]\:translate-y-0.active {
        --tw-translate-y: 0px;
        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))
    }

    .\[\&\.active\]\:grid-rows-\[1fr\].active {
        grid-template-rows: 1fr
    }

    .\[\&\.active\]\:bg-main-300.active {
        --tw-bg-opacity: 1;
        background-color: rgb(137 138 140 / var(--tw-bg-opacity))
    }

    .\[\&\.active\]\:bg-secondary-500.active {
        --tw-bg-opacity: 1;
        background-color: rgb(137 181 188 / var(--tw-bg-opacity))
    }

    .\[\&\.active\]\:opacity-100.active {
        opacity: 1
    }

    .\[\&\.active\]\:delay-300.active {
        transition-delay: .3s
    }

    .\[\&\.badge-new\]\:bg-secondary-500.badge-new {
        --tw-bg-opacity: 1;
        background-color: rgb(137 181 188 / var(--tw-bg-opacity))
    }

    .\[\&\.badge-new\]\:text-white.badge-new {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .\[\&\.badge-popular\]\:bg-third-500.badge-popular {
        --tw-bg-opacity: 1;
        background-color: rgb(245 240 234 / var(--tw-bg-opacity))
    }

    .\[\&\.badge-popular\]\:text-main-500.badge-popular {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    @media (min-width: 1281px) {
        .min-lg\:\[\&\.collection\]\:translate-x-\[calc\(-50\%\+225px\)\].collection {
            --tw-translate-x: calc(-50% + 225px);
            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))
        }
    }

    .\[\&\.disabled\]\:border-main-500.disabled {
        --tw-border-opacity: 1;
        border-color: rgb(59 60 64 / var(--tw-border-opacity))
    }

    .\[\&\.menu-active\]\:bg-white.menu-active {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    .\[\&\.scrolling-down\]\:-translate-y-full.scrolling-down {
        --tw-translate-y: -100%;
        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))
    }

    .\[\&\.scrolling-up\]\:h-\[--header-height-up\].scrolling-up {
        height: var(--header-height-up)
    }

    .\[\&\.scrolling-up\]\:bg-white.scrolling-up {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    .\[\&\.swiper-button-disabled\]\:pointer-events-none.swiper-button-disabled {
        pointer-events: none
    }

    .\[\&\.swiper-button-disabled\]\:opacity-50.swiper-button-disabled {
        opacity: .5
    }

    .\[\&\.with-grid\]\:grid.with-grid {
        display: grid
    }

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

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

    .\[\&_\*\:not\(\.get-direction\)\]\:\!border-0 *:not(.get-direction) {
        border-width: 0px !important
    }

    .\[\&_\.blog-item\]\:flex .blog-item {
        display: flex
    }

    .\[\&_\.blog-item\]\:max-w-\[--clamp-1\] .blog-item {
        max-width: var(--clamp-1)
    }

    .\[\&_\.blog-item\]\:shrink-0 .blog-item {
        flex-shrink: 0
    }

    .\[\&_\.blog-item_\.description-field\]\:\!flex .blog-item .description-field {
        display: flex !important
    }

    .\[\&_\.blog-item_\.image-wrapper\]\:aspect-\[5\/3\] .blog-item .image-wrapper {
        aspect-ratio: 5/3
    }

    .\[\&_\.blog-item_\.name\]\:\!flex .blog-item .name {
        display: flex !important
    }

    .\[\&_\.fill\]\:rounded-full .fill {
        border-radius: 9999px
    }

    .peer:checked~.peer-checked\:\[\&_\.fill\]\:scale-100 .fill {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        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))
    }

    .peer:checked~.peer-checked\:\[\&_\.fill\]\:opacity-100 .fill {
        opacity: 1
    }

    .peer:hover~.peer-hover\:\[\&_\.line\:nth-child\(2\)\]\:rotate-0 .line:nth-child(2) {
        --tw-rotate: 0deg;
        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))
    }

    @media (max-width: 1024px) {
        .md\:\[\&_\.link\:hover_\.text\]\:text-white .link:hover .text {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity))
        }
    }

    .\[\&_\.product-item\]\:flex .product-item {
        display: flex
    }

    .\[\&_\.product-item\]\:max-w-\[--clamp-1\] .product-item {
        max-width: var(--clamp-1)
    }

    .\[\&_\.product-item\]\:shrink-0 .product-item {
        flex-shrink: 0
    }

    .\[\&_\.product-item_\.content\]\:w-full .product-item .content {
        width: 100%
    }

    .\[\&_\>\*\:first-child\]\:line-clamp-2>*:first-child {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .\[\&_\>\*\:first-child\]\:line-clamp-3>*:first-child {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }

    .\[\&_\>\*\]\:hidden>* {
        display: none
    }

    .\[\&_\>\*\]\:\!text-wrap>* {
        text-wrap: wrap !important
    }

    .\[\&_\>\*\]\:text-center>* {
        text-align: center
    }

    .\[\&_\>\*\]\:\!leading-normal>* {
        line-height: 1.5 !important
    }

    .\[\&_\>\*\]\:\!leading-snug>* {
        line-height: 1.375 !important
    }

    .\[\&_\>\*\]\:\!text-white>* {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255 / var(--tw-text-opacity)) !important
    }

    .\[\&_\>\*\]\:\[font-family\:var\(--playfair\)\]>* {
        font-family: var(--playfair)
    }

    @media (max-width: 1024px) {
        .md\:\[\&_\>\*\]\:\!text-wrap>* {
            text-wrap: wrap !important
        }

        .md\:\[\&_\>\*\]\:\!leading-tight>* {
            line-height: 1.25 !important
        }
    }

    .\[\&_\>\*_strong\]\:\[font-family\:var\(--playfair\)\]>* strong {
        font-family: var(--playfair)
    }

    .\[\&_a\:hover\]\:text-white a:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .\[\&_a\]\:font-medium a {
        font-weight: 500
    }

    .\[\&_a\]\:duration-300 a {
        transition-duration: .3s
    }

    @media (max-width: 768px) {
        .sm\:\[\&_br\]\:hidden br {
            display: none
        }
    }

    .\[\&_button\:hover\]\:text-\[--text-hover-color\] button:hover {
        color: var(--text-hover-color)
    }

    .\[\&_button\]\:relative button {
        position: relative
    }

    .\[\&_button\]\:appearance-none button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .\[\&_button\]\:border-0 button {
        border-width: 0px
    }

    .\[\&_button\]\:bg-transparent button {
        background-color: transparent
    }

    .\[\&_button\]\:text-\[--text-color\] button {
        color: var(--text-color)
    }

    .\[\&_button\]\:outline-none button {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .\[\&_button\]\:duration-300 button {
        transition-duration: .3s
    }

    .\[\&_img\]\:w-full img {
        width: 100%
    }

    .\[\&_img\]\:object-cover img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .\[\&_img\]\:object-center img {
        -o-object-position: center;
        object-position: center
    }

    @media (max-width: 768px) {
        .sm\:\[\&_img\]\:\!h-auto img {
            height: auto !important
        }
    }

    .\[\&_input\:hover\]\:text-main-500\/70 input:hover {
        color: #3b3c40b3
    }

    .\[\&_input\:hover\]\:text-white\/70 input:hover {
        color: #ffffffb3
    }

    .\[\&_input\]\:relative input {
        position: relative
    }

    .\[\&_input\]\:z-\[3\] input {
        z-index: 3
    }

    .\[\&_input\]\:cursor-pointer input {
        cursor: pointer
    }

    .\[\&_input\]\:text-main-500 input {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    .\[\&_input\]\:text-white input {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .\[\&_input\]\:duration-300 input {
        transition-duration: .3s
    }

    .\[\&_li\:last-child_\.split\]\:hidden li:last-child .split {
        display: none
    }

    .\[\&_option\]\:\!bg-white option {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
    }

    .\[\&_option\]\:\!text-black option {
        --tw-text-opacity: 1 !important;
        color: rgb(0 0 0 / var(--tw-text-opacity)) !important
    }

    .\[\&_span\]\:mr-1 span {
        margin-right: .25rem
    }

    .\[\&_span\]\:text-\[--spanColor\] span {
        color: var(--spanColor)
    }

    .\[\&_span\]\:text-secondary-500 span {
        --tw-text-opacity: 1;
        color: rgb(137 181 188 / var(--tw-text-opacity))
    }

    .\[\&_span\]\:text-white span {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .\[\&_table\]\:w-full table {
        width: 100%
    }

    .\[\&_table_tbody_tr_td\:first-child\]\:flex table tbody tr td:first-child {
        display: flex
    }

    .\[\&_table_tbody_tr_td\:first-child\]\:items-center table tbody tr td:first-child {
        align-items: center
    }

    .\[\&_table_tbody_tr_td\:first-child\]\:gap-\[10px\] table tbody tr td:first-child {
        gap: 10px
    }

    .\[\&_table_tbody_tr_td\:first-child_\.line\]\:w-\[30px\] table tbody tr td:first-child .line {
        width: 30px
    }

    .\[\&_table_tbody_tr_td\]\:border-0 table tbody tr td {
        border-width: 0px
    }

    .\[\&_table_tbody_tr_td\]\:border-r table tbody tr td {
        border-right-width: 1px
    }

    .\[\&_table_tbody_tr_td\]\:border-\[\#3B3C40\]\/15 table tbody tr td {
        border-color: #3b3c4026
    }

    .\[\&_table_tbody_tr_td\]\:px-6 table tbody tr td {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .\[\&_table_tbody_tr_td\]\:py-2 table tbody tr td {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .\[\&_table_tbody_tr_td\]\:text-\[18px\] table tbody tr td {
        font-size: 18px
    }

    .\[\&_table_tbody_tr_td\]\:text-main-500 table tbody tr td {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    .\[\&_table_thead_tr_td\]\:border-0 table thead tr td {
        border-width: 0px
    }

    .\[\&_table_thead_tr_td\]\:border-b table thead tr td {
        border-bottom-width: 1px
    }

    .\[\&_table_thead_tr_td\]\:border-r table thead tr td {
        border-right-width: 1px
    }

    .\[\&_table_thead_tr_td\]\:border-\[\#3B3C40\]\/15 table thead tr td {
        border-color: #3b3c4026
    }

    .\[\&_table_thead_tr_td\]\:bg-\[\#E9DFD3\] table thead tr td {
        --tw-bg-opacity: 1;
        background-color: rgb(233 223 211 / var(--tw-bg-opacity))
    }

    .\[\&_table_thead_tr_td\]\:px-6 table thead tr td {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .\[\&_table_thead_tr_td\]\:py-2 table thead tr td {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .\[\&_table_thead_tr_td\]\:text-\[18px\] table thead tr td {
        font-size: 18px
    }

    .\[\&_table_thead_tr_td\]\:font-medium table thead tr td {
        font-weight: 500
    }

    .\[\&_table_thead_tr_td\]\:leading-relaxed table thead tr td {
        line-height: 1.625
    }

    .\[\&_table_thead_tr_td\]\:text-main-500 table thead tr td {
        --tw-text-opacity: 1;
        color: rgb(59 60 64 / var(--tw-text-opacity))
    }

    @media (max-width: 1024px) {
        .md\:\[\&_ul\]\:justify-center ul {
            justify-content: center
        }
    }