@media (min-width: 1024px) {
.c-check__label {
margin-left: 1.25rem
}
        }

@media (min-width: 1024px) {
.c-check__label:before,
        .c-check__label:after {
left: -1.25rem
}
            }

@media (min-width: 1024px) {
        .page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns {
                grid-template-columns: repeat(4, minmax(0, 1fr))
        }

            .page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main, .page-layout-3columns .columns .main {
                grid-column: span 3 / span 3
        }

            .page-layout-2columns-left .columns .sidebar, .page-layout-2columns-right .columns .sidebar, .page-layout-3columns .columns .sidebar {
                grid-column: span 1 / span 1
        }
            .page-layout-2columns-left .columns .sidebar, .page-layout-3columns .columns .sidebar {
                order: 1
        }

            .page-layout-2columns-left .columns .sidebar ~ .sidebar-additional, .page-layout-3columns .columns .sidebar ~ .sidebar-additional {
                order: 3
        }
        .page-layout-2columns-right .sidebar-main, .page-layout-2columns-right.page-with-filter .sidebar-main {
                order: 3
        }
            .page-layout-3columns .columns .sidebar-additional {
                grid-column-start: 4
        }
}

@media (min-width: 1280px) {
        a:hover {
                color: var(--optimo-darker);
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
                transition-duration: 300ms;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 250ms ease, color 250ms ease
        }
}

@media (min-width: 1024px) {
.input {
margin-right: 0px
}
    }

@media (min-width: 1280px) {
.input {
margin-right: 1rem
}
    }

@media (min-width: 1024px) {
            .catalog-product-view .product-info-sticky .qty-field {
                        max-width: 102px
            }

            .catalog-product-view .product-info-sticky .addtocart {
                        max-width: 252px
            }

            @media (min-width: 1024px) {
                        .catalog-product-view .product-info-sticky .addtocart {
                                    min-width: 198px
                        }
            }
            .catalog-product-view .product-info-sticky .product-details {
                        max-width: 50%
            }
                .catalog-product-view .product-info-sticky .product-info-links button {
                        display: inline-flex
            }
.product-info-main .amshopby-option-link .relative.box-content > span.catalog-product-view .product-info-sticky .product-info-links button {
                        position: static
            }
.products .amshopby-option-link .relative.box-content > span.catalog-product-view .product-info-sticky .product-info-links button {
                        position: static
            }

                    .catalog-product-view .product-info-sticky .product-info-links button.wishlist-link {
                        margin-right: 1rem;
                        display: inline-flex
            }
.product-info-main .amshopby-option-link .relative.box-content > span.catalog-product-view .product-info-sticky .product-info-links button.wishlist-link {
                        position: static
            }
.products .amshopby-option-link .relative.box-content > span.catalog-product-view .product-info-sticky .product-info-links button.wishlist-link {
                        position: static
            }
}


            @media (min-width: 1024px) {
    .catalog-product-view .product-info-sticky .addtocart {
        min-width: 198px
    }
}

@media (min-width: 1024px) {
        .footer .footer__middle {
                padding-top: 3.5rem;
                padding-bottom: 3.5rem
        }

            .footer .footer__middle--left {
                grid-column: span 3 / span 3
        }

        .footer__middle-wrapper {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 1rem
        }
}

@media (min-width: 1024px) {
    .footer-links p:after {
        --tw-content: none;
        content: var(--tw-content)
    }
}

@media (min-width: 1024px) {
    .t-nav .submenu-block {
        display: block
    }
}

@media (min-width: 1024px) {
        .t-nav .parent-all-levels .level1>a {
                margin-bottom: 0.5rem;
                font-weight: 700
        }

        .t-nav .submenu {
                height: auto;
                overflow: auto;
                padding-left: 0px;
                opacity: 1
        }

        .t-nav .submenu.level0 {
                visibility: hidden;
                position: absolute;
                left: 0px;
                right: 0px;
                left: 50%;
                display: flex;
                height: 0px;
                width: 100%;
                min-width: max-content;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                background-color: var(--bg-2);
                opacity: 0;
                --tw-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
                --tw-shadow-colored: 0px 0px 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)
        }
.ambrands-brandlist-widget [x-data^="amTooltip_"] [x-show="showTooltip"] div.t-nav .submenu.level0,
        .ambrands-brandlist-widget [x-data^="amTooltip_"] [x-show="showTooltip"] svg.t-nav .submenu.level0 {
                top: -0.25rem
        }
.ambrands-brandlist-widget [x-data^="amTooltip_"] [x-show="showTooltip"] svg.t-nav .submenu.level0 {
                left: 50%
        }
.catalog-product-view .product-info-main .order-first [x-data^="amTooltip_"] [x-show="showTooltip"] div.t-nav .submenu.level0 {
                top: -1rem;
                left: 100%;
                margin-left: 1rem;
                transform: none
        }
.catalog-product-view .product-info-main .order-first [x-data^="amTooltip_"] [x-show="showTooltip"] svg.t-nav .submenu.level0 {
                top: auto;
                left: 100%;
                bottom: 0px;
                transform: none
        }
