@font-face {
    font-family: "Nunito";
    src: url('../../frontend/Mdp/hyva/fr_FR/Netreviews_Avisverifies/fonts/Nunito/Nunito-Regular.ttf');
}
#netreviews_reviews_tab {
    background-color: #f9f9f9;
    overflow: hidden;
    margin: 0px auto;
    padding: 0px;
    font-family: "Nunito", Arial, Helvetica, sans-serif;
    width: 100%;
    position:relative;
}

.stars__rating{
    color: black;
}
/*#netreviews_reviews_tab * {*/
/*font-family: "Nunito", Arial, Helvetica, sans-serif !important;*/
/*}*/

/* Rating */
#netreviews_rating_section{
    display: block;
    padding: 15px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E7E9EE;
    margin: 0px auto;
}

#netreviews_rating_section.no-border {
    border-bottom: 0 !important;
}

.netreviews_rating_header {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    height: 70px;
    min-height: 70px;
    text-align:center;
}
.netreviews_logo {
    position: absolute;
    top: 20px;
    left: 15px;
    width: 200px;
    height: auto;
}
.netreviews_certification, .netreviews_certification:active, .netreviews_certification:visited {
    color: rgb(150, 160, 170);
    text-decoration: none;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: color 0.2s;
    font-weight:600;
}
.netreviews_certification:hover {
    color: rgb(47, 47, 47);
    text-decoration: none;
    font-size: 14px;
}
.netreviews_rating_content {
    width: 100%;
    display: block;
    position: relative;
    height: 180px;
    min-height: 180px;
    margin-top: 15px;
}
.netreviews_global_rating {
    display: block;
    width: 50%;
    margin: 0px;
    border-right: solid #DDDDDD 2px;
    position: absolute;
    top: 25px;
    left: 0px;
    padding:0px;
}
.netreviews_note_generale {
    display: block;
    font-size: 58px;
    font-weight: lighter;
    margin: 0px auto;
    width: 100%;
    padding: 0px;
    text-align: center;
}
.netreviews_note_generale span{
    font-size : 30px !important;
}
.netreviews_subtitle {
    display: block;
    font-size: 16px;
    color: rgb(150, 160, 170);
    width: 100%;
    text-align: center;
    padding: 9px 0px 0px 0px;
    margin: 0px;
}
.netreviews_global_rating_details {
    display: block;
    width: 50%;
    margin: 0px;
    position: absolute;
    top: 25px;
    right: 0px;
    padding:0px;
}
.netreviews_rates_list {
    margin: 0px auto;
    border: 0;
    width: 200px;
    display: flex;
    flex-direction: row;
    padding: 0px;
}
.netreviews_rate_list_item {
    display:flex;
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none;
    width: 23px;
    float: left;
    padding-top: 110px;
    margin-right: 15px;
    color: #FFCD00;
    cursor: pointer;
}
.netreviews_rate_list_item span {
    margin-right: 3px;
}
.netreviews_rate_list_star_image{
    width: 12px;
    height: 12px;
    margin-top: 4px;
}
.netreviews_rate_graph {
    height: 100px;
    width: 25px;
    left:0; /*pour IE 10/11*/
    top: 0;
    position: absolute;
    padding-right:20px;
}
.netreviews_rate_percent {
    background: #FFCD00;
    min-height: 1px;
    margin-top: 2px;
    width: 25px;
    bottom: 0;
    position: absolute;
    left: 0;
    transition: background 0.2s;
}
.netreviews_rate_percent:hover {
    cursor:pointer;
    background: #fbdb5a;
}
span[class^="netreviews_rate_total"] {
    color: #a6b1b8;
    margin-top: -25px;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
}




/* Button */
#netreviews_button_more_reviews{
    display: block;
    width: 100%;
    margin: 0px;
    text-align: center;
    padding: 20px 0px 0px 0px;
}
#netreviews_button_more_reviews .netreviews_button{
    display: block;
    margin: 0px auto;
    padding: 5px 0px;
    width: 250px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight:500;
    text-decoration: none;
    border-radius: 5px;
    background-color:  #a7a8a9;
    transition: background-color 0.2s;
    font-family: Nunito;
    cursor: pointer;
}
#netreviews_button_more_reviews .netreviews_button:hover, #netreviews_button_more_reviews .netreviews_button:active {
    background-color:  #656565 !important;
    text-decoration: none !important;
}
#netreviews_button_more_reviews > a.active {
    background-color:  #656565 !important;
    text-decoration: none !important;
    background-image:url('../../frontend/Mdp/hyva/fr_FR/Netreviews_Avisverifies/images/load.gif');
    background-repeat:no-repeat;
    background-position: 5px center;
}
#avisVerifiesAjaxImage {
    background-image: url('../../frontend/Mdp/hyva/fr_FR/Netreviews_Avisverifies/images/loadFull.gif');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 90%;
    height: 100px;
}
.netreviews_button_comment {
    text-decoration: none;
    color: #a7a8a9;
    transition: color 0.2s;
    display: block;
    width: 100%;
    padding: 20px 0px 0px 0px;
    margin: 0px;
}

.netreviews_button_comment:hover {
    text-decoration: none;
    color: rgb(47, 47, 47);
}

.netreviews_more_comment {
    width: 15px;
    margin-right: 5px;
}


.reviewInfosAV .netreviews-stars .netreviews_bg_stars{
    margin: 0px 5px;
}

.netreviews-stars a, .netreviews-stars a:hover, .netreviews-stars a:active, .netreviews-stars a:visited {
    line-height: 34px;
    font-size: 14px;
    display: block;
    text-decoration: underline;
    border: none;
    box-shadow: none;
    margin: 0px 0px 0px 8px;
    float: left;
    cursor: pointer;
}



/* Filters */
.netreviews_filtering_section {
    width: 100%;
    margin: 0px auto;
    display: block;
    background: transparent;
    padding: 15px 0px 10px 0px;
    text-align: center;
    font-size: 15px;
    color: rgb(150, 160, 170);
}
.netreviews_filtering_section select {
    font-size: 14px;
    width:auto;
    line-height:15px;
    text-align:left;
    display:inline;
    outline:none;
    cursor:pointer;
}

/* Reviews */
.netreviews_reviews_section {
    width:100%;
    display:block;
    padding: 0px 0px 30px 0px;
    margin:0px;
}
.netreviews_review_part{
    padding : 25px 15px;
    border-bottom: 3px solid #ffffff;
    width:85%;
    margin: 0px auto;
    display:block;
}
.netreviews_review_part:first-child{
    border-top: 0px !important;
}
.netreviews_customer_name{
    display: block;
    font-size:17px;
    font-weight:bolder;
    width:100%;
    text-align:left;
    padding:0px;
    margin:0px;
}
.netreviews_customer_name span{
    font-size:15px !important;
    font-weight: 500 !important;
}
.netreviews_review_rate_and_stars {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 30px;
    min-height: 30px;
    position: relative;
}
.netreviews_review_rate_and_stars .netreviews_bg_stars {
    position: absolute;
    top: 5px;
    left: 0px;
    float: none;
    margin: 0px;
}
.netreviews_reviews_rate {
    display: block;
    position: absolute;
    left: 90px;
    font-size: 16px;
    top: 2px;
}
.netreviews_customer_review{
    font-size: 16px;
    line-height: 25px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: left;
}
.netreviews_website_answer{
    padding: 0px 5% 15px 5%;
    background-color: #FFFFFF;
    margin: 10px auto 0px auto;
    font-size: 15px;
    border-left: 3px solid #E7E9EE;
    width: 90%;
    font-weight: 500;
}
.netreviews_website_answer p {
    margin: 0px;
    padding: 20px 0px 0px 0px;
    width: 100%;
    display: block;
}

.netreviews_answer_title{
    font-weight:bolder !important;
    font-size:15px !important;
    line-height:25px !important;
}
.netreviews_answer_title small {
    font-weight:500 !important;
    font-size:13px !important;
    line-height:25px !important;
}
.netreviews_helpfulmsg {
    width: 100%;
    display: block;
    padding: 0px;
    margin: 10px auto 0px auto;
    color: #868788;
    font-size: 14px;
    line-height:16px;
    display:none;
}
.netreviews_helpful_block {
    width: 100%;
    display: block;
    padding: 0px;
    margin: 10px auto 0px auto;
    color: #868788;
    font-size: 14px;
}
.netreviews_helpful_block a {
    display: inline-block;
    background: #dedede;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 5px;
    color: #4e4e4e;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    transition: background-color, color 0.2s;
    line-height: 22px;
    height: 22px;
}
.netreviews_helpful_block a span{
    display: inline-block;
    background: #adadad;
    padding: 0px 8px;
    line-height: 22px;
    height: 22px;
    margin: 0px 0px 0px 10px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: background-color, color 0.2s;
}
.netreviews_helpful_block a:hover, .netreviews_helpful_block a:active , .netreviews_helpful_block a:hover span, .netreviews_helpful_block a:active span{
    background-color:  #656565 !important;
    color:#FFFFFF !important;
    text-decoration: none !important;
}
.netreviews_helpful_block .active {
    background-color:  #656565 !important;
    color:#FFFFFF !important;
    text-decoration: none !important;
    cursor:pointer;
}
.netreviews_helpful_block .active span {
    background-color:  #656565 !important;
    color:#FFFFFF !important;
    text-decoration: none !important;
}
.netreviews_helpful_block .active:hover {
    background-color:  #656565 !important;
    color:#FFFFFF !important;
    text-decoration: none !important;
    cursor:pointer;
}
.netreviews_no_reviews_block {
    width: 80%;
    display: block;
    padding: 20px;
    margin: 10px auto -20px auto;
    color: #868788;
    font-size: 14px;
    text-align: center;
    border-top: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}

/* Stars */

/* Small format */
.netreviews_bg_stars {
    display: block;
    float:left;
    width:60px;
    min-width:60px;
    max-width:60px;
    height:16px;
    min-height:16px;
    max-height:16px;
    padding:0px;
    border:none;
    text-decoration: none;
    outline:none;
    background-size: 12px auto;
}
.netreviews_bg_stars span {
    display: block;
    min-width:0px;
    max-width:60px;
    height:16px;
    min-height:16px;
    max-height:16px;
    margin: 0px;
    padding:0px;
    border:none;
    text-decoration: none;
    outline:none;
    line-height:1px;
    font-size:0.1px;
    background-size: 12px auto;
}

/* Big format */
.netreviews_bg_stars_big {
    display: block;
    width: 99px;
    max-width: 99px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    padding: 0px;
    border: none;
    text-decoration: none;
    outline: none;
    margin: 0 auto;
}

/* Product list page */
.listStars {
    float: left;
    width: 77px;
    min-width: 77px;
    max-width: 77px;
    margin: -7px auto auto auto; /* to reduce margin applied by price span on prodcut list page */
}

.listStars div {
    text-align: left !important;
    font-size: 15px !important;
}
.netreviews_bg_stars_big span, .netreviews_review_rate_and_stars span, .netreviews_bg_stars span {
    overflow: hidden;
    display: inline-block;
}

.netreviews_bg_stars_big div {
    position: absolute;
    font-size: 20px;
}
.netreviews_review_rate_and_stars div {
    position: absolute;
}
.headerStars {
    float: left;
}
 .netreviews_rating_header .netreviews_icone_info {
     width: 15px;
     height: 15px;
     vertical-align:middle;
     margin-left:2px;
 }
.netreviews_exit_info {
    width: 15px;
    height: 15px;
    float: right;
    cursor: pointer;
}
.netreviews_rating_header div label {
    top: 40px;
    color: rgb(150, 160, 170);
    text-decoration: none;
    font-size: 14px;
    position: absolute;
    right: 15px;
    transition: color 0.2s;
    cursor: pointer;
    z-index: 10;
}
.netreviews_rating_header div {
    width: 100%;
    float: right;
    text-align: left;
}
.netreviews_rating_header div span {
    height: auto;
    width: 450px;
    background-color: #f4f4f4;
    color: black;
    padding: 10px 10px 20px 10px;
    position: absolute;
    top: 70px;
    right: 15px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
    z-index: 11;
    display: none;
    margin: 0px;
    font-size: 13px;
}
.netreviews_rating_header div span a {
    color: black;
    text-decoration: underline;
}

#netreviews_informations_label div, #netreviews_informations div {
    width: 14px;
    cursor: pointer;
}

#netreviews_informations_label:hover {
    color: rgb(47, 47, 47);
}

#netreviews_informations {
    text-align:left !important;
}
#netreviews_informations ul {
    margin:0px 5% !important;
    padding:25px 0px 5px 0px !important;
    width:90%;
}
#netreviews_informations ul li {
    font-size:13px;
    text-align:left;
    padding:0px;
    margin:0px;
    list-style: square !important;
}

/* Responsive */
@media screen and (max-width: 600px) {

    .netreviews_logo {
        position: relative !important;
        display: block !important;
        margin: 5px auto !important;
        top: 0px !important;
        left: auto !important;
        right: auto !important;
    }
    .netreviews_certification {
        position: relative !important;
        right: auto !important;
        left: auto !important;
        top: 0px !important;
        text-align: center !important;
        margin: 20px auto 0px auto !important;
        display: block !important;
        width: 100% !important;
        padding: 0px !important;
        z-index:10;
    }
    .netreviews_rating_header {
        height: auto !important;
        min-height: auto !important;
    }
    .netreviews_global_rating {
        width: 100% !important;
        border-right: 0px !important;
        position: relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
    }
    .netreviews_rating_content {
        height: auto !important;
        min-height: auto !important;
    }
    .netreviews_global_rating_details {
        display: none !important;
    }
    .netreviews_rating_header div {
        width: 100%;
        text-align: center;
    }
    .netreviews_rating_header div label {
        position: relative;
        top: -20px;
        left: 0px;
    }
    .netreviews_rating_header div span {
        width: 90% !important;
        right: 5% !important;
        top: 120px !important;
    }
}


/* Responsive dans une div (code dupliqué sur le responsive classique) */
.nrResponsive .netreviews_logo {
    position: relative !important;
    display: block !important;
    margin: 5px auto !important;
    top: 0px !important;
    left: auto !important;
    right: auto !important;
}
.nrResponsive .netreviews_certification {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: 0px !important;
    text-align: center !important;
    margin: 20px auto 0px auto !important;
    display: block !important;
    width: 100% !important;
    padding: 0px !important;
    z-index:10;
}
.nrResponsive .netreviews_rating_header {
    height: auto !important;
    min-height: auto !important;
}
.nrResponsive .netreviews_global_rating {
    width: 100% !important;
    border-right: 0px !important;
    position: relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
}
.nrResponsive .netreviews_rating_content {
    height: auto !important;
    min-height: auto !important;
}
.nrResponsive .netreviews_global_rating_details {
    display: none !important;
}
.nrResponsive .netreviews_rating_header div {
    width: 100%;
    text-align: center;
}
.nrResponsive .netreviews_rating_header div label {
    position: relative;
    top: -20px;
    left: 0px;
}
.nrResponsive .netreviews_rating_header div span {
    width: 90% !important;
    right: 5% !important;
    top: 120px !important;
}

/* FONT ICON PART */
@font-face {
    font-family: 'nr-icons';
    src: url('../../frontend/Mdp/hyva/fr_FR/Netreviews_Avisverifies/fonts/nr-icons/nr-icons.eot?srthj');
    src: url('../../frontend/Mdp/hyva/fr_FR/Netreviews_Avisverifies/fonts/nr-icons/nr-icons.ttf') format('truetype'),
url('../../frontend/Mdp/hyva/fr_FR/Netreviews_Avisverifies/fonts/nr-icons/nr-icons.woff?kcfcby') format('font-woff'),
url('../../frontend/Mdp/hyva/fr_FR/Netreviews_Avisverifies/fonts/nr-icons.svg?kcfcby#nr-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.nr-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'nr-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nr-comment {
    display: inline;
    padding-right: 5px;
}

.nr-comment:before {
    content: "\e900";
    color: #2C2C2C;
}

.nr-exit:before {
    content: "\e901";
}

.nr-info:before {
    content: "\e902";
}

.netreviews_rate_list_item > div.nr-icon.nr-star {
    line-height: 20px;
}

.nr-star:before {
    content: "\e903";
}

.netreviewsVote.active:hover:before {
    font-family: "nr-icons";
    content: "\e904";
}

.netreviewsVote.active:before {
    font-family: "nr-icons";
    font-size: 9px;
    padding: 0px 5px 0px 0px;
    content: "\e905";
}

.nr-icon.grey {
    color: #D1D1D1 !important;
}

.nr-icon.gold {
    color: #FFCD00 !important;
}

/* MEDIAS */

.netreviews_media_part {
    display: block;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.netreviews_media_part li {
    list-style: none;
    display: block;
    width: 100px;
    height: 80px;
    float: left;
    padding: 0px;
    margin: 10px 10px 0px 0px;
}

.netreviews_media_part li .netreviews_image_thumb {
    display: block;
    width: 100px;
    height: 80px;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 2px;
    transition: opacity 0.2s ease;
    opacity: 1;
}

.netreviews_media_part li .netreviews_image_thumb_video {
    background-color: #333333;
    background-size: 40%;
}

.netreviews_media_part li .netreviews_image_thumb:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 0.8;
}

.netreviews_clear {
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    margin: 0px;
    padding: 0px;
}

#netreviews_media_modal {
    display: none;
    position: fixed;
    z-index: 990;
    padding: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
}

#netreviews_media_content {
    display: block;
    position: fixed;
    z-index: 991;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#netreviews_media_content img {
    position: absolute;
    border-radius: 2px;
}

#netreviews_media_content iframe {
    position: absolute;
    border: none;
}

#netreviews_media_close {
    z-index: 992;
    position: absolute;
    top: 90px;
    right: 5%;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: opacity 0.2s;
    opacity: 1;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

#netreviews_media_close:hover,
#netreviews_media_close:focus {
    text-decoration: none;
    opacity: 0.8;
}

.carousel-prev, .carousel-next {
    z-index: 999;
    top: 50%;
    position: absolute;
    background: transparent;
    display: block;
    color: white;
    font-size: 75px;
    height: 75px;
    line-height: 75px;
}

.carousel-prev:hover, .carousel-next:hover {
    cursor: pointer;
    opacity: 0.8;
    color: #f1f1f1 !important;
    text-decoration: none !important;
}

#netreviews_media_modal > a.carousel-prev {
    left: 5%;
}

#netreviews_media_modal > a.carousel-next {
    right: 5%;
}

.loader-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #555;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.stars__rating{
    display: none !important;
}
.netreviews-stars .skeepers_product__stars {
    margin-bottom: -5%;
    margin-top: +6%;
}
/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 */

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

.post-holder {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.blog-page-list .post-holder {border-bottom: 1px solid #eee}
.blog-page-list .blog-top-image {padding-bottom: 20px}

.post-holder .post-header {position:relative;}

.post-holder .post-header .post-info {padding: 0 0 20px 0;}
.post-holder .post-header .post-info .item {display: inline-block}
.post-holder .post-header .post-info .dash {display: none; /* fix for old templates */}
.post-holder .post-header .post-info .label {font-weight: 600;}
.post-holder .post-header .post-info .value {font-style: italic;}
.post-holder .post-header .post-info .item::after {display: inline-block; content: ' | ';color:#b9b9b9}
.post-holder .post-header .post-info .item:last-child::after{display: none}

.post-list {
    margin-top: 0px;
    margin-bottom: 20px;
    list-style: none;
}
.post-list-wrapper .post-list {padding-left: 0}

.post-list .post-content .post-read-more {padding-top:10px; float:right;}

.subcategory-links-wrapper ul,
.post-links-wrapper ul {list-style: none}

.post-content .post-description img {margin: 15px 0;max-width: 100%;height: auto}
.post-content .post-description ul,
.post-content .post-description ol {list-style-position: outside;}

.post-content .post-description .mfblog-contents li {display: list-item;}
.post-content .post-description .mfblog-contents li li {margin-left: 15px;}

.post-content .post-description .post-ftimg-hld {margin: 0 0 10px 0;}
.post-content .post-description .post-ftimg-hld img {width:100%; padding:0; margin:0;}

.post-content .post-description .mfblog-contents-toc {list-style: decimal;}
.post-content .post-description .mfblog-contents-toc li {margin-bottom: 1rem;}
.post-content .post-description .mfblog-contents-toc li > ol {margin-top: 1rem;}
.post-content .post-description .mfblog-contents-toc li:before {content: none;}
.post-content .post-description .mfblog-contents-toc li a {display: inline;}


/* Post Title */
.post-list .post-header .post-title-holder {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.post-list .post-header .post-title {margin: 0;padding: 10px 10px 10px 0;}
.post-list .post-header .post-title a {text-decoration: none;font-size: 22px;font-weight: 400;}
.post-list .post-holder .post-header .addthis_toolbox a {margin-bottom: 0;}

.post-list .hidden {display:none;}
.post-view .post-bottom {margin-top:30px;}

.post-view .post-nextprev-hld  {margin-bottom: 30px;}
.post-view .post-nextprev-hld .nextprev-link {font-weight: 700;}
.post-view .post-nextprev-hld .prev-link {float:left}
.post-view .post-nextprev-hld .next-link {float:right}

/* Post Gallery */
.post-view .post-gallery {margin:15px 0 15px 0}
.post-view .post-gallery .gallery-image-hld {margin: 0 14px 14px 0; border:1px solid #ccc; display: block; float:left}
.post-view .post-gallery .gallery-image{padding: 0; margin:0; display:block}

.post-view .block {margin-bottom: 30px;}

/* Widget Gallery */
.widget.block-categories ul {padding: 0;margin: 0;list-style: none;}
.widget.block-categories ul li {padding: 5px 0 5px 9px;margin: 0;}
.widget.block-categories ul li a {font-weight: 600;}
.widget.block-categories ul ul {margin: 0;}

/* Widget RSS */
.widget.block-rss .rss-icon {float: left; width: 23px; padding-right: 10px;}

/* Widget Search */
.widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;}
.widget.blog-search .block-content {margin-bottom: 0;}
.widget.blog-search .block-content .form {position: relative;}
.widget.blog-search label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;}
.widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;}
.widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;}
.widget.blog-search .action.search {position: absolute;right: 10px;top: 0;bottom: 0;z-index: 1;height: 100%;margin: 0;padding: 0;display: inline-block;background-image: none;background: none;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;text-decoration: none;text-shadow: none;font-weight: 400;}
.widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../../frontend/Mdp/hyva/fr_FR/Magefan_Blog/images/search-icon.svg) no-repeat -10px -7px;background-size: 35px;opacity: 0.5;}
.widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/* Widget Tag Claud */
.widget.block-tagclaud .smallest{font-size: 0.75em}
.widget.block-tagclaud .small{font-size:1em}
.widget.block-tagclaud .medium{font-size:1.25em}
.widget.block-tagclaud .large{font-size:1.5em}
.widget.block-tagclaud .largest{font-size:2em}

/* Widget Archive */
.widget.block-archive .item {margin: 5px 0;}
.widget.block-archive .item {display: inline-block}
.widget.block-archive .item:after {content: "\\"; display:inline-block;padding-left: 5px}

/* Widget Recent */
.blog-widget-recent .post-list {padding: 0;margin: 0;}
.blog-widget-recent .post-holder {width: 31.2%;float: left;margin: 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 48%;}
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {clear: both;}
@media (max-width: 767px) {
    .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 98%;}
}
@media (max-width: 1024px) {
    .blog-widget-recent .post-holder {
        width: 48%;
    }
}
@media (max-width: 767px) {
    .blog-widget-recent .post-holder {
        width: 98%;
    }
}

.blog-widget-recent .post-description .post-text-hld {
    min-height: 150px;
    overflow-y: auto;
}

.blog-widget-recent-masonry .post-description .post-text-hld {
    max-height: none;
    min-height: 0;
}
.blog-widget-recent-masonry .post-description .post-ftimg-hld {
    width: 100%;
    margin: 0;
}

.mfblog-autoloader {text-align: center;}
.mfblog-autoloader .mfblog-show-onload {display: none;}


@media (max-width: 420px) {
    #mfblog_gcomments {max-width:345px; overflow-y: scroll;}
}

.blog-category-view .category-content,
.blog-index-index .index-description,
.blog-tag-view .tag-content {padding-left: 0}

/* Posts List */
.widget.block-list-posts .block-content .item {
    padding: 8px 0 0 0;
}
.widget.block-list-posts .block-content .item .post-image {
    width: 60px;
    float: left;
    border-radius: 0;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    margin-right: 12px;
}
.widget.block-list-posts .block-content .item .post-image .post-item-link {
    display: inline-block;
}
.widget.block-list-posts .block-content .item .post-image .post-item-link img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
/* END Posts List */

/* Fix Related Products */
.blog-post-view .products-grid .product-item {
    display: inline-block;
    margin-left: 2%;
    width: calc((100% - 2%)/2);
}
.blog-post-view .product-item:nth-child(2n+1) {
    margin-left: 0;
}
.blog-post-view .products-grid .product-item .product-item-info {
    width: auto;
}
@media (min-width: 640px){
    .blog-post-view .products-grid .product-item {
        display: inline-block;
        margin-left: 2%;
        width: calc((100% - 4%)/3);
    }
    .blog-post-view .products-grid .product-item:nth-child(2n+1) {
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(3n+1) {
        margin-left: 0;
    }
}
@media (min-width: 1024px){
    .blog-post-view .products-grid .product-item {
        width: calc((100% - 8%)/5);
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(3n+1) {
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(5n+1) {
        margin-left: 0;
    }
}

/* Icons */
.mf-blog-icon {width: 15px;height: 15px;display: inline-block;position: relative;top: 2px;background-size: cover;}
.mf-blog-icon.mfbi-calendar {background-image: url('../../frontend/Mdp/hyva/fr_FR/Magefan_Blog/images/calendar-icon.svg')}
.mf-blog-icon.mfbi-folder {background-image: url('../../frontend/Mdp/hyva/fr_FR/Magefan_Blog/images/folder-icon.svg')}
.mf-blog-icon.mfbi-comments {background-image: url('../../frontend/Mdp/hyva/fr_FR/Magefan_Blog/images/comments-icon.svg')}
.mf-blog-icon.mfbi-tags {background-image: url('../../frontend/Mdp/hyva/fr_FR/Magefan_Blog/images/tags-icon.svg')}
.mf-blog-icon.mfbi-user {background-image: url('../../frontend/Mdp/hyva/fr_FR/Magefan_Blog/images/user-icon.svg')}
.mf-blog-icon.mfbi-views {background-image: url('../../frontend/Mdp/hyva/fr_FR/Magefan_Blog/images/views-icon.svg')}
.mf-blog-icon.mfbi-reading-time {background-image: url('../../frontend/Mdp/hyva/fr_FR/Magefan_Blog/images/time-icon.svg')}
/* END Fix Related Products */


/* Post Sharing Top */
/*.post-sharing-top {padding: 10px 0 10px 0;}*/
.post-sharing-top .share-elements {display: flex;flex-wrap: wrap;align-items: center;}
.post-sharing-top .icon-wrapper {display: inline-block;cursor: pointer;margin: 0 4px 0 0;overflow: hidden;border: 0;text-decoration: none;text-transform: none;background-color: transparent;color: inherit;transition: all .2s ease-in-out;border-radius: 0;vertical-align: middle;line-height: 16px;}
.post-sharing-top .icon-wrapper:last-child {margin-right: 0;}
.post-sharing-top .icon-wrapper.icon-facebook {background-color: rgb(59, 89, 152);}
.post-sharing-top .icon-wrapper.icon-twitter {background-color: rgb(0, 0, 0);}
.post-sharing-top .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);}
.post-sharing-top .icon-wrapper.icon-linkedin {background-color: rgb(2, 136, 209);}
.post-sharing-top .icon-wrapper .icon {line-height: 16px;height: 16px;width: 16px;display: inline-block;overflow: hidden;vertical-align: top;}
.post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;}
.post-sharing-top .icon-wrapper:hover {transform: translateY(-2px);}

/*.post-list .post-sharing-top {}*/
/*.post-view .post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;}*/
/*.post-list.modern {}*/
/* END Post Sharing Top */
/* All Widget Templates ************************************************************************************************
***********************************************************************************************************************/
body.blog-page {
    --color-white: #ffffff;
    --color-green: #28a745;
    --color-yellow: #ffc107;
    --color-blue: #4db2ec;
    --color-black: #222222;
    --color-gray: #6c757d;
    --color-red: #dc3545;
    --border-color: #d5d6da;
}

/* Buttons */
.btn-white {background-color: #fff !important;color: #7d7d7d !important;border: 1px solid #bbb !important;}
.btn-white:hover {background-color: #4db2ec !important;color: #fff !important; border: 1px solid #4db2ec !important;}
.btn-black {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}
.btn-black:hover {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;}
.btn-blue {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;}
.btn-blue:hover {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}


/* Slider *************************************************************************************************************/
.post-slider .post-block .image-wrap {padding-bottom: 450px;}
/* END Slider *********************************************************************************************************/


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

.post-holder {margin-bottom: 40px;border-radius: 0;}



/* Blog Post List *****************************************************************************************************/
.post-list {margin-top: 0;margin-bottom: 20px;list-style: none;padding-left: 0}
.post-list .post-item.post-holder {margin: 0 0 30px 0;padding: 0;display: block;}
.post-list .post-container {display: -ms-flexbox;display: flex;}

/* Post Image ************************************/
.post-list .post-image {-ms-flex: 0 0 30%;flex: 0 0 30%;width: 30%;order: 0;}
.post-list .post-image .image-container {position: relative;}
.post-list .post-image .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.post-list .post-image .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.post-list .post-image .image-wrap img {width: 100%;height: auto;vertical-align: middle;}
/* Post Category */
.post-list .post-image .post-category {position: absolute;left: 0;bottom: 0;display: block;font-size: 0;line-height: 1;}
.post-list .post-image .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;
    /*-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all .3s ease;*/}
.post-list .post-image .post-category a:hover {background: #4db2ec;}

/* Post Info **************************************/
.post-list.modern .post-info {padding: 0 0 0 25px;flex: 0 0 70%;max-width: 70%;width: 70%;order: 1;box-sizing: border-box;}
/* Post Title */
.post-list .post-info .post-title-wrap h3 {margin: 0;}
.post-list .post-info .post-title-wrap h3 a {font-size: 20px;line-height: 25px;font-weight: 500;}
/* Post Data */
.post-list .post-info .post-data-wrap {font-size: 11px;font-family: sans-serif;}
.post-list .post-info .post-data-wrap .post-date {font-size: 11px; margin: 0;padding: 0;box-shadow: none;float: none;width: auto;}
.post-list .post-info .post-data-wrap a {font-weight: 600;}
/* Post Description */
.post-list .post-description {line-height: 21px;font-size: 13px;}
/* Post View */
.post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;}
.post-list .post-view:after {position: absolute;left: 0;bottom: -3px;content: '';width: 0;height: 0;border-style: solid;border-width: 3px 3px 0 0;border-color: #000 transparent transparent;}
/* Read More */
.post-read-more a.post-read {display: inline-block;color: #fff;background-color: #4db2ec;font-size: 13px;font-weight: 500;line-height: 1;padding: 10px 15px;}
.post-read-more a.post-read:hover {color: #fff; text-decoration: none;}

@media (max-width: 768px) {
    .post-list .post-item.post-holder {margin-bottom: 1.5rem;}
}
@media (max-width: 767px) {
    .post-list .post-image .post-category {display: none;}
    .post-list .post-info {padding: 0 0 0 15px;}
    .post-list.modern .post-description {display: none;}
    .post-read-more a.post-read {display: none;}
}
@media (max-width: 640px) {
    .post-list .post-info .post-title-wrap h3 a {font-size: 14px;font-weight: 600;line-height: 1.4;display: inline-block;
        /*max-height: 39px;overflow: hidden;*/}
}


/* Images Format *******************************************/
.post-image .image-wrap._16x9 {padding-bottom: 35% !important;}
.post-image .image-wrap._4x3 {padding-bottom: 67% !important;}
.post-image .image-wrap._3x2 {padding-bottom: 55% !important;}
.post-image .image-wrap._1x1 {padding-bottom: 100% !important;}
@media (max-width: 768px) {

}
/* Blog Post List *****************************************************************************************************/


/* Blog Post List Modern **********************************************************************************************/
.post-list.modern .post-item.post-holder {margin: 0 0 30px 0;padding: 0 0 30px 0;}
.post-list.modern .post-info .post-title-wrap h3 a:hover {text-decoration: none;transition: all .2s ease;}
.post-list.modern .post-info .post-data-wrap a:hover {text-decoration: none;transition: all .2s ease;}
/* Blog Post List Modern **********************************************************************************************/


/* Post View **********************************************************************************************************/
/* Page Title */
/*.blog-post-view .page-title-wrapper .page-title {font-size: 35px;line-height: 1.2;margin-bottom: 20px;}*/
/* Category */
.blog-post-view .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;}

/* Post Data */
.blog-post-view .post-data-wrap {font-size: 13px;font-family: sans-serif;margin-bottom: 30px;}
.blog-post-view .post-data-wrap a {font-weight: 600;}
.blog-post-view .post-data {color: #bbbbbb;}
/* Post View */
/* Post Comments */
.blog-post-view .post-comments {margin-right: 20px;}
/* Social */
.blog-post-view .post-sharing {margin-bottom: 20px;}
/* Image */
.blog-post-view .post-featured-image {font-size: 0;margin-bottom: 20px;}
/* Tags */
.blog-post-view .post-tag {margin-bottom: 20px;}
.blog-post-view .post-tag .post-tag-title {display: inline-block;padding: 7px 12px;border: 1px solid #222;background: #222;color: #fff;line-height: 1;margin: 0 10px 10px 0;text-transform: uppercase;font-size: 11px;}
.blog-post-view .post-tag .post-tags a {display: inline-block;border: 1px solid var(--border-color); /*color: #222; */background: #fff;padding: 7px 12px;margin-right: 10px;line-height: 1;font-weight: 600;letter-spacing: 1px;font-size: 11px;text-transform: capitalize;}
.blog-post-view .post-tag .post-tags a.current,
.blog-post-view .post-tag .post-tags a:hover {text-decoration: none;opacity: .9;background: #333;color: #fff;}

/* Post Text */
.blog-post-view .post-description {margin-bottom: 30px;}
.blog-post-view .post-description p {font-size: 1.4rem;line-height: 1.7;}

/* Post Bottom *****************************************/
.post-view .post-bottom {margin-top:30px;}

/* Post Sharing Bottom */
.post-view-modern .post-sharing-bottom {}
.post-sharing-bottom {padding: 30px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.post-sharing-bottom .share-elements {text-align: center;}
.post-sharing-bottom .share-elements .icon-wrapper {display: inline-block;cursor: pointer;margin: 0 5px 5px 0;overflow: hidden;border: 0;text-decoration: none;text-transform: none;background-color: transparent;color: inherit;transition: all .2s ease-in-out;border-radius: 0;}
.post-sharing-bottom .share-elements .icon-wrapper.icon-facebook {background-color: rgb(59, 89, 152);}
.post-sharing-bottom .share-elements .icon-wrapper.icon-twitter {background-color: rgb(0, 0, 0);}
.post-sharing-bottom .share-elements .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);}
.post-sharing-bottom .share-elements .icon-wrapper.icon-linkedin {background-color: rgb(2, 136, 209);}
.post-sharing-bottom .share-elements .icon-wrapper .icon {line-height: 48px;height: 48px;width: 48px;display: inline-block;overflow: hidden;vertical-align: top;}
.post-sharing-bottom .share-elements .icon-wrapper .label {font-size: 13px;line-height: 48px;height: 48px;color: #ffffff;display: inline-block;padding: 0 15px 0 3px;vertical-align: top;}
.post-sharing-bottom .share-elements .icon-wrapper:hover {transform: translateY(-4px);}

/* Post Gallery */
/*.blog-post-view .post-gallery {display: flex;flex-wrap: wrap;}*/
.blog-post-view .post-gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));grid-gap: 1rem;margin-bottom: 20px;}
.blog-post-view .post-gallery .gallery-image-hld {display: inline-block;}
.blog-post-view .post-gallery .gallery-image-hld img {}

/* Post Navigation */
.blog-post-view .post-nextprev  {display: flex;padding: 20px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.blog-post-view .post-nextprev .nextprev-link {display: block;font-size: 20px;/*color: #222222;*/font-weight: 600;text-align: right;opacity: 0.7;}
.blog-post-view .post-nextprev .nextprev-link:hover {text-decoration: none;}
.blog-post-view .post-nextprev .nextprev-link span {display: block;color: #bbbbbb;font-size: 14px;font-weight: normal;}

/* Block Related */
.blog-post-view .post-bottom .block.related {margin-bottom: 0;}
.blog-post-view .post-bottom .block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;}
.blog-post-view .post-bottom .block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;}

/* Related Posts */
.mfblog-related-posts-block.block.related .post-list {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
    position: relative;overflow: hidden;margin-left: -10px;margin-right: -10px;}
.mfblog-related-posts-block.block.related .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-left: 10px;padding-right: 10px;width: 25%; box-sizing: border-box;}

.mfblog-related-posts-block.block.related .post-list .post-item .image-container {
    -ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;}
.mfblog-related-posts-block.block.related .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.mfblog-related-posts-block.block.related .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.mfblog-related-posts-block.block.related .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;}
.mfblog-related-posts-block.block.related .post-list .block-info h3.post-title a {font-size: 14px !important;line-height: 20px !important;font-weight: 600 !important; /*color: #222222; */}
@media (max-width: 767px) {
    .mfblog-related-posts-block.block.related .post-list .post-item {flex: 0 0 50%;max-width: 50%;}
}

/* Related Products */
.mfblog-related-products-block.block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;}
.mfblog-related-products-block.block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;}

/* Block Comments */
.block.comments .c-count {margin: 0 0 20px;padding: 0;border-bottom: 1px solid #222222;font-weight: 400;}
.block.comments .c-count strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;display: inline-block;}
/* END Post Bottom *************************************/

@media (max-width: 767px) {
    .blog-post-view .page-title-wrapper .page-title {font-size: 20px;}
    .blog-post-view .post-nextprev .nextprev-link {font-size: 14px;line-height: 1.4;}
}
/* END Post View ******************************************************************************************************/


/* Animation Zoom */
.image-wrap .animation-type-zoom {display: block;line-height: 0;overflow: hidden;position: relative;}
.image-container .animation-type-zoom {-webkit-transition: transform .3s ease,opacity .3s;transition: transform .3s ease,opacity .3s;}
.image-container:hover .animation-type-zoom {transform: scale3d(1.1,1.1,1);  -webkit-transform: scale3d(1.1,1.1,1);}


/* Sidebar ************************************************************************************************************/
/* Block Search */
.widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;}
.widget.blog-search .block-content {margin-bottom: 0;}
.widget.blog-search .block-content .form {position: relative;}
.widget.blog-search  label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;}
.widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;}
.widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;}
.widget.blog-search .action.search {position: absolute;top: 0;right: 0;bottom: 0;height: 100%;z-index: 1;display: inline-block;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;margin: 0;padding: 0 10px;text-decoration: none;text-shadow: none;font-weight: 400;border-radius: 0;}
.widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../../frontend/Mdp/hyva/fr_FR/Magefan_Blog/images/search-icon-white.svg) no-repeat -10px -7px;background-size: 35px;opacity: 1;}
.widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.blog-search .actions .action.search {background: #222222;right: 0;padding: 0 10px;border-radius: 0;}

/* Posts List */
.widget.block-list-posts .post-list .post-item .image-container {flex: 0 0 30%;width: 30%;display: block;order: 0;}
/* Images */
/* Span Background */
.widget.block-list-posts .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.widget.block-list-posts .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
/* Post Info */
.widget.block-list-posts .post-list .post-item .block-info .post-item-name {font-size: 14px;line-height: 20px;font-weight: 600;text-decoration: none;color: #333333;}
.widget.block-list-posts .post-list .post-item .block-info .block-date {color: #bbbbbb;}
.widget.block-list-posts .post-list .post-item .block-info .block-date .post-data {font-size: 11px;}

/* Post Grid */
.widget.block-list-posts .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;}
.widget.block-list-posts .post-list .post-item .image-container {-ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;}
.widget.block-list-posts .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;}
/* END Posts List */

/* New Post List */
.widget.block-posts-list .post-item {display: flex;gap: 1.5rem;}
.widget.block-posts-list .post-item .image-container {flex: 0 0 33.333333%;width: 33.333333%;align-self: flex-start;display: block;order: 0;margin-bottom: 10px;}
.widget.block-posts-list .post-item .image-container .image-wrap {display: block;position: relative;overflow: hidden;}
.widget.block-posts-list .post-item .image-container .image-wrap._4x3 {padding-bottom: 70%;}
.widget.block-posts-list .post-item .image-container .image-wrap .bg-img {display: block;position: absolute;width: 100%;height: 100%;max-width: 100%;background-size: cover;background-position: center;}
.widget.block-posts-list .post-item .block-info .post-title {margin: 0 0 0.5rem 0 !important;}
.widget.block-posts-list .post-item .block-info .post-title .post-item-name {display: block;font-size: 16px;line-height: 22px;font-weight: 500;text-decoration: none;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.widget.block-posts-list .post-item .block-info .block-date {line-height: 1rem;}
.widget.block-posts-list .post-item .block-info .block-date .post-date {font-size: 11px;line-height: 1.2rem;color: #bbbbbb;font-family: sans-serif;}
.widget.block-posts-list .post-item .block-info .post-description {display: none;line-height: 21px;font-size: 13px;}
.widget.block-posts-list .post-item .block-info .read-more {display: none;}
/* END New Post List */

/* Archive */
.widget.block-archive .archive-item-link {font-weight: 600}

/* RSS Feed */
.widget.block-rss .rss-icon {width: 23px;filter: grayscale(100%);vertical-align: middle;}
/* End Sidebar ********************************************************************************************************/
/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 *//*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --form-py: calc(var(--spacing) * 2);
  --form-px: calc(var(--spacing) * 3);
  --form-radius: var(--radius-md);
  --form-stroke: var(--color-neutral-300);
  --form-bg: #fff;
  --form-color: currentcolor;
  --form-active-color: var(--color-primary);
  --select-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="hsl(0 0% 0%)"><path d="m6 9 6 6 6-6"/></svg>');
  --select-icon-size: 1.25em;
  --select-icon-offset: 0.8rem;
  --font-sans: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Source Serif 4", ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
  --color-red-50: oklch(97.1% 0.013 17.38);
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-300: oklch(80.8% 0.114 19.571);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-red-900: oklch(39.6% 0.141 25.723);
  --color-orange-400: oklch(75% 0.183 55.934);
  --color-yellow-50: oklch(98.7% 0.026 102.212);
  --color-yellow-100: oklch(97.3% 0.071 103.193);
  --color-yellow-300: oklch(90.5% 0.182 98.111);
  --color-yellow-400: oklch(85.2% 0.199 91.936);
  --color-yellow-500: oklch(79.5% 0.184 86.047);
  --color-yellow-600: oklch(68.1% 0.162 75.834);
  --color-green-50: oklch(98.2% 0.018 155.826);
  --color-green-200: oklch(92.5% 0.084 155.995);
  --color-green-300: oklch(87.1% 0.15 154.449);
  --color-green-400: oklch(79.2% 0.209 151.711);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-green-600: oklch(62.7% 0.194 149.214);
  --color-green-700: oklch(52.7% 0.154 150.069);
  --color-green-800: oklch(44.8% 0.119 151.328);
  --color-sky-600: oklch(58.8% 0.158 241.966);
  --color-sky-700: oklch(50% 0.134 242.749);
  --color-sky-800: oklch(44.3% 0.11 240.79);
  --color-blue-50: oklch(97% 0.014 254.604);
  --color-blue-100: oklch(93.2% 0.032 255.585);
  --color-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-blue-900: oklch(37.9% 0.146 265.522);
  --color-violet-200: oklch(89.4% 0.057 293.283);
  --color-purple-700: oklch(49.6% 0.265 301.924);
  --color-slate-50: oklch(98.4% 0.003 247.858);
  --color-slate-100: oklch(96.8% 0.007 247.896);
  --color-slate-200: oklch(92.9% 0.013 255.508);
  --color-slate-300: oklch(86.9% 0.022 252.894);
  --color-slate-400: oklch(70.4% 0.04 256.788);
  --color-slate-500: oklch(55.4% 0.046 257.417);
  --color-slate-600: oklch(44.6% 0.043 257.281);
  --color-slate-700: oklch(37.2% 0.044 257.287);
  --color-slate-800: oklch(27.9% 0.041 260.031);
  --color-slate-950: oklch(12.9% 0.042 264.695);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-zinc-50: oklch(98.5% 0 0);
  --color-zinc-100: oklch(96.7% 0.001 286.375);
  --color-zinc-200: oklch(92% 0.004 286.32);
  --color-zinc-600: oklch(44.2% 0.017 285.786);
  --color-neutral-100: #F4F4F4;
  --color-neutral-200: oklch(92.2% 0 0);
  --color-neutral-300: #C4C4D0;
  --color-neutral-500: #707070;
  --color-neutral-600: oklch(43.9% 0 0);
  --color-neutral-700: #3D3D4E;
  --color-neutral-800: oklch(26.9% 0 0);
  --color-stone-300: oklch(86.9% 0.005 56.366);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --breakpoint-lg: 64rem;
  --container-3xs: 16rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --tracking-tighter: -0.05em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --animate-bounce: bounce 1s infinite;
  --blur-xs: 4px;
  --blur-sm: 8px;
  --aspect-video: 16 / 9;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-container-lighter: var(--color-white);
  --color-container: var(--color-gray-50);
  --color-container-darker: var(--color-gray-100);
  --color-amcart-background: var(--amcart-background);
  --color-amcart-product-name: var(--amcart-product-name);
  --color-amcart-text: var(--amcart-dialog-text);
  --color-amcart-button: var(--amcart-btn-text);
  --color-amcart-continue-btn: var(--amcart-continue-btn);
  --color-amcart-view-cart-btn: var(--amcart-view-cart-btn);
  --max-height-am-75: 75vh;
  --max-width-amrel-60: 60%;
  --max-width-amrel-75: 75%;
  --color-amrel-yellow: #fffae5;
  --color-amrel-blue-bg: #e1f1f8;
  --color-amrel-blue-text: #6d88b0;
  --color-amrel-grey-border: #e9f6ff;
  --color-amrel-grey-blue: #cbd5e0;
  --color-amrel-star-yellow: #f8ce0b;
  --color-amrel-grey-border-light: #e8e8e8;
  --color-amrel-blue-border: #3978bd;
  --color-amrel-red-bg: #9f3838;
  --color-amrel-grey-dark-text: #333;
  --color-amrel-blue-dark-text: #1979c3;
  --color-amrma_status_rejected: #D80F33;
  --color-amrma_status_pending: #0036FF;
  --color-amrma_dark_blue: #1979C3;
  --color-amrma_sky_blue: #E2F5FE;
  --color-amrma_light_blue: #ECEEFF;
  --color-amrma_light_blue_bg: #EAF1FF;
  --color-amscroll-border-color: var(--amscroll-border-color);
  --color-amscroll-background-color: var(--amscroll-background-color);
  --color-amscrollcounter-secondary-color: #B8C5E8;
  --color-amtoolbar-background: #5706d1;
  --width-am-latter: 32px;
  --width-am-popup-content: 600px;
  --height-am-latter: 32px;
  --height-am-popup-content: 415px;
  --color-cornflower-100: #8392a7;
  --padding-full: 100%;
  --color-amsb_graystarts: #cbd5e0;
  --color-amsb_yellowstars: #f6e05e;
  --color-amsb_sl_gray: #dadada;
  --color-amsb_sl_gray_1: #b6b6b6;
  --color-amsb_sl_gray_2: #dfdedd;
  --color-amsb_sl_gray_3: #4a4948;
  --max-width-100-50: calc(100% - 50px);
  --text-zero: 0;
  --spacing-20px: 20px;
  --gap-amlabel-margin: var(--amlabel-margin-between);
  --color-primary-lighter: #FEF3D0;
  --color-primary: #F9A800;
  --color-primary-darker: #D98F00;
  --color-secondary-lighter: #EEF1F8;
  --color-secondary: #1E2A4A;
  --color-secondary-darker: #14172D;
  --color-secondary-medium: #2E3F6E;
  --color-success-lighter: #E8F5EE;
  --color-success: #2A7A4B;
  --color-warning-lighter: #FEF3C7;
  --color-warning: #D97706;
  --color-error-lighter: #FDECEA;
  --color-error: #C0392B;
  --color-cyan: #31B6C2;
  --color-red: var(--color-error);
  --color-green: var(--color-success);
  --color-pink-lighter: #FFF6FA;
  --color-pink: #E75C99;
  --color-on-primary: #fff;
  --color-loyalty-yellow: #F0C639;
  --color-loyalty-cyan: #84C8DB;
  --color-loyalty-red: #ED6C5C;
  --color-loyalty-white: #F9F7F4;
  --color-loyalty-beige: #F9D9AF;
  --color-loyalty-blue: #1E2A4A;
  --color-loyalty-blue-lighter: #48597E;
  --font-loyalty: "Caveat", cursive;
  --text-10: 0.625rem;
  --text-11: 0.688rem;
  --text-13: 0.813rem;
  --text-15: 0.938rem;
  --text-28: 1.75rem;
  --text-40: 2.5rem;
  --color-bg: var(--color-white);
  --color-fg: var(--color-secondary);
  --color-fg-secondary: var(--color-secondary-lighter);
  --color-surface: var(--color-white);
}
@layer base {
  :is( input:where(:not([type])), [type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], textarea, select, .form-input, .form-textarea, .form-select, .form-multiselect ) {
    appearance: none;
    padding-block: var(--form-py);
    padding-inline: var(--form-px);
    border-radius: var(--form-radius);
    border-width: 1px;
    border-color: var(--form-stroke);
    background-color: var(--form-bg);
    color: var(--form-color);
    --outline-size: 0;
    --outline-offset: 0px;
    &:focus {
      border-color: var(--form-active-color);
      outline-color: var(--form-active-color);
    }
  }
  :is(select:where(:not([size]:not([size="1"]), [multiple])), .form-select) {
    --_icon-position: right;
    padding-inline-end: calc( var(--select-icon-size) + var(--select-icon-offset) + 0.5ch );
    background: var(--select-icon) var(--form-bg) var(--_icon-position) var(--select-icon-offset) center/var(--select-icon-size) no-repeat;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    &:dir(rtl) {
      --_icon-position: left;
    }
  }
  :is([type="checkbox"], [type="radio"], .form-checkbox, .form-radio) {
    appearance: none;
    flex-shrink: 0;
    display: inline-block;
    block-size: calc(var(--spacing) * 4);
    inline-size: calc(var(--spacing) * 4);
    padding: 0;
    border-width: 2px;
    border-color: var(--form-stroke);
    background-color: var(--form-bg);
    color: var(--form-color);
    background-origin: border-box;
    vertical-align: middle;
    user-select: none;
    print-color-adjust: exact;
    block-size: calc(var(--spacing) * 4.5);
    inline-size: calc(var(--spacing) * 4.5);
    &:focus {
      outline-color: var(--form-active-color);
    }
    &:focus, &:checked {
      border-color: var(--form-active-color);
    }
  }
  :is([type="checkbox"], .form-checkbox) {
    &:checked, &:indeterminate {
      border-color: transparent;
      background: var(--form-active-color, currentColor) center/contain no-repeat;
    }
    &:indeterminate {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    }
    &:checked {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
    }
  }
  :is([type="radio"], .form-radio) {
    border-radius: 50%;
    &:checked {
      border-color: transparent;
      background: var(--form-active-color, currentColor) center/contain no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");
    }
  }
}
@layer theme, base, components, utilities;
@layer theme;
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  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;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-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: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .backdrop {
    position: fixed;
    inset: 0;
    background-color: var(--backdrop, hsl(0 0 0 / 20%));
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .absolute\! {
    position: absolute !important;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-4 {
    inset: calc(var(--spacing) * -4);
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .start-2 {
    inset-inline-start: calc(var(--spacing) * 2);
  }
  .end-2 {
    inset-inline-end: calc(var(--spacing) * 2);
  }
  .\!top-1\/2 {
    top: calc(1/2 * 100%) !important;
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .-top-16 {
    top: calc(var(--spacing) * -16);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-1\/2\! {
    top: calc(1/2 * 100%) !important;
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-100 {
    top: calc(var(--spacing) * 100);
  }
  .top-\[-2px\] {
    top: -2px;
  }
  .top-\[-4px\] {
    top: -4px;
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[15px\] {
    top: 15px;
  }
  .top-full {
    top: 100%;
  }
  .\!right-0 {
    right: calc(var(--spacing) * 0) !important;
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
  .-right-2 {
    right: calc(var(--spacing) * -2);
  }
  .-right-2\.5 {
    right: calc(var(--spacing) * -2.5);
  }
  .-right-4 {
    right: calc(var(--spacing) * -4);
  }
  .-right-8 {
    right: calc(var(--spacing) * -8);
  }
  .-right-40 {
    right: calc(var(--spacing) * -40);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-0\! {
    right: calc(var(--spacing) * 0) !important;
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .right-\[-44px\] {
    right: -44px;
  }
  .right-\[3px\] {
    right: 3px;
  }
  .right-\[auto\] {
    right: auto;
  }
  .right-auto {
    right: auto;
  }
  .-bottom-14 {
    bottom: calc(var(--spacing) * -14);
  }
  .-bottom-16\! {
    bottom: calc(var(--spacing) * -16) !important;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-2\/4 {
    bottom: calc(2/4 * 100%);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-\[calc\(theme\(spacing\.5\)_\/_2_-_2px\)\] {
    bottom: calc(1.25rem / 2 - 2px);
  }
  .bottom-full {
    bottom: 100%;
  }
  .bottom-px {
    bottom: 1px;
  }
  .\!left-0 {
    left: calc(var(--spacing) * 0) !important;
  }
  .-left-0\.5 {
    left: calc(var(--spacing) * -0.5);
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-2 {
    left: calc(var(--spacing) * -2);
  }
  .-left-4 {
    left: calc(var(--spacing) * -4);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-0\! {
    left: calc(var(--spacing) * 0) !important;
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-1\/3 {
    left: calc(1/3 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-2\/4 {
    left: calc(2/4 * 100%);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-10 {
    left: calc(var(--spacing) * 10);
  }
  .left-\[-28px\] {
    left: -28px;
  }
  .left-\[-44px\] {
    left: -44px;
  }
  .left-auto {
    left: auto;
  }
  .left-full {
    left: 100%;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-5 {
    z-index: 5;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .-order-1 {
    order: calc(1 * -1);
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-10 {
    order: 10;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .order-none {
    order: 0;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .float-end {
    float: inline-end;
  }
  .float-left {
    float: left;
  }
  .float-right {
    float: right;
  }
  .container-content {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 90rem) {
      max-width: 90rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .container-full {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 90rem) {
      max-width: 90rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    max-width: 100%;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 90rem) {
      max-width: 90rem;
    }
  }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .-m-4 {
    margin: calc(var(--spacing) * -4);
  }
  .-m-px {
    margin: -1px;
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .m-5 {
    margin: calc(var(--spacing) * 5);
  }
  .m-6 {
    margin: calc(var(--spacing) * 6);
  }
  .m-\[-1px\] {
    margin: -1px;
  }
  .m-\[1px\] {
    margin: 1px;
  }
  .m-auto {
    margin: auto;
  }
  .prose {
    --text-flow: 1em 1rem;
    --separator-flow: 2.5em;
    --list-flow: 0.5em;
    --h-color: initial;
    --h-family: initial;
    --h-size: 1.125em;
    --h-weight: 600;
    --h-line: 1.1;
    --h1-size: 3em;
    --h2-size: 2em;
    --h3-size: 1.625em;
    --h4-size: 1.375em;
    --marker-color: var(--color-primary);
    --link-color: var(--color-primary);
    --link-weight: 500;
    --blockquote-color: var(--color-primary);
    --table-py: calc(var(--spacing) * 3);
    --table-px: calc(var(--spacing) * 2);
    --table-stroke: var(--color-gray-400);
    --table-bg: canvas;
    --table-color: canvastext;
    :where(h1, h2, h3, h4, h5, h6, p, dl, ul, ol, pre, hgroup) {
      margin-block: var(--text-flow);
    }
    :where(blockquote, figure, hr) {
      margin-block: var(--separator-flow);
      margin-inline: 0;
    }
    :where([class~="lead"]) {
      font-size: 1.25em;
    }
    :where(h1, h2, h3, h4, h5, h6) {
      color: var(--h-color);
      font-family: var(--h-family);
      font-size: var(--h-size);
      font-weight: var(--h-weight);
      line-height: var(--h-line);
      text-wrap: balance;
    }
    :where(h1) {
      --h-size: var(--h1-size);
    }
    :where(h2) {
      --h-size: var(--h2-size);
    }
    :where(h3) {
      --h-size: var(--h3-size);
    }
    :where(h4) {
      --h-size: var(--h4-size);
    }
    ::marker {
      color: var(--marker-color);
    }
    :where(ul, ol) {
      list-style: revert;
      padding-inline-start: 2em;
    }
    :where(ol[type="a"]) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="i"]) {
      list-style-type: lower-roman;
    }
    :where(ol[type="1"]) {
      list-style-type: decimal;
    }
    :where(blockquote) {
      border-inline-start: 4px solid var(--blockquote-color);
      padding-inline-start: 1.5em;
      padding-block: 0.25em;
    }
    :where(:any-link) {
      color: var(--link-color);
      font-weight: var(--link-weight);
      &:hover {
        text-decoration: underline;
      }
    }
    :where(table) {
      border-collapse: separate;
      border-spacing: 0;
      border-color: var(--table-stroke);
    }
    :where(thead, tbody, tfoot, tr, th, td) {
      border-color: inherit;
      text-align: inherit;
    }
    :where(th, td) {
      padding-block: var(--table-py);
      padding-inline: var(--table-px);
      background: var(--table-bg);
      color: var(--table-color);
    }
    :where(tr + tr :is(th, td)) {
      border-block-start-width: 1px;
    }
    :where(thead tr:last-child :is(th, td)) {
      border-block-end-width: 2px;
    }
    :where(tfoot tr:first-child :is(th, td)) {
      border-block-start-width: 2px;
    }
    :where(table:not(:has(.table-wrapper, [class*="overflow-"]))) {
      word-break: break-all;
    }
    > :where(:first-child) {
      margin-block-start: 0;
    }
    > :where(:last-child) {
      margin-block-end: 0;
    }
  }
  .container {
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .mx-\[10px\] {
    margin-inline: 10px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-1\.5 {
    margin-block: calc(var(--spacing) * -1.5);
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .ms-0 {
    margin-inline-start: calc(var(--spacing) * 0);
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .ms-6 {
    margin-inline-start: calc(var(--spacing) * 6);
  }
  .ms-7 {
    margin-inline-start: calc(var(--spacing) * 7);
  }
  .ms-8 {
    margin-inline-start: calc(var(--spacing) * 8);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .-me-4 {
    margin-inline-end: calc(var(--spacing) * -4);
  }
  .me-0 {
    margin-inline-end: calc(var(--spacing) * 0);
  }
  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-6 {
    margin-top: calc(var(--spacing) * -6);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-\[4px\] {
    margin-top: 4px;
  }
  .mt-\[4vh\] {
    margin-top: 4vh;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-4 {
    margin-right: calc(var(--spacing) * -4);
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }
  .mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }
  .mr-\[-1px\] {
    margin-right: -1px;
  }
  .mr-\[8vw\] {
    margin-right: 8vw;
  }
  .mr-\[var\(--thumbs-gap\)\] {
    margin-right: var(--thumbs-gap);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mr-bleed-r {
    margin-right: calc(50% - 50vw);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .mb-\[1\.25rem\] {
    margin-bottom: 1.25rem;
  }
  .mb-\[18px\] {
    margin-bottom: 18px;
  }
  .-ml-px {
    margin-left: -1px;
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .ml-14 {
    margin-left: calc(var(--spacing) * 14);
  }
  .ml-\[2px\] {
    margin-left: 2px;
  }
  .ml-\[5px\] {
    margin-left: 5px;
  }
  .ml-\[8vw\] {
    margin-left: 8vw;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .snap {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    scroll-behavior: smooth;
    &>* {
      scroll-snap-align: start;
    }
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .btn {
    --btn-stroke: var(--color-secondary-lighter);
    --btn-bg: var(--color-secondary-lighter);
    --btn-hover-bg: var(--color-secondary);
    --btn-hover-color: var(--color-white);
    --btn-active-bg: var(--color-secondary);
    --btn-color: var(--color-fg);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    border-radius: var(--radius-sm);
    border-width: 2px;
    border-color: var(--btn-stroke);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    font-weight: 600;
    user-select: none;
    vertical-align: middle;
    transition-property: color, background-color, border-color, outline-color;
    transition-timing-function: var(--default-transition-timing-function);
    transition-duration: var(--default-transition-duration);
    line-height: 1;
    &:hover {
      border-color: var(--btn-hover-bg, var(--btn-bg));
      background-color: var(--btn-hover-bg, var(--btn-bg));
      color: var(--btn-hover-color, var(--btn-color));
      text-decoration: none;
    }
    &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
      border-color: var(--btn-active-bg, var(--btn-bg));
      background-color: var(--btn-active-bg, var(--btn-bg));
      color: var(--btn-active-color, var(--btn-color));
    }
    &:is(:disabled, [aria-disabled="true"]) {
      border-color: var(--btn-disabled-bg, var(--color-gray-50));
      background-color: var(--btn-disabled-bg, var(--color-gray-50));
      color: var(--btn-disabled-color, var(--color-gray-500));
    }
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .\!flex {
    display: flex !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flex\! {
    display: flex !important;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .list-none {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .aspect-\(--gallery-ratio\) {
    aspect-ratio: var(--gallery-ratio);
  }
  .aspect-\(--thumb-ratio\) {
    aspect-ratio: var(--thumb-ratio);
  }
  .aspect-200\/170 {
    aspect-ratio: 200/170;
  }
  .aspect-220\/145 {
    aspect-ratio: 220/145;
  }
  .aspect-300\/280 {
    aspect-ratio: 300/280;
  }
  .aspect-530\/320 {
    aspect-ratio: 530/320;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .\!size-10 {
    width: calc(var(--spacing) * 10) !important;
    height: calc(var(--spacing) * 10) !important;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\! {
    width: calc(var(--spacing) * 2) !important;
    height: calc(var(--spacing) * 2) !important;
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-8\! {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }
  .size-36 {
    width: calc(var(--spacing) * 36);
    height: calc(var(--spacing) * 36);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-7\.5 {
    height: calc(var(--spacing) * 7.5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-8\.5 {
    height: calc(var(--spacing) * 8.5);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-10\.5 {
    height: calc(var(--spacing) * 10.5);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-12\.5 {
    height: calc(var(--spacing) * 12.5);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-30 {
    height: calc(var(--spacing) * 30);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-90 {
    height: calc(var(--spacing) * 90);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-\[1\.125rem\] {
    height: 1.125rem;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[4px\] {
    height: 4px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[21px\] {
    height: 21px;
  }
  .h-\[27px\] {
    height: 27px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[170px\] {
    height: 170px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[350px\] {
    height: 350px;
  }
  .h-\[450px\] {
    height: 450px;
  }
  .h-\[467px\] {
    height: 467px;
  }
  .h-\[640px\] {
    height: 640px;
  }
  .h-\[var\(--ambrands-img-height\)\] {
    height: var(--ambrands-img-height);
  }
  .h-\[var\(--amshopby-category-slide-size\)\] {
    height: var(--amshopby-category-slide-size);
  }
  .h-am-latter {
    height: var(--height-am-latter);
  }
  .h-am-popup-content {
    height: var(--height-am-popup-content);
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }
  .max-h-\[60px\] {
    max-height: 60px;
  }
  .max-h-\[75vh\] {
    max-height: 75vh;
  }
  .max-h-\[90svh\] {
    max-height: 90svh;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-\[1000px\] {
    max-height: 1000px;
  }
  .max-h-\[calc\(95vh-5rem\)\] {
    max-height: calc(95vh - 5rem);
  }
  .max-h-\[calc\(100vh-theme\(space\.52\)\)\] {
    max-height: calc(100vh - 13rem);
  }
  .max-h-\[calc\(100vh-var\(--page-header-height\)-20px\)\] {
    max-height: calc(100vh - var(--page-header-height) - 20px);
  }
  .max-h-am-75 {
    max-height: var(--max-height-am-75);
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-screen {
    max-height: 100vh;
  }
  .max-h-svh {
    max-height: 100svh;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-50 {
    min-height: calc(var(--spacing) * 50);
  }
  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }
  .min-h-\[20px\] {
    min-height: 20px;
  }
  .min-h-\[22px\] {
    min-height: 22px;
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[48px\] {
    min-height: 48px;
  }
  .min-h-\[60vh\] {
    min-height: 60vh;
  }
  .min-h-\[70vh\] {
    min-height: 70vh;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .\!w-auto {
    width: auto !important;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .w-2\/5 {
    width: calc(2/5 * 100%);
  }
  .w-2\/6 {
    width: calc(2/6 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/5 {
    width: calc(3/5 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .w-4\/12 {
    width: calc(4/12 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\/12 {
    width: calc(5/12 * 100%);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-7\.5 {
    width: calc(var(--spacing) * 7.5);
  }
  .w-7\/12 {
    width: calc(7/12 * 100%);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-8\.5 {
    width: calc(var(--spacing) * 8.5);
  }
  .w-8\/12 {
    width: calc(8/12 * 100%);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-10\/12 {
    width: calc(10/12 * 100%);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-11\/12 {
    width: calc(11/12 * 100%);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-13 {
    width: calc(var(--spacing) * 13);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-14\.25 {
    width: calc(var(--spacing) * 14.25);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-27 {
    width: calc(var(--spacing) * 27);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-110 {
    width: calc(var(--spacing) * 110);
  }
  .w-\[1\.125rem\] {
    width: 1.125rem;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[28px\] {
    width: 28px;
  }
  .w-\[29px\] {
    width: 29px;
  }
  .w-\[38\%\] {
    width: 38%;
  }
  .w-\[38px\] {
    width: 38px;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[49\%\] {
    width: 49%;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[68px\] {
    width: 68px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[115px\] {
    width: 115px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[138px\] {
    width: 138px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[480px\] {
    width: 480px;
  }
  .w-\[calc\(100\%-5rem\)\] {
    width: calc(100% - 5rem);
  }
  .w-\[var\(--ambrands-slider-max-width\)\] {
    width: var(--ambrands-slider-max-width);
  }
  .w-\[var\(--amshopby-category-slide-size\)\] {
    width: var(--amshopby-category-slide-size);
  }
  .w-am-latter {
    width: var(--width-am-latter);
  }
  .w-am-popup-content {
    width: var(--width-am-popup-content);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-min {
    width: min-content;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .w-xl {
    width: var(--container-xl);
  }
  .max-w-1\/2 {
    max-width: calc(1/2 * 100%);
  }
  .max-w-2\/3 {
    max-width: calc(2/3 * 100%);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-3xs {
    max-width: var(--container-3xs);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-30 {
    max-width: calc(var(--spacing) * 30);
  }
  .max-w-45 {
    max-width: calc(var(--spacing) * 45);
  }
  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }
  .max-w-231 {
    max-width: calc(var(--spacing) * 231);
  }
  .max-w-267\.5 {
    max-width: calc(var(--spacing) * 267.5);
  }
  .max-w-\[25\%\] {
    max-width: 25%;
  }
  .max-w-\[30\%\] {
    max-width: 30%;
  }
  .max-w-\[90\%\] {
    max-width: 90%;
  }
  .max-w-\[131px\] {
    max-width: 131px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[var\(--ambrands-img-width\)\] {
    max-width: var(--ambrands-img-width);
  }
  .max-w-\[var\(--amshopby-category-slide-size\)\] {
    max-width: var(--amshopby-category-slide-size);
  }
  .max-w-amrel-75 {
    max-width: var(--max-width-amrel-75);
  }
  .max-w-fit {
    max-width: fit-content;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-min {
    max-width: min-content;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-screen-lg {
    max-width: var(--breakpoint-lg);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-9\.5 {
    min-width: calc(var(--spacing) * 9.5);
  }
  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-25 {
    min-width: calc(var(--spacing) * 25);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-\[30px\] {
    min-width: 30px;
  }
  .min-w-\[40px\] {
    min-width: 40px;
  }
  .min-w-\[90px\] {
    min-width: 90px;
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-min {
    min-width: min-content;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .flex-grow-1 {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .grow-1 {
    flex-grow: 1;
  }
  .basis-20 {
    flex-basis: calc(var(--spacing) * 20);
  }
  .basis-334\/879 {
    flex-basis: calc(334/879 * 100%);
  }
  .basis-\[30\%\] {
    flex-basis: 30%;
  }
  .basis-auto {
    flex-basis: auto;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-bottom-left {
    transform-origin: 0 100%;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/3 {
    --tw-translate-x: calc(calc(1/3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/4 {
    --tw-translate-x: calc(calc(1/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-8 {
    --tw-translate-x: calc(var(--spacing) * 8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-72 {
    --tw-translate-x: calc(var(--spacing) * 72);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\!-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2\! {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-y-8 {
    --tw-translate-y: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/2 {
    --tw-translate-y: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/4 {
    --tw-translate-y: calc(1/4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-12 {
    --tw-translate-y: calc(var(--spacing) * 12);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-80 {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-context-menu {
    cursor: context-menu;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-wait {
    cursor: wait;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .snap-none {
    scroll-snap-type: none;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .columns-xs {
    columns: var(--container-xs);
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .auto-cols-\[100\%\] {
    grid-auto-columns: 100%;
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .grid-flow-row {
    grid-auto-flow: row;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[1\.5fr_1fr\] {
    grid-template-columns: 1.5fr 1fr;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_minmax\(0px\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0px,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0px\,1fr\)_theme\(\'spacing\.72\'\)\] {
    grid-template-columns: minmax(0px,1fr) 18rem;
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-\[auto_var\(--thumbs-size\)\] {
    grid-template-rows: auto var(--thumbs-size);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .place-items-center {
    place-items: center;
  }
  .content-center {
    align-content: center;
  }
  .\!items-end {
    align-items: flex-end !important;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-4\.5 {
    gap: calc(var(--spacing) * 4.5);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-\[1px\] {
    gap: 1px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-amlabel-margin {
    gap: var(--gap-amlabel-margin);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-7 {
    column-gap: calc(var(--spacing) * 7);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .space-x-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3\.5 {
    row-gap: calc(var(--spacing) * 3.5);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-16 {
    row-gap: calc(var(--spacing) * 16);
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .self-auto {
    align-self: auto;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-clip {
    overflow-y: clip;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[44px\] {
    border-radius: 44px;
  }
  .rounded-\[50\%\] {
    border-radius: 50%;
  }
  .rounded-\[99px\] {
    border-radius: 99px;
  }
  .rounded-\[100px\] {
    border-radius: 100px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-l-full {
    border-top-left-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-b-md {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-5 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
  }
  .border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .btn-secondary {
    --btn-stroke: var(--color-neutral-500);
    --btn-bg: var(--color-on-primary);
    --btn-color: var(--color-neutral-700);
    --btn-hover-stroke: var(--color-secondary);
    --btn-hover-bg: var(--color-on-primary);
    --btn-hover-color: var(--color-neutral-700);
    --btn-active-stroke: var(--color-neutral-500);
    --btn-active-bg: var(--color-on-primary);
    --btn-active-color: var(--color-neutral-700);
    &:hover {
      border-color: var(--btn-hover-stroke);
    }
    &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
      border-color: var(--btn-active-stroke);
    }
  }
  .border-\[\#000000\] {
    border-color: #000000;
  }
  .border-\[\#1B53FE\] {
    border-color: #1B53FE;
  }
  .border-\[\#006B3D\] {
    border-color: #006B3D;
  }
  .border-\[\#d5d6da\] {
    border-color: #d5d6da;
  }
  .border-\[var\(--block-border-color\)\] {
    border-color: var(--block-border-color);
  }
  .border-\[var\(--border-color\)\] {
    border-color: var(--border-color);
  }
  .border-\[var\(--border-color-light\)\] {
    border-color: var(--border-color-light);
  }
  .border-\[var\(--category-border-color\)\] {
    border-color: var(--category-border-color);
  }
  .border-\[var\(--tag-border-color\)\] {
    border-color: var(--tag-border-color);
  }
  .border-\[var\(--tag-cloud-border-color\)\] {
    border-color: var(--tag-cloud-border-color);
  }
  .border-amrel-blue-border {
    border-color: var(--color-amrel-blue-border);
  }
  .border-amrel-grey-border-light {
    border-color: var(--color-amrel-grey-border-light);
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-blue-900 {
    border-color: var(--color-blue-900);
  }
  .border-container {
    border-color: var(--color-container);
  }
  .border-container-darker {
    border-color: var(--color-container-darker);
  }
  .border-container-lighter {
    border-color: var(--color-container-lighter);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-cyan {
    border-color: var(--color-cyan);
  }
  .border-error {
    border-color: var(--color-error);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-green-300 {
    border-color: var(--color-green-300);
  }
  .border-green-400 {
    border-color: var(--color-green-400);
  }
  .border-loyalty-cyan {
    border-color: var(--color-loyalty-cyan);
  }
  .border-loyalty-white {
    border-color: var(--color-loyalty-white);
  }
  .border-loyalty-yellow {
    border-color: var(--color-loyalty-yellow);
  }
  .border-neutral-100 {
    border-color: var(--color-neutral-100);
  }
  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }
  .border-neutral-300 {
    border-color: var(--color-neutral-300);
  }
  .border-neutral-500 {
    border-color: var(--color-neutral-500);
  }
  .border-pink {
    border-color: var(--color-pink);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-red-600 {
    border-color: var(--color-red-600);
  }
  .border-red-700 {
    border-color: var(--color-red-700);
  }
  .border-secondary {
    border-color: var(--color-secondary);
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-slate-400 {
    border-color: var(--color-slate-400);
  }
  .border-success {
    border-color: var(--color-success);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .border-zinc-50 {
    border-color: var(--color-zinc-50);
  }
  .border-zinc-200 {
    border-color: var(--color-zinc-200);
  }
  .\!bg-sky-700 {
    background-color: var(--color-sky-700) !important;
  }
  .bg-\[\#000000\] {
    background-color: #000000;
  }
  .bg-\[\#1d4ed8\] {
    background-color: #1d4ed8;
  }
  .bg-\[\#4db2ec\] {
    background-color: #4db2ec;
  }
  .bg-\[\#008A50\] {
    background-color: #008A50;
  }
  .bg-\[\#EBF6FF\] {
    background-color: #EBF6FF;
  }
  .bg-\[\#F0F1F3\] {
    background-color: #F0F1F3;
  }
  .bg-\[\#f6f6f6\] {
    background-color: #f6f6f6;
  }
  .bg-\[\#f7eae5\] {
    background-color: #f7eae5;
  }
  .bg-\[\#f90\] {
    background-color: #f90;
  }
  .bg-\[\#ff9900\] {
    background-color: #ff9900;
  }
  .bg-\[\#fff\] {
    background-color: #fff;
  }
  .bg-\[transparent\] {
    background-color: transparent;
  }
  .bg-\[var\(--ambrands-bg-color\)\] {
    background-color: var(--ambrands-bg-color);
  }
  .bg-\[var\(--category-bg-color\)\] {
    background-color: var(--category-bg-color);
  }
  .bg-\[var\(--play-btn-bg\)\] {
    background-color: var(--play-btn-bg);
  }
  .bg-\[var\(--tag-bg-color\)\] {
    background-color: var(--tag-bg-color);
  }
  .bg-\[var\(--tag-cloud-bg-color\)\] {
    background-color: var(--tag-cloud-bg-color);
  }
  .bg-amcart-background {
    background-color: var(--color-amcart-background);
  }
  .bg-amcart-continue-btn {
    background-color: var(--color-amcart-continue-btn);
  }
  .bg-amcart-view-cart-btn {
    background-color: var(--color-amcart-view-cart-btn);
  }
  .bg-amrel-blue-bg {
    background-color: var(--color-amrel-blue-bg);
  }
  .bg-amrel-grey-border {
    background-color: var(--color-amrel-grey-border);
  }
  .bg-amrel-red-bg {
    background-color: var(--color-amrel-red-bg);
  }
  .bg-amrel-yellow {
    background-color: var(--color-amrel-yellow);
  }
  .bg-amrma_light_blue {
    background-color: var(--color-amrma_light_blue);
  }
  .bg-amrma_light_blue_bg {
    background-color: var(--color-amrma_light_blue_bg);
  }
  .bg-amrma_sky_blue {
    background-color: var(--color-amrma_sky_blue);
  }
  .bg-amtoolbar-background {
    background-color: var(--color-amtoolbar-background);
  }
  .bg-black {
    &[class*="bg-opacity-"] {
      background-color: #000;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 );
      }
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/25 {
    background-color: color-mix(in srgb, #000 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-black\/70 {
    background-color: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
  .bg-black\/100 {
    background-color: var(--color-black);
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-container-darker {
    background-color: var(--color-container-darker);
  }
  .bg-container-lighter {
    background-color: var(--color-container-lighter);
  }
  .bg-cyan {
    background-color: var(--color-cyan);
  }
  .bg-error {
    background-color: var(--color-error);
  }
  .bg-error-lighter {
    background-color: var(--color-error-lighter);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-200\/60 {
    background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent);
    }
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-loyalty-blue {
    background-color: var(--color-loyalty-blue);
  }
  .bg-loyalty-cyan {
    background-color: var(--color-loyalty-cyan);
  }
  .bg-loyalty-white {
    background-color: var(--color-loyalty-white);
  }
  .bg-loyalty-yellow {
    background-color: var(--color-loyalty-yellow);
  }
  .bg-neutral-100 {
    background-color: var(--color-neutral-100);
  }
  .bg-neutral-300 {
    background-color: var(--color-neutral-300);
  }
  .bg-neutral-700\! {
    background-color: var(--color-neutral-700) !important;
  }
  .bg-pink-lighter {
    background-color: var(--color-pink-lighter);
  }
  .bg-primary {
    &[class*="bg-opacity-"] {
      background-color: #F9A800;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 );
      }
    }
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary-lighter {
    background-color: var(--color-primary-lighter);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-secondary-lighter {
    background-color: var(--color-secondary-lighter);
  }
  .bg-secondary\/50 {
    background-color: color-mix(in srgb, #1E2A4A 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 50%, transparent);
    }
  }
  .bg-secondary\/70 {
    background-color: color-mix(in srgb, #1E2A4A 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 70%, transparent);
    }
  }
  .bg-sky-700 {
    background-color: var(--color-sky-700);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-400 {
    background-color: var(--color-slate-400);
  }
  .bg-stone-300 {
    background-color: var(--color-stone-300);
  }
  .bg-stone-300\! {
    background-color: var(--color-stone-300) !important;
  }
  .bg-success {
    background-color: var(--color-success);
  }
  .bg-success-lighter {
    background-color: var(--color-success-lighter);
  }
  .bg-surface {
    background-color: var(--color-surface);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    &[class*="bg-opacity-"] {
      background-color: #fff;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
      }
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/30 {
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .bg-white\/60 {
    background-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-white\/95 {
    background-color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-zinc-50 {
    background-color: var(--color-zinc-50);
  }
  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }
  .bg-loyalty-gradient {
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-loyalty-blue-lighter);
    --tw-gradient-to: var(--color-loyalty-blue);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-linear-to-l {
    --tw-gradient-position: to left;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to left in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-r {
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-none {
    background-image: none;
  }
  .from-gray-800\/75 {
    --tw-gradient-from: color-mix(in srgb, oklch(27.8% 0.033 256.848) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-gray-800) 75%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-surface {
    --tw-gradient-from: var(--color-surface);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white\/50 {
    --tw-gradient-from: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-300 {
    --tw-gradient-to: var(--color-gray-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .mask-x-from-90\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));
    --tw-mask-right-from-position: 90%;
    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position));
    --tw-mask-left-from-position: 90%;
  }
  .mask-b-from-80\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 80%;
  }
  .mask-overflow {
    --tw-mask-dir: to right;
    --tw-mask-size: calc(var(--spacing) * 8);
    --tw-mask-color: 0 0 0;
    --tw-mask-start: rgb(var(--tw-mask-color) / 0%);
    --tw-mask-end: rgb(var(--tw-mask-color) / 0%);
    --tw-mask: linear-gradient(
        var(--tw-mask-dir),
        var(--tw-mask-start),
        rgb(var(--tw-mask-color)) var(--tw-mask-size),
        rgb(var(--tw-mask-color)) calc(100% - var(--tw-mask-size)),
        var(--tw-mask-end)
    );
    -webkit-mask-image: var(--tw-mask);
    mask-image: var(--tw-mask);
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-amrel-grey-blue {
    fill: var(--color-amrel-grey-blue);
  }
  .fill-amrel-star-yellow {
    fill: var(--color-amrel-star-yellow);
  }
  .fill-black\/20 {
    fill: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .fill-current {
    fill: currentcolor;
  }
  .stroke-current {
    stroke: currentcolor;
  }
  .stroke-white\/75 {
    stroke: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .stroke-2 {
    stroke-width: 2;
  }
  .stroke-3 {
    stroke-width: 3;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-scale-down {
    object-fit: scale-down;
  }
  .object-center {
    object-position: center;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7\.5 {
    padding: calc(var(--spacing) * 7.5);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-14 {
    padding: calc(var(--spacing) * 14);
  }
  .p-\[5px\] {
    padding: 5px;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .px-\[22px\] {
    padding-inline: 22px;
  }
  .px-\[25px\] {
    padding-inline: 25px;
  }
  .px-\[var\(--ambrands-slider-padding\)\] {
    padding-inline: var(--ambrands-slider-padding);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7\.5 {
    padding-block: calc(var(--spacing) * 7.5);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[15px\] {
    padding-block: 15px;
  }
  .py-\[30px\] {
    padding-block: 30px;
  }
  .py-px {
    padding-block: 1px;
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-3\.5 {
    padding-inline-start: calc(var(--spacing) * 3.5);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pt-full {
    padding-top: var(--padding-full);
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-15 {
    padding-right: calc(var(--spacing) * 15);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-\[6px\] {
    padding-bottom: 6px;
  }
  .pb-\[22px\] {
    padding-bottom: 22px;
  }
  .pb-\[66\.6\%\] {
    padding-bottom: 66.6%;
  }
  .pb-\[70\%\] {
    padding-bottom: 70%;
  }
  .\!pl-0 {
    padding-left: calc(var(--spacing) * 0) !important;
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-13 {
    padding-left: calc(var(--spacing) * 13);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .title-font {
    font-family: var(--font-serif);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-loyalty {
    font-family: var(--font-loyalty);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-10 {
    font-size: var(--text-10);
  }
  .text-11 {
    font-size: var(--text-11);
  }
  .text-13 {
    font-size: var(--text-13);
  }
  .text-15 {
    font-size: var(--text-15);
  }
  .text-28 {
    font-size: var(--text-28);
  }
  .text-\[1\.6rem\] {
    font-size: 1.6rem;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .text-\[90px\] {
    font-size: 90px;
  }
  .text-\[length\:var\(--ambrands-text-size\)\] {
    font-size: var(--ambrands-text-size);
  }
  .leading-0 {
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }
  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }
  .leading-\[25px\] {
    --tw-leading: 25px;
    line-height: 25px;
  }
  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }
  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .leading-\[42px\] {
    --tw-leading: 42px;
    line-height: 42px;
  }
  .leading-\[50px\] {
    --tw-leading: 50px;
    line-height: 50px;
  }
  .leading-\[100px\] {
    --tw-leading: 100px;
    line-height: 100px;
  }
  .leading-\[var\(--ambrands-img-width\)\] {
    --tw-leading: var(--ambrands-img-width);
    line-height: var(--ambrands-img-width);
  }
  .leading-\[var\(--post-desc-line-height\)\] {
    --tw-leading: var(--post-desc-line-height);
    line-height: var(--post-desc-line-height);
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .btn-link {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: underline;
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .btn-pager {
    --btn-bg: transparent;
    --btn-hover-bg: var(--color-primary-lighter);
    --btn-hover-color: var(--color-primary);
    --btn-active-bg: var(--color-primary-lighter);
    --btn-active-color: var(--color-primary);
    font-weight: normal;
    &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
      font-weight: 600;
    }
  }
  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-\[\#000000\] {
    color: #000000;
  }
  .text-\[\#1A1A2E\] {
    color: #1A1A2E;
  }
  .text-\[\#1B53FE\] {
    color: #1B53FE;
  }
  .text-\[\#2a2a2a\] {
    color: #2a2a2a;
  }
  .text-\[\#3F3F3F\] {
    color: #3F3F3F;
  }
  .text-\[\#4E4E4E\] {
    color: #4E4E4E;
  }
  .text-\[\#7d7d7d\] {
    color: #7d7d7d;
  }
  .text-\[\#98A2B3\] {
    color: #98A2B3;
  }
  .text-\[\#222\] {
    color: #222;
  }
  .text-\[\#555\] {
    color: #555;
  }
  .text-\[\#777\] {
    color: #777;
  }
  .text-\[\#160808\] {
    color: #160808;
  }
  .text-\[\#707070\] {
    color: #707070;
  }
  .text-\[\#818181\] {
    color: #818181;
  }
  .text-\[\#858585\] {
    color: #858585;
  }
  .text-\[\#DA5D28\] {
    color: #DA5D28;
  }
  .text-\[\#aaaaaa\] {
    color: #aaaaaa;
  }
  .text-\[\#bbb\] {
    color: #bbb;
  }
  .text-\[\#ffffff\] {
    color: #ffffff;
  }
  .text-\[color\:var\(--ambrands-text-color\)\] {
    color: var(--ambrands-text-color);
  }
  .text-\[var\(--block-title-color\)\] {
    color: var(--block-title-color);
  }
  .text-\[var\(--category-color\)\] {
    color: var(--category-color);
  }
  .text-\[var\(--link-sidebar-color\)\] {
    color: var(--link-sidebar-color);
  }
  .text-\[var\(--play-btn-fg\)\] {
    color: var(--play-btn-fg);
  }
  .text-\[var\(--post-data-color\)\] {
    color: var(--post-data-color);
  }
  .text-\[var\(--post-desc-font-size\)\] {
    color: var(--post-desc-font-size);
  }
  .text-\[var\(--post-title-color\)\] {
    color: var(--post-title-color);
  }
  .text-\[var\(--primary-color\)\] {
    color: var(--primary-color);
  }
  .text-\[var\(--primary-color-alt\)\] {
    color: var(--primary-color-alt);
  }
  .text-\[var\(--product-item-name\)\] {
    color: var(--product-item-name);
  }
  .text-\[var\(--tag-cloud-color\)\] {
    color: var(--tag-cloud-color);
  }
  .text-\[var\(--tag-color\)\] {
    color: var(--tag-color);
  }
  .text-\[var\(--tag-title-color\)\] {
    color: var(--tag-title-color);
  }
  .text-\[var\(--text-color\)\] {
    color: var(--text-color);
  }
  .text-amcart-button {
    color: var(--color-amcart-button);
  }
  .text-amcart-product-name {
    color: var(--color-amcart-product-name);
  }
  .text-amcart-text {
    color: var(--color-amcart-text);
  }
  .text-amrel-blue-text {
    color: var(--color-amrel-blue-text);
  }
  .text-amrel-grey-blue {
    color: var(--color-amrel-grey-blue);
  }
  .text-amrel-grey-dark-text {
    color: var(--color-amrel-grey-dark-text);
  }
  .text-amrel-star-yellow {
    color: var(--color-amrel-star-yellow);
  }
  .text-amrma_dark_blue {
    color: var(--color-amrma_dark_blue);
  }
  .text-amrma_status_pending {
    color: var(--color-amrma_status_pending);
  }
  .text-amrma_status_rejected {
    color: var(--color-amrma_status_rejected);
  }
  .text-amsb_graystarts {
    color: var(--color-amsb_graystarts);
  }
  .text-amsb_yellowstars {
    color: var(--color-amsb_yellowstars);
  }
  .text-amscrollcounter-secondary-color {
    color: var(--color-amscrollcounter-secondary-color);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-cornflower-100 {
    color: var(--color-cornflower-100);
  }
  .text-current {
    color: currentcolor;
  }
  .text-cyan {
    color: var(--color-cyan);
  }
  .text-error {
    color: var(--color-error);
  }
  .text-fg {
    color: var(--color-fg);
  }
  .text-fg-secondary {
    color: var(--color-fg-secondary);
  }
  .text-fg\/30 {
    color: color-mix(in srgb, #1E2A4A 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fg) 30%, transparent);
    }
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-gray-900\/60 {
    color: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
    }
  }
  .text-green {
    color: var(--color-green);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-inherit {
    color: inherit;
  }
  .text-loyalty-beige {
    color: var(--color-loyalty-beige);
  }
  .text-loyalty-blue {
    color: var(--color-loyalty-blue);
  }
  .text-loyalty-cyan {
    color: var(--color-loyalty-cyan);
  }
  .text-loyalty-red {
    color: var(--color-loyalty-red);
  }
  .text-loyalty-white {
    color: var(--color-loyalty-white);
  }
  .text-loyalty-yellow {
    color: var(--color-loyalty-yellow);
  }
  .text-neutral-300 {
    color: var(--color-neutral-300);
  }
  .text-neutral-500 {
    color: var(--color-neutral-500);
  }
  .text-neutral-600 {
    color: var(--color-neutral-600);
  }
  .text-neutral-700 {
    color: var(--color-neutral-700);
  }
  .text-neutral-800 {
    color: var(--color-neutral-800);
  }
  .text-on-primary {
    color: var(--color-on-primary);
  }
  .text-orange-400 {
    color: var(--color-orange-400);
  }
  .text-pink {
    color: var(--color-pink);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-darker {
    color: var(--color-primary-darker);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-red {
    color: var(--color-red);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-secondary {
    color: var(--color-secondary);
  }
  .text-secondary-darker {
    color: var(--color-secondary-darker);
  }
  .text-secondary-medium {
    color: var(--color-secondary-medium);
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-success {
    color: var(--color-success);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-zinc-600 {
    color: var(--color-zinc-600);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .not-italic {
    font-style: normal;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-4px_12px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 -4px 12px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.07\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.07));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_4px_0_rgba\(16\,31\,48\,0\.2\)\] {
    --tw-shadow: 0 2px 4px 0 var(--tw-shadow-color, rgba(16,31,48,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.09\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.09));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.07));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-blue-500\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
    }
  }
  .ring-current {
    --tw-ring-color: currentcolor;
  }
  .ring-primary\/50 {
    --tw-ring-color: color-mix(in srgb, #F9A800 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
    }
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .inset-ring-loyalty-beige {
    --tw-inset-ring-color: var(--color-loyalty-beige);
  }
  .inset-ring-primary {
    --tw-inset-ring-color: var(--color-primary);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }
  .-outline-offset-2 {
    outline-offset: calc(2px * -1);
  }
  .outline-offset-0 {
    outline-offset: 0px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .outline-offset-4 {
    outline-offset: 4px;
  }
  .outline-primary {
    outline-color: var(--color-primary);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale-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,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[all\] {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\,top\] {
    transition-property: left,top;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[outline-offset\] {
    transition-property: outline-offset;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[right\,top\] {
    transition-property: right,top;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-none {
    transition-property: none;
  }
  .delay-600 {
    transition-delay: 600ms;
  }
  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-250 {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-600 {
    --tw-duration: 600ms;
    transition-duration: 600ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .\[transition-timing-function\:initial\] {
    transition-timing-function: initial;
  }
  .btn-loyalty {
    --btn-stroke: var(--color-loyalty-cyan);
    --btn-bg: var(--color-loyalty-cyan);
    --btn-color: var(--color-loyalty-blue);
    --btn-hover-stroke: var(--color-loyalty-blue);
    --btn-hover-bg: var(--color-loyalty-blue);
    --btn-hover-color: var(--color-loyalty-white);
    --btn-active-stroke: var(--color-loyalty-blue);
    --btn-active-bg: var(--color-loyalty-blue);
    --btn-active-color: var(--color-loyalty-white);
  }
  .btn-primary {
    --btn-stroke: #0000;
    --btn-bg: var(--color-primary);
    --btn-color: var(--color-secondary);
    --btn-hover-stroke: #0000;
    --btn-hover-bg: var(--color-primary-darker);
    --btn-hover-color: var(--color-secondary);
    --btn-active-stroke: #0000;
    --btn-active-bg: var(--color-primary);
    --btn-active-color: var(--color-secondary);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--line-after\:theme\(colors\.primary\.DEFAULT\)\] {
    --line-after: #F9A800;
  }
  .\[--line-before\:\#0000\] {
    --line-before: #0000;
  }
  .\[--line-before\:theme\(colors\.primary\.DEFAULT\)\] {
    --line-before: #F9A800;
  }
  .\[--snap-cols\:1\.5\] {
    --snap-cols: 1.5;
  }
  .\[--snap-cols\:2\] {
    --snap-cols: 2;
  }
  .\[--snap-cols\:3\] {
    --snap-cols: 3;
  }
  .\[--snap-gap\:10px\] {
    --snap-gap: 10px;
  }
  .\[--thumbs-gap\:0\.5rem\] {
    --thumbs-gap: 0.5rem;
  }
  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }
  .\[border-image\:conic-gradient\(theme\(colors\.neutral\.100\)_0_0\)_fill_0\/\/0_100vw\] {
    border-image: conic-gradient(#F4F4F4 0 0) fill 0//0 100vw;
  }
  .\[column-span\:all\] {
    column-span: all;
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[wire\:auto-save\] {
    wire: auto-save;
  }
  .\[wire\:model\.defer\] {
    wire: model.defer;
  }
  .\[wire\:model\] {
    wire: model;
  }
  .\[wire\:select\] {
    wire: select;
  }
  .bg-opacity-10 {
    --tw-bg-opacity: 10;
  }
  .bg-opacity-25 {
    --tw-bg-opacity: 25;
  }
  .bg-opacity-50 {
    --tw-bg-opacity: 50;
  }
  .bg-opacity-70 {
    --tw-bg-opacity: 70;
  }
  .bg-opacity-75 {
    --tw-bg-opacity: 75;
  }
  .bg-opacity-90 {
    --tw-bg-opacity: 90;
  }
  .bg-opacity-100 {
    --tw-bg-opacity: 100;
  }
  .mask-dir-y {
    --tw-mask-dir: to bottom;
  }
  .mask-overflow-end {
    --tw-mask-start: rgb(var(--tw-mask-color));
  }
  .mask-overflow-start {
    --tw-mask-end: rgb(var(--tw-mask-color));
  }
  .\*\:col-start-1 {
    :is(& > *) {
      grid-column-start: 1;
    }
  }
  .\*\:row-start-1 {
    :is(& > *) {
      grid-row-start: 1;
    }
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-focus-within\:flex {
    &:is(:where(.group):focus-within *) {
      display: flex;
    }
  }
  .group-hover\:right-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        right: calc(var(--spacing) * 0);
      }
    }
  }
  .group-hover\:left-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .group-hover\:flex {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }
  .group-hover\:-translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-125 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:border-gray-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-gray-300);
      }
    }
  }
  .group-hover\:bg-gray-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-gray-300);
      }
    }
  }
  .group-hover\:text-gray-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-600);
      }
    }
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .group-hover\:opacity-70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:shadow-amsb-hover {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 3px 3px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.3));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-hover\/filter\:border-primary {
    &:is(:where(.group\/filter):hover *) {
      @media (hover: hover) {
        border-color: var(--color-primary);
      }
    }
  }
  .group-hover\/filter\:bg-primary {
    &:is(:where(.group\/filter):hover *) {
      @media (hover: hover) {
        &[class*="bg-opacity-"] {
          background-color: #F9A800;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 );
          }
        }
      }
    }
  }
  .group-hover\/filter\:bg-primary {
    &:is(:where(.group\/filter):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .group-hover\/filter\:text-white {
    &:is(:where(.group\/filter):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-focus\/filter\:border-primary {
    &:is(:where(.group\/filter):focus *) {
      border-color: var(--color-primary);
    }
  }
  .group-focus\/filter\:bg-primary {
    &:is(:where(.group\/filter):focus *) {
      &[class*="bg-opacity-"] {
        background-color: #F9A800;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 );
        }
      }
    }
  }
  .group-focus\/filter\:bg-primary {
    &:is(:where(.group\/filter):focus *) {
      background-color: var(--color-primary);
    }
  }
  .group-focus\/filter\:text-white {
    &:is(:where(.group\/filter):focus *) {
      color: var(--color-white);
    }
  }
  .group-disabled\:invisible {
    &:is(:where(.group):disabled *) {
      visibility: hidden;
    }
  }
  .group-disabled\:flex {
    &:is(:where(.group):disabled *) {
      display: flex;
    }
  }
  .group-aria-expanded\:rotate-180 {
    &:is(:where(.group)[aria-expanded="true"] *) {
      rotate: 180deg;
    }
  }
  .group-aria-expanded\:text-inherit {
    &:is(:where(.group)[aria-expanded="true"] *) {
      color: inherit;
    }
  }
  .peer-checked\:border-primary {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-primary);
    }
  }
  .peer-checked\:bg-primary {
    &:is(:where(.peer):checked ~ *) {
      &[class*="bg-opacity-"] {
        background-color: #F9A800;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 );
        }
      }
    }
  }
  .peer-checked\:bg-primary {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-primary);
    }
  }
  .peer-focus\:ring-2 {
    &:is(:where(.peer):focus ~ *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .backdrop\:backdrop {
    &::backdrop {
      position: fixed;
      inset: 0;
      background-color: var(--backdrop, hsl(0 0 0 / 20%));
    }
  }
  .backdrop\:bg-transparent {
    &::backdrop {
      background-color: transparent;
    }
  }
  .backdrop\:backdrop-blur-xs {
    &::backdrop {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -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,);
    }
  }
  .before\:pointer-events-none {
    &::before {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .before\:-top-3 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -3);
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .before\:top-1\/2 {
    &::before {
      content: var(--tw-content);
      top: calc(1/2 * 100%);
    }
  }
  .before\:top-4 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 4);
    }
  }
  .before\:top-5 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 5);
    }
  }
  .before\:top-\[17px\] {
    &::before {
      content: var(--tw-content);
      top: 17px;
    }
  }
  .before\:right-\[51\%\] {
    &::before {
      content: var(--tw-content);
      right: 51%;
    }
  }
  .before\:-left-3 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * -3);
    }
  }
  .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .before\:left-1\/2 {
    &::before {
      content: var(--tw-content);
      left: calc(1/2 * 100%);
    }
  }
  .before\:z-\[1\] {
    &::before {
      content: var(--tw-content);
      z-index: 1;
    }
  }
  .before\:float-left {
    &::before {
      content: var(--tw-content);
      float: left;
    }
  }
  .before\:mt-3\.5 {
    &::before {
      content: var(--tw-content);
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .before\:-ml-2 {
    &::before {
      content: var(--tw-content);
      margin-left: calc(var(--spacing) * -2);
    }
  }
  .before\:block {
    &::before {
      content: var(--tw-content);
      display: block;
    }
  }
  .before\:inline {
    &::before {
      content: var(--tw-content);
      display: inline;
    }
  }
  .before\:h-1 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1);
    }
  }
  .before\:h-2 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 2);
    }
  }
  .before\:h-3 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 3);
    }
  }
  .before\:h-4 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 4);
    }
  }
  .before\:h-\[4px\] {
    &::before {
      content: var(--tw-content);
      height: 4px;
    }
  }
  .before\:h-\[5px\] {
    &::before {
      content: var(--tw-content);
      height: 5px;
    }
  }
  .before\:h-full {
    &::before {
      content: var(--tw-content);
      height: 100%;
    }
  }
  .before\:w-0 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0);
    }
  }
  .before\:w-2 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 2);
    }
  }
  .before\:w-3 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 3);
    }
  }
  .before\:w-4 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 4);
    }
  }
  .before\:w-\[5px\] {
    &::before {
      content: var(--tw-content);
      width: 5px;
    }
  }
  .before\:w-full {
    &::before {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .before\:shrink-0 {
    &::before {
      content: var(--tw-content);
      flex-shrink: 0;
    }
  }
  .before\:-translate-y-1\/2 {
    &::before {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:rounded-\[10px\] {
    &::before {
      content: var(--tw-content);
      border-radius: 10px;
    }
  }
  .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .before\:border-t-\[30px\] {
    &::before {
      content: var(--tw-content);
      border-top-style: var(--tw-border-style);
      border-top-width: 30px;
    }
  }
  .before\:border-r-0 {
    &::before {
      content: var(--tw-content);
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
  }
  .before\:border-l-\[12px\] {
    &::before {
      content: var(--tw-content);
      border-left-style: var(--tw-border-style);
      border-left-width: 12px;
    }
  }
  .before\:border-solid {
    &::before {
      content: var(--tw-content);
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .before\:border-transparent {
    &::before {
      content: var(--tw-content);
      border-color: transparent;
    }
  }
  .before\:border-t-blue-200 {
    &::before {
      content: var(--tw-content);
      border-top-color: var(--color-blue-200);
    }
  }
  .before\:bg-\[var\(--banner-bg\)\] {
    &::before {
      content: var(--tw-content);
      background-color: var(--banner-bg);
    }
  }
  .before\:bg-blue-400 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-blue-400);
    }
  }
  .before\:bg-blue-700 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-blue-700);
    }
  }
  .before\:bg-current {
    &::before {
      content: var(--tw-content);
      background-color: currentcolor;
    }
  }
  .before\:bg-error {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-error);
    }
  }
  .before\:bg-gray-300 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-gray-300);
    }
  }
  .before\:bg-green-500 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-green-500);
    }
  }
  .before\:bg-primary {
    &::before {
      content: var(--tw-content);
      &[class*="bg-opacity-"] {
        background-color: #F9A800;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 );
        }
      }
    }
  }
  .before\:bg-primary {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-primary);
    }
  }
  .before\:bg-red-500 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-red-500);
    }
  }
  .before\:bg-success {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-success);
    }
  }
  .before\:bg-linear-to-r {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to right;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to right in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .before\:bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\)_49\.89\%\,rgba\(0\,0\,0\,0\.5\)_100\%\)\] {
    &::before {
      content: var(--tw-content);
      background-image: linear-gradient(180deg,rgba(0,0,0,0) 49.89%,rgba(0,0,0,0.5) 100%);
    }
  }
  .before\:from-loyalty-blue {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: var(--color-loyalty-blue);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:to-transparent {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:bg-cover {
    &::before {
      content: var(--tw-content);
      background-size: cover;
    }
  }
  .before\:bg-center {
    &::before {
      content: var(--tw-content);
      background-position: center;
    }
  }
  .before\:bg-no-repeat {
    &::before {
      content: var(--tw-content);
      background-repeat: no-repeat;
    }
  }
  .before\:text-\[11px\] {
    &::before {
      content: var(--tw-content);
      font-size: 11px;
    }
  }
  .before\:font-bold {
    &::before {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .before\:font-normal {
    &::before {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .before\:opacity-0 {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .before\:opacity-40 {
    &::before {
      content: var(--tw-content);
      opacity: 40%;
    }
  }
  .before\:transition-opacity {
    &::before {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .before\:duration-500 {
    &::before {
      content: var(--tw-content);
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'x\'\] {
    &::before {
      --tw-content: 'x';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\`\`\] {
    &::before {
      --tw-content: ``;
      content: var(--tw-content);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:inset-1 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 1);
    }
  }
  .after\:-top-1 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * -1);
    }
  }
  .after\:top-0 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .after\:top-5 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 5);
    }
  }
  .after\:top-\[17px\] {
    &::after {
      content: var(--tw-content);
      top: 17px;
    }
  }
  .after\:top-\[calc\(100\%-theme\(space\.1\)\)\] {
    &::after {
      content: var(--tw-content);
      top: calc(100% - 0.25rem);
    }
  }
  .after\:-right-3 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * -3);
    }
  }
  .after\:right-auto {
    &::after {
      content: var(--tw-content);
      right: auto;
    }
  }
  .after\:bottom-0 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
  .after\:left-1\/2 {
    &::after {
      content: var(--tw-content);
      left: calc(1/2 * 100%);
    }
  }
  .after\:left-\[-21px\] {
    &::after {
      content: var(--tw-content);
      left: -21px;
    }
  }
  .after\:ml-0\.5 {
    &::after {
      content: var(--tw-content);
      margin-left: calc(var(--spacing) * 0.5);
    }
  }
  .after\:block {
    &::after {
      content: var(--tw-content);
      display: block;
    }
  }
  .after\:inline-block {
    &::after {
      content: var(--tw-content);
      display: inline-block;
    }
  }
  .after\:h-1 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1);
    }
  }
  .after\:h-\[4px\] {
    &::after {
      content: var(--tw-content);
      height: 4px;
    }
  }
  .after\:w-0 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0);
    }
  }
  .after\:w-1 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 1);
    }
  }
  .after\:w-\[2px\] {
    &::after {
      content: var(--tw-content);
      width: 2px;
    }
  }
  .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .after\:-translate-x-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:translate-y-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: calc(1/2 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:rotate-45 {
    &::after {
      content: var(--tw-content);
      rotate: 45deg;
    }
  }
  .after\:rounded-full {
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .after\:border-4 {
    &::after {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 4px;
    }
  }
  .after\:border-t-\[30px\] {
    &::after {
      content: var(--tw-content);
      border-top-style: var(--tw-border-style);
      border-top-width: 30px;
    }
  }
  .after\:border-r-\[12px\] {
    &::after {
      content: var(--tw-content);
      border-right-style: var(--tw-border-style);
      border-right-width: 12px;
    }
  }
  .after\:border-l-0 {
    &::after {
      content: var(--tw-content);
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
  }
  .after\:border-solid {
    &::after {
      content: var(--tw-content);
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .after\:\[border-color\:inherit\] {
    &::after {
      content: var(--tw-content);
      border-color: inherit;
    }
  }
  .after\:border-transparent {
    &::after {
      content: var(--tw-content);
      border-color: transparent;
    }
  }
  .after\:border-t-violet-200 {
    &::after {
      content: var(--tw-content);
      border-top-color: var(--color-violet-200);
    }
  }
  .after\:bg-gray-200 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-gray-200);
    }
  }
  .after\:bg-primary {
    &::after {
      content: var(--tw-content);
      &[class*="bg-opacity-"] {
        background-color: #F9A800;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 );
        }
      }
    }
  }
  .after\:bg-primary {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-primary);
    }
  }
  .after\:bg-transparent {
    &::after {
      content: var(--tw-content);
      background-color: transparent;
    }
  }
  .after\:bg-white {
    &::after {
      content: var(--tw-content);
      &[class*="bg-opacity-"] {
        background-color: #fff;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
        }
      }
    }
  }
  .after\:bg-white {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
  }
  .after\:text-red-600 {
    &::after {
      content: var(--tw-content);
      color: var(--color-red-600);
    }
  }
  .after\:opacity-0 {
    &::after {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .after\:transition {
    &::after {
      content: var(--tw-content);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\*\'\] {
    &::after {
      --tw-content: '*';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\:\'\] {
    &::after {
      --tw-content: ':';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\`\`\] {
    &::after {
      --tw-content: ``;
      content: var(--tw-content);
    }
  }
  .group-hover\/filter\:after\:opacity-100 {
    &:is(:where(.group\/filter):hover *) {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  .group-focus\/filter\:after\:opacity-100 {
    &:is(:where(.group\/filter):focus *) {
      &::after {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .first\:ml-0 {
    &:first-child {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .first\:border-t-0 {
    &:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .first\:\[--line-before\:\#0000\] {
    &:first-child {
      --line-before: #0000;
    }
  }
  .first\:before\:hidden {
    &:first-child {
      &::before {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .last\:\!m-0 {
    &:last-child {
      margin: calc(var(--spacing) * 0) !important;
    }
  }
  .last\:mr-0 {
    &:last-child {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .last\:mb-6 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-b {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:border-none {
    &:last-child {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .last\:border-transparent {
    &:last-child {
      border-color: transparent;
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .last\:\[--line-after\:\#0000\] {
    &:last-child {
      --line-after: #0000;
    }
  }
  .last\:after\:hidden {
    &:last-child {
      &::after {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .odd\:bg-container {
    &:nth-child(odd) {
      background-color: var(--color-container);
    }
  }
  .odd\:bg-neutral-100 {
    &:nth-child(odd) {
      background-color: var(--color-neutral-100);
    }
  }
  .even\:bg-container-darker {
    &:nth-child(even) {
      background-color: var(--color-container-darker);
    }
  }
  .even\:bg-gray-50 {
    &:nth-child(even) {
      background-color: var(--color-gray-50);
    }
  }
  .even\:bg-gray-100 {
    &:nth-child(even) {
      background-color: var(--color-gray-100);
    }
  }
  .open\:flex {
    &:is([open], :popover-open, :open) {
      display: flex;
    }
  }
  .open\:duration-500 {
    &:is([open], :popover-open, :open) {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .invalid\:border-red-500 {
    &:invalid {
      border-color: var(--color-red-500);
    }
  }
  .invalid\:ring-2 {
    &:invalid {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .invalid\:ring-red-500 {
    &:invalid {
      --tw-ring-color: var(--color-red-500);
    }
  }
  .read-only\:cursor-not-allowed {
    &:read-only {
      cursor: not-allowed;
    }
  }
  .read-only\:bg-gray-100 {
    &:read-only {
      background-color: var(--color-gray-100);
    }
  }
  .read-only\:opacity-75 {
    &:read-only {
      opacity: 75%;
    }
  }
  .focus-within\:border-primary {
    &:focus-within {
      border-color: var(--color-primary);
    }
  }
  .focus-within\:ring {
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-within\:ring-1 {
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-within\:ring-2 {
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-within\:outline {
    &:focus-within {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-within\:outline-2 {
    &:focus-within {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-within\:outline-offset-4 {
    &:focus-within {
      outline-offset: 4px;
    }
  }
  .focus-within\:outline-primary {
    &:focus-within {
      outline-color: var(--color-primary);
    }
  }
  .hover\:translate-y-\[-3px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -3px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:cursor-not-allowed {
    &:hover {
      @media (hover: hover) {
        cursor: not-allowed;
      }
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:border {
    &:hover {
      @media (hover: hover) {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
    }
  }
  .hover\:border-\[\#d5d6da\] {
    &:hover {
      @media (hover: hover) {
        border-color: #d5d6da;
      }
    }
  }
  .hover\:border-\[var\(--category-border-color-hover\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--category-border-color-hover);
      }
    }
  }
  .hover\:border-\[var\(--tag-border-color-hover\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--tag-border-color-hover);
      }
    }
  }
  .hover\:border-blue-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-400);
      }
    }
  }
  .hover\:border-cyan {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan);
      }
    }
  }
  .hover\:border-error {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-error);
      }
    }
  }
  .hover\:border-gray-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-600);
      }
    }
  }
  .hover\:border-loyalty-cyan {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-loyalty-cyan);
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary);
      }
    }
  }
  .hover\:border-sky-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-600);
      }
    }
  }
  .hover\:bg-\[\#4db2ec\] {
    &:hover {
      @media (hover: hover) {
        background-color: #4db2ec;
      }
    }
  }
  .hover\:bg-\[\#006B3D\] {
    &:hover {
      @media (hover: hover) {
        background-color: #006B3D;
      }
    }
  }
  .hover\:bg-\[\#222\] {
    &:hover {
      @media (hover: hover) {
        background-color: #222;
      }
    }
  }
  .hover\:bg-\[\#2563eb\] {
    &:hover {
      @media (hover: hover) {
        background-color: #2563eb;
      }
    }
  }
  .hover\:bg-\[\#333333\] {
    &:hover {
      @media (hover: hover) {
        background-color: #333333;
      }
    }
  }
  .hover\:bg-\[\#da5d28\] {
    &:hover {
      @media (hover: hover) {
        background-color: #da5d28;
      }
    }
  }
  .hover\:bg-\[\#e88b00\] {
    &:hover {
      @media (hover: hover) {
        background-color: #e88b00;
      }
    }
  }
  .hover\:bg-\[var\(--category-bg-color-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--category-bg-color-hover);
      }
    }
  }
  .hover\:bg-\[var\(--tag-bg-color-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tag-bg-color-hover);
      }
    }
  }
  .hover\:bg-\[var\(--tag-cloud-bg-color-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tag-cloud-bg-color-hover);
      }
    }
  }
  .hover\:bg-amcart-continue-btn {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amcart-continue-btn);
      }
    }
  }
  .hover\:bg-amcart-view-cart-btn {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amcart-view-cart-btn);
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-blue-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-400);
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .hover\:bg-cyan {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan);
      }
    }
  }
  .hover\:bg-error {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-error);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-gray-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-400);
      }
    }
  }
  .hover\:bg-gray-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-900);
      }
    }
  }
  .hover\:bg-loyalty-cyan {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-loyalty-cyan);
      }
    }
  }
  .hover\:bg-neutral-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:bg-neutral-700\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-700) !important;
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        &[class*="bg-opacity-"] {
          background-color: #F9A800;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 );
          }
        }
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .hover\:bg-red-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-300);
      }
    }
  }
  .hover\:bg-secondary-lighter {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-secondary-lighter);
      }
    }
  }
  .hover\:bg-sky-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-700);
      }
    }
  }
  .hover\:bg-sky-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-800);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        &[class*="bg-opacity-"] {
          background-color: #fff;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
          }
        }
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:text-\[\#ee5204\] {
    &:hover {
      @media (hover: hover) {
        color: #ee5204;
      }
    }
  }
  .hover\:text-\[\#ffffff\] {
    &:hover {
      @media (hover: hover) {
        color: #ffffff;
      }
    }
  }
  .hover\:text-\[var\(--category-color-hover\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--category-color-hover);
      }
    }
  }
  .hover\:text-\[var\(--link-sidebar-color-hover\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--link-sidebar-color-hover);
      }
    }
  }
  .hover\:text-\[var\(--post-title-color-hover\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--post-title-color-hover);
      }
    }
  }
  .hover\:text-\[var\(--primary-color\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--primary-color);
      }
    }
  }
  .hover\:text-\[var\(--secondary-color\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--secondary-color);
      }
    }
  }
  .hover\:text-\[var\(--tag-cloud-color-hover\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--tag-cloud-color-hover);
      }
    }
  }
  .hover\:text-\[var\(--tag-color-hover\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--tag-color-hover);
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-blue-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-400);
      }
    }
  }
  .hover\:text-blue-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
  .hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-cyan {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan);
      }
    }
  }
  .hover\:text-gray-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-400);
      }
    }
  }
  .hover\:text-gray-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-500);
      }
    }
  }
  .hover\:text-gray-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-600);
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .hover\:text-green-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-700);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-primary-darker {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-darker);
      }
    }
  }
  .hover\:text-red {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red);
      }
    }
  }
  .hover\:text-red-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
  .hover\:text-red-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-800);
      }
    }
  }
  .hover\:text-secondary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-secondary);
      }
    }
  }
  .hover\:text-secondary-darker {
    &:hover {
      @media (hover: hover) {
        color: var(--color-secondary-darker);
      }
    }
  }
  .hover\:text-secondary-lighter {
    &:hover {
      @media (hover: hover) {
        color: var(--color-secondary-lighter);
      }
    }
  }
  .hover\:text-slate-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .hover\:text-slate-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-800);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:text-yellow-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-500);
      }
    }
  }
  .hover\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-70 {
    &:hover {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:opacity-85 {
    &:hover {
      @media (hover: hover) {
        opacity: 85%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.07));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-primary\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #F9A800 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:brightness-105 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(105%);
        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,);
      }
    }
  }
  .hover\:drop-shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
        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,);
      }
    }
  }
  .hover\:grayscale {
    &:hover {
      @media (hover: hover) {
        --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,);
      }
    }
  }
  .hover\:transition-\[all\] {
    &:hover {
      @media (hover: hover) {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
      }
    }
  }
  .hover\:transition-all {
    &:hover {
      @media (hover: hover) {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
      }
    }
  }
  .hover\:duration-200 {
    &:hover {
      @media (hover: hover) {
        --tw-duration: 200ms;
        transition-duration: 200ms;
      }
    }
  }
  .hover\:duration-300 {
    &:hover {
      @media (hover: hover) {
        --tw-duration: 300ms;
        transition-duration: 300ms;
      }
    }
  }
  .hover\:ease-out {
    &:hover {
      @media (hover: hover) {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
      }
    }
  }
  .hover\:before\:opacity-10 {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 10%;
        }
      }
    }
  }
  .hover\:after\:bg-\[var\(--secondary-color\)\] {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-color: var(--secondary-color);
        }
      }
    }
  }
  .focus\:not-sr-only {
    &:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
  }
  .focus\:absolute {
    &:focus {
      position: absolute;
    }
  }
  .focus\:z-10 {
    &:focus {
      z-index: 10;
    }
  }
  .focus\:z-30 {
    &:focus {
      z-index: 30;
    }
  }
  .focus\:z-40 {
    &:focus {
      z-index: 40;
    }
  }
  .focus\:btn {
    &:focus {
      --btn-stroke: var(--color-secondary-lighter);
      --btn-bg: var(--color-secondary-lighter);
      --btn-hover-bg: var(--color-secondary);
      --btn-hover-color: var(--color-white);
      --btn-active-bg: var(--color-secondary);
      --btn-color: var(--color-fg);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: calc(var(--spacing) * 1.5);
      padding-block: calc(var(--spacing) * 3);
      padding-inline: calc(var(--spacing) * 4);
      border-radius: var(--radius-sm);
      border-width: 2px;
      border-color: var(--btn-stroke);
      background-color: var(--btn-bg);
      color: var(--btn-color);
      font-weight: 600;
      user-select: none;
      vertical-align: middle;
      transition-property: color, background-color, border-color, outline-color;
      transition-timing-function: var(--default-transition-timing-function);
      transition-duration: var(--default-transition-duration);
      line-height: 1;
      &:hover {
        border-color: var(--btn-hover-bg, var(--btn-bg));
        background-color: var(--btn-hover-bg, var(--btn-bg));
        color: var(--btn-hover-color, var(--btn-color));
        text-decoration: none;
      }
      &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
        border-color: var(--btn-active-bg, var(--btn-bg));
        background-color: var(--btn-active-bg, var(--btn-bg));
        color: var(--btn-active-color, var(--btn-color));
      }
      &:is(:disabled, [aria-disabled="true"]) {
        border-color: var(--btn-disabled-bg, var(--color-gray-50));
        background-color: var(--btn-disabled-bg, var(--color-gray-50));
        color: var(--btn-disabled-color, var(--color-gray-500));
      }
    }
  }
  .focus\:btn-secondary {
    &:focus {
      --btn-stroke: var(--color-neutral-500);
      --btn-bg: var(--color-on-primary);
      --btn-color: var(--color-neutral-700);
      --btn-hover-stroke: var(--color-secondary);
      --btn-hover-bg: var(--color-on-primary);
      --btn-hover-color: var(--color-neutral-700);
      --btn-active-stroke: var(--color-neutral-500);
      --btn-active-bg: var(--color-on-primary);
      --btn-active-color: var(--color-neutral-700);
      &:hover {
        border-color: var(--btn-hover-stroke);
      }
      &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
        border-color: var(--btn-active-stroke);
      }
    }
  }
  .focus\:border-blue-300 {
    &:focus {
      border-color: var(--color-blue-300);
    }
  }
  .focus\:border-cyan {
    &:focus {
      border-color: var(--color-cyan);
    }
  }
  .focus\:border-gray-500 {
    &:focus {
      border-color: var(--color-gray-500);
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .focus\:border-red-500 {
    &:focus {
      border-color: var(--color-red-500);
    }
  }
  .focus\:bg-cyan {
    &:focus {
      background-color: var(--color-cyan);
    }
  }
  .focus\:bg-slate-100 {
    &:focus {
      background-color: var(--color-slate-100);
    }
  }
  .focus\:bg-white {
    &:focus {
      &[class*="bg-opacity-"] {
        background-color: #fff;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
        }
      }
    }
  }
  .focus\:bg-white {
    &:focus {
      background-color: var(--color-white);
    }
  }
  .focus\:p-2 {
    &:focus {
      padding: calc(var(--spacing) * 2);
    }
  }
  .focus\:text-cyan {
    &:focus {
      color: var(--color-cyan);
    }
  }
  .focus\:text-gray-600 {
    &:focus {
      color: var(--color-gray-600);
    }
  }
  .focus\:text-red-800 {
    &:focus {
      color: var(--color-red-800);
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:shadow-primary\/30 {
    &:focus {
      --tw-shadow-color: color-mix(in srgb, #F9A800 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .focus\:ring-red-500 {
    &:focus {
      --tw-ring-color: var(--color-red-500);
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus\:outline {
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus\:outline-2 {
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus\:outline-offset-2 {
    &:focus {
      outline-offset: 2px;
    }
  }
  .focus\:outline-black {
    &:focus {
      outline-color: var(--color-black);
    }
  }
  .focus\:outline-primary {
    &:focus {
      outline-color: var(--color-primary);
    }
  }
  .focus\:outline-red-300 {
    &:focus {
      outline-color: var(--color-red-300);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-secondary {
    &:focus-visible {
      outline-color: var(--color-secondary);
    }
  }
  .active\:bg-gray-100 {
    &:active {
      background-color: var(--color-gray-100);
    }
  }
  .active\:bg-red-400 {
    &:active {
      background-color: var(--color-red-400);
    }
  }
  .active\:bg-secondary-lighter {
    &:active {
      background-color: var(--color-secondary-lighter);
    }
  }
  .active\:text-gray-500 {
    &:active {
      color: var(--color-gray-500);
    }
  }
  .active\:text-gray-700 {
    &:active {
      color: var(--color-gray-700);
    }
  }
  .active\:text-red-900 {
    &:active {
      color: var(--color-red-900);
    }
  }
  .active\:ring-0 {
    &:active {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-slate-50 {
    &:disabled {
      background-color: var(--color-slate-50);
    }
  }
  .disabled\:text-neutral-500 {
    &:disabled {
      color: var(--color-neutral-500);
    }
  }
  .disabled\:text-slate-600 {
    &:disabled {
      color: var(--color-slate-600);
    }
  }
  .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .disabled\:opacity-70 {
    &:disabled {
      opacity: 70%;
    }
  }
  .disabled\:opacity-75 {
    &:disabled {
      opacity: 75%;
    }
  }
  .has-\[\:focus-visible\]\:outline-2 {
    &:has(*:is(:focus-visible)) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .aria-disabled\:pointer-events-none {
    &[aria-disabled="true"] {
      pointer-events: none;
    }
  }
  .aria-disabled\:text-neutral-500 {
    &[aria-disabled="true"] {
      color: var(--color-neutral-500);
    }
  }
  .aria-expanded\:border-primary {
    &[aria-expanded="true"] {
      border-color: var(--color-primary);
    }
  }
  .aria-expanded\:border-transparent {
    &[aria-expanded="true"] {
      border-color: transparent;
    }
  }
  .aria-expanded\:bg-blue-50 {
    &[aria-expanded="true"] {
      background-color: var(--color-blue-50);
    }
  }
  .aria-expanded\:bg-secondary-lighter {
    &[aria-expanded="true"] {
      background-color: var(--color-secondary-lighter);
    }
  }
  .aria-expanded\:text-blue-800 {
    &[aria-expanded="true"] {
      color: var(--color-blue-800);
    }
  }
  .aria-expanded\:text-primary {
    &[aria-expanded="true"] {
      color: var(--color-primary);
    }
  }
  .aria-expanded\:text-secondary-darker {
    &[aria-expanded="true"] {
      color: var(--color-secondary-darker);
    }
  }
  .aria-expanded\:shadow-none {
    &[aria-expanded="true"] {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .aria-\[current\=page\]\:border-slate-400 {
    &[aria-current="page"] {
      border-color: var(--color-slate-400);
    }
  }
  .aria-\[current\=page\]\:font-bold {
    &[aria-current="page"] {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .aria-\[current\=page\]\:font-medium {
    &[aria-current="page"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .aria-\[current\=page\]\:font-semibold {
    &[aria-current="page"] {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .aria-\[current\=page\]\:text-primary-darker {
    &[aria-current="page"] {
      color: var(--color-primary-darker);
    }
  }
  .aria-\[current\=page\]\:underline {
    &[aria-current="page"] {
      text-decoration-line: underline;
    }
  }
  .aria-\[current\=page\]\:hover\:border-primary {
    &[aria-current="page"] {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-primary);
        }
      }
    }
  }
  .aria-\[current\=step\]\:font-bold {
    &[aria-current="step"] {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .aria-\[current\=true\]\:w-2 {
    &[aria-current="true"] {
      width: calc(var(--spacing) * 2);
    }
  }
  .aria-\[current\=true\]\:bg-blue-600 {
    &[aria-current="true"] {
      background-color: var(--color-blue-600);
    }
  }
  .aria-\[current\=true\]\:bg-sky-700 {
    &[aria-current="true"] {
      background-color: var(--color-sky-700);
    }
  }
  .aria-\[current\=true\]\:bg-slate-700 {
    &[aria-current="true"] {
      background-color: var(--color-slate-700);
    }
  }
  .aria-\[current\=true\]\:ring-white {
    &[aria-current="true"] {
      --tw-ring-color: var(--color-white);
    }
  }
  .aria-\[hidden\=true\]\:hidden {
    &[aria-hidden="true"] {
      display: none;
    }
  }
  .data-\[active\]\:border-primary {
    &[data-active] {
      border-color: var(--color-primary);
    }
  }
  .data-\[expanded\=true\]\:mb-3 {
    &[data-expanded="true"] {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .data-\[expanded\=true\]\:h-auto {
    &[data-expanded="true"] {
      height: auto;
    }
  }
  .data-\[expanded\=true\]\:mask-none {
    &[data-expanded="true"] {
      mask-image: none;
    }
  }
  .data-\[has-current\]\:border-slate-400 {
    &[data-has-current] {
      border-color: var(--color-slate-400);
    }
  }
  .data-\[has-current\]\:font-medium {
    &[data-has-current] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-\[has-current\]\:hover\:border-primary {
    &[data-has-current] {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-primary);
        }
      }
    }
  }
  .data-\[has-current\]\:aria-expanded\:border-primary {
    &[data-has-current] {
      &[aria-expanded="true"] {
        border-color: var(--color-primary);
      }
    }
  }
  .data-\[open\=true\]\:block {
    &[data-open="true"] {
      display: block;
    }
  }
  .motion-safe\:scroll-smooth {
    @media (prefers-reduced-motion: no-preference) {
      scroll-behavior: smooth;
    }
  }
  .motion-reduce\:duration-0 {
    @media (prefers-reduced-motion: reduce) {
      --tw-duration: 0ms;
      transition-duration: 0ms;
    }
  }
  .max-lg\:order-first {
    @media (width < 64rem) {
      order: -9999;
    }
  }
  .max-lg\:order-last {
    @media (width < 64rem) {
      order: 9999;
    }
  }
  .max-lg\:max-w-50 {
    @media (width < 64rem) {
      max-width: calc(var(--spacing) * 50);
    }
  }
  .max-md\:relative {
    @media (width < 48rem) {
      position: relative;
    }
  }
  .max-md\:mr-2\.5 {
    @media (width < 48rem) {
      margin-right: calc(var(--spacing) * 2.5);
    }
  }
  .max-md\:mr-bleed-r {
    @media (width < 48rem) {
      margin-right: calc(50% - 50vw);
    }
  }
  .max-md\:mb-5 {
    @media (width < 48rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .max-md\:line-clamp-3 {
    @media (width < 48rem) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
  }
  .max-md\:no-scrollbar {
    @media (width < 48rem) {
      -ms-overflow-style: none;
      scrollbar-width: none;
      &::-webkit-scrollbar {
        display: none;
      }
    }
  }
  .max-md\:flex {
    @media (width < 48rem) {
      display: flex;
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-md\:h-5 {
    @media (width < 48rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .max-md\:\!w-1\/2 {
    @media (width < 48rem) {
      width: calc(1/2 * 100%) !important;
    }
  }
  .max-md\:w-5 {
    @media (width < 48rem) {
      width: calc(var(--spacing) * 5);
    }
  }
  .max-md\:w-23\.5 {
    @media (width < 48rem) {
      width: calc(var(--spacing) * 23.5);
    }
  }
  .max-md\:max-w-37\.5 {
    @media (width < 48rem) {
      max-width: calc(var(--spacing) * 37.5);
    }
  }
  .max-md\:flex-1 {
    @media (width < 48rem) {
      flex: 1;
    }
  }
  .max-md\:flex-col {
    @media (width < 48rem) {
      flex-direction: column;
    }
  }
  .max-md\:items-center {
    @media (width < 48rem) {
      align-items: center;
    }
  }
  .max-md\:\[justify-content\:safe_center\] {
    @media (width < 48rem) {
      justify-content: safe center;
    }
  }
  .max-md\:justify-between {
    @media (width < 48rem) {
      justify-content: space-between;
    }
  }
  .max-md\:gap-4 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .max-md\:overflow-x-auto {
    @media (width < 48rem) {
      overflow-x: auto;
    }
  }
  .max-md\:rounded-lg {
    @media (width < 48rem) {
      border-radius: var(--radius-lg);
    }
  }
  .max-md\:rounded-sm {
    @media (width < 48rem) {
      border-radius: var(--radius-sm);
    }
  }
  .max-md\:border {
    @media (width < 48rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .max-md\:border-b-\[3px\] {
    @media (width < 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 3px;
    }
  }
  .max-md\:border-none {
    @media (width < 48rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .max-md\:border-neutral-100 {
    @media (width < 48rem) {
      border-color: var(--color-neutral-100);
    }
  }
  .max-md\:border-primary {
    @media (width < 48rem) {
      border-color: var(--color-primary);
    }
  }
  .max-md\:p-0 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .max-md\:text-15 {
    @media (width < 48rem) {
      font-size: var(--text-15);
    }
  }
  .max-md\:font-semibold {
    @media (width < 48rem) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .max-md\:whitespace-nowrap {
    @media (width < 48rem) {
      white-space: nowrap;
    }
  }
  .max-md\:text-secondary {
    @media (width < 48rem) {
      color: var(--color-secondary);
    }
  }
  .max-md\:shadow-sm {
    @media (width < 48rem) {
      --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.07));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .max-sm\:\!w-full {
    @media (width < 40rem) {
      width: 100% !important;
    }
  }
  .max-sm\:\!pb-0 {
    @media (width < 40rem) {
      padding-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .sm\:absolute {
    @media (width >= 40rem) {
      position: absolute;
    }
  }
  .sm\:static {
    @media (width >= 40rem) {
      position: static;
    }
  }
  .sm\:top-1\/2 {
    @media (width >= 40rem) {
      top: calc(1/2 * 100%);
    }
  }
  .sm\:right-4 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 4);
    }
  }
  .sm\:bottom-6 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:left-4 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 4);
    }
  }
  .sm\:left-6 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 6);
    }
  }
  .sm\:z-10 {
    @media (width >= 40rem) {
      z-index: 10;
    }
  }
  .sm\:order-1 {
    @media (width >= 40rem) {
      order: 1;
    }
  }
  .sm\:order-2 {
    @media (width >= 40rem) {
      order: 2;
    }
  }
  .sm\:order-3 {
    @media (width >= 40rem) {
      order: 3;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-span-6 {
    @media (width >= 40rem) {
      grid-column: span 6 / span 6;
    }
  }
  .sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:mr-8 {
    @media (width >= 40rem) {
      margin-right: calc(var(--spacing) * 8);
    }
  }
  .sm\:mb-0 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:ml-3 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  .sm\:ml-6 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .sm\:h-\[640px\] {
    @media (width >= 40rem) {
      height: 640px;
    }
  }
  .sm\:h-\[720px\] {
    @media (width >= 40rem) {
      height: 720px;
    }
  }
  .sm\:h-auto {
    @media (width >= 40rem) {
      height: auto;
    }
  }
  .sm\:w-1\/2 {
    @media (width >= 40rem) {
      width: calc(1/2 * 100%);
    }
  }
  .sm\:w-20 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .sm\:w-48 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .sm\:w-56 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .sm\:w-96 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:max-w-\[80\%\] {
    @media (width >= 40rem) {
      max-width: 80%;
    }
  }
  .sm\:max-w-\[500px\] {
    @media (width >= 40rem) {
      max-width: 500px;
    }
  }
  .sm\:max-w-sm {
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
  }
  .sm\:max-w-xl {
    @media (width >= 40rem) {
      max-width: var(--container-xl);
    }
  }
  .sm\:min-w-\[220px\] {
    @media (width >= 40rem) {
      min-width: 220px;
    }
  }
  .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .sm\:shrink-0 {
    @media (width >= 40rem) {
      flex-shrink: 0;
    }
  }
  .sm\:basis-1\/2 {
    @media (width >= 40rem) {
      flex-basis: calc(1/2 * 100%);
    }
  }
  .sm\:table-fixed {
    @media (width >= 40rem) {
      table-layout: fixed;
    }
  }
  .sm\:-translate-y-1\/2 {
    @media (width >= 40rem) {
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-8 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:flex-wrap {
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:gap-2 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:p-16 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .sm\:px-0 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-12 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .sm\:py-5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .sm\:pb-0 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:text-right {
    @media (width >= 40rem) {
      text-align: right;
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-6xl {
    @media (width >= 40rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:leading-none {
    @media (width >= 40rem) {
      --tw-leading: 1;
      line-height: 1;
    }
  }
  .sm\:duration-700 {
    @media (width >= 40rem) {
      --tw-duration: 700ms;
      transition-duration: 700ms;
    }
  }
  .sm\:\[--snap-cols\:1\] {
    @media (width >= 40rem) {
      --snap-cols: 1;
    }
  }
  .sm\:\[--snap-cols\:2\.5\] {
    @media (width >= 40rem) {
      --snap-cols: 2.5;
    }
  }
  .sm\:\[--snap-cols\:2\] {
    @media (width >= 40rem) {
      --snap-cols: 2;
    }
  }
  .sm\:\[--snap-cols\:4\] {
    @media (width >= 40rem) {
      --snap-cols: 4;
    }
  }
  .md\:pointer-events-none {
    @media (width >= 48rem) {
      pointer-events: none;
    }
  }
  .md\:visible {
    @media (width >= 48rem) {
      visibility: visible;
    }
  }
  .md\:sr-only {
    @media (width >= 48rem) {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:fixed {
    @media (width >= 48rem) {
      position: fixed;
    }
  }
  .md\:relative {
    @media (width >= 48rem) {
      position: relative;
    }
  }
  .md\:sticky {
    @media (width >= 48rem) {
      position: sticky;
    }
  }
  .md\:inset-0 {
    @media (width >= 48rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .md\:\!-top-3 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * -3) !important;
    }
  }
  .md\:top-0 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .md\:top-1\/2 {
    @media (width >= 48rem) {
      top: calc(1/2 * 100%);
    }
  }
  .md\:-right-8 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * -8);
    }
  }
  .md\:right-3 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 3);
    }
  }
  .md\:right-5 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 5);
    }
  }
  .md\:right-\[-3\.5rem\] {
    @media (width >= 48rem) {
      right: -3.5rem;
    }
  }
  .md\:right-auto {
    @media (width >= 48rem) {
      right: auto;
    }
  }
  .md\:bottom-5 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:bottom-20 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:bottom-auto {
    @media (width >= 48rem) {
      bottom: auto;
    }
  }
  .md\:left-0 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .md\:left-1\/2 {
    @media (width >= 48rem) {
      left: calc(1/2 * 100%);
    }
  }
  .md\:left-full {
    @media (width >= 48rem) {
      left: 100%;
    }
  }
  .md\:z-10 {
    @media (width >= 48rem) {
      z-index: 10;
    }
  }
  .md\:z-20 {
    @media (width >= 48rem) {
      z-index: 20;
    }
  }
  .md\:order-3 {
    @media (width >= 48rem) {
      order: 3;
    }
  }
  .md\:order-none {
    @media (width >= 48rem) {
      order: 0;
    }
  }
  .md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-9 {
    @media (width >= 48rem) {
      grid-column: span 9 / span 9;
    }
  }
  .md\:col-span-12 {
    @media (width >= 48rem) {
      grid-column: span 12 / span 12;
    }
  }
  .md\:col-span-full {
    @media (width >= 48rem) {
      grid-column: 1 / -1;
    }
  }
  .md\:col-start-2 {
    @media (width >= 48rem) {
      grid-column-start: 2;
    }
  }
  .md\:col-start-3 {
    @media (width >= 48rem) {
      grid-column-start: 3;
    }
  }
  .md\:row-span-1 {
    @media (width >= 48rem) {
      grid-row: span 1 / span 1;
    }
  }
  .md\:row-start-1 {
    @media (width >= 48rem) {
      grid-row-start: 1;
    }
  }
  .md\:m-0 {
    @media (width >= 48rem) {
      margin: calc(var(--spacing) * 0);
    }
  }
  .md\:mx-0 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:mx-auto {
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
  .md\:my-0 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .md\:my-8 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 8);
    }
  }
  .md\:my-10 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 10);
    }
  }
  .md\:my-12 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 12);
    }
  }
  .md\:-mt-1 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * -1);
    }
  }
  .md\:-mt-4 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * -4);
    }
  }
  .md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:mt-3 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .md\:mt-4 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .md\:mt-5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .md\:-mr-1 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * -1);
    }
  }
  .md\:mr-0 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .md\:mr-4 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .md\:mr-5 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 5);
    }
  }
  .md\:mr-6 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 6);
    }
  }
  .md\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:mb-2\.5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .md\:mb-3 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .md\:mb-4 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:mb-8 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:mb-10 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:mb-12 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:ml-0 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .md\:ml-4 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .md\:ml-5 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .md\:ml-6 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .md\:ml-auto {
    @media (width >= 48rem) {
      margin-left: auto;
    }
  }
  .md\:\!block {
    @media (width >= 48rem) {
      display: block !important;
    }
  }
  .md\:\!hidden {
    @media (width >= 48rem) {
      display: none !important;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:inline {
    @media (width >= 48rem) {
      display: inline;
    }
  }
  .md\:inline-block {
    @media (width >= 48rem) {
      display: inline-block;
    }
  }
  .md\:inline-flex {
    @media (width >= 48rem) {
      display: inline-flex;
    }
  }
  .md\:table-cell {
    @media (width >= 48rem) {
      display: table-cell;
    }
  }
  .md\:table-header-group {
    @media (width >= 48rem) {
      display: table-header-group;
    }
  }
  .md\:table-row {
    @media (width >= 48rem) {
      display: table-row;
    }
  }
  .md\:h-6 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:h-12\.5 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 12.5);
    }
  }
  .md\:h-18\.75 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 18.75);
    }
  }
  .md\:h-24 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 24);
    }
  }
  .md\:h-\[44px\] {
    @media (width >= 48rem) {
      height: 44px;
    }
  }
  .md\:h-\[60vh\] {
    @media (width >= 48rem) {
      height: 60vh;
    }
  }
  .md\:h-\[80vh\] {
    @media (width >= 48rem) {
      height: 80vh;
    }
  }
  .md\:h-\[95px\] {
    @media (width >= 48rem) {
      height: 95px;
    }
  }
  .md\:h-auto {
    @media (width >= 48rem) {
      height: auto;
    }
  }
  .md\:h-dvh {
    @media (width >= 48rem) {
      height: 100dvh;
    }
  }
  .md\:h-full {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .md\:h-screen {
    @media (width >= 48rem) {
      height: 100vh;
    }
  }
  .md\:max-h-\[85\%\] {
    @media (width >= 48rem) {
      max-height: 85%;
    }
  }
  .md\:max-h-\[800px\] {
    @media (width >= 48rem) {
      max-height: 800px;
    }
  }
  .md\:max-h-\[1270px\] {
    @media (width >= 48rem) {
      max-height: 1270px;
    }
  }
  .md\:min-h-75 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 75);
    }
  }
  .md\:min-h-170 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 170);
    }
  }
  .md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1/2 * 100%);
    }
  }
  .md\:w-1\/3 {
    @media (width >= 48rem) {
      width: calc(1/3 * 100%);
    }
  }
  .md\:w-1\/4 {
    @media (width >= 48rem) {
      width: calc(1/4 * 100%);
    }
  }
  .md\:w-2\/3 {
    @media (width >= 48rem) {
      width: calc(2/3 * 100%);
    }
  }
  .md\:w-2\/4 {
    @media (width >= 48rem) {
      width: calc(2/4 * 100%);
    }
  }
  .md\:w-2\/5 {
    @media (width >= 48rem) {
      width: calc(2/5 * 100%);
    }
  }
  .md\:w-2\/6 {
    @media (width >= 48rem) {
      width: calc(2/6 * 100%);
    }
  }
  .md\:w-3\/4 {
    @media (width >= 48rem) {
      width: calc(3/4 * 100%);
    }
  }
  .md\:w-3\/5 {
    @media (width >= 48rem) {
      width: calc(3/5 * 100%);
    }
  }
  .md\:w-4\/4 {
    @media (width >= 48rem) {
      width: calc(4/4 * 100%);
    }
  }
  .md\:w-4\/6 {
    @media (width >= 48rem) {
      width: calc(4/6 * 100%);
    }
  }
  .md\:w-6 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
    }
  }
  .md\:w-12\.5 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12.5);
    }
  }
  .md\:w-21\.5 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 21.5);
    }
  }
  .md\:w-24 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .md\:w-68\.25 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 68.25);
    }
  }
  .md\:w-\[44px\] {
    @media (width >= 48rem) {
      width: 44px;
    }
  }
  .md\:w-\[50vw\] {
    @media (width >= 48rem) {
      width: 50vw;
    }
  }
  .md\:w-\[73\%\] {
    @media (width >= 48rem) {
      width: 73%;
    }
  }
  .md\:w-\[180px\] {
    @media (width >= 48rem) {
      width: 180px;
    }
  }
  .md\:w-\[640px\] {
    @media (width >= 48rem) {
      width: 640px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:w-full {
    @media (width >= 48rem) {
      width: 100%;
    }
  }
  .md\:max-w-2xl {
    @media (width >= 48rem) {
      max-width: var(--container-2xl);
    }
  }
  .md\:max-w-100-50 {
    @media (width >= 48rem) {
      max-width: var(--max-width-100-50);
    }
  }
  .md\:max-w-\[55\%\] {
    @media (width >= 48rem) {
      max-width: 55%;
    }
  }
  .md\:max-w-\[450px\] {
    @media (width >= 48rem) {
      max-width: 450px;
    }
  }
  .md\:max-w-\[640px\] {
    @media (width >= 48rem) {
      max-width: 640px;
    }
  }
  .md\:max-w-\[960px\] {
    @media (width >= 48rem) {
      max-width: 960px;
    }
  }
  .md\:max-w-amrel-60 {
    @media (width >= 48rem) {
      max-width: var(--max-width-amrel-60);
    }
  }
  .md\:max-w-fit {
    @media (width >= 48rem) {
      max-width: fit-content;
    }
  }
  .md\:max-w-lg {
    @media (width >= 48rem) {
      max-width: var(--container-lg);
    }
  }
  .md\:max-w-none {
    @media (width >= 48rem) {
      max-width: none;
    }
  }
  .md\:max-w-sm {
    @media (width >= 48rem) {
      max-width: var(--container-sm);
    }
  }
  .md\:max-w-xs {
    @media (width >= 48rem) {
      max-width: var(--container-xs);
    }
  }
  .md\:min-w-\[30\%\] {
    @media (width >= 48rem) {
      min-width: 30%;
    }
  }
  .md\:min-w-\[120px\] {
    @media (width >= 48rem) {
      min-width: 120px;
    }
  }
  .md\:min-w-\[400px\] {
    @media (width >= 48rem) {
      min-width: 400px;
    }
  }
  .md\:flex-1 {
    @media (width >= 48rem) {
      flex: 1;
    }
  }
  .md\:flex-none {
    @media (width >= 48rem) {
      flex: none;
    }
  }
  .md\:shrink-0 {
    @media (width >= 48rem) {
      flex-shrink: 0;
    }
  }
  .md\:flex-grow-0 {
    @media (width >= 48rem) {
      flex-grow: 0;
    }
  }
  .md\:flex-grow-0 {
    @media (width >= 48rem) {
      flex-grow: 0;
    }
  }
  .md\:-translate-x-1\/2 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:-translate-x-1\/3 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(calc(1/3 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-x-0 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-x-\[-100\%\] {
    @media (width >= 48rem) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:-translate-y-1\/2 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-y-0 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-y-1\/4 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(1/4 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:cursor-text {
    @media (width >= 48rem) {
      cursor: text;
    }
  }
  .md\:snap-none {
    @media (width >= 48rem) {
      scroll-snap-type: none;
    }
  }
  .md\:snap-align-none {
    @media (width >= 48rem) {
      scroll-snap-align: none;
    }
  }
  .md\:auto-cols-\[calc\(100\%\/2\)\] {
    @media (width >= 48rem) {
      grid-auto-columns: calc(100% / 2);
    }
  }
  .md\:grid-cols-1 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[42\%_minmax\(0px\,1fr\)\] {
    @media (width >= 48rem) {
      grid-template-columns: 42% minmax(0px,1fr);
    }
  }
  .md\:grid-cols-\[auto_auto_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: auto auto 1fr;
    }
  }
  .md\:grid-cols-\[repeat\(var\(--footer-columns\)\,minmax\(0\,1fr\)\)\] {
    @media (width >= 48rem) {
      grid-template-columns: repeat(var(--footer-columns),minmax(0,1fr));
    }
  }
  .md\:grid-cols-subgrid {
    @media (width >= 48rem) {
      grid-template-columns: subgrid;
    }
  }
  .md\:flex-col-reverse {
    @media (width >= 48rem) {
      flex-direction: column-reverse;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:flex-row-reverse {
    @media (width >= 48rem) {
      flex-direction: row-reverse;
    }
  }
  .md\:flex-nowrap {
    @media (width >= 48rem) {
      flex-wrap: nowrap;
    }
  }
  .md\:flex-wrap {
    @media (width >= 48rem) {
      flex-wrap: wrap;
    }
  }
  .md\:content-center {
    @media (width >= 48rem) {
      align-content: center;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .md\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .md\:gap-1 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-16 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .md\:space-y-0 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:gap-x-2 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-x-6 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-x-10 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .md\:space-x-4 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .md\:justify-self-end {
    @media (width >= 48rem) {
      justify-self: flex-end;
    }
  }
  .md\:justify-self-start {
    @media (width >= 48rem) {
      justify-self: flex-start;
    }
  }
  .md\:overflow-x-visible {
    @media (width >= 48rem) {
      overflow-x: visible;
    }
  }
  .md\:rounded-lg {
    @media (width >= 48rem) {
      border-radius: var(--radius-lg);
    }
  }
  .md\:rounded-t-2xl {
    @media (width >= 48rem) {
      border-top-left-radius: var(--radius-2xl);
      border-top-right-radius: var(--radius-2xl);
    }
  }
  .md\:rounded-b-none {
    @media (width >= 48rem) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  .md\:border {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .md\:border-0 {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .md\:border-\[3px\] {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 3px;
    }
  }
  .md\:border-b-0 {
    @media (width >= 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .md\:border-dashed {
    @media (width >= 48rem) {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .md\:border-amrel-grey-border {
    @media (width >= 48rem) {
      border-color: var(--color-amrel-grey-border);
    }
  }
  .md\:border-neutral-100 {
    @media (width >= 48rem) {
      border-color: var(--color-neutral-100);
    }
  }
  .md\:\!bg-transparent {
    @media (width >= 48rem) {
      background-color: transparent !important;
    }
  }
  .md\:bg-transparent {
    @media (width >= 48rem) {
      background-color: transparent;
    }
  }
  .md\:object-cover {
    @media (width >= 48rem) {
      object-fit: cover;
    }
  }
  .md\:p-0 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .md\:p-4 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:p-12 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .md\:p-\[5px\] {
    @media (width >= 48rem) {
      padding: 5px;
    }
  }
  .md\:p-\[15px\] {
    @media (width >= 48rem) {
      padding: 15px;
    }
  }
  .md\:px-0 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:px-1 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 1);
    }
  }
  .md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:px-4\.5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4.5);
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:px-15 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .md\:px-19 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 19);
    }
  }
  .md\:py-0 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .md\:py-3 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .md\:py-4 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .md\:py-5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .md\:py-6 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .md\:py-7\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 7.5);
    }
  }
  .md\:py-10 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .md\:py-15 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 15);
    }
  }
  .md\:pt-1 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 1);
    }
  }
  .md\:pt-2 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .md\:pr-2 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  .md\:pr-4 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .md\:pr-6 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 6);
    }
  }
  .md\:pr-24 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 24);
    }
  }
  .md\:pr-25 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 25);
    }
  }
  .md\:pb-\[6px\] {
    @media (width >= 48rem) {
      padding-bottom: 6px;
    }
  }
  .md\:pl-3 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .md\:pl-4 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .md\:pl-5 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .md\:pl-6 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .md\:pl-7 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  .md\:pl-14 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 14);
    }
  }
  .md\:text-center {
    @media (width >= 48rem) {
      text-align: center;
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:text-start {
    @media (width >= 48rem) {
      text-align: start;
    }
  }
  .md\:align-middle {
    @media (width >= 48rem) {
      vertical-align: middle;
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-6xl {
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:text-xs {
    @media (width >= 48rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .md\:text-15 {
    @media (width >= 48rem) {
      font-size: var(--text-15);
    }
  }
  .md\:text-28 {
    @media (width >= 48rem) {
      font-size: var(--text-28);
    }
  }
  .md\:text-40 {
    @media (width >= 48rem) {
      font-size: var(--text-40);
    }
  }
  .md\:font-bold {
    @media (width >= 48rem) {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .md\:font-normal {
    @media (width >= 48rem) {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .md\:font-semibold {
    @media (width >= 48rem) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .md\:\!text-current {
    @media (width >= 48rem) {
      color: currentcolor !important;
    }
  }
  .md\:text-neutral-500 {
    @media (width >= 48rem) {
      color: var(--color-neutral-500);
    }
  }
  .md\:\!shadow-none {
    @media (width >= 48rem) {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .md\:select-text {
    @media (width >= 48rem) {
      -webkit-user-select: text;
      user-select: text;
    }
  }
  .md\:\[--snap-cols\:2\] {
    @media (width >= 48rem) {
      --snap-cols: 2;
    }
  }
  .md\:\[--snap-cols\:3\] {
    @media (width >= 48rem) {
      --snap-cols: 3;
    }
  }
  .md\:\[--snap-cols\:6\] {
    @media (width >= 48rem) {
      --snap-cols: 6;
    }
  }
  .md\:before\:top-0 {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .before\:md\:mt-0\.5 {
    &::before {
      content: var(--tw-content);
      @media (width >= 48rem) {
        margin-top: calc(var(--spacing) * 0.5);
      }
    }
  }
  .md\:after\:hidden {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .lg\:sr-only {
    @media (width >= 64rem) {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:static {
    @media (width >= 64rem) {
      position: static;
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:inset-y-0 {
    @media (width >= 64rem) {
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .lg\:top-4 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 4);
    }
  }
  .lg\:top-6 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 6);
    }
  }
  .lg\:top-\[calc\(var\(--page-header-height\)\+20px\)\] {
    @media (width >= 64rem) {
      top: calc(var(--page-header-height) + 20px);
    }
  }
  .lg\:top-\[var\(--msrp-block-offset\)\] {
    @media (width >= 64rem) {
      top: var(--msrp-block-offset);
    }
  }
  .lg\:right-auto {
    @media (width >= 64rem) {
      right: auto;
    }
  }
  .lg\:bottom-auto {
    @media (width >= 64rem) {
      bottom: auto;
    }
  }
  .lg\:left-\[var\(--msrp-inline-offset\)\] {
    @media (width >= 64rem) {
      left: var(--msrp-inline-offset);
    }
  }
  .lg\:order-0 {
    @media (width >= 64rem) {
      order: 0;
    }
  }
  .lg\:order-1 {
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .lg\:order-first {
    @media (width >= 64rem) {
      order: -9999;
    }
  }
  .lg\:order-none {
    @media (width >= 64rem) {
      order: 0;
    }
  }
  .lg\:col-auto {
    @media (width >= 64rem) {
      grid-column: auto;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-start-1 {
    @media (width >= 64rem) {
      grid-column-start: 1;
    }
  }
  .lg\:col-start-2 {
    @media (width >= 64rem) {
      grid-column-start: 2;
    }
  }
  .lg\:row-start-1 {
    @media (width >= 64rem) {
      grid-row-start: 1;
    }
  }
  .lg\:mx-\[var\(--thumbs-gap\)\] {
    @media (width >= 64rem) {
      margin-inline: var(--thumbs-gap);
    }
  }
  .lg\:my-6 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-3 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .lg\:mt-6 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .lg\:mr-0 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-2\.5 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .lg\:mb-\[var\(--thumbs-gap\)\] {
    @media (width >= 64rem) {
      margin-bottom: var(--thumbs-gap);
    }
  }
  .lg\:ml-0 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .lg\:ml-2 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .lg\:ml-5 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:inline {
    @media (width >= 64rem) {
      display: inline;
    }
  }
  .lg\:inline-block {
    @media (width >= 64rem) {
      display: inline-block;
    }
  }
  .lg\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .lg\:table-cell {
    @media (width >= 64rem) {
      display: table-cell;
    }
  }
  .lg\:table-header-group {
    @media (width >= 64rem) {
      display: table-header-group;
    }
  }
  .lg\:table-row {
    @media (width >= 64rem) {
      display: table-row;
    }
  }
  .lg\:table-row-group {
    @media (width >= 64rem) {
      display: table-row-group;
    }
  }
  .lg\:aspect-\(--thumb-ratio\) {
    @media (width >= 64rem) {
      aspect-ratio: var(--thumb-ratio);
    }
  }
  .lg\:size-4 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .lg\:size-40 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 40);
      height: calc(var(--spacing) * 40);
    }
  }
  .lg\:size-auto {
    @media (width >= 64rem) {
      width: auto;
      height: auto;
    }
  }
  .lg\:h-36 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 36);
    }
  }
  .lg\:h-\[60vh\] {
    @media (width >= 64rem) {
      height: 60vh;
    }
  }
  .lg\:h-\[800px\] {
    @media (width >= 64rem) {
      height: 800px;
    }
  }
  .lg\:h-full {
    @media (width >= 64rem) {
      height: 100%;
    }
  }
  .lg\:max-h-am-75 {
    @media (width >= 64rem) {
      max-height: var(--max-height-am-75);
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-1\/3 {
    @media (width >= 64rem) {
      width: calc(1/3 * 100%);
    }
  }
  .lg\:w-1\/4 {
    @media (width >= 64rem) {
      width: calc(1/4 * 100%);
    }
  }
  .lg\:w-2\/3 {
    @media (width >= 64rem) {
      width: calc(2/3 * 100%);
    }
  }
  .lg\:w-3\/5 {
    @media (width >= 64rem) {
      width: calc(3/5 * 100%);
    }
  }
  .lg\:w-10\/12 {
    @media (width >= 64rem) {
      width: calc(10/12 * 100%);
    }
  }
  .lg\:w-36 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 36);
    }
  }
  .lg\:w-56 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .lg\:w-80 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .lg\:w-\[200px\] {
    @media (width >= 64rem) {
      width: 200px;
    }
  }
  .lg\:w-\[320px\] {
    @media (width >= 64rem) {
      width: 320px;
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:max-w-1\/2 {
    @media (width >= 64rem) {
      max-width: calc(1/2 * 100%);
    }
  }
  .lg\:max-w-3xl {
    @media (width >= 64rem) {
      max-width: var(--container-3xl);
    }
  }
  .lg\:max-w-\[calc\(90\%-180px\)\] {
    @media (width >= 64rem) {
      max-width: calc(90% - 180px);
    }
  }
  .lg\:max-w-xs {
    @media (width >= 64rem) {
      max-width: var(--container-xs);
    }
  }
  .lg\:min-w-xs {
    @media (width >= 64rem) {
      min-width: var(--container-xs);
    }
  }
  .lg\:flex-1 {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .lg\:flex-auto {
    @media (width >= 64rem) {
      flex: auto;
    }
  }
  .lg\:shrink-0 {
    @media (width >= 64rem) {
      flex-shrink: 0;
    }
  }
  .lg\:basis-306\/839 {
    @media (width >= 64rem) {
      flex-basis: calc(306/839 * 100%);
    }
  }
  .lg\:basis-315\/839 {
    @media (width >= 64rem) {
      flex-basis: calc(315/839 * 100%);
    }
  }
  .lg\:basis-497\/839 {
    @media (width >= 64rem) {
      flex-basis: calc(497/839 * 100%);
    }
  }
  .lg\:table-auto {
    @media (width >= 64rem) {
      table-layout: auto;
    }
  }
  .lg\:-translate-y-0 {
    @media (width >= 64rem) {
      --tw-translate-y: calc(var(--spacing) * -0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:snap-y {
    @media (width >= 64rem) {
      scroll-snap-type: y var(--tw-scroll-snap-strictness);
    }
  }
  .lg\:auto-cols-\[calc\(100\%\/3\)\] {
    @media (width >= 64rem) {
      grid-auto-columns: calc(100% / 3);
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-8 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[52\%_minmax\(0px\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 52% minmax(0px,1fr);
    }
  }
  .lg\:grid-cols-\[auto_minmax\(0px\,1fr\)_auto\] {
    @media (width >= 64rem) {
      grid-template-columns: auto minmax(0px,1fr) auto;
    }
  }
  .lg\:grid-cols-\[minmax\(0px\,1fr\)_26rem\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0px,1fr) 26rem;
    }
  }
  .lg\:grid-cols-\[minmax\(0px\,39\.375rem\)_minmax\(0px\,31\.25rem\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0px,39.375rem) minmax(0px,31.25rem);
    }
  }
  .lg\:grid-cols-\[var\(--thumbs-size\)_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: var(--thumbs-size) 1fr;
    }
  }
  .lg\:grid-rows-1 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  .lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:flex-row-reverse {
    @media (width >= 64rem) {
      flex-direction: row-reverse;
    }
  }
  .lg\:flex-nowrap {
    @media (width >= 64rem) {
      flex-wrap: nowrap;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .lg\:gap-2 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-5\! {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5) !important;
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-9 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 9);
    }
  }
  .lg\:gap-10\.5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10.5);
    }
  }
  .lg\:space-y-3 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:gap-x-6 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-x-10 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-x-12 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-x-49 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 49);
    }
  }
  .lg\:space-x-4 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .lg\:gap-y-0 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 0);
    }
  }
  .lg\:rounded-md {
    @media (width >= 64rem) {
      border-radius: var(--radius-md);
    }
  }
  .lg\:rounded-sm {
    @media (width >= 64rem) {
      border-radius: var(--radius-sm);
    }
  }
  .lg\:border-0 {
    @media (width >= 64rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .lg\:border-t {
    @media (width >= 64rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .lg\:border-r-2 {
    @media (width >= 64rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 2px;
    }
  }
  .lg\:border-b-0 {
    @media (width >= 64rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .lg\:border-amrel-grey-border {
    @media (width >= 64rem) {
      border-color: var(--color-amrel-grey-border);
    }
  }
  .lg\:bg-transparent {
    @media (width >= 64rem) {
      background-color: transparent;
    }
  }
  .lg\:p-2\.5 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 2.5);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:p-px {
    @media (width >= 64rem) {
      padding: 1px;
    }
  }
  .lg\:px-0 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:px-5 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:py-0 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .lg\:py-2 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .lg\:py-8 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .lg\:py-12 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .lg\:pe-4 {
    @media (width >= 64rem) {
      padding-inline-end: calc(var(--spacing) * 4);
    }
  }
  .lg\:pt-0 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:pt-7 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 7);
    }
  }
  .lg\:pr-0 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:pr-50 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 50);
    }
  }
  .lg\:pb-3\.5 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 3.5);
    }
  }
  .lg\:pl-0 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .lg\:pl-15 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 15);
    }
  }
  .lg\:text-center {
    @media (width >= 64rem) {
      text-align: center;
    }
  }
  .lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .lg\:text-5xl {
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .lg\:text-6xl {
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .lg\:text-7xl {
    @media (width >= 64rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .lg\:text-sm {
    @media (width >= 64rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:text-28 {
    @media (width >= 64rem) {
      font-size: var(--text-28);
    }
  }
  .lg\:text-\[22px\] {
    @media (width >= 64rem) {
      font-size: 22px;
    }
  }
  .lg\:leading-8 {
    @media (width >= 64rem) {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .lg\:font-normal {
    @media (width >= 64rem) {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .lg\:text-amrel-grey-border {
    @media (width >= 64rem) {
      color: var(--color-amrel-grey-border);
    }
  }
  .lg\:shadow-lg {
    @media (width >= 64rem) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .lg\:\[--snap-cols\:1\] {
    @media (width >= 64rem) {
      --snap-cols: 1;
    }
  }
  .lg\:\[--snap-cols\:2\] {
    @media (width >= 64rem) {
      --snap-cols: 2;
    }
  }
  .lg\:\[--snap-cols\:3\] {
    @media (width >= 64rem) {
      --snap-cols: 3;
    }
  }
  .lg\:\[--snap-cols\:4\] {
    @media (width >= 64rem) {
      --snap-cols: 4;
    }
  }
  .lg\:\[--snap-cols\:7\] {
    @media (width >= 64rem) {
      --snap-cols: 7;
    }
  }
  .lg\:\[--thumbs-gap\:1rem\] {
    @media (width >= 64rem) {
      --thumbs-gap: 1rem;
    }
  }
  .lg\:\[border-image\:0\] {
    @media (width >= 64rem) {
      border-image: 0;
    }
  }
  .lg\:mask-dir-y {
    @media (width >= 64rem) {
      --tw-mask-dir: to bottom;
    }
  }
  .\*\:lg\:transition-colors {
    :is(& > *) {
      @media (width >= 64rem) {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
      }
    }
  }
  .before\:lg\:hidden {
    &::before {
      content: var(--tw-content);
      @media (width >= 64rem) {
        display: none;
      }
    }
  }
  .lg\:last\:mb-0 {
    @media (width >= 64rem) {
      &:last-child {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .lg\:aria-current\:bg-transparent {
    @media (width >= 64rem) {
      &[aria-current="true"] {
        background-color: transparent;
      }
    }
  }
  .lg\:aria-current\:inset-ring {
    @media (width >= 64rem) {
      &[aria-current="true"] {
        --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .lg\:data-\[overflow\]\:hidden {
    @media (width >= 64rem) {
      &[data-overflow] {
        display: none;
      }
    }
  }
  .xl\:inset-x-0 {
    @media (width >= 80rem) {
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .xl\:top-1\/2 {
    @media (width >= 80rem) {
      top: calc(1/2 * 100%);
    }
  }
  .xl\:right-5 {
    @media (width >= 80rem) {
      right: calc(var(--spacing) * 5);
    }
  }
  .xl\:bottom-auto {
    @media (width >= 80rem) {
      bottom: auto;
    }
  }
  .xl\:left-5 {
    @media (width >= 80rem) {
      left: calc(var(--spacing) * 5);
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:m-0 {
    @media (width >= 80rem) {
      margin: calc(var(--spacing) * 0);
    }
  }
  .xl\:my-12 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 12);
    }
  }
  .xl\:mt-0 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .xl\:block {
    @media (width >= 80rem) {
      display: block;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:w-1\/2 {
    @media (width >= 80rem) {
      width: calc(1/2 * 100%);
    }
  }
  .xl\:w-1\/3 {
    @media (width >= 80rem) {
      width: calc(1/3 * 100%);
    }
  }
  .xl\:w-1\/4 {
    @media (width >= 80rem) {
      width: calc(1/4 * 100%);
    }
  }
  .xl\:-translate-y-1\/2 {
    @media (width >= 80rem) {
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .xl\:auto-cols-\[calc\(100\%\/4\)\] {
    @media (width >= 80rem) {
      grid-auto-columns: calc(100% / 4);
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:justify-between {
    @media (width >= 80rem) {
      justify-content: space-between;
    }
  }
  .xl\:space-y-0 {
    @media (width >= 80rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .xl\:gap-x-6 {
    @media (width >= 80rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .xl\:space-x-4 {
    @media (width >= 80rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .xl\:border-none {
    @media (width >= 80rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .xl\:p-12 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .xl\:px-2 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .xl\:py-32 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .xl\:text-left {
    @media (width >= 80rem) {
      text-align: left;
    }
  }
  .xl\:text-6xl {
    @media (width >= 80rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .xl\:text-base {
    @media (width >= 80rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .xl\:\[--snap-cols\:1\] {
    @media (width >= 80rem) {
      --snap-cols: 1;
    }
  }
  .xl\:\[--snap-cols\:2\] {
    @media (width >= 80rem) {
      --snap-cols: 2;
    }
  }
  .xl\:\[--snap-cols\:3\] {
    @media (width >= 80rem) {
      --snap-cols: 3;
    }
  }
  .xl\:\[--snap-cols\:4\] {
    @media (width >= 80rem) {
      --snap-cols: 4;
    }
  }
  .xl\:\[--snap-cols\:5\] {
    @media (width >= 80rem) {
      --snap-cols: 5;
    }
  }
  .xl\:\[--snap-cols\:6\] {
    @media (width >= 80rem) {
      --snap-cols: 6;
    }
  }
  .xl\:\[--snap-cols\:7\] {
    @media (width >= 80rem) {
      --snap-cols: 7;
    }
  }
  .xl\:\[--snap-cols\:8\] {
    @media (width >= 80rem) {
      --snap-cols: 8;
    }
  }
  .xl\:\[--snap-cols\:9\] {
    @media (width >= 80rem) {
      --snap-cols: 9;
    }
  }
  .xl\:\[--snap-cols\:10\] {
    @media (width >= 80rem) {
      --snap-cols: 10;
    }
  }
  .xl\:focus-within\:relative {
    @media (width >= 80rem) {
      &:focus-within {
        position: relative;
      }
    }
  }
  .\32 xl\:inline {
    @media (width >= 90rem) {
      display: inline;
    }
  }
  .\32 xl\:size-48 {
    @media (width >= 90rem) {
      width: calc(var(--spacing) * 48);
      height: calc(var(--spacing) * 48);
    }
  }
  .\32 xl\:w-1\/5 {
    @media (width >= 90rem) {
      width: calc(1/5 * 100%);
    }
  }
  .\32 xl\:w-96 {
    @media (width >= 90rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .\32 xl\:auto-cols-\[calc\(100\%\/5\)\] {
    @media (width >= 90rem) {
      grid-auto-columns: calc(100% / 5);
    }
  }
  .\32 xl\:grid-cols-5 {
    @media (width >= 90rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .\32 xl\:text-4xl {
    @media (width >= 90rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .\32 xl\:\[--snap-cols\:5\] {
    @media (width >= 90rem) {
      --snap-cols: 5;
    }
  }
  .rtl\:-rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: calc(180deg * -1);
    }
  }
  .rtl\:rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: 180deg;
    }
  }
  .print\:mt-0 {
    @media print {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .print\:ml-5 {
    @media print {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .print\:flex {
    @media print {
      display: flex;
    }
  }
  .print\:hidden {
    @media print {
      display: none;
    }
  }
  .print\:grid-cols-2 {
    @media print {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .print\:text-left {
    @media print {
      text-align: left;
    }
  }
  .max-xs\:grid-cols-1 {
    @media (width < 26.25rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .\[\&_\*\]\:inline {
    & * {
      display: inline;
    }
  }
  .sm\:\[\&_\*\]\:block {
    @media (width >= 40rem) {
      & * {
        display: block;
      }
    }
  }
  .sm\:\[\&_\.label-street\.sr-only\]\:invisible {
    @media (width >= 40rem) {
      & .label-street.sr-only {
        visibility: hidden;
      }
    }
  }
  .sm\:\[\&_\.label-street\.sr-only\]\:not-sr-only {
    @media (width >= 40rem) {
      & .label-street.sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip-path: none;
        white-space: normal;
      }
    }
  }
  .sm\:\[\&_\.label-street\.sr-only\]\:mb-2 {
    @media (width >= 40rem) {
      & .label-street.sr-only {
        margin-bottom: calc(var(--spacing) * 2);
      }
    }
  }
  .\[\&_a\]\:underline {
    & a {
      text-decoration-line: underline;
    }
  }
  .\[\&_img\]\:max-h-\[24px\] {
    & img {
      max-height: 24px;
    }
  }
  .\[\&_img\]\:max-w-\[36px\] {
    & img {
      max-width: 36px;
    }
  }
  .md\:\[\&_label\.sr-only\]\:invisible {
    @media (width >= 48rem) {
      & label.sr-only {
        visibility: hidden;
      }
    }
  }
  .md\:\[\&_label\.sr-only\]\:not-sr-only {
    @media (width >= 48rem) {
      & label.sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip-path: none;
        white-space: normal;
      }
    }
  }
  .md\:\[\&_label\.sr-only\]\:mb-2 {
    @media (width >= 48rem) {
      & label.sr-only {
        margin-bottom: calc(var(--spacing) * 2);
      }
    }
  }
  .\[\&_svg\]\:\!fill-white {
    & svg {
      fill: var(--color-white) !important;
    }
  }
  .\[\&_svg\]\:fill-white\! {
    & svg {
      fill: var(--color-white) !important;
    }
  }
  .\[\&_svg\]\:stroke-white {
    & svg {
      stroke: var(--color-white);
    }
  }
  .\[\&\.is-active\]\:transform-none\! {
    &.is-active {
      transform: none !important;
    }
  }
  .\[\&\.is-active\]\:bg-neutral-700\! {
    &.is-active {
      background-color: var(--color-neutral-700) !important;
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden {
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .\[\&\:nth-child\(n\+2\)\]\:max-md\:hidden {
    &:nth-child(n+2) {
      @media (width < 48rem) {
        display: none;
      }
    }
  }
  .\[\&\>img\]\:w-full {
    &>img {
      width: 100%;
    }
  }
}
@layer base {
  :disabled {
    cursor: not-allowed;
  }
  :target {
    scroll-margin-block: var(--anchor-offset, 6ex);
  }
  @media (prefers-reduced-motion: no-preference) {
    :where(html):has(:target) {
      scroll-behavior: smooth;
    }
  }
  html {
    block-size: 100%;
    scrollbar-gutter: stable;
  }
  body {
    min-block-size: 100%;
  }
  :where( :any-link, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex^="-"]) ) {
    touch-action: manipulation;
  }
  :where( :any-link, button, label[for], label:has(input:is([type="radio"], [type="checkbox"]):enabled), select:has(option:enabled), summary ) {
    cursor: pointer;
  }
  :where(dialog) {
    position: fixed;
    max-block-size: calc(100% - 2rem);
    max-inline-size: calc(100% - 2rem);
    background-color: var(--color-surface, canvas);
    color: var(--color-fg, canvastext);
    border-radius: 1rem;
    margin: auto;
    padding: 1.5rem;
    box-shadow: var(--shadow-lg);
    &::backdrop {
      background-color: var(--backdrop, hsl(0 0% 0% / 20%));
    }
  }
  :where(:root:has(dialog[open]:modal)) {
    overflow: hidden;
  }
  address {
    font-style: normal;
  }
}
@media print {
  *, *::before, *::after {
    box-shadow: none !important;
    text-shadow: none !important;
  }
  :is(h1, h2, h3, h4, h5, h6) {
    page-break-after: avoid;
  }
  :is(h2, h3, h4, h5, h6, p) {
    orphans: 3;
    widows: 3;
  }
  :is(tr, img, svg, pre, blockquote) {
    page-break-inside: avoid;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  :is(.columns, .container) {
    max-width: 100% !important;
  }
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-sans-3/SourceSans3-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-sans-3/SourceSans3-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-sans-3/SourceSans3-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-sans-3/SourceSans3-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-sans-3/SourceSans3-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-sans-3/SourceSans3-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-serif-4/SourceSerif4-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-serif-4/SourceSerif4-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-serif-4/SourceSerif4-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-serif-4/SourceSerif4-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-serif-4/SourceSerif4-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/source-serif-4/SourceSerif4-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Caveat';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/caveat/Caveat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Caveat';
  src: url('../../frontend/Mdp/hyva/fr_FR/fonts/caveat/Caveat-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@layer base {
  @view-transition {
    navigation: auto;
  }
  :root {
    scrollbar-color: var(--scrollthumb-color) var(--scrolltrack-color, Canvas);
    accent-color: var(--color-primary);
    caret-color: var(--color-primary);
    interpolate-size: allow-keywords;
  }
  body {
    background: var(--color-bg);
    color: var(--color-fg);
  }
}
[x-cloak] {
  display: none !important;
}
@layer components {
  .actions-toolbar {
    display: flex;
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    margin-block-start: calc(var(--spacing) * 6);
    padding-block-start: calc(var(--spacing) * 4);
    border-block-start-width: 1px;
    border-block-start-color: var(--color-gray-300);
    @media (width >= 48rem) {
      flex-direction: row-reverse;
      align-items: center;
    }
    & a.back {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      text-decoration-line: underline;
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary);
        }
      }
    }
  }
}
@layer components {
  .breadcrumbs .items.is-scrolled {
    @media (width < 48rem) {
      --breadcrumbs-fade-size: calc(var(--spacing) * 8);
      -webkit-mask-image: linear-gradient( to right, transparent 0, #000 var(--breadcrumbs-fade-size) );
      mask-image: linear-gradient( to right, transparent 0, #000 var(--breadcrumbs-fade-size) );
    }
  }
}
.btn-size-lg {
  padding-inline: calc(var(--spacing) * 10);
  padding-block: calc(var(--spacing) * 4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.btn-size-sm {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
@layer components {
  .card {
    position: relative;
    border-radius: var(--card-radius, var(--radius-lg));
    border-width: 1px;
    padding-block: var(--card-py, calc(var(--spacing) * 6));
    padding-inline: var(--card-px, calc(var(--spacing) * 6));
    border-color: var(--card-stroke, var(--color-gray-300));
    background-color: var(--card-bg, var(--color-surface));
    color: var(--card-color, var(--color-fg));
    transition-property: color, background-color, border-color, box-shadow, outline-color;
    transition-timing-function: var(--default-transition-timing-function);
    transition-duration: var(--default-transition-duration);
  }
  .card-interactive:is(:hover, :focus-within) {
    --card-stroke: #0000;
    box-shadow: var(--shadow-lg);
  }
}
@layer base {
  [type="checkbox"][role="switch"] {
    --switch-width: calc(var(--spacing) * 11);
    --switch-height: calc(var(--spacing) * 6);
    --switch-thumb-offset: calc(var(--switch-width) - var(--switch-height));
    border-radius: calc(infinity * 1px);
    border-width: 2px;
    block-size: var(--switch-height);
    inline-size: var(--switch-width);
    &:not(:disabled) {
      cursor: pointer;
    }
    background-color: var(--form-stroke);
    border-color: var(--form-stroke);
    &::after {
      content: "";
      display: block;
      aspect-ratio: 1;
      height: 100%;
      border-radius: calc(infinity * 1px);
      border-width: 1px;
      border-color: var(--form-bg);
      background-color: var(--form-bg);
      transition: background-color 150ms, border-color 150ms, translate 150ms;
    }
    &:checked {
      background-image: none;
      background-color: var(--color-success);
      border-color: var(--color-success);
      &::after {
        background-color: var(--form-bg);
        translate: var(--switch-thumb-offset) 0%;
      }
    }
    &:dir(rtl):checked::after {
      translate: calc(var(--switch-thumb-offset) / -1) 0%;
    }
  }
  :is([type="checkbox"], [type="radio"], .form-checkbox, .form-radio) {
    border-width: 2px;
  }
  :is([type="checkbox"],.form-checkbox) {
    border-radius: var(--radius-sm);
  }
  :-moz-focusring {
    outline: none;
  }
}
@layer components {
  .form-input.qty {
    max-inline-size: calc(6ch + var(--form-px));
  }
  .field {
    margin-top: calc(var(--spacing) * 1);
    &.field-reserved {
      --reserved-space: calc(var(--spacing) * 4);
      margin-block-end: var(--reserved-space);
      ul {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        &:last-of-type {
          margin-block-end: calc(var(--reserved-space) * -1);
        }
      }
    }
    &.choice {
      display: flex;
      align-items: center;
      label {
        margin-bottom: calc(var(--spacing) * 0);
      }
      input {
        margin-right: calc(var(--spacing) * 3);
      }
    }
    &.field-error .messages {
      color: var(--color-error);
      max-width: fit-content;
    }
    &.required > label {
      &::after {
        content: var(--tw-content);
        position: relative;
      }
      &::after {
        content: var(--tw-content);
        top: calc(var(--spacing) * -1);
      }
      &::after {
        content: var(--tw-content);
        --tw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E");
        --tw-icon-size: 1em;
        display: inline-block;
        width: var(--tw-icon-size);
        height: var(--tw-icon-size);
        background-color: currentcolor;
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-image: var(--tw-icon);
      }
      &::after {
        content: var(--tw-content);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
      }
      &::after {
        content: var(--tw-content);
        color: var(--color-error);
      }
    }
    .field-error, .field-success {
      margin: calc(var(--spacing) * 0);
    }
  }
}
@layer components {
  .form-input-addon {
    appearance: none;
    padding-block: var(--form-py);
    padding-inline: var(--form-px);
    border-radius: var(--form-radius);
    border-width: 1px;
    border-color: var(--form-stroke);
    background-color: var(--form-bg);
    color: var(--form-color);
    --outline-size: 0;
    --outline-offset: 0px;
    &:first-child {
      padding-inline-end: 0;
      border-inline-end: 0;
    }
    &:last-child {
      padding-inline-start: 0;
      border-inline-start: 0;
    }
  }
  .input-group {
    position: relative;
    display: flex;
    border-radius: var(--form-radius);
    vertical-align: middle;
    &:focus-within {
      --form-stroke: var(--form-active-color);
      outline: var(--outline-size, 1px) solid var(--form-active-color);
      outline-offset: var(--outline-offset, 0px);
    }
    & > * {
      margin: 0;
      border-radius: 0;
      outline: none;
    }
    & > :first-child {
      border-start-start-radius: inherit;
      border-end-start-radius: inherit;
    }
    & > :last-child {
      border-start-end-radius: inherit;
      border-end-end-radius: inherit;
    }
    & > :not(template, [hidden]:where(:not([hidden="until-found"]))) + :not(button, .btn) {
      border-inline-start-width: 0;
    }
  }
}
@layer components {
  .message {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.25rem;
    background-color: var(--color-gray-100);
    padding: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-black);
    &.error {
      background-color: var(--color-error-lighter);
      color: var(--color-error);
    }
    &.success {
      background-color: var(--color-success-lighter);
      color: var(--color-success);
    }
    &.info, &.notice {
      background-color: var(--color-blue-50);
    }
    &.warning {
      background-color: var(--color-warning-lighter);
      color: var(--color-warning);
    }
    a {
      text-decoration-line: underline;
    }
  }
}
.page.messages {
  position: sticky;
  z-index: 20;
  top: calc(var(--page-header-height));
  .messages section#messages {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 90rem) {
      max-width: 90rem;
    }
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    margin-inline: auto;
    padding-block: calc(var(--spacing) * 3);
  }
}
@layer components {
  .rating-summary {
    display: flex;
    color: var(--color-rating, var(--color-yellow-400));
  }
}
@layer components {
  .swatch-attribute-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .swatch-option {
    margin: calc(var(--spacing) * 1);
    display: flex;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    --tw-ring-offset-width: 2px;
    min-width: 40px;
  }
}
@layer components {
  :where(main:not(.product-main-full-width, .page-main-full-width)) {
    & .columns {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 90rem) {
        max-width: 90rem;
      }
      margin-inline: auto;
      padding-inline: calc(var(--spacing) * 4);
      @media (width >= 48rem) {
        padding-inline: calc(var(--spacing) * 6);
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 15);
      }
    }
  }
}
@layer base {
  :where(form label) {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-15);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-neutral-700);
  }
  :where(form legend) {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    & + br {
      display: none;
    }
  }
  :where(fieldset ~ fieldset) {
    margin-top: calc(var(--spacing) * 8);
  }
}
.form-input {
  height: calc(var(--spacing) * 12);
}
.price-box {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  & .price, & .price-label, & .minimal-price-link .price-wrapper {
    font-size: var(--price-font-size, var(--text-base));
    font-weight: var(--price-font-weight, 600);
  }
  & .old-price, & .special-price {
    display: block;
    & .price-label {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
  & .special-price {
    order: 2;
    .price {
      color: var(--color-red);
    }
  }
  & .old-price {
    --price-font-size: var(--text-sm);
    --price-font-weight: 700;
    order: 1;
    .price {
      text-decoration: line-through;
      color: var(--color-neutral-500);
    }
  }
  & .price-excluding-tax {
    display: block;
    &::after {
      content: " " attr(data-label);
      font-size: var(--price-font-size-label, 0.875rem);
      font-weight: var(--price-font-weight, normal);
    }
  }
  & .price-tax-label {
    font-size: var(--price-font-size-label, 0.875rem);
  }
}
.price-including-tax + .price-excluding-tax {
  --price-font-size: 1rem;
}
.price-container.price-tier_price {
  display: flex;
  gap: calc(var(--spacing) * 1);
  & > .price-including-tax + .price-excluding-tax {
    &::before {
      content: "(" attr(data-label) ": ";
    }
    &::after {
      content: ")";
    }
  }
}
@layer components {
  .account-nav {
    .nav.items {
      display: flex;
      flex-direction: column;
      li:not(.authorization) {
        & > a, & > strong {
          display: flex;
          justify-content: space-between;
          border-radius: var(--radius-sm);
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 3px;
          border-color: transparent;
          &[class*="bg-opacity-"] {
            background-color: #fff;
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
            }
          }
          background-color: var(--color-white);
          padding-inline: calc(var(--spacing) * 4);
          padding-block: calc(var(--spacing) * 3);
        }
        & > a:hover {
          border-color: var(--color-primary);
        }
        &.current {
          & > a, & > strong {
            border-color: var(--color-primary);
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            color: var(--color-primary);
            strong {
              --tw-font-weight: var(--font-weight-semibold);
              font-weight: var(--font-weight-semibold);
            }
          }
        }
      }
    }
  }
}
.grecaptcha-badge {
  visibility: hidden;
}
.page-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.page-main {
  flex-grow: 1;
  margin-block: calc(var(--spacing) * 8);
}
.columns {
  display: grid;
  grid-template-columns: minmax(0px, 1fr);
  gap: calc(var(--spacing) * 6);
}
@media (width >= 64rem) {
  [class*="page-layout-2columns-"], .page-layout-3columns {
    --sidebar-width: 320px;
    --main-width: minmax(0px, 1fr);
    --page-layout: var(--sidebar-width) var(--main-width);
    .columns {
      grid-template-columns: var(--page-layout);
      grid-template-rows: auto 1fr;
      & > .column.main {
        grid-row: span 2;
      }
    }
  }
  .page-layout-2columns-left {
    .columns > .column.main {
      grid-column-start: 2;
    }
  }
  .page-layout-2columns-right {
    --page-layout: var(--main-width) var(--sidebar-width);
    .columns > .column.main {
      order: -1;
    }
  }
}
@media (width >= 80rem) {
  .page-layout-3columns {
    --sidebar-width: 240px;
    --page-layout: var(--sidebar-width) var(--main-width)
            var(--sidebar-width);
  }
}
@layer components {
  .cms-content {
    --text-flow: 1em 1rem;
    --separator-flow: 2.5em;
    --list-flow: 0.5em;
    --h-color: initial;
    --h-family: initial;
    --h-size: 1.125em;
    --h-weight: 600;
    --h-line: 1.1;
    --h1-size: 3em;
    --h2-size: 2em;
    --h3-size: 1.625em;
    --h4-size: 1.375em;
    --marker-color: var(--color-primary);
    --link-color: var(--color-primary);
    --link-weight: 500;
    --blockquote-color: var(--color-primary);
    --table-py: calc(var(--spacing) * 3);
    --table-px: calc(var(--spacing) * 2);
    --table-stroke: var(--color-gray-400);
    --table-bg: canvas;
    --table-color: canvastext;
    :where(h1, h2, h3, h4, h5, h6, p, dl, ul, ol, pre, hgroup) {
      margin-block: var(--text-flow);
    }
    :where(blockquote, figure, hr) {
      margin-block: var(--separator-flow);
      margin-inline: 0;
    }
    :where([class~="lead"]) {
      font-size: 1.25em;
    }
    :where(h1, h2, h3, h4, h5, h6) {
      color: var(--h-color);
      font-family: var(--h-family);
      font-size: var(--h-size);
      font-weight: var(--h-weight);
      line-height: var(--h-line);
      text-wrap: balance;
    }
    :where(h1) {
      --h-size: var(--h1-size);
    }
    :where(h2) {
      --h-size: var(--h2-size);
    }
    :where(h3) {
      --h-size: var(--h3-size);
    }
    :where(h4) {
      --h-size: var(--h4-size);
    }
    ::marker {
      color: var(--marker-color);
    }
    :where(ul, ol) {
      list-style: revert;
      padding-inline-start: 2em;
    }
    :where(ol[type="a"]) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="i"]) {
      list-style-type: lower-roman;
    }
    :where(ol[type="1"]) {
      list-style-type: decimal;
    }
    :where(blockquote) {
      border-inline-start: 4px solid var(--blockquote-color);
      padding-inline-start: 1.5em;
      padding-block: 0.25em;
    }
    :where(:any-link) {
      color: var(--link-color);
      font-weight: var(--link-weight);
      &:hover {
        text-decoration: underline;
      }
    }
    :where(table) {
      border-collapse: separate;
      border-spacing: 0;
      border-color: var(--table-stroke);
    }
    :where(thead, tbody, tfoot, tr, th, td) {
      border-color: inherit;
      text-align: inherit;
    }
    :where(th, td) {
      padding-block: var(--table-py);
      padding-inline: var(--table-px);
      background: var(--table-bg);
      color: var(--table-color);
    }
    :where(tr + tr :is(th, td)) {
      border-block-start-width: 1px;
    }
    :where(thead tr:last-child :is(th, td)) {
      border-block-end-width: 2px;
    }
    :where(tfoot tr:first-child :is(th, td)) {
      border-block-start-width: 2px;
    }
    :where(table:not(:has(.table-wrapper, [class*="overflow-"]))) {
      word-break: break-all;
    }
    > :where(:first-child) {
      margin-block-start: 0;
    }
    > :where(:last-child) {
      margin-block-end: 0;
    }
    max-width: 100%;
  }
  .table-wrapper {
    overflow: auto;
  }
}
.no-route {
  margin-inline: auto;
  padding-block: calc(var(--spacing) * 2);
  text-align: center;
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 4);
  }
  max-inline-size: 39rem;
  .no-route-badge {
    display: inline-block;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-primary-lighter);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    --tw-leading: 1;
    line-height: 1;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-primary);
    text-transform: uppercase;
  }
  .no-route-title {
    margin-top: calc(var(--spacing) * 4);
    font-family: var(--font-serif);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-wrap: balance;
    color: var(--color-secondary);
    @media (width >= 64rem) {
      font-size: var(--text-28);
    }
  }
  .no-route-intro {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 3);
    text-wrap: pretty;
    color: var(--color-neutral-700);
    max-inline-size: 35rem;
  }
  & > picture {
    margin-top: calc(var(--spacing) * 6);
    display: block;
    img {
      height: auto;
      width: 100%;
      border-radius: var(--radius-lg);
    }
  }
  .no-route-cta {
    margin-top: calc(var(--spacing) * 6);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
  }
  .no-route-links {
    margin-top: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 9);
    }
    .title-menu {
      margin-bottom: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-neutral-500);
    }
    .menu-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      column-gap: calc(var(--spacing) * 8);
      row-gap: calc(var(--spacing) * 2);
      @media (width >= 40rem) {
        column-gap: calc(var(--spacing) * 14);
      }
    }
    a {
      color: var(--color-secondary);
      text-decoration-line: underline;
      text-underline-offset: 4px;
      &:hover {
        text-decoration-line: none;
      }
    }
  }
}
#customer-login-container {
  display: block;
}
.order-links {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 4);
  a {
    text-decoration: underline;
  }
}
.customer-account-check, .customer-account-login, .customer-account-create, .customer-account-forgotpassword, .customer-account-createpassword {
  .page-main {
    margin: calc(var(--spacing) * 0);
    .columns {
      max-width: 100%;
      padding: calc(var(--spacing) * 0);
    }
    .messages {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .page-footer {
    z-index: 10;
  }
}
body.account {
  @media (width >= 64rem) {
    &[class*="page-layout-2columns-"], &.page-layout-3columns {
      --sidebar-width: 360px;
    }
  }
  @media (width < 64rem) {
    .sidebar-main {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 5);
    }
  }
}
.customer-account-create .registration-container {
  max-width: 100%;
}
.password-strength-meter-bar-fill {
  .password-weak & {
    background-color: var(--color-error);
  }
  .password-medium & {
    background-color: var(--color-warning);
  }
  .password-strong & {
    background-color: var(--color-success);
  }
  .password-very-strong & {
    background-color: var(--color-success);
  }
}
.form-create-account {
  #dob_picker {
    width: 100%;
  }
}
.order-status {
  display: inline-block;
  border-radius: 99px;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 2);
  text-align: center;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  &.pending,  &.pending_payment,  &.payment_review,  &.pending_paypal, &.paypal_reversed, &.paypal_canceled_reversal {
    background-color: var(--color-warning-lighter);
    color: var(--color-warning);
  }
  &.complete,  &.processing,  &.exported,  &.closed,  &.processing_transited {
    background-color: var(--color-success-lighter);
    color: var(--color-success);
  }
  &.holded,  &.canceled,  &.fraud {
    background-color: var(--color-error-lighter);
    color: var(--color-error);
  }
}
.prgdpr__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(var(--spacing) * 4);
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .prgdpr__item a.prgdpr__link {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      border-color: var(--color-primary);
      --tw-shadow: 0 12px 5px -9px var(--tw-shadow-color, #00000021);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .prgdpr__icon {
    margin-inline: auto;
  }
}
.product-item {
  --price-font-size: var(--text-xl);
  .product-image-photo {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
  }
  .price-from, .price-to {
    --price-font-size: 1em;
  }
  .price-box {
    & .price, & .price-label, & .minimal-price-link .price-wrapper {
      @media (width < 48rem) {
        font-size: var(--text-15);
      }
    }
  }
}
.product-info-main {
  --price-font-size: clamp(1.5em, 2.5vw, 2.5em);
  & .old-price {
    --price-font-size: 1em;
  }
  .product-grouped-options, .price-from, .price-to {
    --price-font-size: 1.5em;
  }
}
.wishlist-widget .price-box {
  & .price-label, & .old-price {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
}
.product-image-container {
  display: block;
  margin-inline: auto;
}
.category-description {
  [data-element="inner"] {
    margin: calc(var(--spacing) * 0) !important;
    padding: calc(var(--spacing) * 0) !important;
  }
}
.catalog-product-view {
  .page-main {
    margin-top: calc(var(--spacing) * 0);
  }
}
#category-view-container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 90rem) {
    max-width: 90rem;
  }
  margin-inline: auto;
  padding-inline: calc(var(--spacing) * 4);
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 15);
  }
}
.product-highlights {
  .cms-content {
    --marker-color: inherit;
    & ::marker {
      font-size: var(--text-13);
    }
    & :where(ul, ol) {
      padding-inline-start: 1.5em;
    }
  }
}
[data-content-type="row"] {
  &[data-appearance="contained"] {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 90rem) {
      max-width: 90rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    [data-element="inner"] {
      background-attachment: scroll !important;
    }
  }
  &[data-appearance="full-bleed"] {
    background-attachment: scroll !important;
  }
  &[data-appearance="full-width"] {
    background-attachment: scroll !important;
    > .row-full-width-inner {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 90rem) {
        max-width: 90rem;
      }
      margin-inline: auto;
      padding-inline: calc(var(--spacing) * 4);
      @media (width >= 48rem) {
        padding-inline: calc(var(--spacing) * 6);
      }
    }
  }
}
body:where(:not([class*="-full-width"])) {
  [data-content-type="row"][data-appearance="contained"] {
    padding-inline: 0;
  }
}
[data-content-type="column-group"], [data-content-type="column-line"] {
  flex-wrap: wrap;
  @media (width >= 48rem) {
    flex-wrap: nowrap;
  }
}
[data-content-type="column"] {
  width: 100%;
  max-width: 100%;
  background-attachment: scroll !important;
  flex-basis: 100%;
  @media (width >= 48rem) {
    flex-basis: auto;
  }
}
[data-content-type="tabs"] {
  .tabs-navigation {
    margin-bottom: -1px;
    display: block;
    padding: calc(var(--spacing) * 0);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    li.tab-header {
      position: relative;
      margin-block: calc(var(--spacing) * 0);
      margin-right: calc(var(--spacing) * 0);
      margin-left: -1px;
      display: inline-block;
      max-width: 100%;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
      --tw-border-style: solid;
      border-style: solid;
      border-color: var(--color-gray-300);
      background-color: var(--color-gray-100);
      overflow-wrap: break-word;
      &:first-child {
        margin-left: calc(var(--spacing) * 0);
      }
      &.active {
        z-index: 20;
        &[class*="bg-opacity-"] {
          background-color: #fff;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
          }
        }
        background-color: var(--color-white);
        border-bottom: 1px solid white;
      }
      a.tab-title {
        position: relative;
        display: block;
        cursor: pointer;
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 3);
        vertical-align: middle;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        white-space: normal;
        span {
          --tw-leading: calc(var(--spacing) * 5);
          line-height: calc(var(--spacing) * 5);
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-black);
        }
      }
    }
  }
  .tabs-content {
    position: relative;
    z-index: 10;
    overflow: hidden;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-gray-300);
    background-color: var(--color-container-lighter);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    [data-content-type="tab-item"] {
      padding: calc(var(--spacing) * 8);
      min-height: inherit;
      background-attachment: scroll !important;
    }
  }
  &.tab-align-left {
    .tabs-content {
      border-top-left-radius: 0 !important;
    }
  }
  &.tab-align-right {
    .tabs-content {
      border-top-right-radius: 0 !important;
    }
  }
}
[data-content-type="text"], [data-content-type="heading"], [data-content-type="html"] {
  overflow-wrap: break-word;
}
[data-content-type="buttons"] {
  max-width: 100%;
  [data-content-type="button-item"] {
    margin-right: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
    max-width: 100%;
    [data-element="link"], [data-element="empty_link"] {
      max-width: 100%;
      overflow-wrap: break-word;
    }
    [data-element="empty_link"] {
      cursor: default;
    }
    :is(a, button, div) {
      display: inline-block;
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
:is(a, button, div) {
  &.pagebuilder-button-primary {
    --btn-stroke: var(--color-secondary-lighter);
    --btn-bg: var(--color-secondary-lighter);
    --btn-hover-bg: var(--color-secondary);
    --btn-hover-color: var(--color-white);
    --btn-active-bg: var(--color-secondary);
    --btn-color: var(--color-fg);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    border-radius: var(--radius-sm);
    border-width: 2px;
    border-color: var(--btn-stroke);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    font-weight: 600;
    user-select: none;
    vertical-align: middle;
    transition-property: color, background-color, border-color, outline-color;
    transition-timing-function: var(--default-transition-timing-function);
    transition-duration: var(--default-transition-duration);
    line-height: 1;
    &:hover {
      border-color: var(--btn-hover-bg, var(--btn-bg));
      background-color: var(--btn-hover-bg, var(--btn-bg));
      color: var(--btn-hover-color, var(--btn-color));
      text-decoration: none;
    }
    &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
      border-color: var(--btn-active-bg, var(--btn-bg));
      background-color: var(--btn-active-bg, var(--btn-bg));
      color: var(--btn-active-color, var(--btn-color));
    }
    &:is(:disabled, [aria-disabled="true"]) {
      border-color: var(--btn-disabled-bg, var(--color-gray-50));
      background-color: var(--btn-disabled-bg, var(--color-gray-50));
      color: var(--btn-disabled-color, var(--color-gray-500));
    }
    --btn-stroke: #0000;
    --btn-bg: var(--color-primary);
    --btn-color: var(--color-secondary);
    --btn-hover-stroke: #0000;
    --btn-hover-bg: var(--color-primary-darker);
    --btn-hover-color: var(--color-secondary);
    --btn-active-stroke: #0000;
    --btn-active-bg: var(--color-primary);
    --btn-active-color: var(--color-secondary);
  }
  &.pagebuilder-button-secondary {
    --btn-stroke: var(--color-secondary-lighter);
    --btn-bg: var(--color-secondary-lighter);
    --btn-hover-bg: var(--color-secondary);
    --btn-hover-color: var(--color-white);
    --btn-active-bg: var(--color-secondary);
    --btn-color: var(--color-fg);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    border-radius: var(--radius-sm);
    border-width: 2px;
    border-color: var(--btn-stroke);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    font-weight: 600;
    user-select: none;
    vertical-align: middle;
    transition-property: color, background-color, border-color, outline-color;
    transition-timing-function: var(--default-transition-timing-function);
    transition-duration: var(--default-transition-duration);
    line-height: 1;
    &:hover {
      border-color: var(--btn-hover-bg, var(--btn-bg));
      background-color: var(--btn-hover-bg, var(--btn-bg));
      color: var(--btn-hover-color, var(--btn-color));
      text-decoration: none;
    }
    &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
      border-color: var(--btn-active-bg, var(--btn-bg));
      background-color: var(--btn-active-bg, var(--btn-bg));
      color: var(--btn-active-color, var(--btn-color));
    }
    &:is(:disabled, [aria-disabled="true"]) {
      border-color: var(--btn-disabled-bg, var(--color-gray-50));
      background-color: var(--btn-disabled-bg, var(--color-gray-50));
      color: var(--btn-disabled-color, var(--color-gray-500));
    }
    --btn-stroke: var(--color-neutral-500);
    --btn-bg: var(--color-on-primary);
    --btn-color: var(--color-neutral-700);
    --btn-hover-stroke: var(--color-secondary);
    --btn-hover-bg: var(--color-on-primary);
    --btn-hover-color: var(--color-neutral-700);
    --btn-active-stroke: var(--color-neutral-500);
    --btn-active-bg: var(--color-on-primary);
    --btn-active-color: var(--color-neutral-700);
    &:hover {
      border-color: var(--btn-hover-stroke);
    }
    &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
      border-color: var(--btn-active-stroke);
    }
  }
}
[data-content-type="divider"] hr {
  border-block-end: 0;
  border-inline: 0;
}
[data-content-type="image"] {
  > [data-element="link"], > [data-element="link"] img {
    border-radius: inherit;
  }
  .pagebuilder-mobile-hidden {
    display: none;
    @media (width >= 48rem) {
      display: inline-block;
    }
  }
  .pagebuilder-mobile-only {
    display: inline-block;
    @media (width >= 48rem) {
      display: none;
    }
  }
  figcaption {
    overflow-wrap: break-word;
  }
}
[data-content-type="video"] {
  .pagebuilder-video-wrapper {
    overflow: hidden;
  }
  :is(iframe, video) {
    aspect-ratio: 16/9;
  }
}
:is([data-content-type="banner"], [data-content-type="slide"]) {
  --pagebuilder-overlay-mx: 0;
  .pagebuilder-overlay {
    max-inline-size: var(--container-lg);
    margin-inline: var(--pagebuilder-overlay-mx);
    padding: calc(var(--spacing) * 8);
    border-radius: inherit;
    transition: background-color 500ms ease;
    &.pagebuilder-poster-overlay {
      display: flex;
      justify-content: center;
      align-items: center;
      max-inline-size: 100%;
      min-block-size: inherit;
    }
  }
  &[data-appearance="collage-centered"] {
    --pagebuilder-overlay-mx: auto;
  }
  &[data-appearance="collage-left"] {
    --pagebuilder-overlay-mx: 0 auto;
  }
  &[data-appearance="collage-right"] {
    --pagebuilder-overlay-mx: auto 0;
  }
}
[data-content-type="banner"] {
  & > :is([data-element="link"], [data-element="empty_link"]) {
    color: inherit;
    text-decoration: inherit;
    &:hover {
      color: inherit;
      text-decoration: inherit;
    }
  }
  .pagebuilder-banner-wrapper {
    overflow-wrap: break-word;
    background-clip: padding-box;
    border-radius: inherit;
    background-attachment: scroll !important;
    .pagebuilder-overlay {
      position: relative;
      &:not(.pagebuilder-poster-overlay) {
        max-width: none;
        @media (width >= 48rem) {
          max-width: var(--container-xl);
        }
      }
    }
    &.jarallax .video-overlay {
      z-index: 0;
    }
    [data-element="content"] {
      min-height: 50px;
      overflow: auto;
    }
    .pagebuilder-banner-button {
      margin: calc(var(--spacing) * 0);
      margin-top: calc(var(--spacing) * 5);
      display: inline-block;
      max-width: 100%;
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
      overflow-wrap: break-word;
      text-align: inherit;
    }
    .pagebuilder-poster-content {
      width: 100%;
    }
  }
}
[data-content-type="slider"] {
  position: relative;
  padding-block-end: calc(var(--spacing) * 12);
  &:not(:has(.snap-track)) {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    padding-block: calc(var(--spacing) * 6) calc(calc(var(--spacing) * 6) + calc(var(--spacing) * 12));
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    @media (prefers-reduced-motion: no-preference) {
      scroll-behavior: smooth;
    }
    & > * {
      scroll-snap-align: start;
    }
  }
  [data-page-builder-slider-nav] {
    position: absolute;
    inset: auto 0 0;
  }
}
[data-content-type="slide"] {
  --overlay-align: initial;
  position: relative;
  .pagebuilder-slide-wrapper {
    border-radius: inherit;
    min-block-size: inherit;
    overflow-wrap: break-word;
    &.jarallax {
      .video-overlay {
        -webkit-transform: unset;
        z-index: 1;
      }
      .pagebuilder-overlay {
        position: relative;
        z-index: 2;
      }
      [id*="jarallax-container"] > :is(div, img, video, iframe) {
        margin: auto !important;
        transform: none !important;
      }
    }
  }
  .pagebuilder-poster-content {
    inline-size: 100%;
  }
  [data-element="content"] {
    min-height: 50px;
    overflow: auto;
  }
}
[data-content-type="map"] {
  block-size: 300px;
}
[data-content-type$="block"] {
  .block {
    p:last-child {
      margin-block: 0 calc(var(--spacing) * 4);
    }
  }
}
[data-content-type="dynamic_block"] {
  [data-content-type="image"] img {
    display: inline-block;
  }
  .block-banners .banner-item-content, .block-banners-inline .banner-item-content {
    margin-block-end: auto;
  }
}
.operation-grid {
  -ms-overflow-style: none;
  scrollbar-width: none;
  &::-webkit-scrollbar {
    display: none;
  }
  display: flex;
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
  --tw-scroll-snap-strictness: mandatory;
  overflow-x: auto;
  @media (width < 48rem) {
    margin-right: calc(50% - 50vw);
  }
  @media (width >= 48rem) {
    display: grid;
  }
  @media (width >= 48rem) {
    scroll-snap-type: none;
  }
  @media (width >= 48rem) {
    overflow-x: visible;
  }
  .operation-banner {
    max-width: 180px;
    flex-shrink: 0;
    scroll-snap-align: start;
    @media (width >= 48rem) {
      max-width: none;
    }
    @media (width >= 48rem) {
      scroll-snap-align: none;
    }
  }
}
.custom-links-grid__items {
  @media (width < 48rem) {
    margin-right: calc(50% - 50vw);
  }
  @media (width < 48rem) {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  @media (width < 48rem) {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  @media (width < 48rem) {
    --tw-scroll-snap-strictness: mandatory;
  }
  @media (width < 48rem) {
    grid-auto-columns: 40%;
  }
  @media (width < 48rem) {
    grid-auto-flow: column;
  }
  @media (width < 48rem) {
    grid-template-columns: none;
  }
  @media (width < 48rem) {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  @media (width < 48rem) {
    overflow-x: auto;
  }
  .custom-link {
    @media (width < 48rem) {
      scroll-snap-align: start;
    }
  }
}
.hero-product-slider__grid {
  .product-slider {
    margin: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 0);
  }
}
.navigation {
  [data-liveview-element="menu_list_row"] {
    .menu-list {
      gap: calc(var(--spacing) * 8);
      color: var(--color-neutral-700);
    }
  }
  #mobileMenu {
    [data-liveview-element="menu_list_row"] {
      .menu-list {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 0);
        & a {
          display: flex;
          width: 100%;
          align-items: center;
          justify-content: space-between;
          gap: calc(var(--spacing) * 1);
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
          border-color: var(--color-neutral-100);
          padding-inline: calc(var(--spacing) * 6);
          padding-block: calc(var(--spacing) * 3);
          outline-offset: calc(1px * -1);
          &[aria-current="page"] {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
          }
        }
      }
    }
  }
}
#mobileMenu::backdrop {
  background-color: hsl(0 0% 0% / 0);
  transition: background-color 300ms ease-out;
}
#mobileMenu.backdrop-visible::backdrop {
  background-color: var(--backdrop, hsl(0 0% 0% / 20%));
}
.page-header {
  position: sticky;
  top: calc(var(--spacing) * 0);
  z-index: 30;
}
.footer {
  [data-liveview-element="menu_list"] {
    ul {
      > li {
        > a {
          font-size: var(--text-15);
          @media (width >= 64rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
          }
        }
      }
    }
  }
  .withdrawal-footer-link {
    font-size: var(--text-15);
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
}
.section-home-banners {
  @media (width >= 48rem) {
    --cols: minmax(0px, 1fr) minmax(0px, 1fr);
  }
  .main {
    picture {
      img {
        @media (width >= 48rem) {
          aspect-ratio: 642/400;
        }
      }
    }
  }
  .secondary {
    .banner-title {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      @media (width >= 48rem) {
        font-size: var(--text-28);
      }
    }
    picture {
      img {
        @media (width >= 48rem) {
          aspect-ratio: 642/188;
        }
      }
    }
  }
  .btn {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
  }
}
.cart.item {
  .price-box {
    .subtotal {
      --price-font-size: var(--text-xl);
      .old-price {
        --price-font-size: var(--text-base);
        --price-font-weight: var(--font-weight-normal);
        .price {
          color: var(--color-secondary-darker);
        }
      }
    }
    .unit-price {
      --price-font-size: var(--text-sm);
      --price-font-weight: var(--font-weight-normal);
    }
  }
}
[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {
  display: none;
}
[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {
  display: none;
}
[wire\:offline] {
  display: none;
}
[wire\:dirty]:not(textarea):not(input):not(select) {
  display: none;
}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
  animation-duration: 50000s;
  animation-name: livewireautofill;
}
#livewire-error iframe {
  background-color: rgb(255 255 255) !important;
  border-radius: 0.375rem !important;
  padding: 0.75rem 1rem !important;
}
.ampickup-curbside-banner-img {
  margin-top: calc(var(--spacing) * 5);
  width: 100%;
}
@layer utilities {
  .amcart-confirmation-popup-content {
    margin-top: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 1);
    span, p, label {
      color: var(--amcart-dialog-text);
    }
  }
  .amcart-related-container {
    h4, .am-subtitle, .price {
      color: var(--amcart-dialog-text);
    }
    .product-item-link {
      color: var(--amcart-product-name);
    }
    .product-slider {
      width: 100%;
      .my-12 {
        margin-block: calc(var(--spacing) * 3);
      }
      .js_slides > div {
        @media (width >= 64rem) {
          width: calc(1/2 * 100%);
        }
        @media (width >= 80rem) {
          width: calc(1/2 * 100%);
        }
      }
    }
  }
  #am-a-count, .amcart-subtotal .am_price {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
@layer components {
  .amcart-dialog-popup-content {
    max-height: calc(100vh - 13rem);
    overflow: auto;
    span, p, h2, .product-description {
      color: var(--amcart-dialog-text);
    }
  }
}
.amcart-product-info {
  & #add-to-wishlist, & .btn-primary, & #add-to-compare, & .amquote-addto-button {
    display: none;
  }
  .product-options-bottom {
    margin-right: calc(var(--spacing) * 4);
    width: calc(8/12 * 100%);
    & > div {
      min-width: 100%;
    }
  }
  .swatch-attribute-options {
    width: 100%;
  }
}
@layer components {
  .product-item-photo {
    position: relative;
  }
  .product-item-photo:hover .amcart-card-info {
    display: flex;
  }
  .amcart-card-info .amcart-icon-cart {
    height: 60px;
    width: 60px;
  }
}
@layer components {
  .wishlist-index-index .products-grid.wishlist .product-item .product-item-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .wishlist-index-index .products-grid.wishlist .product-item .product-item-actions {
    order: 2;
  }
}
.catalog-product-view .product-info-main {
  section[id*='mostviewed'] {
    grid-column: span 2 / span 2;
  }
  section[id='amrelated_product_content_tab'] {
    grid-column: span 2 / span 2;
  }
}
[x-ref="bundlePopup"] .product-custom-option {
  &.form-textarea, &.form-select {
    width: 100%;
  }
}
.amrelated-popup-wrapper-content {
  div[id^='amrelated-product-container'] .info-container .product-options-bottom {
    > div {
      padding: calc(var(--spacing) * 4);
      @media (width >= 48rem) {
        width: 100%;
      }
    }
    > div > p, > div > p + div, .product-description, .product-description + div, #product-details {
      display: none;
    }
    div[x-data="initBundleOptions()"] .nested.options-list .field.choice {
      input {
        margin-top: calc(var(--spacing) * 1);
      }
      .price-container {
        display: inline-block;
      }
    }
  }
  .swatch-attribute {
    .product-option-label {
      width: 100%;
      @media (width >= 40rem) {
        width: calc(1/3 * 100%);
      }
    }
    .product-option-values {
      width: 100%;
      @media (width >= 40rem) {
        width: calc(2/3 * 100%);
      }
    }
  }
  .amrelated-product-content {
    .card {
      border: none;
    }
    .product-image-container {
      aspect-ratio: auto;
      height: auto;
      width: 100%;
    }
  }
}
.amrelated-content-container {
  .amrelated-content-wrapper {
    .amrelated-pack-item-wrapper {
      &[data-class='-narrow-wrapper'] {
        @media (min-width: 1024px) {
          &:last-child {
            .amrelated-pack-item {
              max-width: 120px;
            }
          }
        }
      }
      &:not(:last-child):after {
        @media (min-width: 1024px) {
          content: '+';
          padding: calc(var(--spacing) * 2.5);
          font-size: 90px;
          --tw-leading: 100px;
          line-height: 100px;
          color: var(--color-amrel-blue-dark-text);
        }
      }
    }
  }
}
@layer components {
  @supports not (overflow-wrap: anywhere) {
    .break-anywhere {
      word-break: break-word;
    }
  }
  @supports (overflow-wrap: anywhere) {
    .break-anywhere {
      overflow-wrap: anywhere;
    }
  }
}
.free-gift-button a {
  color: var(--color-blue-600);
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cursor-pointer[disabled] {
  display: none;
}
.swiper-pagination-bullets .swiper-pagination-bullet:before {
  display: none;
}
.swiper-pagination-horizontal {
  text-align: center;
}
.hyva_checkout-index-index {
  .columns .column.main {
    display: flex;
    flex-direction: column;
    [wire\:id="ampromo.popup"], [wire\:id="ampromo.banner"] {
      order: calc(1 * -1);
    }
  }
}
.amreturns-order-select {
  margin-bottom: calc(var(--spacing) * 4);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-xs);
  background-color: var(--color-container-lighter);
  padding: calc(var(--spacing) * 4);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.07));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (min-width: 1024px) {
    flex-direction: row;
  }
  .amreturns-title-container {
    display: flex;
    align-items: center;
    span {
      white-space: nowrap;
    }
  }
  .amreturns-orders-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (min-width: 640px) {
      flex-direction: row;
    }
    .amreturn-select {
      width: 100%;
    }
    button {
      justify-content: center;
      --btn-stroke: #0000;
      --btn-bg: var(--color-primary);
      --btn-color: var(--color-secondary);
      --btn-hover-stroke: #0000;
      --btn-hover-bg: var(--color-primary-darker);
      --btn-hover-color: var(--color-secondary);
      --btn-active-stroke: #0000;
      --btn-active-bg: var(--color-primary);
      --btn-active-color: var(--color-secondary);
    }
  }
}
#my-orders-table {
  .flex.items-center.justify-evenly {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-items: center;
  }
}
.am-grid-table {
  [data-th]::before {
    content: attr(data-th) ': ';
    display: inline;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    @media (width >= 64rem) {
      display: none;
    }
  }
}
.amrma-steps {
  .amrma-step {
    &.-checked {
      &:after {
        content: attr(data-number);
        position: absolute;
        top: calc(var(--spacing) * -2);
        left: calc(1/2 * 100%);
        margin-left: calc(var(--spacing) * -4);
        display: block;
        height: calc(var(--spacing) * 8);
        width: calc(var(--spacing) * 8);
        border-radius: calc(infinity * 1px);
        background-color: var(--color-blue-700);
        text-align: center;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: calc(var(--spacing) * 8);
        line-height: calc(var(--spacing) * 8);
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-white);
      }
      &:before {
        position: absolute;
        top: calc(var(--spacing) * 1.5);
        right: calc(1/2 * 100%);
        left: auto;
        margin-left: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 1);
        width: 100vw;
        border-radius: 0;
        background-color: var(--color-blue-700);
      }
    }
    &.-complete {
      &:after {
        content: '';
        position: absolute;
        top: calc(var(--spacing) * -1);
        left: calc(1/2 * 100%);
        margin-left: calc(var(--spacing) * -3);
        display: block;
        height: calc(var(--spacing) * 6);
        width: calc(var(--spacing) * 6);
        border-radius: calc(infinity * 1px);
        background-color: var(--color-blue-700);
      }
      &:before {
        z-index: 10;
        margin-top: calc(var(--spacing) * 3.5);
        margin-left: calc(var(--spacing) * -1.5);
        height: calc(var(--spacing) * 2);
        width: calc(var(--spacing) * 3);
        rotate: calc(45deg * -1);
        border-radius: 0;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
        border-left-style: var(--tw-border-style);
        border-left-width: 2px;
        border-color: var(--color-white);
        background-color: transparent;
        @media (width >= 48rem) {
          margin-top: calc(var(--spacing) * 0.5);
        }
      }
    }
    &.-failed {
      &:after {
        content: '';
        position: absolute;
        top: calc(var(--spacing) * -1);
        left: calc(1/2 * 100%);
        margin-left: calc(var(--spacing) * -3);
        display: block;
        height: calc(var(--spacing) * 6);
        width: calc(var(--spacing) * 6);
        border-radius: calc(infinity * 1px);
        background-color: var(--color-red-700);
      }
      &:before {
        content: '\00d7';
        top: calc(var(--spacing) * -1);
        z-index: 10;
        margin-top: 1px;
        margin-left: calc(var(--spacing) * -3);
        display: flex;
        height: calc(var(--spacing) * 6);
        width: calc(var(--spacing) * 6);
        align-items: center;
        justify-content: center;
        border-radius: 0;
        background-color: transparent;
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        color: var(--color-white);
      }
    }
  }
}
.sales-guest-form {
  .form-orders-search {
    select {
      width: 100%;
      border-radius: var(--radius-md);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-gray-300);
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:focus {
        border-color: var(--color-primary-lighter);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-ring-color: var(--color-primary);
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
        --tw-ring-opacity: 50;
      }
    }
  }
}
.amrma-form {
  a {
    color: var(--color-blue-600);
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
}
.amasty_rma-guest-login {
  .form-orders-search {
    select {
      width: 100%;
      border-radius: var(--radius-md);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-gray-300);
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:focus {
        border-color: var(--color-primary-lighter);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-ring-color: var(--color-primary);
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
        --tw-ring-opacity: 50;
      }
    }
  }
}
.amrma-return-instructions {
  p {
    margin-bottom: calc(var(--spacing) * 4);
  }
  a {
    margin-bottom: calc(var(--spacing) * 2);
    --btn-stroke: var(--color-secondary-lighter);
    --btn-bg: var(--color-secondary-lighter);
    --btn-hover-bg: var(--color-secondary);
    --btn-hover-color: var(--color-white);
    --btn-active-bg: var(--color-secondary);
    --btn-color: var(--color-fg);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    border-radius: var(--radius-sm);
    border-width: 2px;
    border-color: var(--btn-stroke);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    font-weight: 600;
    user-select: none;
    vertical-align: middle;
    transition-property: color, background-color, border-color, outline-color;
    transition-timing-function: var(--default-transition-timing-function);
    transition-duration: var(--default-transition-duration);
    line-height: 1;
    &:hover {
      border-color: var(--btn-hover-bg, var(--btn-bg));
      background-color: var(--btn-hover-bg, var(--btn-bg));
      color: var(--btn-hover-color, var(--btn-color));
      text-decoration: none;
    }
    &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
      border-color: var(--btn-active-bg, var(--btn-bg));
      background-color: var(--btn-active-bg, var(--btn-bg));
      color: var(--btn-active-color, var(--btn-color));
    }
    &:is(:disabled, [aria-disabled="true"]) {
      border-color: var(--btn-disabled-bg, var(--color-gray-50));
      background-color: var(--btn-disabled-bg, var(--color-gray-50));
      color: var(--btn-disabled-color, var(--color-gray-500));
    }
    cursor: pointer;
    justify-content: center;
    --btn-stroke: #0000;
    --btn-bg: var(--color-primary);
    --btn-color: var(--color-secondary);
    --btn-hover-stroke: #0000;
    --btn-hover-bg: var(--color-primary-darker);
    --btn-hover-color: var(--color-secondary);
    --btn-active-stroke: #0000;
    --btn-active-bg: var(--color-primary);
    --btn-active-color: var(--color-secondary);
  }
}
.amasty_rma-account-view, .amasty_rma-guest-view {
  header.page-header, .am-hyva-top-links-container, .sidebar, footer.page-footer, .am-hyva-top-links-container {
    @media print {
      display: none;
    }
  }
}
:root {
  --amscroll-module--path: '../Amasty_Scroll';
  --amscroll--transition-duration: .2s;
  --amscroll--hover-filter: brightness(.8);
  --amscroll-loader--size: 25px;
  --amscroll--text--color: #252525;
  --amscroll-border-color: #cccfd6;
  --amscroll-background-color: white;
  --amscroll--indent: 10px;
  --amscroll--indent--m: @amscroll--indent + @amscroll--indent / 2;
  --amscroll--indent--l: @amscroll--indent * 2;
  --amscroll--indent--xl: @amscroll--indent--l + @amscroll--indent / 2;
}
.amscroll-page-num {
  clear: both;
  margin-top: calc(var(--spacing) * 4);
  &.-amscroll-button {
    display: inline-block;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-amscroll-border-color);
    background-color: var(--color-amscroll-background-color);
    padding: calc(var(--spacing) * 3);
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  &.-amscroll-divider {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-gray-300);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  &.-amscroll-background {
    background-color: var(--color-amscroll-background-color);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.07));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.amscroll-loading-block {
  margin-inline: auto;
  height: var(--amscroll-loader--size);
  width: var(--amscroll-loader--size);
}
.amscroll-loading-icon {
  height: var(--amscroll-loader--size);
  width: var(--amscroll-loader--size);
}
.amscroll-load-button {
  margin-inline: auto;
  --btn-stroke: var(--color-secondary-lighter);
  --btn-bg: var(--color-secondary-lighter);
  --btn-hover-bg: var(--color-secondary);
  --btn-hover-color: var(--color-white);
  --btn-active-bg: var(--color-secondary);
  --btn-color: var(--color-fg);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * 3);
  padding-inline: calc(var(--spacing) * 4);
  border-radius: var(--radius-sm);
  border-width: 2px;
  border-color: var(--btn-stroke);
  background-color: var(--btn-bg);
  color: var(--btn-color);
  font-weight: 600;
  user-select: none;
  vertical-align: middle;
  transition-property: color, background-color, border-color, outline-color;
  transition-timing-function: var(--default-transition-timing-function);
  transition-duration: var(--default-transition-duration);
  line-height: 1;
  &:hover {
    border-color: var(--btn-hover-bg, var(--btn-bg));
    background-color: var(--btn-hover-bg, var(--btn-bg));
    color: var(--btn-hover-color, var(--btn-color));
    text-decoration: none;
  }
  &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
    border-color: var(--btn-active-bg, var(--btn-bg));
    background-color: var(--btn-active-bg, var(--btn-bg));
    color: var(--btn-active-color, var(--btn-color));
  }
  &:is(:disabled, [aria-disabled="true"]) {
    border-color: var(--btn-disabled-bg, var(--color-gray-50));
    background-color: var(--btn-disabled-bg, var(--color-gray-50));
    color: var(--btn-disabled-color, var(--color-gray-500));
  }
  --btn-stroke: var(--color-neutral-500);
  --btn-bg: var(--color-on-primary);
  --btn-color: var(--color-neutral-700);
  --btn-hover-stroke: var(--color-secondary);
  --btn-hover-bg: var(--color-on-primary);
  --btn-hover-color: var(--color-neutral-700);
  --btn-active-stroke: var(--color-neutral-500);
  --btn-active-bg: var(--color-on-primary);
  --btn-active-color: var(--color-neutral-700);
  &:hover {
    border-color: var(--btn-hover-stroke);
  }
  &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) {
    border-color: var(--btn-active-stroke);
  }
  & > .amscroll-text {
    pointer-events: none;
  }
  & > .amscroll-loading-icon {
    margin-right: var(--amscroll--indent);
  }
}
.filter-content {
  .items {
    &.-am-singleselect, &.amshopby-fly-out-view {
      .item {
        > .filter-row {
          > input[type='radio'] {
            display: none;
          }
        }
        .items-children {
          .category-filter-row a {
            width: 100%;
            align-items: flex-start;
            justify-content: flex-start;
            img {
              margin-top: 2px;
            }
            .label {
              margin-right: calc(var(--spacing) * 1);
            }
          }
        }
      }
    }
    &.am-labels-folding.is-by-click {
      button.filter-options-title {
        position: absolute;
        top: 5px;
        left: calc(var(--spacing) * 0);
      }
    }
  }
  &.-am-by-click.-am-multiselect {
    .item.am-without-children {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .amshopby-flyout-block {
    .flyout-element {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .items.-am-by-click {
    .item {
      padding-left: calc(var(--spacing) * 7) !important;
    }
  }
  .am-labels-folding {
    .item {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .tooltip-wrapper {
    > div > div > div {
      transform: translate(-20%, -100%);
    }
    div {
      span {
        display: block;
        white-space: break-spaces;
      }
    }
  }
  .swatch-attribute {
    .swatch-attribute-options {
      .swatch-option {
        &.amshopby-link-selected {
          .am-swatch-image {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            --tw-ring-color: color-mix(in srgb, #F9A800 50%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
            }
          }
        }
        .am-swatch-image {
          img {
            vertical-align: inherit;
          }
        }
      }
    }
  }
}
.amshopby-remove-item {
  .am-swatch-image {
    min-width: 40px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    &:hover {
      border-color: transparent;
      --tw-shadow: 0 0 #0000;
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--color-primary);
      --tw-ring-opacity: 50;
    }
    img {
      vertical-align: inherit;
    }
  }
}
.amasty-catalog-topnav {
  .amshopby-fromto-wrap {
    min-width: 250px;
    .am-fromto-widget {
      padding-inline: calc(var(--spacing) * 0);
      .amshopby-input-wrapper {
        max-width: 100px;
      }
    }
  }
  .amshopby-flyout-block {
    .flyout-element {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .filter-options-title-level-1 {
    left: calc(var(--spacing) * 6);
  }
  .-am-by-click {
    .item.level-1 {
      >.filter-row {
        padding-left: calc(var(--spacing) * 7);
      }
      >.items.-folding {
        padding-left: calc(var(--spacing) * 4);
      }
    }
  }
  .items:not(.amshopby-fly-out-view) {
    ul.level-1, ol.level-1 {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .am-filter >.swatch-attribute, ol .item:not(.am-swatch-wrapper) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.filter-options-content {
  .-am-overflow::-webkit-scrollbar-track, .am-filter-items-category_ids::-webkit-scrollbar-track {
    border-radius: calc(infinity * 1px);
  }
  .-am-overflow::-webkit-scrollbar, .am-filter-items-category_ids::-webkit-scrollbar {
    width: calc(var(--spacing) * 2);
    background-color: var(--color-gray-200);
  }
  .-am-overflow::-webkit-scrollbar-thumb, .am-filter-items-category_ids::-webkit-scrollbar-thumb {
    border-radius: calc(infinity * 1px);
    background-color: var(--color-amsb_sl_gray_1);
    background-clip: content-box;
  }
}
#html-body {
  &.-amshopby-sticky {
    .columns {
      position: relative;
      > .sidebar-main {
        position: sticky;
        top: calc(var(--spacing) * 0);
        z-index: 20;
        background-color: var(--color-container);
        .filter-content::-webkit-scrollbar-track {
          border-radius: calc(infinity * 1px);
        }
        .filter-content::-webkit-scrollbar {
          width: calc(var(--spacing) * 2);
          background-color: var(--color-gray-200);
        }
        .filter-content::-webkit-scrollbar-thumb {
          border-radius: calc(infinity * 1px);
          background-color: var(--color-amsb_sl_gray_1);
          background-clip: content-box;
          color: red;
        }
        .swatch-attribute {
          .min-w-20.z-10.text-sm.leading-tight.text-black {
            left: calc(var(--spacing) * 5);
            max-width: 200px !important;
            + svg {
              right: calc(var(--spacing) * -8);
            }
          }
          > div[class^='absolute'] {
            transform: translate(28px, 5px);
          }
        }
      }
    }
  }
}
.catalog-product-view .amshopby-option-link img:not([src*='resized/']) {
  max-height: 30px;
  max-width: 30px;
}
.product-info-main > section:first-child {
  h1.page-title {
    width: 100%;
  }
  .amshopby-option-link {
    margin-top: calc(var(--spacing) * 2);
    margin-right: calc(var(--spacing) * 2);
    div[x-show="showTooltip"] .am-brand-image {
      max-height: 100%;
      max-width: 100%;
    }
  }
}
.filter-content.is-sidebar {
  .swatch-attribute, .amshopby-search-box, .item.level-1, .am-show-more {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.filter-content.is-sidebar {
  .swatch-attribute, .amshopby-search-box, .am-filter > .items > .item, .am-filter > .items > .item-category {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.amshopby-fromto-wrap input.am-filter-price {
  &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
}
.amshopby-slider-container {
  .noUi-handle::after, .noUi-handle::before {
    display: none;
  }
  .noUi-horizontal {
    .noUi-tooltip {
      bottom: 130%;
    }
  }
  .noUi-tooltip {
    pointer-events: none;
    border-radius: 0.25rem;
    border-radius: var(--radius-sm);
    --tw-border-style: none;
    border-style: none;
    padding: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-white);
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: inherit;
    background-color: inherit;
    &:after {
      content: '';
      position: absolute;
      top: 100%;
      left: calc(1/2 * 100%);
      margin-left: -6px;
      height: calc(var(--spacing) * 0);
      width: calc(var(--spacing) * 0);
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid;
      border-top-color: inherit;
    }
  }
  .noUi-handle {
    --tw-border-style: none;
    border-style: none;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:hover {
      .noUi-tooltip {
        opacity: 100%;
      }
    }
  }
  .noUi-target {
    --tw-border-style: none;
    border-style: none;
  }
  &.-default {
    .noUi-connect {
      background-color: var(--color-amsb_sl_gray_1);
    }
    .noUi-target {
      height: 10px;
      background-color: var(--color-amsb_sl_gray);
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .noUi-handle {
      top: -3px;
      right: calc(var(--spacing) * -2);
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      cursor: pointer;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 0px;
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .noUi-tooltip {
      background-color: transparent;
      color: transparent;
      &:after {
        border-color: transparent;
      }
    }
  }
  &.-improved {
    .noUi-connect {
      background-color: var(--color-amsb_sl_gray_1);
    }
    .noUi-target {
      height: calc(var(--spacing) * 1);
      background-color: var(--color-amsb_sl_gray);
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .noUi-horizontal {
      .noUi-tooltip {
        margin-bottom: calc(var(--spacing) * 1);
      }
    }
    .noUi-handle {
      top: -6px;
      right: calc(var(--spacing) * -2);
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      cursor: pointer;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 0px;
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &.-volumetric {
    .noUi-connect {
      background-color: var(--color-amsb_sl_gray_1);
    }
    .noUi-target {
      height: calc(var(--spacing) * 1);
      background-color: var(--color-amsb_sl_gray_2);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
    }
    .noUi-horizontal {
      .noUi-tooltip {
        margin-bottom: calc(var(--spacing) * 1);
      }
    }
    .noUi-handle {
      top: calc(var(--spacing) * 3);
      right: calc(var(--spacing) * -1);
      height: calc(var(--spacing) * 3);
      width: calc(var(--spacing) * 2);
      cursor: pointer;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 0px;
      &:before {
        content: '';
        position: absolute;
        top: calc(var(--spacing) * 0);
        left: calc(1/2 * 100%);
        margin-top: calc(var(--spacing) * -2);
        margin-left: calc(var(--spacing) * -1);
        display: block;
        height: calc(var(--spacing) * 0);
        width: calc(var(--spacing) * 0);
        border-left: 4px solid #fff;
        border-right: 4px solid #fff;
        border-top: 4px solid #fff;
        border-bottom: 4px solid;
        border-bottom-color: inherit;
      }
    }
    .noUi-horizontal {
      .noUi-tooltip {
        margin-bottom: calc(var(--spacing) * 4);
      }
    }
  }
  &.-light {
    .noUi-connect {
      background-color: var(--color-amsb_sl_gray_1);
    }
    .noUi-target {
      height: 2px;
      background-color: var(--color-amsb_sl_gray_2);
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .noUi-handle {
      top: -7px;
      right: calc(var(--spacing) * -2);
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      cursor: pointer;
      border-radius: calc(infinity * 1px);
      --tw-border-style: solid;
      border-style: solid;
      border-color: var(--color-amsb_sl_gray_2);
      &[class*="bg-opacity-"] {
        background-color: #fff;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
        }
      }
      background-color: var(--color-white);
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:not(:hover) {
        border-color: #dfdedd !important;
      }
    }
    .noUi-horizontal {
      .noUi-tooltip {
        margin-bottom: calc(var(--spacing) * 1);
        --tw-border-style: solid;
        border-style: solid;
        border-color: var(--color-amsb_sl_gray_2);
        &:after {
          margin-top: -2px;
          margin-left: calc(var(--spacing) * -1);
          height: 6px;
          width: 6px;
          transform-origin: center;
          rotate: calc(45deg * -1);
          transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
          border-top-style: var(--tw-border-style);
          border-top-width: 0px;
          border-right-style: var(--tw-border-style);
          border-right-width: 0px;
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
          border-left-style: var(--tw-border-style);
          border-left-width: 1px;
          border-color: var(--color-amsb_sl_gray_2);
          &[class*="bg-opacity-"] {
            background-color: #fff;
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
            }
          }
          background-color: var(--color-white);
        }
      }
    }
  }
  &.-dark {
    .noUi-target {
      height: 3px;
      background-color: var(--color-amsb_sl_gray_3);
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .noUi-horizontal {
      .noUi-tooltip {
        margin-bottom: calc(var(--spacing) * 1);
      }
    }
    .noUi-handle {
      top: -6px;
      right: -5px;
      height: 15px;
      width: 10px;
      cursor: pointer;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    .noUi-horizontal {
      .noUi-tooltip {
        margin-bottom: calc(var(--spacing) * 1);
      }
    }
  }
}
.page-layout-2columns-left, .page-layout-2columns-right, .page-layout-3columns {
  .column.main {
    .widget.amsorting.grid {
      .items-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        @media (width >= 40rem) {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        @media (width >= 80rem) {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }
    }
  }
}
@layer utilities {
  .amlocator-info-popup {
    .amlocator-name {
      margin-block: calc(var(--spacing) * 2);
      padding-left: calc(var(--spacing) * 1);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      color: var(--color-primary);
      .amlocator-map-pin {
        display: none;
      }
    }
    .amlocator-image {
      img {
        margin-bottom: calc(var(--spacing) * 2);
        max-width: 150px;
      }
    }
  }
  .amlocator-map-container {
    .gm-style-iw-chr button.gm-ui-hover-effect {
      transform: translate(-6px, 6px) !important;
    }
    .gm-style-iw-chr {
      margin-bottom: 10px !important;
    }
  }
}
@layer utilities {
  .amlocator-stores-wrapper {
    .amlocator-store-desc {
      &.active {
        a {
          color: var(--color-white);
        }
        .amlocator-link {
          color: var(--color-white);
          &:focus {
            outline-color: var(--color-white);
          }
        }
        .amlocator-map-pin {
          color: var(--color-white);
          &:focus {
            outline-color: var(--color-white);
          }
        }
        .amlocator-button.-pickup:focus {
          outline-width: 1px;
          outline-style: var(--tw-outline-style);
          outline-width: 2px;
          outline-offset: 2px;
          outline-color: var(--color-white);
        }
      }
    }
    .amlocator-store-information {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .amlocator-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .amlocator-map-pin {
      margin-right: calc(var(--spacing) * 2);
      display: inline-flex;
      align-items: center;
      color: var(--color-primary);
      &:focus {
        border-radius: 0;
        outline-width: 1px;
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: var(--color-primary);
      }
    }
  }
}
@layer utilities {
  .amlocator-directions-container {
    & table.adp-placemark {
      &[class*="bg-opacity-"] {
        background-color: #F9A800;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 );
        }
      }
      background-color: var(--color-primary);
      vertical-align: middle;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
    }
  }
}
@layer utilities {
  .amlocator-review-popup-content {
    a {
      color: var(--color-blue-600);
      text-decoration-line: underline;
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
  }
}
@layer components {
  .am-crosslink, .prose .am-crosslink {
    color: var(--color-blue-600);
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
}
@layer base {
  .amform-form {
    h1 {
      margin-bottom: calc(var(--spacing) * 9);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      @media (width >= 48rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    h2 {
      margin-top: calc(var(--spacing) * 9);
      margin-bottom: calc(var(--spacing) * 7);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
    }
    h3 {
      margin-top: calc(var(--spacing) * 7);
      margin-bottom: calc(var(--spacing) * 3);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    h4 {
      margin-block: calc(var(--spacing) * 7);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    h5 {
      margin-block: calc(var(--spacing) * 7);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    h6 {
      margin-block: calc(var(--spacing) * 7);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
}
.amcform-popup-block .amcform-title, .circle-theme.rendered-form .field .label, .circle-theme.rendered-form .fieldset > .field.form-group .label, .circle-theme.rendered-form .fieldset > .fields > .field.form-group > .label {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.amcform-tooltip-wrapper > label {
  position: static;
}
.amcform-popup-block .amcform-labels-list, .amform-form .amform-hide-formload, .amform-form .amform-hide-formload.action.primary, .amform-form:not(.default) .kct-on, .amform-form:not(.default) .kct-off, .amform-form:not(.default) .kct-handle, .amform-parent .amform-show-popup.-hidden, .circle-theme .amcform-title-wrap:after, .circle-theme .amcform-title-wrap:before, .fb-googlemap .gm-svpc, .linear-theme .amcform-step, .linear-theme .amcform-title-wrap:after, .linear-theme .amcform-title-wrap:before {
  display: none;
}
.amcform-title-wrap.active ~ .amcform-title-wrap:before, .amform-body .am-picker-year .ui-datepicker-calendar td a.ui-state-highlight {
  background-color: var(--color-gray-200);
}
.amcform-button:not(.primary).-disabled, .amcform-button:not(.primary).-disabled:focus {
  pointer-events: none;
}
.amcform-title-wrap.-disabled .amcform-step {
  border-color: var(--color-gray-200);
  &[class*="bg-opacity-"] {
    background-color: #fff;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
    }
  }
  background-color: var(--color-white);
  color: var(--color-gray-400);
}
.amcform-title-wrap.-error .amcform-step {
  border-color: var(--color-red-500);
  background-color: var(--color-red-500);
  background-position: center;
  background-repeat: no-repeat;
  font-size: var(--text-zero);
  color: var(--color-white);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI5Mjg5NCAxLjcwNzExQy0wLjA5NzYzMTIgMS4zMTY1OCAtMC4wOTc2MzEyIDAuNjgzNDE3IDAuMjkyODk0IDAuMjkyODkzQzAuNjgzNDE4IC0wLjA5NzYzMTEgMS4zMTY1OCAtMC4wOTc2MzExIDEuNzA3MTEgMC4yOTI4OTNMNiA0LjU4NTc5TDEwLjI5MjkgMC4yOTI4OTNDMTAuNjgzNCAtMC4wOTc2MzExIDExLjMxNjYgLTAuMDk3NjMxMSAxMS43MDcxIDAuMjkyODkzQzEyLjA5NzYgMC42ODM0MTcgMTIuMDk3NiAxLjMxNjU4IDExLjcwNzEgMS43MDcxMUw3LjQxNDIxIDZMMTEuNzA3MSAxMC4yOTI5QzEyLjA5NzYgMTAuNjgzNCAxMi4wOTc2IDExLjMxNjYgMTEuNzA3MSAxMS43MDcxQzExLjMxNjYgMTIuMDk3NiAxMC42ODM0IDEyLjA5NzYgMTAuMjkyOSAxMS43MDcxTDYgNy40MTQyMUwxLjcwNzExIDExLjcwNzFDMS4zMTY1OCAxMi4wOTc2IDAuNjgzNDE4IDEyLjA5NzYgMC4yOTI4OTQgMTEuNzA3MUMtMC4wOTc2MzA2IDExLjMxNjYgLTAuMDk3NjMwNiAxMC42ODM0IDAuMjkyODk0IDEwLjI5MjlMNC41ODU3OSA2TDAuMjkyODk0IDEuNzA3MTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.amcform-title-wrap.-disabled .amcform-label {
  color: var(--color-gray-400);
}
.amcform-button.-with-icon:active, .amcform-button.-with-icon:active > .amcform-icon, .amcform-title-wrap.active .amcform-label, .linear-theme.rendered-form .field.-active > .label, .linear-theme.rendered-form .fieldset > .field.form-group.-active > .label, .linear-theme.rendered-form .fieldset > .fields > .field.form-group.-active > .label {
  color: var(--color-blue-600);
}
.amcform-button.-with-icon.-remove:active, .amcform-button.-with-icon:active > .amcform-icon.-remove, .amcform-title-wrap.-error .amcform-label {
  color: var(--color-red-600);
}
.linear-theme .fieldset-block .input-error-box {
  position: absolute;
  width: 100%;
}
.circle-theme.rendered-form .amform-date.mage-error, .circle-theme.rendered-form .amform-time.mage-error, .circle-theme.rendered-form .form-control.mage-error, .linear-theme .amcform-title-wrap.-error .amcform-title, .linear-theme.rendered-form .amform-date.mage-error, .linear-theme.rendered-form .amform-time.mage-error, .linear-theme.rendered-form .form-control.mage-error {
  border-color: var(--color-red-500);
}
.linear-theme .amcform-page-titles {
  align-items: stretch;
  padding-inline: var(--spacing-20px);
  padding-block: calc(var(--spacing) * 0);
}
.linear-theme .amcform-title-wrap {
  margin-inline: calc(var(--spacing) * 0);
  margin-top: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 4);
  display: block;
  flex: 1;
  text-align: left;
}
.linear-theme .amcform-title-wrap.active .amcform-title {
  border-color: var(--color-blue-500);
}
.linear-theme .amcform-title-wrap.-disabled .amcform-title {
  border-color: var(--color-gray-200);
}
.linear-theme .amcform-title {
  margin: calc(var(--spacing) * 0);
  display: block;
  min-height: 100%;
  max-width: 100%;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 8px;
  border-color: var(--color-blue-300);
  padding-bottom: calc(var(--spacing) * 2);
  text-align: left;
}
.circle-theme .amcform-page-titles {
  align-items: center;
}
.circle-theme .amcform-title {
  display: flex;
  max-width: none;
  align-items: center;
}
.circle-theme .amcform-step {
  margin-block: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 3);
  margin-bottom: calc(var(--spacing) * 0);
  max-width: 38px;
  border-radius: var(--radius-2xl);
}
.circle-theme .amcform-label {
  text-align: left;
}
.circle-theme .amcform-title-wrap + .amcform-title-wrap {
  margin-left: 30px;
}
.circle-theme .amcform-title-wrap:nth-child(3n+1) {
  margin-left: calc(var(--spacing) * 0);
}
.circle-theme .amcform-title-wrap.-disabled .amcform-step {
  border-color: var(--color-blue-200);
  background-color: var(--color-blue-200);
  color: var(--color-white);
}
.amcform-table-wrap > .amcform-title {
  margin-inline: calc(var(--spacing) * 0);
  margin-top: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 3);
  font-size: 18px;
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-gray-700);
}
.kc-toggle.on .kct-inner {
  left: calc(var(--spacing) * 0);
  background-color: var(--color-gray-200);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-gray-200);
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.amform-form:not(.default) .kc-toggle input:focus + .kct-inner {
  border-style: var(--tw-border-style);
  border-width: 2px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-gray-400);
}
.amform-form:not(.default) .kc-toggle {
  margin-top: calc(var(--spacing) * 0);
  margin-right: 4px;
  margin-bottom: calc(var(--spacing) * 0);
  margin-left: calc(var(--spacing) * 0);
  height: 16px;
  width: 26px;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: var(--color-gray-200);
}
.amform-form:not(.default) .kc-toggle.on {
  background-color: var(--color-blue-600);
}
.amform-form:not(.default) .kc-toggle .kct-inner {
  top: 2px;
  left: 2px;
  height: 12px;
  width: 12px;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0px;
  &[class*="bg-opacity-"] {
    background-color: #fff;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
    }
  }
  background-color: var(--color-white);
}
.amform-form:not(.default) .kc-toggle.on .kct-inner {
  left: 12px;
}
@media only screen and (max-width: 767px) {
  form:not(.linear-theme) .amcform-title-wrap {
    display: none;
    max-width: calc(1/2 * 100%);
  }
  form:not(.linear-theme) .amcform-title-wrap:before, form:not(.linear-theme) .amcform-title-wrap:not(:last-child):after {
    width: calc(1/2 * 100%);
  }
  form:not(.linear-theme) .amcform-title-wrap:first-child:before {
    display: none;
  }
  form:not(.linear-theme) .amcform-title-wrap:after {
    background-color: transparent;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-gray-200);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .circle-theme .amcform-title-wrap:after, .circle-theme .amcform-title-wrap:before, form:not(.linear-theme) .amcform-title-wrap.active ~ form:not(.linear-theme) .amcform-title-wrap:nth-last-child(2) {
    display: none;
  }
  .linear-theme .amcform-title-wrap.active ~ .linear-theme .amcform-title-wrap:nth-last-child(2), form:not(.linear-theme) .amcform-title-wrap.-done:nth-last-child(2), form:not(.linear-theme) .amcform-title-wrap.active, form:not(.linear-theme) .amcform-title-wrap.active + .amcform-title-wrap, form:not(.linear-theme) .amcform-title-wrap.active + form:not(.linear-theme) .amcform-title-wrap:nth-last-child(2) {
    display: block;
  }
  form:not(.linear-theme) .amcform-title-wrap.-done:before, form:not(.linear-theme) .amcform-title-wrap.active:before {
    background-color: transparent;
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-blue-300);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  form:not(.linear-theme) .amcform-title-wrap.-done:nth-last-child(2):after, form:not(.linear-theme) .amcform-title-wrap.active + .amcform-title-wrap:before, form:not(.linear-theme) .amcform-title-wrap.active:after {
    background-color: var(--color-blue-300);
  }
  .linear-theme .amcform-page-titles, .linear-theme.rendered-form .fieldset > .field.form-group, .linear-theme.rendered-form .fieldset > .fields > .field.form-group {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 0);
  }
  .linear-theme .amcform-title-wrap {
    display: block;
    max-width: 100%;
    min-width: calc(1/2 * 100%);
  }
  .circle-theme .amcform-page-titles {
    margin-bottom: calc(var(--spacing) * 8);
    align-items: stretch;
  }
  .circle-theme .amcform-title {
    margin: calc(var(--spacing) * 0);
    display: block;
  }
  .circle-theme .amcform-label {
    display: block;
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 2);
  }
  .circle-theme .amcform-title-wrap {
    margin: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
    border-color: var(--color-blue-300);
  }
  .circle-theme .amcform-title-wrap + .amcform-title-wrap {
    margin: calc(var(--spacing) * 0);
  }
  .circle-theme .amcform-title-wrap.active {
    border-color: var(--color-blue-500);
  }
  .circle-theme .amcform-title-wrap.-disabled {
    border-color: var(--color-gray-200);
  }
  .circle-theme .amcform-title-wrap.-error {
    border-color: var(--color-red-500);
  }
}
@media all and (min-width: 768px), print {
  .amcform-title-wrap:nth-child(3n+1):before {
    display: none;
  }
  .linear-theme .amcform-title {
    max-width: 174px;
  }
  form:not(.linear-theme):not(.circle-theme) .amcform-title-wrap:nth-child(3n+1):last-child:before {
    display: block;
    width: calc(1/2 * 100%);
    background-color: transparent;
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-gray-200);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  form:not(.linear-theme) .amcform-title-wrap:nth-child(3n+1).active:last-child:before {
    background-color: transparent;
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-blue-400);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .circle-theme .amcform-title-wrap {
    min-width: 30%;
  }
  .circle-theme .amcform-page-titles {
    margin-left: auto;
    max-width: 90%;
  }
}
@layer components {
  .snap-track {
    --snap-cols: 1;
    --snap-gap: 1rem;
    --snap-size: calc(
                (100% - var(--snap-gap) * (var(--snap-cols) - 1)) / var(--snap-cols)
        );
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--snap-size);
    gap: var(--snap-gap);
    padding-block: 1.5rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    @media (prefers-reduced-motion: no-preference) {
      scroll-behavior: smooth;
    }
    & > * {
      scroll-snap-align: start;
    }
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .snap-pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    min-block-size: 2.75rem;
    padding-block: 0.5rem;
  }
  .snap-marker {
    flex-shrink: 0;
    block-size: 1rem;
    inline-size: 1rem;
    border-width: 1px;
    border-color: #475569;
    border-radius: 1rem;
    transition-duration: 300ms;
    transition-property: border-color, background-color;
    @media (prefers-reduced-motion: no-preference) {
      transition-property: inline-size, border-color, background-color;
      will-change: inline-size;
    }
    &[aria-current="true"] {
      inline-size: 1.75rem;
      border-color: #0284c7;
      background-color: #0284c7;
    }
  }
  .am-snap-simulate-touch {
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    a, img {
      -webkit-user-drag: none;
      user-drag: none;
    }
    &.is-dragging {
      cursor: grabbing;
      scroll-behavior: auto;
      scroll-snap-type: none;
      a, img {
        pointer-events: none;
      }
    }
  }
}
@layer utilities {
  #gallery .fixed.block .amasty-label-container {
    display: none;
  }
  .amasty-label-container.-link:hover .amlabel-text {
    text-decoration-line: underline;
  }
  .swiper-slide .amasty-label-container [role="tooltip"] {
    display: none;
  }
  @-moz-document url-prefix() {
    picture:has(.amlabel-position-wrapper) {
      display: block;
    }
  }
}
@layer components {
  :where(#hyva-checkout-main) {
    & .btn {
      border-style: var(--tw-border-style);
      border-width: 2px;
      &:disabled {
        cursor: not-allowed;
      }
      &:disabled {
        opacity: 60%;
      }
      &:not(.btn-secondary) {
        border-color: transparent;
      }
    }
  }
}
:where(.step-layout-3columns) {
  .btn-place-order {
    width: 100%;
  }
}
.checkout-nav {
  display: flex;
  flex-direction: column-reverse;
  gap: calc(var(--spacing) * 2);
  & .checkout-nav-main, & .checkout-nav-secondary {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
}
.area-main .checkout-nav {
  @media (width >= 48rem) {
    flex-direction: row;
  }
  & .checkout-nav-main, & .checkout-nav-secondary {
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: center;
    }
    @media (width >= 48rem) {
      flex-grow: 1;
    }
  }
  & .checkout-nav-main {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
    & > button:only-child {
      @media (width >= 48rem) {
        margin-left: auto;
      }
    }
  }
}
.checkout-summary {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  background-color: var(--color-container-darker);
  padding: calc(var(--spacing) * 6);
  & .checkout-nav {
    & .btn {
      width: 100%;
    }
  }
}
:where(#hyva-checkout-main) {
  .breadcrumbs {
    .item {
      display: inline-flex;
      align-items: center;
      &.active {
        :where(& > :not(:last-child)) {
          --tw-space-x-reverse: 0;
          margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
          margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
        }
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
      &.locked {
        cursor: not-allowed;
        color: var(--color-gray-500);
      }
      &.completed {
        color: var(--color-gray-700);
      }
    }
  }
}
.checkout-default:where(:has(#hyva-checkout-main)) {
  .columns, .page.messages .messages {
    max-width: var(--breakpoint-lg);
  }
}
:where(#hyva-checkout-main) {
  & .form-checkbox, & .form-radio {
    flex: none;
  }
  & .input-group {
    gap: 0;
    & > :not(:last-child) {
      border-inline-end-width: 0;
    }
  }
}
@layer components {
  .form-input-addon {
    appearance: none;
    padding-block: var(--form-py);
    padding-inline: var(--form-px);
    border-radius: var(--form-radius);
    border-width: 1px;
    border-color: var(--form-stroke);
    background-color: var(--form-bg);
    color: var(--form-color);
    --outline-size: 0;
    --outline-offset: 0px;
    &:first-child {
      padding-inline-end: 0;
      border-inline-end: 0;
    }
    &:last-child {
      padding-inline-start: 0;
      border-inline-start: 0;
    }
  }
  .input-group {
    position: relative;
    display: flex;
    border-radius: var(--form-radius);
    vertical-align: middle;
    &:focus-within {
      --form-stroke: var(--form-active-color);
      outline: var(--outline-size, 1px) solid var(--form-active-color);
      outline-offset: var(--outline-offset, 0px);
    }
    & > * {
      margin: 0;
      border-radius: 0;
      outline: none;
    }
    & > :first-child {
      border-start-start-radius: inherit;
      border-end-start-radius: inherit;
    }
    & > :last-child {
      border-start-end-radius: inherit;
      border-end-end-radius: inherit;
    }
    & > :not(template, [hidden]:where(:not([hidden="until-found"]))) + :not(button, .btn) {
      border-inline-start-width: 0;
    }
  }
}
@layer base {
  :where(#hyva-checkout-main) {
    --form-stroke: var(--color-slate-300, currentColor);
  }
  :where(#hyva-checkout-main) *, :where(#hyva-checkout-main) ::after, :where(#hyva-checkout-main) ::before, :where(#hyva-checkout-main) ::backdrop, :where(#hyva-checkout-main) ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }
}
.mollie-buttons {
  margin-top: 10%;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mollie-buttons .button {
  display: inline-block;
  margin: 20px;
  max-width: 100%;
  padding: 0 16px;
  border: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .19);
  border-radius: 6px;
  background-color: #0095FF;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 4.4rem;
  text-align: center;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .15s;
  white-space: nowrap;
  user-select: none;
}
.mollie-buttons {
  opacity: 0;
  transition: opacity 2s ease-in;
}
.mollie-buttons .button:hover {
  background-color: #0077CB;
}
.mollie-loading .redirect-block {
  padding: 10%;
  text-align: center;
}
.checkout-payment-method #mollie_methods_ideal-form .label {
  height: 35px;
  display: inline-block;
}
.checkout-payment-method #mollie_methods_ideal-form .payment-icon {
  width: 35px;
  max-height: 30px;
}
.checkout-payment-method #mollie_methods_kbc-form .label {
  height: 35px;
  display: inline-block;
}
.checkout-payment-method #mollie_methods_kbc-form .payment-icon {
  width: 35px;
  max-height: 30px;
}
.checkout-payment-method #mollie_methods_giftcard-form .label {
  height: 40px;
  display: inline-block;
}
.checkout-payment-method #mollie_methods_giftcard-form .payment-icon {
  width: 35px;
  max-height: 30px;
}
.mollie-payment-icon {
  width: 25px;
  margin-right: 5px;
  vertical-align: middle;
}
.mollie-loading .loader {
  border: 16px solid #E3F0FA;
  border-top: 16px solid #31A8F0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  margin-left: auto;
  margin-right: auto;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.payment-method-content .card-container {
  max-width: 400px;
  overflow: auto;
  background-color: #FFF;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  padding: 20px;
  margin-bottom: 10px;
}
.apple-pay-button {
  -webkit-appearance: -apple-pay-button;
}
@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button-with-text {
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: buy;
  }
  .apple-pay-button-with-text > * {
    visibility: hidden;
  }
  .apple-pay-button-black-with-text {
    -apple-pay-button-style: black;
  }
  .apple-pay-button-white-with-text {
    -apple-pay-button-style: white;
    cursor: pointer;
  }
  .apple-pay-button-white-with-line-with-text {
    -apple-pay-button-style: white-outline;
  }
  .apple-pay-button-color-black {
    -apple-pay-button-style: black;
  }
  .apple-pay-button-color-white {
    -apple-pay-button-style: white;
  }
  .apple-pay-button-color-white-outline {
    -apple-pay-button-style: white-outline;
  }
  .apple-pay-button-text-buy {
    -apple-pay-button-type: buy;
  }
  .apple-pay-button-text-donate {
    -apple-pay-button-type: donate;
  }
  .apple-pay-button-text-plain {
    -apple-pay-button-type: plain;
  }
  .apple-pay-button-text-book {
    -apple-pay-button-type: book;
  }
  .apple-pay-button-text-check-out {
    -apple-pay-button-type: check-out;
  }
  .apple-pay-button-text-subscribe {
    -apple-pay-button-type: subscribe;
  }
  .apple-pay-button-text-add-money {
    -apple-pay-button-type: add-money;
  }
  .apple-pay-button-text-contribute {
    -apple-pay-button-type: contribute;
  }
  .apple-pay-button-text-order {
    -apple-pay-button-type: order;
  }
  .apple-pay-button-text-reload {
    -apple-pay-button-type: reload;
  }
  .apple-pay-button-text-rent {
    -apple-pay-button-type: rent;
  }
  .apple-pay-button-text-support {
    -apple-pay-button-type: support;
  }
  .apple-pay-button-text-tip {
    -apple-pay-button-type: tip;
  }
  .apple-pay-button-text-top-up {
    -apple-pay-button-type: top-up;
  }
}
.mollie-applepay-button-hidden {
  display: none;
}
.mollie-applepay-minicart-button {
  height: 40px;
}
[data-liveview-editor-msg] {
  display: none;
}
@layer base {
  :is([data-liveview-element="heading"], [data-liveview-element="text"]) {
    &:where(h1, h2, h3, h4, h5, h6), :where(h1, h2, h3, h4, h5, h6) {
      font-size: 1.125em;
      font-weight: 600;
      line-height: 1.1;
      text-wrap: balance;
    }
    &:where(h1), :where(h1) {
      font-size: 3em;
    }
    &:where(h2), :where(h2) {
      font-size: 2em;
    }
    &:where(h3), :where(h3) {
      font-size: 1.625em;
    }
    &:where(h4), :where(h4) {
      font-size: 1.375em;
    }
  }
  [data-liveview-element="text"] {
    :where(ul, ol) {
      list-style: revert;
      padding-inline-start: 2em;
    }
  }
}
@layer utilities {
  .details-animate {
    interpolate-size: allow-keywords;
    &::details-content {
      height: calc(var(--spacing) * 0);
      opacity: 0%;
      transition-property: height,opacity,content-visibility;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-behavior: allow-discrete;
    }
    &[open]::details-content {
      height: auto;
      opacity: 100%;
    }
  }
}
#html-body {
  &.-amshopby-sticky {
    .columns {
      > .sidebar-main {
        top: var(--page-header-height);
        background-color: transparent;
      }
    }
  }
}
.amshopby-slider-container {
  .noUi-handle::after, .noUi-handle::before {
    display: none;
  }
  &.-default {
    .noUi-connect {
      &[class*="bg-opacity-"] {
        background-color: #F9A800;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 );
        }
      }
      background-color: var(--color-primary);
    }
    .noUi-target {
      height: calc(var(--spacing) * 2);
      background-color: var(--color-neutral-300);
    }
    .noUi-handle {
      top: calc(var(--spacing) * -2);
      height: calc(var(--spacing) * 6);
      width: calc(var(--spacing) * 6);
      &[class*="bg-opacity-"] {
        background-color: #fff !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ) !important;
        }
      }
      background-color: var(--color-white) !important;
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .noUi-tooltip {
      display: none;
    }
  }
}
@layer components {
  .snap-track {
    --snap-cols: 1;
    --snap-gap: calc(var(--spacing) * 6);
    --snap-size: calc(
            (100% - var(--snap-gap) * (var(--snap-cols) - 1)) / var(--snap-cols)
        );
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--snap-size);
    gap: var(--snap-gap);
    padding-block: calc(var(--spacing) * 6);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    @media (prefers-reduced-motion: no-preference) {
      scroll-behavior: smooth;
    }
    & > * {
      scroll-snap-align: start;
    }
  }
  .snap-pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    min-block-size: calc(var(--spacing) * 11);
    padding-block: calc(var(--spacing) * 2);
  }
  .snap-marker {
    flex-shrink: 0;
    block-size: calc(var(--spacing) * 4);
    inline-size: calc(var(--spacing) * 4);
    border-width: 1px;
    border-color: var(--color-neutral-300);
    background-color: var(--color-neutral-300);
    border-radius: 1rem;
    transition-duration: 300ms;
    transition-property: border-color, background-color;
    @media (prefers-reduced-motion: no-preference) {
      transition-property: inline-size, border-color, background-color;
      will-change: inline-size;
    }
    &[aria-current="true"] {
      inline-size: calc(var(--spacing) * 7);
      border-color: var(--color-neutral-700);
      background-color: var(--color-neutral-700);
    }
  }
  .snap-pager--on-dark .snap-marker {
    border-color: var(--color-loyalty-blue-lighter);
    background-color: var(--color-loyalty-blue-lighter);
    &[aria-current="true"] {
      border-color: var(--color-loyalty-white);
      background-color: var(--color-loyalty-white);
    }
  }
}
.is-draggable {
  cursor: grab;
}
.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  scroll-behavior: auto;
  user-select: none;
}
.amlocator-stores-wrapper {
  .amlocator-store-desc {
    &.active {
      a {
        color: var(--color-primary);
        &.btn {
          color: inherit;
          &:hover {
            color: var(--color-white);
          }
        }
        &.btn-link {
          color: inherit;
          &:hover {
            color: var(--color-primary);
          }
        }
      }
    }
  }
  .amlocator-title {
    order: -9999;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-secondary);
  }
  .amlocator-schedule-container {
    order: -9999;
  }
}
#location-view-banner {
  &::before {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }
  @media (width < 48rem) {
    margin-left: 50%;
  }
  @media (width < 48rem) {
    width: 100vw;
  }
  @media (width < 48rem) {
    max-width: none;
  }
  @media (width < 48rem) {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (width < 48rem) {
    border-radius: 0;
  }
}
.amlocator-title {
  margin-bottom: calc(var(--spacing) * 3);
  font-family: var(--font-serif);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  font-size: var(--text-28);
  strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
}
.checkout-summary {
  &[class*="bg-opacity-"] {
    background-color: #fff;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 );
    }
  }
  background-color: var(--color-white);
}
.checkout-default:where(:has(#hyva-checkout-main)) {
  .columns, .page.messages .messages {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 90rem) {
      max-width: 90rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
}
.field-wrapper.field-lastname {
  @media (width >= 48rem) {
    grid-column: span 6 / span 6;
  }
}
@layer base {
  [data-liveview-element="text"] {
    &:where(h1, h2, h3, h4, h5, h6), :where(h1, h2, h3, h4, h5, h6) {
      font-size: inherit;
      font-weight: inherit;
    }
  }
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-right-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-right-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-right-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-right-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-left-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-left-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-left-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-left-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-scroll-snap-strictness: proximity;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-right-from-position: 0%;
      --tw-mask-right-to-position: 100%;
      --tw-mask-right-from-color: black;
      --tw-mask-right-to-color: transparent;
      --tw-mask-left-from-position: 0%;
      --tw-mask-left-to-position: 100%;
      --tw-mask-left-from-color: black;
      --tw-mask-left-to-color: transparent;
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: black;
      --tw-mask-bottom-to-color: transparent;
      --tw-font-weight: initial;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}
.uk-flex{display:flex}@font-face{font-family:'FontAwesome';src:url("../../frontend/Mdp/hyva/fr_FR/Aheadworks_Rbslider/fonts/fontawesome-webfont.woff2") format('woff2'),url("../../frontend/Mdp/hyva/fr_FR/Aheadworks_Rbslider/fonts/fontawesome-webfont.woff") format("woff"),url("../../frontend/Mdp/hyva/fr_FR/Aheadworks_Rbslider/fonts/fontawesome-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}[class*='uk-icon-']{font-family:FontAwesome;display:inline-block;font-weight:normal;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class*='uk-icon-'],[class*='uk-icon-']:hover,[class*='uk-icon-']:focus{text-decoration:none}.uk-icon-small{font-size:150%;vertical-align:-10%}.uk-icon-medium{font-size:200%;vertical-align:-16%}.uk-icon-large{font-size:250%;vertical-align:-22%}.uk-icon-justify{width:1em;text-align:center}.uk-icon-spin{display:inline-block;-webkit-animation:uk-rotate 2s infinite linear;animation:uk-rotate 2s infinite linear}.uk-icon-hover{color:#999}.uk-icon-hover:hover{color:#444}.uk-icon-button{box-sizing:border-box;display:inline-block;width:35px;height:35px;border-radius:100%;background:#eee;line-height:35px;color:#444;font-size:18px;text-align:center}.uk-icon-button:hover,.uk-icon-button:focus{background-color:#f5f5f5;color:#444;outline:none}.uk-icon-button:active{background-color:#ddd;color:#444}.uk-icon-glass:before{content:"\f000"}.uk-icon-music:before{content:"\f001"}.uk-icon-search:before{content:"\f002"}.uk-icon-envelope-o:before{content:"\f003"}.uk-icon-heart:before{content:"\f004"}.uk-icon-star:before{content:"\f005"}.uk-icon-star-o:before{content:"\f006"}.uk-icon-user:before{content:"\f007"}.uk-icon-film:before{content:"\f008"}.uk-icon-th-large:before{content:"\f009"}.uk-icon-th:before{content:"\f00a"}.uk-icon-th-list:before{content:"\f00b"}.uk-icon-check:before{content:"\f00c"}.uk-icon-remove:before,.uk-icon-close:before,.uk-icon-times:before{content:"\f00d"}.uk-icon-search-plus:before{content:"\f00e"}.uk-icon-search-minus:before{content:"\f010"}.uk-icon-power-off:before{content:"\f011"}.uk-icon-signal:before{content:"\f012"}.uk-icon-gear:before,.uk-icon-cog:before{content:"\f013"}.uk-icon-trash-o:before{content:"\f014"}.uk-icon-home:before{content:"\f015"}.uk-icon-file-o:before{content:"\f016"}.uk-icon-clock-o:before{content:"\f017"}.uk-icon-road:before{content:"\f018"}.uk-icon-download:before{content:"\f019"}.uk-icon-arrow-circle-o-down:before{content:"\f01a"}.uk-icon-arrow-circle-o-up:before{content:"\f01b"}.uk-icon-inbox:before{content:"\f01c"}.uk-icon-play-circle-o:before{content:"\f01d"}.uk-icon-rotate-right:before,.uk-icon-repeat:before{content:"\f01e"}.uk-icon-refresh:before{content:"\f021"}.uk-icon-list-alt:before{content:"\f022"}.uk-icon-lock:before{content:"\f023"}.uk-icon-flag:before{content:"\f024"}.uk-icon-headphones:before{content:"\f025"}.uk-icon-volume-off:before{content:"\f026"}.uk-icon-volume-down:before{content:"\f027"}.uk-icon-volume-up:before{content:"\f028"}.uk-icon-qrcode:before{content:"\f029"}.uk-icon-barcode:before{content:"\f02a"}.uk-icon-tag:before{content:"\f02b"}.uk-icon-tags:before{content:"\f02c"}.uk-icon-book:before{content:"\f02d"}.uk-icon-bookmark:before{content:"\f02e"}.uk-icon-print:before{content:"\f02f"}.uk-icon-camera:before{content:"\f030"}.uk-icon-font:before{content:"\f031"}.uk-icon-bold:before{content:"\f032"}.uk-icon-italic:before{content:"\f033"}.uk-icon-text-height:before{content:"\f034"}.uk-icon-text-width:before{content:"\f035"}.uk-icon-align-left:before{content:"\f036"}.uk-icon-align-center:before{content:"\f037"}.uk-icon-align-right:before{content:"\f038"}.uk-icon-align-justify:before{content:"\f039"}.uk-icon-list:before{content:"\f03a"}.uk-icon-dedent:before,.uk-icon-outdent:before{content:"\f03b"}.uk-icon-indent:before{content:"\f03c"}.uk-icon-video-camera:before{content:"\f03d"}.uk-icon-photo:before,.uk-icon-image:before,.uk-icon-picture-o:before{content:"\f03e"}.uk-icon-pencil:before{content:"\f040"}.uk-icon-map-marker:before{content:"\f041"}.uk-icon-adjust:before{content:"\f042"}.uk-icon-tint:before{content:"\f043"}.uk-icon-edit:before,.uk-icon-pencil-square-o:before{content:"\f044"}.uk-icon-share-square-o:before{content:"\f045"}.uk-icon-check-square-o:before{content:"\f046"}.uk-icon-arrows:before{content:"\f047"}.uk-icon-step-backward:before{content:"\f048"}.uk-icon-fast-backward:before{content:"\f049"}.uk-icon-backward:before{content:"\f04a"}.uk-icon-play:before{content:"\f04b"}.uk-icon-pause:before{content:"\f04c"}.uk-icon-stop:before{content:"\f04d"}.uk-icon-forward:before{content:"\f04e"}.uk-icon-fast-forward:before{content:"\f050"}.uk-icon-step-forward:before{content:"\f051"}.uk-icon-eject:before{content:"\f052"}.uk-icon-chevron-left:before{content:"\f053"}.uk-icon-chevron-right:before{content:"\f054"}.uk-icon-plus-circle:before{content:"\f055"}.uk-icon-minus-circle:before{content:"\f056"}.uk-icon-times-circle:before{content:"\f057"}.uk-icon-check-circle:before{content:"\f058"}.uk-icon-question-circle:before{content:"\f059"}.uk-icon-info-circle:before{content:"\f05a"}.uk-icon-crosshairs:before{content:"\f05b"}.uk-icon-times-circle-o:before{content:"\f05c"}.uk-icon-check-circle-o:before{content:"\f05d"}.uk-icon-ban:before{content:"\f05e"}.uk-icon-arrow-left:before{content:"\f060"}.uk-icon-arrow-right:before{content:"\f061"}.uk-icon-arrow-up:before{content:"\f062"}.uk-icon-arrow-down:before{content:"\f063"}.uk-icon-mail-forward:before,.uk-icon-share:before{content:"\f064"}.uk-icon-expand:before{content:"\f065"}.uk-icon-compress:before{content:"\f066"}.uk-icon-plus:before{content:"\f067"}.uk-icon-minus:before{content:"\f068"}.uk-icon-asterisk:before{content:"\f069"}.uk-icon-exclamation-circle:before{content:"\f06a"}.uk-icon-gift:before{content:"\f06b"}.uk-icon-leaf:before{content:"\f06c"}.uk-icon-fire:before{content:"\f06d"}.uk-icon-eye:before{content:"\f06e"}.uk-icon-eye-slash:before{content:"\f070"}.uk-icon-warning:before,.uk-icon-exclamation-triangle:before{content:"\f071"}.uk-icon-plane:before{content:"\f072"}.uk-icon-calendar:before{content:"\f073"}.uk-icon-random:before{content:"\f074"}.uk-icon-comment:before{content:"\f075"}.uk-icon-magnet:before{content:"\f076"}.uk-icon-chevron-up:before{content:"\f077"}.uk-icon-chevron-down:before{content:"\f078"}.uk-icon-retweet:before{content:"\f079"}.uk-icon-shopping-cart:before{content:"\f07a"}.uk-icon-folder:before{content:"\f07b"}.uk-icon-folder-open:before{content:"\f07c"}.uk-icon-arrows-v:before{content:"\f07d"}.uk-icon-arrows-h:before{content:"\f07e"}.uk-icon-bar-chart-o:before,.uk-icon-bar-chart:before{content:"\f080"}.uk-icon-twitter-square:before{content:"\f081"}.uk-icon-facebook-square:before{content:"\f082"}.uk-icon-camera-retro:before{content:"\f083"}.uk-icon-key:before{content:"\f084"}.uk-icon-gears:before,.uk-icon-cogs:before{content:"\f085"}.uk-icon-comments:before{content:"\f086"}.uk-icon-thumbs-o-up:before{content:"\f087"}.uk-icon-thumbs-o-down:before{content:"\f088"}.uk-icon-star-half:before{content:"\f089"}.uk-icon-heart-o:before{content:"\f08a"}.uk-icon-sign-out:before{content:"\f08b"}.uk-icon-linkedin-square:before{content:"\f08c"}.uk-icon-thumb-tack:before{content:"\f08d"}.uk-icon-external-link:before{content:"\f08e"}.uk-icon-sign-in:before{content:"\f090"}.uk-icon-trophy:before{content:"\f091"}.uk-icon-github-square:before{content:"\f092"}.uk-icon-upload:before{content:"\f093"}.uk-icon-lemon-o:before{content:"\f094"}.uk-icon-phone:before{content:"\f095"}.uk-icon-square-o:before{content:"\f096"}.uk-icon-bookmark-o:before{content:"\f097"}.uk-icon-phone-square:before{content:"\f098"}.uk-icon-twitter:before{content:"\f099"}.uk-icon-facebook-f:before,.uk-icon-facebook:before{content:"\f09a"}.uk-icon-github:before{content:"\f09b"}.uk-icon-unlock:before{content:"\f09c"}.uk-icon-credit-card:before{content:"\f09d"}.uk-icon-rss:before{content:"\f09e"}.uk-icon-hdd-o:before{content:"\f0a0"}.uk-icon-bullhorn:before{content:"\f0a1"}.uk-icon-bell:before{content:"\f0f3"}.uk-icon-certificate:before{content:"\f0a3"}.uk-icon-hand-o-right:before{content:"\f0a4"}.uk-icon-hand-o-left:before{content:"\f0a5"}.uk-icon-hand-o-up:before{content:"\f0a6"}.uk-icon-hand-o-down:before{content:"\f0a7"}.uk-icon-arrow-circle-left:before{content:"\f0a8"}.uk-icon-arrow-circle-right:before{content:"\f0a9"}.uk-icon-arrow-circle-up:before{content:"\f0aa"}.uk-icon-arrow-circle-down:before{content:"\f0ab"}.uk-icon-globe:before{content:"\f0ac"}.uk-icon-wrench:before{content:"\f0ad"}.uk-icon-tasks:before{content:"\f0ae"}.uk-icon-filter:before{content:"\f0b0"}.uk-icon-briefcase:before{content:"\f0b1"}.uk-icon-arrows-alt:before{content:"\f0b2"}.uk-icon-group:before,.uk-icon-users:before{content:"\f0c0"}.uk-icon-chain:before,.uk-icon-link:before{content:"\f0c1"}.uk-icon-cloud:before{content:"\f0c2"}.uk-icon-flask:before{content:"\f0c3"}.uk-icon-cut:before,.uk-icon-scissors:before{content:"\f0c4"}.uk-icon-copy:before,.uk-icon-files-o:before{content:"\f0c5"}.uk-icon-paperclip:before{content:"\f0c6"}.uk-icon-save:before,.uk-icon-floppy-o:before{content:"\f0c7"}.uk-icon-square:before{content:"\f0c8"}.uk-icon-navicon:before,.uk-icon-reorder:before,.uk-icon-bars:before{content:"\f0c9"}.uk-icon-list-ul:before{content:"\f0ca"}.uk-icon-list-ol:before{content:"\f0cb"}.uk-icon-strikethrough:before{content:"\f0cc"}.uk-icon-underline:before{content:"\f0cd"}.uk-icon-table:before{content:"\f0ce"}.uk-icon-magic:before{content:"\f0d0"}.uk-icon-truck:before{content:"\f0d1"}.uk-icon-pinterest:before{content:"\f0d2"}.uk-icon-pinterest-square:before{content:"\f0d3"}.uk-icon-google-plus-square:before{content:"\f0d4"}.uk-icon-google-plus:before{content:"\f0d5"}.uk-icon-money:before{content:"\f0d6"}.uk-icon-caret-down:before{content:"\f0d7"}.uk-icon-caret-up:before{content:"\f0d8"}.uk-icon-caret-left:before{content:"\f0d9"}.uk-icon-caret-right:before{content:"\f0da"}.uk-icon-columns:before{content:"\f0db"}.uk-icon-unsorted:before,.uk-icon-sort:before{content:"\f0dc"}.uk-icon-sort-down:before,.uk-icon-sort-desc:before{content:"\f0dd"}.uk-icon-sort-up:before,.uk-icon-sort-asc:before{content:"\f0de"}.uk-icon-envelope:before{content:"\f0e0"}.uk-icon-linkedin:before{content:"\f0e1"}.uk-icon-rotate-left:before,.uk-icon-undo:before{content:"\f0e2"}.uk-icon-legal:before,.uk-icon-gavel:before{content:"\f0e3"}.uk-icon-dashboard:before,.uk-icon-tachometer:before{content:"\f0e4"}.uk-icon-comment-o:before{content:"\f0e5"}.uk-icon-comments-o:before{content:"\f0e6"}.uk-icon-flash:before,.uk-icon-bolt:before{content:"\f0e7"}.uk-icon-sitemap:before{content:"\f0e8"}.uk-icon-umbrella:before{content:"\f0e9"}.uk-icon-paste:before,.uk-icon-clipboard:before{content:"\f0ea"}.uk-icon-lightbulb-o:before{content:"\f0eb"}.uk-icon-exchange:before{content:"\f0ec"}.uk-icon-cloud-download:before{content:"\f0ed"}.uk-icon-cloud-upload:before{content:"\f0ee"}.uk-icon-user-md:before{content:"\f0f0"}.uk-icon-stethoscope:before{content:"\f0f1"}.uk-icon-suitcase:before{content:"\f0f2"}.uk-icon-bell-o:before{content:"\f0a2"}.uk-icon-coffee:before{content:"\f0f4"}.uk-icon-cutlery:before{content:"\f0f5"}.uk-icon-file-text-o:before{content:"\f0f6"}.uk-icon-building-o:before{content:"\f0f7"}.uk-icon-hospital-o:before{content:"\f0f8"}.uk-icon-ambulance:before{content:"\f0f9"}.uk-icon-medkit:before{content:"\f0fa"}.uk-icon-fighter-jet:before{content:"\f0fb"}.uk-icon-beer:before{content:"\f0fc"}.uk-icon-h-square:before{content:"\f0fd"}.uk-icon-plus-square:before{content:"\f0fe"}.uk-icon-angle-double-left:before{content:"\f100"}.uk-icon-angle-double-right:before{content:"\f101"}.uk-icon-angle-double-up:before{content:"\f102"}.uk-icon-angle-double-down:before{content:"\f103"}.uk-icon-angle-left:before{content:"\f104"}.uk-icon-angle-right:before{content:"\f105"}.uk-icon-angle-up:before{content:"\f106"}.uk-icon-angle-down:before{content:"\f107"}.uk-icon-desktop:before{content:"\f108"}.uk-icon-laptop:before{content:"\f109"}.uk-icon-tablet:before{content:"\f10a"}.uk-icon-mobile-phone:before,.uk-icon-mobile:before{content:"\f10b"}.uk-icon-circle-o:before{content:"\f10c"}.uk-icon-quote-left:before{content:"\f10d"}.uk-icon-quote-right:before{content:"\f10e"}.uk-icon-spinner:before{content:"\f110"}.uk-icon-circle:before{content:"\f111"}.uk-icon-mail-reply:before,.uk-icon-reply:before{content:"\f112"}.uk-icon-github-alt:before{content:"\f113"}.uk-icon-folder-o:before{content:"\f114"}.uk-icon-folder-open-o:before{content:"\f115"}.uk-icon-smile-o:before{content:"\f118"}.uk-icon-frown-o:before{content:"\f119"}.uk-icon-meh-o:before{content:"\f11a"}.uk-icon-gamepad:before{content:"\f11b"}.uk-icon-keyboard-o:before{content:"\f11c"}.uk-icon-flag-o:before{content:"\f11d"}.uk-icon-flag-checkered:before{content:"\f11e"}.uk-icon-terminal:before{content:"\f120"}.uk-icon-code:before{content:"\f121"}.uk-icon-mail-reply-all:before,.uk-icon-reply-all:before{content:"\f122"}.uk-icon-star-half-empty:before,.uk-icon-star-half-full:before,.uk-icon-star-half-o:before{content:"\f123"}.uk-icon-location-arrow:before{content:"\f124"}.uk-icon-crop:before{content:"\f125"}.uk-icon-code-fork:before{content:"\f126"}.uk-icon-unlink:before,.uk-icon-chain-broken:before{content:"\f127"}.uk-icon-question:before{content:"\f128"}.uk-icon-info:before{content:"\f129"}.uk-icon-exclamation:before{content:"\f12a"}.uk-icon-superscript:before{content:"\f12b"}.uk-icon-subscript:before{content:"\f12c"}.uk-icon-eraser:before{content:"\f12d"}.uk-icon-puzzle-piece:before{content:"\f12e"}.uk-icon-microphone:before{content:"\f130"}.uk-icon-microphone-slash:before{content:"\f131"}.uk-icon-shield:before{content:"\f132"}.uk-icon-calendar-o:before{content:"\f133"}.uk-icon-fire-extinguisher:before{content:"\f134"}.uk-icon-rocket:before{content:"\f135"}.uk-icon-maxcdn:before{content:"\f136"}.uk-icon-chevron-circle-left:before{content:"\f137"}.uk-icon-chevron-circle-right:before{content:"\f138"}.uk-icon-chevron-circle-up:before{content:"\f139"}.uk-icon-chevron-circle-down:before{content:"\f13a"}.uk-icon-html5:before{content:"\f13b"}.uk-icon-css3:before{content:"\f13c"}.uk-icon-anchor:before{content:"\f13d"}.uk-icon-unlock-alt:before{content:"\f13e"}.uk-icon-bullseye:before{content:"\f140"}.uk-icon-ellipsis-h:before{content:"\f141"}.uk-icon-ellipsis-v:before{content:"\f142"}.uk-icon-rss-square:before{content:"\f143"}.uk-icon-play-circle:before{content:"\f144"}.uk-icon-ticket:before{content:"\f145"}.uk-icon-minus-square:before{content:"\f146"}.uk-icon-minus-square-o:before{content:"\f147"}.uk-icon-level-up:before{content:"\f148"}.uk-icon-level-down:before{content:"\f149"}.uk-icon-check-square:before{content:"\f14a"}.uk-icon-pencil-square:before{content:"\f14b"}.uk-icon-external-link-square:before{content:"\f14c"}.uk-icon-share-square:before{content:"\f14d"}.uk-icon-compass:before{content:"\f14e"}.uk-icon-toggle-down:before,.uk-icon-caret-square-o-down:before{content:"\f150"}.uk-icon-toggle-up:before,.uk-icon-caret-square-o-up:before{content:"\f151"}.uk-icon-toggle-right:before,.uk-icon-caret-square-o-right:before{content:"\f152"}.uk-icon-euro:before,.uk-icon-eur:before{content:"\f153"}.uk-icon-gbp:before{content:"\f154"}.uk-icon-dollar:before,.uk-icon-usd:before{content:"\f155"}.uk-icon-rupee:before,.uk-icon-inr:before{content:"\f156"}.uk-icon-cny:before,.uk-icon-rmb:before,.uk-icon-yen:before,.uk-icon-jpy:before{content:"\f157"}.uk-icon-ruble:before,.uk-icon-rouble:before,.uk-icon-rub:before{content:"\f158"}.uk-icon-won:before,.uk-icon-krw:before{content:"\f159"}.uk-icon-bitcoin:before,.uk-icon-btc:before{content:"\f15a"}.uk-icon-file:before{content:"\f15b"}.uk-icon-file-text:before{content:"\f15c"}.uk-icon-sort-alpha-asc:before{content:"\f15d"}.uk-icon-sort-alpha-desc:before{content:"\f15e"}.uk-icon-sort-amount-asc:before{content:"\f160"}.uk-icon-sort-amount-desc:before{content:"\f161"}.uk-icon-sort-numeric-asc:before{content:"\f162"}.uk-icon-sort-numeric-desc:before{content:"\f163"}.uk-icon-thumbs-up:before{content:"\f164"}.uk-icon-thumbs-down:before{content:"\f165"}.uk-icon-youtube-square:before{content:"\f166"}.uk-icon-youtube:before{content:"\f167"}.uk-icon-xing:before{content:"\f168"}.uk-icon-xing-square:before{content:"\f169"}.uk-icon-youtube-play:before{content:"\f16a"}.uk-icon-dropbox:before{content:"\f16b"}.uk-icon-stack-overflow:before{content:"\f16c"}.uk-icon-instagram:before{content:"\f16d"}.uk-icon-flickr:before{content:"\f16e"}.uk-icon-adn:before{content:"\f170"}.uk-icon-bitbucket:before{content:"\f171"}.uk-icon-bitbucket-square:before{content:"\f172"}.uk-icon-tumblr:before{content:"\f173"}.uk-icon-tumblr-square:before{content:"\f174"}.uk-icon-long-arrow-down:before{content:"\f175"}.uk-icon-long-arrow-up:before{content:"\f176"}.uk-icon-long-arrow-left:before{content:"\f177"}.uk-icon-long-arrow-right:before{content:"\f178"}.uk-icon-apple:before{content:"\f179"}.uk-icon-windows:before{content:"\f17a"}.uk-icon-android:before{content:"\f17b"}.uk-icon-linux:before{content:"\f17c"}.uk-icon-dribbble:before{content:"\f17d"}.uk-icon-skype:before{content:"\f17e"}.uk-icon-foursquare:before{content:"\f180"}.uk-icon-trello:before{content:"\f181"}.uk-icon-female:before{content:"\f182"}.uk-icon-male:before{content:"\f183"}.uk-icon-gittip:before,.uk-icon-gratipay:before{content:"\f184"}.uk-icon-sun-o:before{content:"\f185"}.uk-icon-moon-o:before{content:"\f186"}.uk-icon-archive:before{content:"\f187"}.uk-icon-bug:before{content:"\f188"}.uk-icon-vk:before{content:"\f189"}.uk-icon-weibo:before{content:"\f18a"}.uk-icon-renren:before{content:"\f18b"}.uk-icon-pagelines:before{content:"\f18c"}.uk-icon-stack-exchange:before{content:"\f18d"}.uk-icon-arrow-circle-o-right:before{content:"\f18e"}.uk-icon-arrow-circle-o-left:before{content:"\f190"}.uk-icon-toggle-left:before,.uk-icon-caret-square-o-left:before{content:"\f191"}.uk-icon-dot-circle-o:before{content:"\f192"}.uk-icon-wheelchair:before{content:"\f193"}.uk-icon-vimeo-square:before{content:"\f194"}.uk-icon-turkish-lira:before,.uk-icon-try:before{content:"\f195"}.uk-icon-plus-square-o:before{content:"\f196"}.uk-icon-space-shuttle:before{content:"\f197"}.uk-icon-slack:before{content:"\f198"}.uk-icon-envelope-square:before{content:"\f199"}.uk-icon-wordpress:before{content:"\f19a"}.uk-icon-openid:before{content:"\f19b"}.uk-icon-institution:before,.uk-icon-bank:before,.uk-icon-university:before{content:"\f19c"}.uk-icon-mortar-board:before,.uk-icon-graduation-cap:before{content:"\f19d"}.uk-icon-yahoo:before{content:"\f19e"}.uk-icon-google:before{content:"\f1a0"}.uk-icon-reddit:before{content:"\f1a1"}.uk-icon-reddit-square:before{content:"\f1a2"}.uk-icon-stumbleupon-circle:before{content:"\f1a3"}.uk-icon-stumbleupon:before{content:"\f1a4"}.uk-icon-delicious:before{content:"\f1a5"}.uk-icon-digg:before{content:"\f1a6"}.uk-icon-pied-piper:before{content:"\f1a7"}.uk-icon-pied-piper-alt:before{content:"\f1a8"}.uk-icon-drupal:before{content:"\f1a9"}.uk-icon-joomla:before{content:"\f1aa"}.uk-icon-language:before{content:"\f1ab"}.uk-icon-fax:before{content:"\f1ac"}.uk-icon-building:before{content:"\f1ad"}.uk-icon-child:before{content:"\f1ae"}.uk-icon-paw:before{content:"\f1b0"}.uk-icon-spoon:before{content:"\f1b1"}.uk-icon-cube:before{content:"\f1b2"}.uk-icon-cubes:before{content:"\f1b3"}.uk-icon-behance:before{content:"\f1b4"}.uk-icon-behance-square:before{content:"\f1b5"}.uk-icon-steam:before{content:"\f1b6"}.uk-icon-steam-square:before{content:"\f1b7"}.uk-icon-recycle:before{content:"\f1b8"}.uk-icon-automobile:before,.uk-icon-car:before{content:"\f1b9"}.uk-icon-cab:before,.uk-icon-taxi:before{content:"\f1ba"}.uk-icon-tree:before{content:"\f1bb"}.uk-icon-spotify:before{content:"\f1bc"}.uk-icon-deviantart:before{content:"\f1bd"}.uk-icon-soundcloud:before{content:"\f1be"}.uk-icon-database:before{content:"\f1c0"}.uk-icon-file-pdf-o:before{content:"\f1c1"}.uk-icon-file-word-o:before{content:"\f1c2"}.uk-icon-file-excel-o:before{content:"\f1c3"}.uk-icon-file-powerpoint-o:before{content:"\f1c4"}.uk-icon-file-photo-o:before,.uk-icon-file-picture-o:before,.uk-icon-file-image-o:before{content:"\f1c5"}.uk-icon-file-zip-o:before,.uk-icon-file-archive-o:before{content:"\f1c6"}.uk-icon-file-sound-o:before,.uk-icon-file-audio-o:before{content:"\f1c7"}.uk-icon-file-movie-o:before,.uk-icon-file-video-o:before{content:"\f1c8"}.uk-icon-file-code-o:before{content:"\f1c9"}.uk-icon-vine:before{content:"\f1ca"}.uk-icon-codepen:before{content:"\f1cb"}.uk-icon-jsfiddle:before{content:"\f1cc"}.uk-icon-life-bouy:before,.uk-icon-life-buoy:before,.uk-icon-life-saver:before,.uk-icon-support:before,.uk-icon-life-ring:before{content:"\f1cd"}.uk-icon-circle-o-notch:before{content:"\f1ce"}.uk-icon-ra:before,.uk-icon-rebel:before{content:"\f1d0"}.uk-icon-ge:before,.uk-icon-empire:before{content:"\f1d1"}.uk-icon-git-square:before{content:"\f1d2"}.uk-icon-git:before{content:"\f1d3"}.uk-icon-hacker-news:before{content:"\f1d4"}.uk-icon-tencent-weibo:before{content:"\f1d5"}.uk-icon-qq:before{content:"\f1d6"}.uk-icon-wechat:before,.uk-icon-weixin:before{content:"\f1d7"}.uk-icon-send:before,.uk-icon-paper-plane:before{content:"\f1d8"}.uk-icon-send-o:before,.uk-icon-paper-plane-o:before{content:"\f1d9"}.uk-icon-history:before{content:"\f1da"}.uk-icon-genderless:before,.uk-icon-circle-thin:before{content:"\f1db"}.uk-icon-header:before{content:"\f1dc"}.uk-icon-paragraph:before{content:"\f1dd"}.uk-icon-sliders:before{content:"\f1de"}.uk-icon-share-alt:before{content:"\f1e0"}.uk-icon-share-alt-square:before{content:"\f1e1"}.uk-icon-bomb:before{content:"\f1e2"}.uk-icon-soccer-ball-o:before,.uk-icon-futbol-o:before{content:"\f1e3"}.uk-icon-tty:before{content:"\f1e4"}.uk-icon-binoculars:before{content:"\f1e5"}.uk-icon-plug:before{content:"\f1e6"}.uk-icon-slideshare:before{content:"\f1e7"}.uk-icon-twitch:before{content:"\f1e8"}.uk-icon-yelp:before{content:"\f1e9"}.uk-icon-newspaper-o:before{content:"\f1ea"}.uk-icon-wifi:before{content:"\f1eb"}.uk-icon-calculator:before{content:"\f1ec"}.uk-icon-paypal:before{content:"\f1ed"}.uk-icon-google-wallet:before{content:"\f1ee"}.uk-icon-cc-visa:before{content:"\f1f0"}.uk-icon-cc-mastercard:before{content:"\f1f1"}.uk-icon-cc-discover:before{content:"\f1f2"}.uk-icon-cc-amex:before{content:"\f1f3"}.uk-icon-cc-paypal:before{content:"\f1f4"}.uk-icon-cc-stripe:before{content:"\f1f5"}.uk-icon-bell-slash:before{content:"\f1f6"}.uk-icon-bell-slash-o:before{content:"\f1f7"}.uk-icon-trash:before{content:"\f1f8"}.uk-icon-copyright:before{content:"\f1f9"}.uk-icon-at:before{content:"\f1fa"}.uk-icon-eyedropper:before{content:"\f1fb"}.uk-icon-paint-brush:before{content:"\f1fc"}.uk-icon-birthday-cake:before{content:"\f1fd"}.uk-icon-area-chart:before{content:"\f1fe"}.uk-icon-pie-chart:before{content:"\f200"}.uk-icon-line-chart:before{content:"\f201"}.uk-icon-lastfm:before{content:"\f202"}.uk-icon-lastfm-square:before{content:"\f203"}.uk-icon-toggle-off:before{content:"\f204"}.uk-icon-toggle-on:before{content:"\f205"}.uk-icon-bicycle:before{content:"\f206"}.uk-icon-bus:before{content:"\f207"}.uk-icon-ioxhost:before{content:"\f208"}.uk-icon-angellist:before{content:"\f209"}.uk-icon-cc:before{content:"\f20a"}.uk-icon-shekel:before,.uk-icon-sheqel:before,.uk-icon-ils:before{content:"\f20b"}.uk-icon-meanpath:before{content:"\f20c"}.uk-icon-buysellads:before{content:"\f20d"}.uk-icon-connectdevelop:before{content:"\f20e"}.uk-icon-dashcube:before{content:"\f210"}.uk-icon-forumbee:before{content:"\f211"}.uk-icon-leanpub:before{content:"\f212"}.uk-icon-sellsy:before{content:"\f213"}.uk-icon-shirtsinbulk:before{content:"\f214"}.uk-icon-simplybuilt:before{content:"\f215"}.uk-icon-skyatlas:before{content:"\f216"}.uk-icon-cart-plus:before{content:"\f217"}.uk-icon-cart-arrow-down:before{content:"\f218"}.uk-icon-diamond:before{content:"\f219"}.uk-icon-ship:before{content:"\f21a"}.uk-icon-user-secret:before{content:"\f21b"}.uk-icon-motorcycle:before{content:"\f21c"}.uk-icon-street-view:before{content:"\f21d"}.uk-icon-heartbeat:before{content:"\f21e"}.uk-icon-venus:before{content:"\f221"}.uk-icon-mars:before{content:"\f222"}.uk-icon-mercury:before{content:"\f223"}.uk-icon-transgender:before{content:"\f224"}.uk-icon-transgender-alt:before{content:"\f225"}.uk-icon-venus-double:before{content:"\f226"}.uk-icon-mars-double:before{content:"\f227"}.uk-icon-venus-mars:before{content:"\f228"}.uk-icon-mars-stroke:before{content:"\f229"}.uk-icon-mars-stroke-v:before{content:"\f22a"}.uk-icon-mars-stroke-h:before{content:"\f22b"}.uk-icon-neuter:before{content:"\f22c"}.uk-icon-facebook-official:before{content:"\f230"}.uk-icon-pinterest-p:before{content:"\f231"}.uk-icon-whatsapp:before{content:"\f232"}.uk-icon-server:before{content:"\f233"}.uk-icon-user-plus:before{content:"\f234"}.uk-icon-user-times:before{content:"\f235"}.uk-icon-hotel:before,.uk-icon-bed:before{content:"\f236"}.uk-icon-viacoin:before{content:"\f237"}.uk-icon-train:before{content:"\f238"}.uk-icon-subway:before{content:"\f239"}.uk-icon-medium-logo:before{content:"\f23a"}.uk-icon-500px:before{content:"\f26e"}.uk-icon-amazon:before{content:"\f270"}.uk-icon-balance-scale:before{content:"\f24e"}.uk-icon-battery-empty:before,.uk-icon-battery-0:before{content:"\f244"}.uk-icon-battery-quarter:before,.uk-icon-battery-1:before{content:"\f243"}.uk-icon-battery-half:before,.uk-icon-battery-2:before{content:"\f242"}.uk-icon-battery-three-quarters:before,.uk-icon-battery-3:before{content:"\f241"}.uk-icon-battery-full:before,.uk-icon-battery-4:before{content:"\f240"}.uk-icon-black-tie:before{content:"\f27e"}.uk-icon-calendar-check-o:before{content:"\f274"}.uk-icon-calendar-minus-o:before{content:"\f272"}.uk-icon-calendar-plus-o:before{content:"\f271"}.uk-icon-calendar-times-o:before{content:"\f273"}.uk-icon-cc-diners-club:before{content:"\f24c"}.uk-icon-cc-jcb:before{content:"\f24b"}.uk-icon-chrome:before{content:"\f268"}.uk-icon-clone:before{content:"\f24d"}.uk-icon-commenting:before{content:"\f27a"}.uk-icon-commenting-o:before{content:"\f27b"}.uk-icon-contao:before{content:"\f26d"}.uk-icon-creative-commons:before{content:"\f25e"}.uk-icon-expeditedssl:before{content:"\f23e"}.uk-icon-firefox:before{content:"\f269"}.uk-icon-fonticons:before{content:"\f280"}.uk-icon-get-pocket:before{content:"\f265"}.uk-icon-gg:before{content:"\f260"}.uk-icon-gg-circle:before{content:"\f261"}.uk-icon-hand-lizard-o:before{content:"\f258"}.uk-icon-hand-stop-o:before,.uk-icon-hand-paper-o:before{content:"\f256"}.uk-icon-hand-peace-o:before{content:"\f25b"}.uk-icon-hand-pointer-o:before{content:"\f25a"}.uk-icon-hand-grab-o:before,.uk-icon-hand-rock-o:before{content:"\f255"}.uk-icon-hand-scissors-o:before{content:"\f257"}.uk-icon-hand-spock-o:before{content:"\f259"}.uk-icon-hourglass:before{content:"\f254"}.uk-icon-hourglass-o:before{content:"\f250"}.uk-icon-hourglass-1:before,.uk-icon-hourglass-start:before{content:"\f251"}.uk-icon-hourglass-2:before,.uk-icon-hourglass-half:before{content:"\f252"}.uk-icon-hourglass-3:before,.uk-icon-hourglass-end:before{content:"\f253"}.uk-icon-houzz:before{content:"\f27c"}.uk-icon-i-cursor:before{content:"\f246"}.uk-icon-industry:before{content:"\f275"}.uk-icon-internet-explorer:before{content:"\f26b"}.uk-icon-map:before{content:"\f279"}.uk-icon-map-o:before{content:"\f278"}.uk-icon-map-pin:before{content:"\f276"}.uk-icon-map-signs:before{content:"\f277"}.uk-icon-mouse-pointer:before{content:"\f245"}.uk-icon-object-group:before{content:"\f247"}.uk-icon-object-ungroup:before{content:"\f248"}.uk-icon-odnoklassniki:before{content:"\f263"}.uk-icon-odnoklassniki-square:before{content:"\f264"}.uk-icon-opencart:before{content:"\f23d"}.uk-icon-opera:before{content:"\f26a"}.uk-icon-optin-monster:before{content:"\f23c"}.uk-icon-registered:before{content:"\f25d"}.uk-icon-safari:before{content:"\f267"}.uk-icon-sticky-note:before{content:"\f249"}.uk-icon-sticky-note-o:before{content:"\f24a"}.uk-icon-tv:before,.uk-icon-television:before{content:"\f26c"}.uk-icon-trademark:before{content:"\f25c"}.uk-icon-tripadvisor:before{content:"\f262"}.uk-icon-vimeo:before{content:"\f27d"}.uk-icon-wikipedia-w:before{content:"\f266"}.uk-icon-yc:before,.uk-icon-y-combinator:before{content:"\f23b"}.uk-icon-yc-square:before,.uk-icon-y-combinator-square:before{content:"\f1d4"}.uk-icon-bluetooth:before{content:"\f293"}.uk-icon-bluetooth-b:before{content:"\f294"}.uk-icon-codiepie:before{content:"\f284"}.uk-icon-credit-card-alt:before{content:"\f283"}.uk-icon-edge:before{content:"\f282"}.uk-icon-fort-awesome:before{content:"\f286"}.uk-icon-hashtag:before{content:"\f292"}.uk-icon-mixcloud:before{content:"\f289"}.uk-icon-modx:before{content:"\f285"}.uk-icon-pause-circle:before{content:"\f28b"}.uk-icon-pause-circle-o:before{content:"\f28c"}.uk-icon-percent:before{content:"\f295"}.uk-icon-product-hunt:before{content:"\f288"}.uk-icon-reddit-alien:before{content:"\f281"}.uk-icon-scribd:before{content:"\f28a"}.uk-icon-shopping-bag:before{content:"\f290"}.uk-icon-shopping-basket:before{content:"\f291"}.uk-icon-stop-circle:before{content:"\f28d"}.uk-icon-stop-circle-o:before{content:"\f28e"}.uk-icon-usb:before{content:"\f287"}.uk-icon-american-sign-language-interpreting:before,.uk-icon-asl-interpreting:before{content:"\f2a3"}.uk-icon-assistive-listening-systems:before{content:"\f2a2"}.uk-icon-audio-description:before{content:"\f29e"}.uk-icon-blind:before{content:"\f29d"}.uk-icon-braille:before{content:"\f2a1"}.uk-icon-deaf:before,.uk-icon-deafness:before{content:"\f2a4"}.uk-icon-envira:before{content:"\f299"}.uk-icon-font-awesome:before,.uk-icon-fa:before{content:"\f2b4"}.uk-icon-first-order:before{content:"\f2b0"}.uk-icon-gitlab:before{content:"\f296"}.uk-icon-glide:before{content:"\f2a5"}.uk-icon-glide-g:before{content:"\f2a6"}.uk-icon-hard-of-hearing:before{content:"\f2a4"}.uk-icon-low-vision:before{content:"\f2a8"}.uk-icon-question-circle-o:before{content:"\f29c"}.uk-icon-sign-language:before,.uk-icon-signing:before{content:"\f2a7"}.uk-icon-snapchat:before{content:"\f2ab"}.uk-icon-snapchat-ghost:before{content:"\f2ac"}.uk-icon-snapchat-square:before{content:"\f2ad"}.uk-icon-themeisle:before{content:"\f2b2"}.uk-icon-universal-access:before{content:"\f29a"}.uk-icon-viadeo:before{content:"\f2a9"}.uk-icon-viadeo-square:before{content:"\f2aa"}.uk-icon-volume-control-phone:before{content:"\f2a0"}.uk-icon-wheelchair-alt:before{content:"\f29b"}.uk-icon-wpbeginner:before{content:"\f297"}.uk-icon-wpforms:before{content:"\f298"}.uk-icon-yoast:before{content:"\f2b1"}[class*='uk-animation-']{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media screen{[data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']){opacity:0}}.uk-animation-fade{-webkit-animation-name:uk-fade;animation-name:uk-fade;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:linear !important;animation-timing-function:linear !important}.uk-animation-scale-up{-webkit-animation-name:uk-fade-scale-02;animation-name:uk-fade-scale-02}.uk-animation-scale-down{-webkit-animation-name:uk-fade-scale-18;animation-name:uk-fade-scale-18}.uk-animation-slide-top{-webkit-animation-name:uk-fade-top;animation-name:uk-fade-top}.uk-animation-slide-bottom{-webkit-animation-name:uk-fade-bottom;animation-name:uk-fade-bottom}.uk-animation-slide-left{-webkit-animation-name:uk-fade-left;animation-name:uk-fade-left}.uk-animation-slide-right{-webkit-animation-name:uk-fade-right;animation-name:uk-fade-right}.uk-animation-scale{-webkit-animation-name:uk-scale-12;animation-name:uk-scale-12}.uk-animation-shake{-webkit-animation-name:uk-shake;animation-name:uk-shake}.uk-animation-reverse{-webkit-animation-direction:reverse;animation-direction:reverse;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.uk-animation-15{-webkit-animation-duration:15s;animation-duration:15s}.uk-animation-top-left{-webkit-transform-origin:0 0;transform-origin:0 0}.uk-animation-top-center{-webkit-transform-origin:50% 0;transform-origin:50% 0}.uk-animation-top-right{-webkit-transform-origin:100% 0;transform-origin:100% 0}.uk-animation-middle-left{-webkit-transform-origin:0 50%;transform-origin:0 50%}.uk-animation-middle-right{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.uk-animation-bottom-left{-webkit-transform-origin:0 100%;transform-origin:0 100%}.uk-animation-bottom-center{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.uk-animation-bottom-right{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.uk-animation-hover:not(:hover),.uk-animation-hover:not(:hover) [class*='uk-animation-'],.uk-touch .uk-animation-hover:not(.uk-hover),.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-']{-webkit-animation-name:none;animation-name:none}@-webkit-keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes uk-fade-top{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-fade-bottom{0%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-fade-left{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-fade-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-fade-right{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-fade-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-fade-scale-02{0%{opacity:0;-webkit-transform:scale(.2)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-fade-scale-02{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-fade-scale-15{0%{opacity:0;-webkit-transform:scale(1.5)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-fade-scale-15{0%{opacity:0;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-fade-scale-18{0%{opacity:0;-webkit-transform:scale(1.8)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-fade-scale-18{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-slide-left{0%{-webkit-transform:translateX(-100%)}100%{-webkit-transform:translateX(0)}}@keyframes uk-slide-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@-webkit-keyframes uk-slide-right{0%{-webkit-transform:translateX(100%)}100%{-webkit-transform:translateX(0)}}@keyframes uk-slide-right{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@-webkit-keyframes uk-slide-left-33{0%{-webkit-transform:translateX(33%)}100%{-webkit-transform:translateX(0)}}@keyframes uk-slide-left-33{0%{transform:translateX(33%)}100%{transform:translateX(0)}}@-webkit-keyframes uk-slide-right-33{0%{-webkit-transform:translateX(-33%)}100%{-webkit-transform:translateX(0)}}@keyframes uk-slide-right-33{0%{transform:translateX(-33%)}100%{transform:translateX(0)}}@-webkit-keyframes uk-scale-12{0%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}@keyframes uk-scale-12{0%{transform:scale(1.2)}100%{transform:scale(1)}}@-webkit-keyframes uk-rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@keyframes uk-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-webkit-keyframes uk-shake{0%,100%{-webkit-transform:translateX(0)}10%{-webkit-transform:translateX(-9px)}20%{-webkit-transform:translateX(8px)}30%{-webkit-transform:translateX(-7px)}40%{-webkit-transform:translateX(6px)}50%{-webkit-transform:translateX(-5px)}60%{-webkit-transform:translateX(4px)}70%{-webkit-transform:translateX(-3px)}80%{-webkit-transform:translateX(2px)}90%{-webkit-transform:translateX(-1px)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@-webkit-keyframes uk-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top-fixed{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom-fixed{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.uk-container{box-sizing:border-box;max-width:980px;padding:0 25px}@media (min-width:1220px){.uk-container{max-width:1200px;padding:0 35px}}.uk-container:before,.uk-container:after{content:"";display:table}.uk-container:after{clear:both}.uk-container-center{margin-left:auto;margin-right:auto}.uk-clearfix:before{content:"";display:table-cell}.uk-clearfix:after{content:"";display:table;clear:both}.uk-nbfc{overflow:hidden}.uk-nbfc-alt{display:table-cell;width:10000px}.uk-float-left{float:left}.uk-float-right{float:right}[class*='uk-float-']{max-width:100%}[class*='uk-align-']{display:block;margin-bottom:15px}.uk-align-left{margin-right:15px;float:left}.uk-align-right{margin-left:15px;float:right}@media (min-width:768px){.uk-align-medium-left{margin-right:15px;float:left}.uk-align-medium-right{margin-left:15px;float:right}}.uk-align-center{margin-left:auto;margin-right:auto}.uk-vertical-align{font-size:0.001px}.uk-vertical-align:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-vertical-align-middle,.uk-vertical-align-bottom{display:inline-block;max-width:100%;font-size:1rem}.uk-vertical-align-middle{vertical-align:middle}.uk-vertical-align-bottom{vertical-align:bottom}[class*='uk-height']{box-sizing:border-box}.uk-height-1-1{height:100%}.uk-height-viewport{height:100vh;min-height:600px}.uk-responsive-width,.uk-responsive-height{box-sizing:border-box}.uk-responsive-width{max-width:100% !important;height:auto}.uk-responsive-height{max-height:100%;width:auto}.uk-margin{margin-bottom:15px}*+.uk-margin{margin-top:15px}.uk-margin-top{margin-top:15px !important}.uk-margin-bottom{margin-bottom:15px !important}.uk-margin-left{margin-left:15px !important}.uk-margin-right{margin-right:15px !important}.uk-margin-large{margin-bottom:50px}*+.uk-margin-large{margin-top:50px}.uk-margin-large-top{margin-top:50px !important}.uk-margin-large-bottom{margin-bottom:50px !important}.uk-margin-large-left{margin-left:50px !important}.uk-margin-large-right{margin-right:50px !important}.uk-margin-small{margin-bottom:5px}*+.uk-margin-small{margin-top:5px}.uk-margin-small-top{margin-top:5px !important}.uk-margin-small-bottom{margin-bottom:5px !important}.uk-margin-small-left{margin-left:5px !important}.uk-margin-small-right{margin-right:5px !important}.uk-margin-remove{margin:0 !important}.uk-margin-top-remove{margin-top:0 !important}.uk-margin-bottom-remove{margin-bottom:0 !important}.uk-padding-remove{padding:0 !important}.uk-padding-top-remove{padding-top:0 !important}.uk-padding-bottom-remove{padding-bottom:0 !important}.uk-padding-vertical-remove{padding-top:0 !important;padding-bottom:0 !important}.uk-border-circle{border-radius:50%}.uk-border-rounded{border-radius:5px}.uk-heading-large{font-size:36px;line-height:42px}@media (min-width:768px){.uk-heading-large{font-size:52px;line-height:64px}}.uk-link-muted,.uk-link-muted a{color:#444}.uk-link-muted:hover,.uk-link-muted a:hover{color:#444}.uk-link-reset,.uk-link-reset a,.uk-link-reset:hover,.uk-link-reset a:hover,.uk-link-reset:focus,.uk-link-reset a:focus{color:inherit;text-decoration:none}.uk-scrollable-text{height:300px;overflow-y:scroll;-webkit-overflow-scrolling:touch;resize:both}.uk-scrollable-box{box-sizing:border-box;height:170px;padding:10px;border:1px solid #ddd;overflow:auto;-webkit-overflow-scrolling:touch;resize:both}.uk-scrollable-box>:last-child{margin-bottom:0}.uk-overflow-hidden{overflow:hidden}.uk-overflow-container{overflow:auto;-webkit-overflow-scrolling:touch}.uk-overflow-container>:last-child{margin-bottom:0}.uk-position-absolute,[class*='uk-position-top'],[class*='uk-position-bottom']{position:absolute !important}.uk-position-top{top:0;left:0;right:0}.uk-position-bottom{bottom:0;left:0;right:0}.uk-position-top-left{top:0;left:0}.uk-position-top-right{top:0;right:0}.uk-position-bottom-left{bottom:0;left:0}.uk-position-bottom-right{bottom:0;right:0}.uk-position-cover{position:absolute;top:0;bottom:0;left:0;right:0}.uk-position-relative{position:relative !important}.uk-position-z-index{z-index:1}.uk-display-block{display:block !important}.uk-display-inline{display:inline !important}.uk-display-inline-block{display:inline-block !important;max-width:100%}@media (min-width:960px){.uk-visible-small{display:none !important}.uk-visible-medium{display:none !important}.uk-hidden-large{display:none !important}}@media (min-width:768px) and (max-width:959px){.uk-visible-small{display:none !important}.uk-visible-large{display:none !important}.uk-hidden-medium{display:none !important}}@media (max-width:767px){.uk-visible-medium{display:none !important}.uk-visible-large{display:none !important}.uk-hidden-small{display:none !important}}.uk-hidden{display:none !important;visibility:hidden !important}.uk-invisible{visibility:hidden !important}.uk-visible-hover:hover .uk-hidden,.uk-visible-hover:hover .uk-invisible{display:block !important;visibility:visible !important}.uk-visible-hover-inline:hover .uk-hidden,.uk-visible-hover-inline:hover .uk-invisible{display:inline-block !important;visibility:visible !important}.uk-touch .uk-hidden-touch,.uk-notouch .uk-hidden-notouch{display:none !important}.uk-flex{display:-ms-flexbox;display:-webkit-flex;display:flex}.uk-flex-inline{display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.uk-flex>*,.uk-flex-inline>*{-ms-flex-negative:1}.uk-flex-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.uk-flex-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}.uk-flex-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.uk-flex-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.uk-flex-right{-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.uk-flex-space-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.uk-flex-space-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.uk-flex-row-reverse{-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.uk-flex-column{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.uk-flex-column-reverse{-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.uk-flex-nowrap{-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.uk-flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.uk-flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;-webkit-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.uk-flex-wrap-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.uk-flex-wrap-middle{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.uk-flex-wrap-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.uk-flex-wrap-space-between{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.uk-flex-wrap-space-around{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.uk-flex-order-first{-ms-flex-order:-1;-webkit-order:-1;order:-1}.uk-flex-order-last{-ms-flex-order:99;-webkit-order:99;order:99}@media (min-width:480px){.uk-flex-order-first-small{-ms-flex-order:-1;-webkit-order:-1;order:-1}.uk-flex-order-last-small{-ms-flex-order:99;-webkit-order:99;order:99}}@media (min-width:768px){.uk-flex-order-first-medium{-ms-flex-order:-1;-webkit-order:-1;order:-1}.uk-flex-order-last-medium{-ms-flex-order:99;-webkit-order:99;order:99}}@media (min-width:960px){.uk-flex-order-first-large{-ms-flex-order:-1;-webkit-order:-1;order:-1}.uk-flex-order-last-large{-ms-flex-order:99;-webkit-order:99;order:99}}@media (min-width:1220px){.uk-flex-order-first-xlarge{-ms-flex-order:-1;-webkit-order:-1;order:-1}.uk-flex-order-last-xlarge{-ms-flex-order:99;-webkit-order:99;order:99}}.uk-flex-item-none{-ms-flex:none;-webkit-flex:none;flex:none}.uk-flex-item-auto{-ms-flex:auto;-webkit-flex:auto;flex:auto;-ms-flex-negative:1}.uk-flex-item-1{-ms-flex:1;-webkit-flex:1;flex:1}.uk-slideshow{position:relative;z-index:0;width:100%;margin:0;padding:0;list-style:none;overflow:hidden;touch-action:pan-y}.uk-slideshow>li{top:0;left:0;width:100%;opacity:0}.uk-slideshow>li:first-child{opacity:1}.uk-slideshow>.uk-active{z-index:10;opacity:1}.uk-slideshow>li>img{visibility:hidden}[data-uk-slideshow-slide]{cursor:pointer}.uk-slideshow-fullscreen,.uk-slideshow-fullscreen>li{height:100vh}.uk-slideshow-fade-in{-webkit-animation:uk-fade .5s linear;animation:uk-fade .5s linear}.uk-slideshow-fade-out{-webkit-animation:uk-fade .5s linear reverse;animation:uk-fade .5s linear reverse}.uk-slideshow-scroll-forward-in{-webkit-animation:uk-slide-right .5s ease-in-out;animation:uk-slide-right .5s ease-in-out}.uk-slideshow-scroll-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-scroll-backward-in{-webkit-animation:uk-slide-left .5s ease-in-out;animation:uk-slide-left .5s ease-in-out}.uk-slideshow-scroll-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-scale-out{-webkit-animation:uk-fade-scale-15 .5s ease-in-out reverse;animation:uk-fade-scale-15 .5s ease-in-out reverse}.uk-slideshow-swipe-forward-in{-webkit-animation:uk-slide-left-33 .5s ease-in-out;animation:uk-slide-left-33 .5s ease-in-out}.uk-slideshow-swipe-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in{-webkit-animation:uk-slide-right-33 .5s ease-in-out;animation:uk-slide-right-33 .5s ease-in-out}.uk-slideshow-swipe-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-swipe-forward-in:before,.uk-slideshow-swipe-backward-in:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,0.6);-webkit-animation:uk-fade .5s ease-in-out reverse;animation:uk-fade .5s ease-in-out reverse}.uk-dotnav{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-top:-15px;padding:0;list-style:none}.uk-dotnav>*{-ms-flex:none;-webkit-flex:none;flex:none;padding-left:15px;margin-top:15px}.uk-dotnav:before,.uk-dotnav:after{content:"";display:block;overflow:hidden}.uk-dotnav:after{clear:both}.uk-dotnav>*{float:left}.uk-dotnav>*>*{display:block;box-sizing:content-box;width:20px;height:20px;border-radius:50%;background:rgba(50,50,50,0.1);text-indent:100%;overflow:hidden;white-space:nowrap}.uk-dotnav>*>:hover,.uk-dotnav>*>:focus{background:rgba(50,50,50,0.4);outline:none}.uk-dotnav>*>:active{background:rgba(50,50,50,0.6)}.uk-dotnav>.uk-active>*{background:rgba(50,50,50,0.4)}.uk-dotnav-contrast>*>*{background:rgba(255,255,255,0.4)}.uk-dotnav-contrast>*>:hover,.uk-dotnav-contrast>*>:focus{background:rgba(255,255,255,0.7)}.uk-dotnav-contrast>*>:active{background:rgba(255,255,255,0.9)}.uk-dotnav-contrast>.uk-active>*{background:rgba(255,255,255,0.9)}.uk-dotnav-vertical{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.uk-dotnav-vertical>*{float:none}.uk-slidenav{display:inline-block;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,0.4);font-size:60px;text-align:center}.uk-slidenav:hover,.uk-slidenav:focus{outline:none;text-decoration:none;color:rgba(50,50,50,0.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,0.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;z-index:1;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-slidenav-contrast{color:rgba(255,255,255,0.5)}.uk-slidenav-contrast:hover,.uk-slidenav-contrast:focus{color:rgba(255,255,255,0.7)}.uk-slidenav-contrast:active{color:rgba(255,255,255,0.9)}.uk-overlay{padding:30px 30px}.uk-overlay>:last-child{margin-bottom:0}.uk-overlay-default{background:rgba(255,255,255,0.8)}.uk-overlay-primary{background:rgba(34,34,34,0.8)}.uk-overlay-active{font-size:30px;opacity:1}.uk-overlay-panel{position:absolute;top:0;bottom:0;left:0;right:0;padding:0;color:#fff}.uk-overlay-fade{opacity:.7}.uk-cover{max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}iframe.uk-cover{pointer-events:none}.uk-cover-container{overflow:hidden;position:relative}.aw-rbslider-container{margin:0 auto 10px}.aw-rbslider-container .aw-rbslider-content-wrapper{color:black}.uk-slidenav-position:hover .uk-dotnav{display:flex}.uk-dotnav{margin-bottom:10px;display:none}.uk-dotnav>*>*{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:13px;height:13px}.uk-dotnav>.uk-active>*{-webkit-transform:scale(1.3);transform:scale(1.3)}.uk-dotnav-contrast>*>*{box-shadow:0 2px 5px 0 rgba(0,0,0,0.5)}.uk-slidenav-contrast{text-shadow:3px 3px 10px rgba(0,0,0,0.5)}.uk-slidenav-position .uk-slidenav-next{right:0}.uk-slidenav-position .uk-slidenav-previous{left:0}.uk-slidenav .visually-hidden{font-size:0;line-height:0;display:none}.aw-rbslider-img-wrapper{width:100%;overflow:hidden}.aw-rbslider-img-wrapper .aw-rbslider-img-url{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.aw-rbslider-img-wrapper .aw-rbslider__img{filter:none !important;width:100%;height:auto}.aw-rbslider-img-wrapper .aw-rbslider__img.is-loaded{filter:none;transition:filter 1s}.uk-text-center{text-align:center !important}.uk-slideshow>div{top:0;left:0;width:100%;opacity:0}.uk-slideshow>div:first-child{opacity:1}.uk-slideshow>div>img{visibility:hidden}.uk-slideshow-fullscreen>div{height:100vh}.cloudflare-turnstile {
    font-weight: bold;
    color: #c00;
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(../../frontend/Mdp/hyva/fr_FR/Amasty_Storelocator/vendor/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(../../frontend/Mdp/hyva/fr_FR/Amasty_Storelocator/vendor/chosen/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(../../frontend/Mdp/hyva/fr_FR/Amasty_Storelocator/vendor/chosen/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(../../frontend/Mdp/hyva/fr_FR/Amasty_Storelocator/vendor/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(../../frontend/Mdp/hyva/fr_FR/Amasty_Storelocator/vendor/chosen/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(../../frontend/Mdp/hyva/fr_FR/Amasty_Storelocator/vendor/chosen/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}