[x-data^="initSliderComponent"] [x-data^="amTooltip_"] [x-show="showTooltip"] div.t-nav .submenu.level0 {
                left: 3rem
        }

            .t-nav .submenu.level0 > .submenu-inner {
                display: flex;
                justify-content: space-between;
                padding: 2rem
        }

        .t-nav .btn-link {
                padding-bottom: 0px
        }

        .t-nav li .category-item a {
                padding: 0px
        }
            .t-nav li.parent > a:after {
                display: none
        }

            .t-nav li.parent > a span {
                width: auto
        }

        .t-nav a span {
                width: auto
        }

        .t-nav .parent >a:after {
                display: none
        }
            .t-nav .level0.level-top {
                margin-left: 0.625rem;
                margin-right: 0.625rem;
                width: auto;
                border-width: 0px
        }

                .t-nav .level0.level-top > .submenu > .submenu-inner > .submenu-container > .submenu-items {
                display: flex;
                max-height: 300px;
                flex-direction: column;
                flex-wrap: wrap
        }

                .t-nav .level0.level-top .level-top {
                position: relative;
                justify-content: center;
                padding: 0.75rem;
                line-height: 1.5;
                letter-spacing: 0em
        }
.product-info-main .amshopby-option-link .t-nav .level0.level-top .level-top.box-content {
                height: auto;
                width: auto
        }
.product-info-main .amshopby-option-link .t-nav .level0.level-top .level-top.box-content > span.inline-flex {
                position: static
        }
.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content {
                height: auto;
                width: auto
        }
.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content > span.inline-flex {
                position: static
        }
.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content [x-show="showTooltip"] {
                pointer-events: none;
                position: absolute;
                top: 0px;
                left: 0px;
                height: 100%;
                width: 100%
        }
.ambrands-brandlist-widget [x-data^="amTooltip_"] [x-show="showTooltip"] div.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content [x-show="showTooltip"],
        .ambrands-brandlist-widget [x-data^="amTooltip_"] [x-show="showTooltip"] svg.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content [x-show="showTooltip"] {
                top: -0.25rem
        }
.ambrands-brandlist-widget [x-data^="amTooltip_"] [x-show="showTooltip"] svg.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content [x-show="showTooltip"] {
                left: 50%
        }
.catalog-product-view .product-info-main .order-first [x-data^="amTooltip_"] [x-show="showTooltip"] div.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content [x-show="showTooltip"] {
                top: -1rem;
                left: 100%;
                margin-left: 1rem;
                transform: none
        }
.catalog-product-view .product-info-main .order-first [x-data^="amTooltip_"] [x-show="showTooltip"] svg.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content [x-show="showTooltip"] {
                top: auto;
                left: 100%;
                bottom: 0px;
                transform: none
        }
[x-data^="initSliderComponent"] [x-data^="amTooltip_"] [x-show="showTooltip"] div.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content [x-show="showTooltip"] {
                left: 3rem
        }
.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content [x-show="showTooltip"] div.transform {
                top: auto;
                bottom: 100%;
                transform: none
        }
.products .amshopby-option-link .t-nav .level0.level-top .level-top.box-content [x-show="showTooltip"] svg.transform {
                left: 2.5rem;
                top: 1.5rem
        }

                    .t-nav .level0.level-top .level-top:before {
                position: absolute;
                bottom: 0px;
                height: 0.5rem;
                width: 0px;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 300ms;
                --tw-content: '';
                content: var(--tw-content)
        }
.ambrands-brandlist-widget [x-data^="amTooltip_"] [x-show="showTooltip"] div.t-nav .level0.level-top .level-top:before,
        .ambrands-brandlist-widget [x-data^="amTooltip_"] [x-show="showTooltip"] svg.t-nav .level0.level-top .level-top:before {
                top: -0.25rem
        }
.ambrands-brandlist-widget [x-data^="amTooltip_"] [x-show="showTooltip"] svg.t-nav .level0.level-top .level-top:before {
                left: 50%
        }
.catalog-product-view .product-info-main .order-first [x-data^="amTooltip_"] [x-show="showTooltip"] div.t-nav .level0.level-top .level-top:before {
                top: -1rem;
                left: 100%;
                margin-left: 1rem;
                transform: none
        }
.catalog-product-view .product-info-main .order-first [x-data^="amTooltip_"] [x-show="showTooltip"] svg.t-nav .level0.level-top .level-top:before {
                top: auto;
                left: 100%;
                bottom: 0px;
                transform: none
        }
[x-data^="initSliderComponent"] [x-data^="amTooltip_"] [x-show="showTooltip"] div.t-nav .level0.level-top .level-top:before {
                left: 3rem
        }
                    .t-nav .level0.level-top:hover .level-top:before {
                width: 100%;
                background-color: var(--optimo-darker)
        }

                    .t-nav .level0.level-top:hover .submenu.level0 {
                visibility: visible;
                height: auto;
                opacity: 1
        }
    }

@media (min-width: 1024px) {
            .amblog-common [data-content-type='row'][data-appearance='contained'] .sidebar-main {
                        order: 1
            }

            .amblog-common [data-content-type='row'][data-appearance='contained'] .column.main {
                        order: 2
            }
        }

@media (min-width: 1024px) {
            .amblog-common [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .sidebar-main {
                        order: 1
            }

            .amblog-common [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .column.main {
                        order: 2
            }
        }

@media (min-width: 1024px) {
    [data-content-type='column-line'] {
        flex-wrap: nowrap
    }
}

@media (min-width: 1024px) {
[data-content-type='column'] {
        flex-basis: auto
}
    }

@media (min-width: 1024px) {
[data-content-type='faq'] [data-content-type='faq-item'] [data-element='answer'] div {
font-size: 1rem
}
                }

@media (min-width: 1024px) {
            .page-product-bundle .bundle-info a.pagebuilder-button-primary,.page-product-bundle .bundle-info  button.pagebuilder-button-primary,.page-product-bundle .bundle-info  div.pagebuilder-button-primary {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 1280px) {
        a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover {
                border-color: var(--optimo-darker);
                background-color: var(--optimo-darker);
                color: var(--white)
        }
    }

@media (min-width: 1024px) {
            .page-product-bundle .bundle-info a.pagebuilder-button-secondary,.page-product-bundle .bundle-info  button.pagebuilder-button-secondary,.page-product-bundle .bundle-info  div.pagebuilder-button-secondary {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 1280px) {
        a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover {
                --tw-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
                --tw-shadow-colored: 0px 0px 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)
        }
    }

@media (min-width: 1024px) {
    [data-content-type='image'] .pagebuilder-mobile-hidden {
        display: block
    }
    [data-content-type='image'] .pagebuilder-mobile-only {
        display: none
    }
}

@media (min-width: 1024px) {
    [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
        max-width: 36rem
    }
}

@media (min-width: 1024px) {
    [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
        max-width: 32rem
    }
}

@media (min-width: 1024px) {
                .checkout-cart-index .cart-products-toolbar > div p {
                                grid-column: span 2 / span 2;
                                margin-bottom: 0px
                }
            }

@media (min-width: 1024px) {
.cart-items {
        grid-template-areas: "photo name price qty total"
            "photo info price qty total"
            "photo actions price qty total"
}
    }

@media (min-width: 1024px) {
    .ambrands-slider-container .amslider .swiper-button-prev {
        left: -2.5rem
    }
}

@media (min-width: 1024px) {
    .ambrands-slider-container .amslider .swiper-button-next {
        right: -2.5rem
    }
}

@media (min-width: 1024px) {
            .amblog-common .container .sidebar-main {
                        order: 1
            }

            .amblog-common .container .column.main {
                        order: 2
            }
        }

@media (min-width: 1024px) {
.sales-order-view .page-title h1 {
margin-bottom: 0px;
width: auto}
.sales-order-view .page-title {
margin-bottom: 0px;
justify-content: flex-start}}

@media (min-width: 1024px) {
            .page-product-grouped .product-info .addtocart-container {
                        flex-grow: 0
            }

                .page-product-grouped .product-info .addtocart-container .addtocart {
                        max-width: 264px
            }
                .page-product-grouped .product-info .price-box .price {
                        font-size: 0.875rem
            }
            .page-product-bundle .bundle-info .btn {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 1024px) {
.cms-page-view .container-text {
width: 66.666667%
}
    }

@media (min-width: 1280px) {
        .btn-primary:hover {
                border-color: var(--optimo-darker);
                background-color: var(--optimo-darker);
                color: var(--white)
        }
    }

@media (min-width: 1280px) {
        .btn-secondary:hover {
                --tw-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
                --tw-shadow-colored: 0px 0px 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)
        }
    }

@media (min-width: 1280px) {
        .btn-tertiary:hover {
                background-color: var(--grey-dark);
                --tw-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
                --tw-shadow-colored: 0px 0px 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)
        }
    }

@media (min-width: 1280px) {
        .btn-quaternary:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                --tw-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
                --tw-shadow-colored: 0px 0px 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)
        }
    }

@media (min-width: 1024px) {
    .p-slider__item .product__attributes {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {
    .m-menu__customer_links a {
        font-size: 1rem;
        letter-spacing: 0em
    }
}

@media (min-width: 1024px) {
    .language nav a {
        white-space: nowrap
    }
}

@media (min-width: 1024px) {
    .t-nav .level0.level-top {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px
    }
}

@media (min-width: 1024px) {
    .t-nav .level0.level-top .level-top {
        justify-content: flex-start
    }
    .t-nav li .category-item a {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important
    }
}

@media (min-width: 1024px) {
    .t-nav .submenu.level0 {
        min-width: 735px !important
    }
}

@media (min-width: 1024px) {
    .logo {
        min-height: 47px
    }
}

@media (min-width: 1024px) {
    .social-links {
        margin-top: 0px
    }
}

@media (min-width: 1024px) {
    .footer .footer__middle-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr auto
    }
    .footer .footer__middle--left {
        grid-column: span 4 / span 4
    }
}

@media (min-width: 1024px) {
    .copyright {
        padding-top: 0px
    }
}

@media (min-width: 1024px) {
    .checkout-cart-index .cart-items-block {
        width: 74%;
        padding-right: 6rem
    }
    .checkout-cart-index .cart--summary {
        width: 26%;
        padding-right: 0px;
        padding-bottom: 6rem
    }
    .checkout-cart-index .cart--summary::after {
        left: 0px
    }
}

@media (min-width: 1024px) {
    .account-sidebar-link {
        padding-right: 1rem
    }
}

@media (min-width: 1024px) {
    .order-info > h3 {
        margin-bottom: 1rem
    }
}

@media (min-width: 1024px) {
    .ais-Hits-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2rem
    }
}

@media (min-width: 1024px) {
    .ais-Stats-text {
        border-left-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(238 238 238 / var(--tw-border-opacity));
        padding-left: 1.5rem
    }
}

@media (min-width: 1024px) {
    .ais-ClearRefinements {
        justify-content: flex-start
    }
}

@media (min-width: 1024px) {
    .ais-list-mode .skeleton-actions .skeleton-inner {
        width: 120px
    }
}

@media (min-width: 1280px) {
    .ais-list-mode .skeleton-actions .skeleton-inner {
        width: 215px
    }
}

@media (min-width: 1024px) {
    .ais-list-mode .skeleton-actions .skeleton-inner > div {
        height: 6rem
    }
}

@media (min-width: 1024px) {
    .ais-list-mode .product-item {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
}

@media (min-width: 1280px) {
    .ais-list-mode .product-details {
        grid-template-columns: minmax(0,445px) minmax(180px,1fr) 215px
    }
}

@media (min-width: 1024px) {
    .ais-list-mode .product-heading {
        grid-column-start: 1;
        grid-column-end: 2;
        column-gap: 0.5rem
    }
}

@media (min-width: 1024px) {
    .ais-list-mode .product-attributes {
        grid-column-start: 1;
        grid-column-end: 2
    }
}

@media (min-width: 1024px) {
    .ais-list-mode .product-actions {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 4
    }
}

@media (min-width: 1024px) {
    .ais-list-mode .product-actions form {
        width: auto;
        max-width: 120px;
        flex-wrap: wrap
    }
}

@media (min-width: 1280px) {
    .ais-list-mode .product-actions form {
        max-width: none;
        flex-wrap: nowrap
    }
}

@media (min-width: 1280px) {
    .ais-list-mode .product-actions form .qty-field {
        max-width: 120px
    }
}

@media (min-width: 1024px) {
    .ais-list-mode .product-foundedby {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4
    }
}

@media (min-width: 1024px) {
    .search-opened {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }
}

@media (min-width: 1024px) {
    .search-opened .btn-close {
        right: 1.5rem !important
    }
}

@media (min-width: 1024px) {
        .aa-List .found-by {
            grid-area: foundBy;
        }
            .aa-List .product-attributes {
                grid-template-columns: repeat(4, 140px);
            }

            .aa-List .product-name {
                padding-top: 0.25rem;
        }
}

@media (min-width: 1024px) {
    .catalog-product-view .product-info-sticky .qty-field {
        max-width: 13rem
    }
    .catalog-product-view .product-info-sticky .price-box-container {
        justify-content: flex-end
    }
}

@media (min-width: 1024px) {
    .catalog-product-view .product-info-sticky #wishlistButton {
        display: block
    }
}

@media (min-width: 1024px) {
        .catalog-product-view .product__link {
                min-width: 16rem
        }
    }

@media (min-width: 1024px) {
    .catalog-product-view .addtocart-sticky .price-box-container {
        justify-content: center
    }
}

@media (min-width: 1024px) {
        .page-products .product__details {
            grid-template-columns: auto 1fr;
            grid-template-areas:
                "image brand action"
                "image name action"
                "image attributes action"
                "image price action"
                "image stock action";
        }
        .page-products .toolbar-inner .toolbar-amount {
                border-left-width: 1px;
                --tw-border-opacity: 1;
                border-color: rgb(162 162 162 / var(--tw-border-opacity));
                padding-left: 1.5rem;
        }
    }

@media (min-width: 1280px) {
    .page-products .products-list .final-price-container {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1024px) {
    .page-products .products-list .mrp-price,
        .page-products .products-list .net-amount,
        .page-products .products-list .old-net-amount,
        .page-products .products-list .promo-price {
        flex-direction: row;
        align-items: baseline;
        gap: 0.5rem
    }
}

@media (min-width: 1024px) {
.page-products .products-list.mode-list .product-item {
                    grid-template-areas:
                        "heading price action"
                        "attributes price action"
                        "crossReferences stock action";
                    grid-template-columns: minmax(0,470px) minmax(180px,240px) auto
            }

                    .page-products .products-list.mode-list .product-item:has(.warning-message-wrapper) {
                        grid-template-areas:
                        "heading warningMessage action"
                        "attributes warningMessage action"
                        "crossReferences warningMessage action";
                    }
                }

@media (min-width: 1024px) {
    .page-products .products-list.mode-list .product__attributes {
        gap: 0.5rem
    }
    .page-products .products-list.mode-list .product__price {
        padding-bottom: 0px
    }
}

@media (min-width: 1024px) {
.page-products .products-list.mode-list .form-wrapper form {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
                    }

@media (min-width: 1280px) {
.page-products .products-list.mode-list .form-wrapper form {
flex-direction: row;
align-items: center;
justify-content: space-between
}
                    }

@media (min-width: 1024px) {
    .application .additional-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {
    .vehicle .additional-filters {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {
    .application-box.search-opened {
        padding: 1rem !important
    }
}

@media (min-width: 1024px) {
    .media_library-index-index .columns, .media_library-category-index .columns, .media_library-search-index .columns {
        column-gap: 2rem
    }
}

@media (min-width: 1024px) {
    .media_library-index-index .columns .sidebar.sidebar-main, .media_library-category-index .columns .sidebar.sidebar-main, .media_library-search-index .columns .sidebar.sidebar-main {
        grid-column: span 1 / span 1
    }
}

@media (min-width: 1024px) {
    .lg\:container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: var(--page-gap);
        padding-left: var(--page-gap)
    }
}

@media (min-width: 1024px) {
    .lg\:pointer-events-auto {
        pointer-events: auto
    }
    .lg\:static {
        position: static
    }
    .lg\:fixed {
        position: fixed
    }
    .lg\:absolute {
        position: absolute
    }
    .lg\:relative {
        position: relative
    }
    .lg\:sticky {
        position: sticky
    }
    .lg\:inset-x-0 {
        left: 0px;
        right: 0px
    }
    .lg\:\!-top-10 {
        top: -2.5rem !important
    }
    .lg\:\!top-0 {
        top: 0px !important
    }
    .lg\:-right-2 {
        right: -0.5rem
    }
    .lg\:bottom-auto {
        bottom: auto
    }
    .lg\:left-0 {
        left: 0px
    }
    .lg\:left-9 {
        left: 2.25rem
    }
    .lg\:left-full {
        left: 100%
    }
    .lg\:right-1 {
        right: 0.25rem
    }
    .lg\:right-4 {
        right: 1rem
    }
    .lg\:right-6 {
        right: 1.5rem
    }
    .lg\:top-0 {
        top: 0px
    }
    .lg\:top-\[calc\(100\%\+5px\)\] {
        top: calc(100% + 5px)
    }
    .lg\:top-sticky-height {
        top: 152px
    }
    .lg\:z-0 {
        z-index: 0
    }
    .lg\:z-10 {
        z-index: 10
    }
    .lg\:order-2 {
        order: 2
    }
    .lg\:order-3 {
        order: 3
    }
    .lg\:order-last {
        order: 9999
    }
    .lg\:order-none {
        order: 0
    }
    .lg\:col-span-1 {
        grid-column: span 1 / span 1
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4
    }
    .lg\:col-start-2 {
        grid-column-start: 2
    }
    .lg\:col-end-3 {
        grid-column-end: 3
    }
    .lg\:row-start-1 {
        grid-row-start: 1
    }
    .lg\:row-start-3 {
        grid-row-start: 3
    }
    .lg\:\!row-end-4 {
        grid-row-end: 4 !important
    }
    .lg\:row-end-3 {
        grid-row-end: 3
    }
    .lg\:row-end-4 {
        grid-row-end: 4
    }
    .lg\:m-0 {
        margin: 0px
    }
    .lg\:m-auto {
        margin: auto
    }
    .lg\:mx-0 {
        margin-left: 0px;
        margin-right: 0px
    }
    .lg\:mx-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem
    }
    .lg\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .lg\:my-0 {
        margin-top: 0px;
        margin-bottom: 0px
    }
    .lg\:-ml-\[1px\] {
        margin-left: -1px
    }
    .lg\:-mt-3 {
        margin-top: -0.75rem
    }
    .lg\:-mt-4 {
        margin-top: -1rem
    }
    .lg\:mb-0 {
        margin-bottom: 0px
    }
    .lg\:mb-1 {
        margin-bottom: 0.25rem
    }
    .lg\:mb-10 {
        margin-bottom: 2.5rem
    }
    .lg\:mb-12 {
        margin-bottom: 3rem
    }
    .lg\:mb-16 {
        margin-bottom: 4rem
    }
    .lg\:mb-2 {
        margin-bottom: 0.5rem
    }
    .lg\:mb-2\.5 {
        margin-bottom: 0.625rem
    }
    .lg\:mb-24 {
        margin-bottom: 6rem
    }
    .lg\:mb-4 {
        margin-bottom: 1rem
    }
    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }
    .lg\:mb-8 {
        margin-bottom: 2rem
    }
    .lg\:mb-block-spacing {
        margin-bottom: var(--b-spacing)
    }
    .lg\:ml-0 {
        margin-left: 0px
    }
    .lg\:ml-5 {
        margin-left: 1.25rem
    }
    .lg\:ml-6 {
        margin-left: 1.5rem
    }
    .lg\:ml-auto {
        margin-left: auto
    }
    .lg\:mr-0 {
        margin-right: 0px
    }
    .lg\:mr-3 {
        margin-right: 0.75rem
    }
    .lg\:mr-4 {
        margin-right: 1rem
    }
    .lg\:mr-5 {
        margin-right: 1.25rem
    }
    .lg\:mr-auto {
        margin-right: auto
    }
    .lg\:mt-0 {
        margin-top: 0px
    }
    .lg\:mt-1 {
        margin-top: 0.25rem
    }
    .lg\:mt-2 {
        margin-top: 0.5rem
    }
    .lg\:mt-3 {
        margin-top: 0.75rem
    }
    .lg\:mt-6 {
        margin-top: 1.5rem
    }
    .lg\:mt-8 {
        margin-top: 2rem
    }
    .lg\:mt-auto {
        margin-top: auto
    }
    .lg\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .lg\:\!block {
        display: block !important
    }
    .lg\:block {
        display: block
    }
    .lg\:inline-block {
        display: inline-block
    }
    .lg\:inline {
        display: inline
    }
    .lg\:flex {
        display: flex
    }
    .lg\:table-cell {
        display: table-cell
    }
    .lg\:table-row {
        display: table-row
    }
    .lg\:grid {
        display: grid
    }
    .lg\:hidden {
        display: none
    }
    .lg\:size-6 {
        width: 1.5rem;
        height: 1.5rem
    }
    .lg\:h-0 {
        height: 0px
    }
    .lg\:h-10 {
        height: 2.5rem
    }
    .lg\:h-12 {
        height: 3rem
    }
    .lg\:h-auto {
        height: auto
    }
    .lg\:h-full {
        height: 100%
    }
    .lg\:max-h-full {
        max-height: 100%
    }
    .lg\:min-h-16 {
        min-height: 4rem
    }
    .lg\:min-h-\[168px\] {
        min-height: 168px
    }
    .lg\:min-h-\[22px\] {
        min-height: 22px
    }
    .lg\:min-h-\[50px\] {
        min-height: 50px
    }
    .lg\:min-h-\[65px\] {
        min-height: 65px
    }
    .lg\:w-1\/2 {
        width: 50%
    }
    .lg\:w-1\/3 {
        width: 33.333333%
    }
    .lg\:w-1\/4 {
        width: 25%
    }
    .lg\:w-1\/5 {
        width: 20%
    }
    .lg\:w-12 {
        width: 3rem
    }
    .lg\:w-2\/3 {
        width: 66.666667%
    }
    .lg\:w-3\/6 {
        width: 50%
    }
    .lg\:w-5\/12 {
        width: 41.666667%
    }
    .lg\:w-6\/12 {
        width: 50%
    }
    .lg\:w-7\/12 {
        width: 58.333333%
    }
    .lg\:w-\[10\%\] {
        width: 10%
    }
    .lg\:w-\[15\%\] {
        width: 15%
    }
    .lg\:w-\[17\%\] {
        width: 17%
    }
    .lg\:w-\[170px\] {
        width: 170px
    }
    .lg\:w-\[180px\] {
        width: 180px
    }
    .lg\:w-\[250px\] {
        width: 250px
    }
    .lg\:w-\[35\%\] {
        width: 35%
    }
    .lg\:w-\[66\%\] {
        width: 66%
    }
    .lg\:w-\[74px\] {
        width: 74px
    }
    .lg\:w-\[calc\(100\%\/4-30px\/4\)\] {
        width: calc(100% / 4 - 30px / 4)
    }
    .lg\:w-auto {
        width: auto
    }
    .lg\:w-fit {
        width: fit-content
    }
    .lg\:w-full {
        width: 100%
    }
    .lg\:w-logo-d {
        width: var(--logo-d)
    }
    .lg\:min-w-96 {
        min-width: 24rem
    }
    .lg\:min-w-\[150px\] {
        min-width: 150px
    }
    .lg\:min-w-\[180px\] {
        min-width: 180px
    }
    .lg\:min-w-\[360px\] {
        min-width: 360px
    }
    .lg\:min-w-\[45\%\] {
        min-width: 45%
    }
    .lg\:min-w-\[898px\] {
        min-width: 898px
    }
    .lg\:max-w-56 {
        max-width: 14rem
    }
    .lg\:max-w-72 {
        max-width: 18rem
    }
    .lg\:max-w-\[116px\] {
        max-width: 116px
    }
    .lg\:max-w-\[405px\] {
        max-width: 405px
    }
    .lg\:max-w-\[410px\] {
        max-width: 410px
    }
    .lg\:max-w-\[440px\] {
        max-width: 440px
    }
    .lg\:max-w-\[50\%\] {
        max-width: 50%
    }
    .lg\:max-w-\[65\%\] {
        max-width: 65%
    }
    .lg\:max-w-\[66\%\] {
        max-width: 66%
    }
    .lg\:max-w-none {
        max-width: none
    }
    .lg\:max-w-page {
        max-width: var(--page-max-width)
    }
    .lg\:flex-1 {
        flex: 1 1 0%
    }
    .lg\:flex-auto {
        flex: 1 1 auto
    }
    .lg\:shrink-0 {
        flex-shrink: 0
    }
    .lg\:flex-grow {
        flex-grow: 1
    }
    .lg\:flex-grow-0 {
        flex-grow: 0
    }
    .lg\:grow {
        flex-grow: 1
    }
    .lg\:grow-0 {
        flex-grow: 0
    }
    .lg\:rotate-90 {
        --tw-rotate: 90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .lg\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .lg\:grid-cols-\[minmax\(0\2c 460px\)_minmax\(180px\2c 1fr\)_120px\] {
        grid-template-columns: minmax(0,460px) minmax(180px,1fr) 120px
    }
    .lg\:grid-cols-\[repeat\(4\2c _minmax\(100px\2c _500px\)\)\] {
        grid-template-columns: repeat(4, minmax(100px, 500px))
    }
    .lg\:grid-cols-cart-header {
        grid-template-columns: 132px 1fr 95px 160px 100px
    }
    .lg\:grid-cols-cart-item-lg {
        grid-template-columns: 132px 1fr
    }
    .lg\:grid-cols-orders {
        grid-template-columns: repeat(6, minmax(auto, 300px))
    }
    .lg\:grid-cols-recent-orders {
        grid-template-columns: repeat(6, 1fr)
    }
    .lg\:\!flex-row {
        flex-direction: row !important
    }
    .lg\:flex-row {
        flex-direction: row
    }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .lg\:flex-col {
        flex-direction: column
    }
    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }
    .lg\:items-start {
        align-items: flex-start
    }
    .lg\:items-end {
        align-items: flex-end
    }
    .lg\:items-center {
        align-items: center
    }
    .lg\:justify-start {
        justify-content: flex-start
    }
    .lg\:justify-end {
        justify-content: flex-end
    }
    .lg\:justify-center {
        justify-content: center
    }
    .lg\:justify-between {
        justify-content: space-between
    }
    .lg\:gap-0 {
        gap: 0px
    }
    .lg\:gap-1 {
        gap: 0.25rem
    }
    .lg\:gap-1\.5 {
        gap: 0.375rem
    }
    .lg\:gap-10 {
        gap: 2.5rem
    }
    .lg\:gap-2 {
        gap: 0.5rem
    }
    .lg\:gap-2\.5 {
        gap: 0.625rem
    }
    .lg\:gap-4 {
        gap: 1rem
    }
    .lg\:gap-6 {
        gap: 1.5rem
    }
    .lg\:gap-8 {
        gap: 2rem
    }
    .lg\:gap-x-2 {
        column-gap: 0.5rem
    }
    .lg\:gap-x-4 {
        column-gap: 1rem
    }
    .lg\:gap-x-6 {
        column-gap: 1.5rem
    }
    .lg\:self-start {
        align-self: flex-start
    }
    .lg\:overflow-auto {
        overflow: auto
    }
    .lg\:overflow-visible {
        overflow: visible
    }
    .lg\:overflow-x-auto {
        overflow-x: auto
    }
    .lg\:overflow-x-visible {
        overflow-x: visible
    }
    .lg\:rounded-\[32px\] {
        border-radius: 32px
    }
    .lg\:rounded-lg {
        border-radius: 0.5rem
    }
    .lg\:rounded-none {
        border-radius: 0px
    }
    .lg\:border {
        border-width: 1px
    }
    .lg\:border-0 {
        border-width: 0px
    }
    .lg\:border-b {
        border-bottom-width: 1px
    }
    .lg\:border-l {
        border-left-width: 1px
    }
    .lg\:border-t {
        border-top-width: 1px
    }
    .lg\:border-solid {
        border-style: solid
    }
    .lg\:border-grey-light {
        --tw-border-opacity: 1;
        border-color: rgb(238 238 238 / var(--tw-border-opacity))
    }
    .lg\:border-optimo-darker {
        border-color: var(--optimo-darker)
    }
    .lg\:border-t-grey-light {
        --tw-border-opacity: 1;
        border-top-color: rgb(238 238 238 / var(--tw-border-opacity))
    }
    .lg\:bg-1 {
        background-color: var(--bg-1)
    }
    .lg\:bg-black\/50 {
        background-color: rgb(0 0 0 / 0.5)
    }
    .lg\:bg-transparent {
        background-color: transparent
    }
    .lg\:p-0 {
        padding: 0px
    }
    .lg\:p-2 {
        padding: 0.5rem
    }
    .lg\:p-2\.5 {
        padding: 0.625rem
    }
    .lg\:p-3 {
        padding: 0.75rem
    }
    .lg\:p-4 {
        padding: 1rem
    }
    .lg\:\!px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }
    .lg\:px-0 {
        padding-left: 0px;
        padding-right: 0px
    }
    .lg\:px-11 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }
    .lg\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }
    .lg\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }
    .lg\:px-28 {
        padding-left: 7rem;
        padding-right: 7rem
    }
    .lg\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
    .lg\:px-3\.5 {
        padding-left: 0.875rem;
        padding-right: 0.875rem
    }
    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:px-\[100px\] {
        padding-left: 100px;
        padding-right: 100px
    }
    .lg\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }
    .lg\:py-1\.5 {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem
    }
    .lg\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .lg\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .lg\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
    .lg\:py-2\.5 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }
    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .lg\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }
    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .lg\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .lg\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .lg\:pb-1 {
        padding-bottom: 0.25rem
    }
    .lg\:pb-24 {
        padding-bottom: 6rem
    }
    .lg\:pb-4 {
        padding-bottom: 1rem
    }
    .lg\:pl-0 {
        padding-left: 0px
    }
    .lg\:pl-12 {
        padding-left: 3rem
    }
    .lg\:pl-14 {
        padding-left: 3.5rem
    }
    .lg\:pl-20 {
        padding-left: 5rem
    }
    .lg\:pl-3 {
        padding-left: 0.75rem
    }
    .lg\:pl-4 {
        padding-left: 1rem
    }
    .lg\:pl-5 {
        padding-left: 1.25rem
    }
    .lg\:pl-6 {
        padding-left: 1.5rem
    }
    .lg\:pr-10 {
        padding-right: 2.5rem
    }
    .lg\:pr-16 {
        padding-right: 4rem
    }
    .lg\:pr-2 {
        padding-right: 0.5rem
    }
    .lg\:pr-20 {
        padding-right: 5rem
    }
    .lg\:pr-3 {
        padding-right: 0.75rem
    }
    .lg\:pr-4 {
        padding-right: 1rem
    }
    .lg\:pr-5 {
        padding-right: 1.25rem
    }
    .lg\:pr-6 {
        padding-right: 1.5rem
    }
    .lg\:pt-0 {
        padding-top: 0px
    }
    .lg\:pt-10 {
        padding-top: 2.5rem
    }
    .lg\:pt-12 {
        padding-top: 3rem
    }
    .lg\:pt-16 {
        padding-top: 4rem
    }
    .lg\:pt-2 {
        padding-top: 0.5rem
    }
    .lg\:pt-20 {
        padding-top: 5rem
    }
    .lg\:pt-3 {
        padding-top: 0.75rem
    }
    .lg\:text-left {
        text-align: left
    }
    .lg\:text-right {
        text-align: right
    }
    .lg\:align-top {
        vertical-align: top
    }
    .lg\:text-5xl {
        font-size: 3rem
    }
    .lg\:text-base {
        font-size: 1rem
    }
    .lg\:text-lg {
        font-size: 1.125rem
    }
    .lg\:text-sm {
        font-size: 0.875rem
    }
    .lg\:text-xl {
        font-size: 1.25rem
    }
    .lg\:font-bold {
        font-weight: 700
    }
    .lg\:uppercase {
        text-transform: uppercase
    }
    .lg\:leading-normal {
        line-height: 1.5
    }
    .lg\:text-black {
        color: var(--black)
    }
    .lg\:text-white {
        color: var(--white)
    }
    .lg\:opacity-100 {
        opacity: 1
    }
    .lg\:shadow-box4 {
        --tw-shadow: -1px 0px 0px 0px var(--optimo-darker);
        --tw-shadow-colored: -1px 0px 0px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
    .lg\:transition-none {
        transition-property: none
    }
    .lg\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .lg\:before\:absolute::before {
        content: var(--tw-content);
        position: absolute
    }
    .lg\:before\:-left-\[100vw\]::before {
        content: var(--tw-content);
        left: -100vw
    }
    .lg\:before\:right-0::before {
        content: var(--tw-content);
        right: 0px
    }
    .lg\:before\:top-0::before {
        content: var(--tw-content);
        top: 0px
    }
    .lg\:before\:-z-1::before {
        content: var(--tw-content);
        z-index: -1
    }
    .lg\:before\:hidden::before {
        content: var(--tw-content);
        display: none
    }
    .lg\:before\:h-full::before {
        content: var(--tw-content);
        height: 100%
    }
    .lg\:before\:bg-1::before {
        content: var(--tw-content);
        background-color: var(--bg-1)
    }
    .lg\:first\:border-t:first-child {
        border-top-width: 1px
    }
    .lg\:first\:border-grey-light:first-child {
        --tw-border-opacity: 1;
        border-color: rgb(238 238 238 / var(--tw-border-opacity))
    }
    .last\:lg\:border-b-0:last-child {
        border-bottom-width: 0px
    }
    .lg\:hover\:shadow-box3:hover {
        --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
        --tw-shadow-colored: 0px 0px 15px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
    .group:hover .lg\:group-hover\:pt-8 {
        padding-top: 2rem
    }
}

@media (min-width: 1280px) {
    .xl\:order-first {
        order: -9999
    }
    .xl\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .xl\:mx-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem
    }
    .xl\:mb-7 {
        margin-bottom: 1.75rem
    }
    .xl\:mt-11 {
        margin-top: 2.75rem
    }
    .xl\:block {
        display: block
    }
    .xl\:flex {
        display: flex
    }
    .xl\:w-1\/3 {
        width: 33.333333%
    }
    .xl\:w-auto {
        width: auto
    }
    .xl\:flex-row {
        flex-direction: row
    }
    .xl\:items-center {
        align-items: center
    }
    .xl\:justify-start {
        justify-content: flex-start
    }
    .xl\:whitespace-nowrap {
        white-space: nowrap
    }
    .xl\:border-none {
        border-style: none
    }
    .xl\:p-6 {
        padding: 1.5rem
    }
    .xl\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .xl\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
    .xl\:pl-20 {
        padding-left: 5rem
    }
    .xl\:text-5xl {
        font-size: 3rem
    }
    .xl\:text-base {
        font-size: 1rem
    }
    .xl\:text-lg {
        font-size: 1.125rem
    }
    .xl\:after\:-bottom-5::after {
        content: var(--tw-content);
        bottom: -1.25rem
    }
    .xl\:after\:left-0::after {
        content: var(--tw-content);
        left: 0px
    }
    .xl\:hover\:text-optimo-darker:hover {
        color: var(--optimo-darker)
    }
    .group:hover .xl\:group-hover\:absolute {
        position: absolute
    }
    .group:hover .xl\:group-hover\:bottom-\[calc\(100\%-20px\)\] {
        bottom: calc(100% - 20px)
    }
    .group:hover .xl\:group-hover\:block {
        display: block
    }
    .group:hover .xl\:group-hover\:flex {
        display: flex
    }
    .group:hover .xl\:group-hover\:h-3\/4 {
        height: 75%
    }
    .group:hover .xl\:group-hover\:overflow-auto {
        overflow: auto
    }
    .group:hover .xl\:group-hover\:bg-white\/90 {
        background-color: rgb(255 255 255 / 0.9)
    }
    .group:hover .xl\:group-hover\:p-2 {
        padding: 0.5rem
    }
    .group:hover .xl\:group-hover\:p-6 {
        padding: 1.5rem
    }
    .group:hover .xl\:group-hover\:pt-8 {
        padding-top: 2rem
    }
    .group:hover .xl\:group-hover\:transition-\[height\] {
        transition-property: height;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms
    }
    .group:hover .xl\:group-hover\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms
    }
}