/** Shopify CDN: Minification failed

Line 581:29 Unexpected "slide-element"

**/
@charset "UTF-8";
@media (min-width: 768px) {
  .md\:\!swiffy-slider > .slider-container {
    grid-auto-flow: initial;
    grid-auto-rows: initial;
    grid-auto-columns: initial;
  }

  .swiffy-slider[data-effect="fade"].md\:\!swiffy-slider .slide-item,
  .swiffy-slider[data-effect="push"].md\:\!swiffy-slider .slide-item {
    /*.swiffy-slider[data-effect="fade"] .slide-item {*/
    position: relative;
  }

  .md\:\!swiffy-slider[data-effect="fade"] .slide-item:not(.is-active) {
    opacity: 1;
  }

  .md\:\!swiffy-slider.swiffy-slider[data-effect="fade"] > .slider-container > .slide-item.is-active,
  .md\:\!swiffy-slider.swiffy-slider[data-effect="push"] > .slider-container > .slide-item.is-active,
  .md\:\!swiffy-slider.swiffy-slider[data-effect="fade"] > .link-product-variant > .slide-item {
    animation: none;
  }
}
@media (min-width: 768px){
  .shopify-payment-button .shopify-payment-button__button--unbranded{
    min-height: 52px;
  }
}
@media (min-width: 768px) {
  .product-card__title>a {
    -webkit-line-clamp: var(--title-line-limit-desktop, unset);
  }
}
@media (min-width: 768px) {
  .image-responsive-fp {
    -o-object-position: var(--fp-desktop, center);
       object-position: var(--fp-desktop, center);
  }

  .button {
    padding: var(--button-padding-y-desktop, 12px) var(--button-padding-x-desktop, 33px);
  }

  .md\:bg-gradient {
    background: var(--gradient-background, "none");
  }

  .md\:heading-small {
    font-size: var(--heading-font-size-small);
  }

  .md\:heading-medium {
    font-size: var(--heading-font-size-medium);
  }

  .md\:heading-large {
    font-size: var(--heading-font-size-large);
  }

  .md\:h1,
  .md\:h2,
  .md\:h3,
  .md\:h4,
  .md\:h5,
  .md\:h6,
  .md\:h7 {
    text-transform: var(--heading-text-transform);
    font-family: var(--heading-font-family);
    font-style: var(--heading-font-style);
    font-weight: var(--heading-font-weight);
    color: rgba(var(--color-heading));
  }

  .md\:h1 {
    font-size: var(--h1-font-size);
    line-height: var(--line-height-heading);
  }

  .md\:h2 {
    font-size: var(--h2-font-size);
    line-height: var(--line-height-heading);
  }

  .md\:h3 {
    font-size: var(--h3-font-size);
    line-height: var(--line-height-heading);
  }

  .md\:h4 {
    font-size: var(--h4-font-size);
    line-height: var(--line-height-heading);
  }

  .md\:h5 {
    font-size: var(--h5-font-size);
    line-height: var(--line-height-heading);
  }

  .md\:h6 {
    font-size: var(--h6-font-size);
    line-height: var(--line-height-heading);
  }

  .md\:h7 {
    font-size: var(--h7-font-size);
    line-height: var(--line-height-heading);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .promotion-grid_button:not(.button-link):not(.direction_link) {
    --button-padding-y-desktop: 8px;
    --button-padding-x-desktop: 21px;
  }
}
@media (min-width: 768px){
  .product-comparison-grid-item{
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
  }
  .container{
    max-width: 768px;
  }
}
@media (min-width: 768px){
  .select-toggle.active,
  .select-toggle.active .icon{
    color: rgba(var(--color-text));
  }
}
@media (min-width: 768px) {
    .tab-title-small {
      font-size: calc(var(--h6-font-size) * 0.7);
    }

    .tab-title-medium {
      font-size: var(--h6-font-size);
    }

    .tab-title-large {
      font-size: calc(var(--h6-font-size) * 1.2);
    }

    .md\:bg-secondary {
      background-color: rgba(var(--color-heading-no-alpha) / 0.06);
    }

    .md\:page-width{
    margin-left: auto;
    margin-right: auto;
      padding-left: var(--padding-content-page-width);
      padding-right: var(--padding-content-page-width);
      max-width: calc(var(--page-width) + 2 * var(--padding-content-page-width));
  }

    .md\:full-width {
      padding-left: var(--padding-content-full-width);
      padding-right: var(--padding-content-full-width);
      max-width: 100vw;
    }

    .md\:full-width-padded {
      padding-left: var(--padding-content-full-width);
      padding-right: var(--padding-content-full-width);
      margin-left: var(--full-width-padded);
      margin-right: var(--full-width-padded);
    }

    .select-toggle:hover,
    .select-toggle:hover .icon {
      color: rgba(var(--color-highlight));
    }
  }
@media (min-width: 768px){
  .rte table td,
  .rte table th{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (min-width: 768px){
  .form-search-wrapper.full-layout.is-open .form-button{
    margin-top: -0.625rem;
  }
}
@media (min-width: 768px){
  .sub-footer .select-listbox{
    left: 0px;
  }
}
@media (min-width: 768px){
  .footer-collapse__label:where([dir="ltr"], [dir="ltr"] *){
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
}
@media (min-width: 768px){
  .footer-collapse__content{
    margin-top: 1.5rem;
    padding: 0.125rem;
  }
}
@media (min-width: 768px){
  .footer-collapse__content>*:first-child{
    padding-top: 0px;
  }
}
@media (min-width: 768px){
  .footer-collapse__content>*:last-child{
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) {
    .icon-with-text__tooltip__wrapper .icon-with-text__heading {
      font-size: var(--h7-font-size);
    }
    
    .md\:text-align-unset {
      text-align: unset;
    }

    .product-card__wrapper {
      padding: var(--product-card-padding);
    }

    .product-card__widget-item{
    opacity: 0;
      transition: transform var(--card-animation-duration) ease, opacity var(--card-animation-duration) ease;
      transform: translateX(100%);
      will-change: transform, opacity;
  }

    .product-card__image-wrapper:hover .product-card__widget-item, .product-card__widget:has(button:focus) .product-card__widget-item{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }
.anm-tab-content [data-panel].product-card__image-wrapper:hover .product-card__widget-item,.anm-tab-content [data-panel] .product-card__widget:has(button:focus) .product-card__widget-item {
  transform: scale(1) translateY(0);
}

    .product-card__image-wrapper:hover .product-card__widget-item, .product-card__widget:has(button:focus) .product-card__widget-item {
      transform: translateX(0);
    }
  }
@media (min-width: 768px) {
    .cart-drawer__field:not(.is-open) {
      height: -moz-fit-content;
      height: fit-content;
      top: auto;
      bottom: 0;
    }

    .cart-drawer__field.is-open {
      height: -moz-fit-content;
      height: fit-content;
      top: auto;
      bottom: 0;
      width: 100%;
    }
    shopify-accelerated-checkout {
      --shopify-accelerated-checkout-button-border-radius: var(--button-border-radius);
      --shopify-accelerated-checkout-button-block-size: calc(var(--button-padding-y-desktop) * 2 + var(--button-font-size) * var(--line-height-button));
    }
    @keyframes fadeDataDesktop {
      0% {
        opacity: 1;
        visibility: visible;
      }
      100% {
        opacity: 0;
        visibility: hidden;
      }
    }
  }
@media (min-width: 768px){
  .block-product-media-gallery{
    width: 50%;
  }
    .block-padding {
      padding: var(--pad-top, 0px) var(--pad-right, 0px) var(--pad-bottom, 0px) var(--pad-left, 0px);
    }

    .gap-spacing {
      gap: var(--gap);
    }
}
@media (min-width: 768px){
  .drawer__wrapper{
    top: 0px;
    display: flex;
    justify-content: flex-end;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media (min-width: 768px){
  .drawer__container{
    position: relative;
    height: 100%;
    max-height: 100%;
    width: 24rem;
    border-radius: var(--border-radius-drawer);
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 768px){
  .drawer__content{
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 768px){
  .cart-drawer__padding-x{
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }
}
@media (min-width: 768px){
  .popup-container{
    align-items: center;
  }
}
@media (min-width: 768px){
  .popup-content{
    margin-left: auto;
    margin-right: auto;
    max-height: calc(100vh - 200px);
    min-height: 400px;
    border-radius: var(--border-radius-popup);
    padding-bottom: 60px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 768px){
  .popup-detail{
    margin-right: -20px;
    max-height: 65vh;
    padding-right: 1.25rem;
  }
}
@media (min-width: 768px){
  .block-text-button__container{
    width: 100%;
  }
}
@media (min-width: 768px){
  .block-text-button-text-effect-1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
  }
}
@media (min-width: 768px){
  .block-text-button-text-effect-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
  }
}
@media (min-width: 768px){
  .scroll-nav{
    width: 2.5rem;
    min-width: 40px;
  }
}
@media screen and (min-width: 768px) {
    .sub-footer .dropdown-anm:not(.is-open) {
      transform: scaleY(0);
    }
    
    .sub-footer .dropdown-anm.is-open {
      transform: scaleY(1);
    }
  }
@media (min-width: 768px){
  .modal-title-container{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px){
  .modal-title__button-close:where([dir="ltr"], [dir="ltr"] *){
    margin-right: -0.875rem;
  }
}
@media (min-width: 768px){
  .modal-title-padding-x{
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 768px){
  .modal__button-close{
    margin: 1rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 768px){
  .modal__button-close-absolute{
    top: 1rem;
  }
}
@media (min-width: 768px){
  .modal__button-close-absolute:where([dir="ltr"], [dir="ltr"] *){
    right: 1rem;
  }
}
@media (min-width: 768px) {
    @media (min-width: 768px){
    .icon-close-large-desktop{
      height: 2.75rem;
      width: 2.75rem;
      min-width: 44px;
      padding: 0.875rem;
    }
    .icon-close-medium-desktop{
      height: 2.25rem;
      width: 2.25rem;
      min-width: 36px;
      padding: 0.75rem;
    }
    .icon-close-small-desktop{
      height: 1.875rem;
      width: 1.875rem;
      min-width: 30px;
      padding: 0.625rem;
    }
    .icon-close-xsmall-desktop{
      height: 1.625rem;
      width: 1.625rem;
      min-width: 26px;
      padding: 0.5rem;
    }
  }
  }
@media (min-width: 768px){
  .video__button{
    width: clamp(24px,14%,48px);
  }
}
@media (min-width: 768px){
  .buttons-video__wrapper{
    padding: min(24px,5%);
  }
}
@media screen and (min-width: 768px) {
  .padding-slideshow-content {
    padding-left: clamp(40px, 5%, 250px);
    padding-right: clamp(40px, 5%, 250px);
  }
}
@media screen and (min-width: 768px) {
  .max-h-mega-menu {
    max-height: calc(100vh - var(--header-bottom-position));
  }

  .drawer-mega-menu {
    max-width: calc(var(--page-width) - 380px);
    width: 75vw;
  }

  .header-top.logo-on-side {
    grid-template-columns: 2fr 6fr 2fr;
  }

  .header-top.logo-on-top {
    grid-template-columns: 4fr 2fr 4fr;
  }
  /* Initial header opacity (removed after first paint) */
  #x-header-container, .header-collapse-menu {
    opacity: 0;
  }
}
@media screen and (hover: none) and (min-width: 768px) {
  .product-card__widget-item{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }
.anm-tab-content [data-panel].product-card__widget-item {
  transform: scale(1) translateY(0);
}
  .product-card__widget-item {
    transform: translateX(0);
  }
}
@media screen and (min-width: 768px) {
  .text-link:hover {
    background-position: 0 100%, 100% 100%;
    color: rgba(var(--color-link));
    background-size: 100% 1px, 0% 1px;
  }
}
@media (min-width: 768px){
  .tab-animation-pills .tabs__button-horizontal.is-active-initial{
    color: rgba(var(--color-heading));
  }
}
@media (min-width: 768px){
  .tab-animation-pills .tabs__button-horizontal.is-active{
    color: rgba(var(--color-heading));
  }
}
@media (min-width: 768px) {

  .tab-animation-pills .tabs__button-horizontal {
    text-transform: var(--heading-text-transform);
    font-family: var(--heading-font-family);
    font-style: var(--heading-font-style);
    font-weight: var(--heading-font-weight);
    color: rgba(var(--color-heading));
    font-size: var(--h6-font-size);
    line-height: var(--line-height-heading);
  }
}
@media (min-width: 768px){
  .tab-animation-pills .tabs__button-horizontal{
    color: rgba(var(--color-text));
  }
}
@media (min-width: 768px){
  .tab-animation-underline .tabs__button-horizontal{
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
}
@media screen and (min-width: 768px) {
  .popup-shadow {
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.12);
  }
  .dark .popup-shadow {
    box-shadow: 0px 4px 32px 0px rgba(255, 255, 255, 0.12);
  }
}
@media (min-width: 768px) {
  slide-element:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group) {
    grid-area: 1 / 1;
    pointer-events: none;
    z-index: -10;
  }

  slide-element:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group).is-active,
  slide-element:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group).is-prev-active{
    pointer-events: auto;
    z-index: 10;
  }

  slide-element[data-animation="none"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group),
  slide-element[data-animation="fade"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group){
    opacity: 0;
  }

  slide-element[data-animation="fade"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group) {
    transition: opacity var(--slide-effect-duration) ease-out;
  }

  slide-element[data-animation="none"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group).is-active,
  slide-element[data-animation="fade"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group).is-active{
    opacity: 1;
  }
.anm-tab-content [data-panel]slide-element[data-animation="none"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group).is-active,.anm-tab-content [data-panel]
  slide-element[data-animation="fade"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group).is-active {
  transform: scale(1) translateY(0);
}

  slide-element[data-animation="slide"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group),
  slide-element[data-animation="rise"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group) {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: none;
  }

  slide-element[data-animation="slide"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group){
    --tw-translate-x: calc(calc(100% + var(--slide-element-gap)) * -1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  slide-element[data-animation="slide"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group).is-active{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: transform var(--slide-effect-duration) ease-in-out;
  }

  slide-element[data-animation="slide"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group).is-prev-active{
    --tw-translate-x: calc(100% + var(--slide-element-gap));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;  
    transition: transform var(--slide-effect-duration) ease-in-out;
  }

  slide-element[data-animation="rise"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group){
    --tw-translate-y: calc(100% + var(--slide-element-gap));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  slide-element[data-animation="rise"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group).is-active{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition: transform var(--slide-effect-duration) ease-in-out;
  }

  slide-element[data-animation="rise"]:not([data-is-grid-on-desktop='true']) .slide-element__list-items > :is(.slide-element__item, .block-group).is-prev-active{
    --tw-translate-y: calc(calc(100% + var(--slide-element-gap)) * -1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;  
    transition: transform var(--slide-effect-duration) ease-in-out;
  }
}
@media (min-width: 768px){
  .shopify-app-block.gw-full-width{
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 768px){

  .md\:webkit-text-center {
    text-align: -webkit-center;
  }

  .md\:items-right{
    align-items: flex-end;
  }

  .md\:items-left{
    align-items: flex-start;
  }

  .md\:grid-initial {
    grid: initial
  }

  .md\:bg-none {
    background: none;
  }
  .md\:slider-item-show1 {
    --swiffy-slider-item-count: 1;
  }
  .md\:slider-item-show2 {
    --swiffy-slider-item-count: 2;
  }

  .md\:slider-item-show3 {
    --swiffy-slider-item-count: 3;
  }

  .md\:slider-item-show4 {
    --swiffy-slider-item-count: 4;
  }

  .md\:slider-item-show5 {
    --swiffy-slider-item-count: 5;
  }

  .md\:slider-item-show6 {
    --swiffy-slider-item-count: 6;
  }

  .md\:slider-item-show7 {
    --swiffy-slider-item-count: 7;
  }
  .md\:slider-item-show8 {
    --swiffy-slider-item-count: 8;
  }
  .md\:slider-item-show9 {
    --swiffy-slider-item-count: 9;
  }
  .md\:slider-item-show10 {
    --swiffy-slider-item-count: 10;
  }
  .md\:slider-item-show11 {
    --swiffy-slider-item-count: 11;
  }
  .md\:slider-item-show12 {
    --swiffy-slider-item-count: 12;
  } 
  .md\:promotion-alignment--top-left{
    top: 0.625rem;
    left: 0px;
    bottom: auto;
    right: auto;
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  } 
  @media (min-width: 1024px){
    .md\:promotion-alignment--top-left{
      left: 1.25rem;
    }
  }

  .md\:promotion-alignment--top-center{
    top: 0.625rem;
    left: 50%;
    bottom: auto;
    right: auto;
    --tw-translate-x: -50%;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:promotion-alignment--top-right{
    top: 0.625rem;
    right: 0px;
    bottom: auto;
    left: auto;
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  @media (min-width: 1024px){
    .md\:promotion-alignment--top-right{
      right: 1.25rem;
    }
  }

  .md\:promotion-alignment--center-left{
    top: 50%;
    left: 0px;
    right: auto;
    bottom: auto;
    --tw-translate-y: -50%;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  @media (min-width: 1024px){
    .md\:promotion-alignment--center-left{
      left: 1.25rem;
    }
  }

  .md\:promotion-alignment--center{
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:promotion-alignment--center-right{
    top: 50%;
    right: 0px;
    left: auto;
    bottom: auto;
    --tw-translate-y: -50%;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  @media (min-width: 1024px){
    .md\:promotion-alignment--center-right{
      right: 1.25rem;
    }
  }

  .md\:promotion-alignment--bottom-left{
    bottom: 0.625rem;
    left: 0px;
    right: auto;
    top: auto;
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  @media (min-width: 1024px){
    .md\:promotion-alignment--bottom-left{
      left: 1.25rem;
    }
  }

  .md\:promotion-alignment--bottom-center{
    bottom: 0.625rem;
    left: 50%;
    right: auto;
    top: auto;
    --tw-translate-x: -50%;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:promotion-alignment--bottom-right{
    bottom: 0.625rem;
    right: 0px;
    top: auto;
    left: auto;
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  @media (min-width: 1024px){
    .md\:promotion-alignment--bottom-right{
      right: 1.25rem;
    }
  }

  .md\:promotion-alignment--custom{
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    --tw-translate-x: -50%;
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:justify-left{
    justify-content: flex-start;
  }

  .md\:justify-right{
    justify-content: flex-end;
  }

  .md\:items-left{
    align-items: flex-start;
  }

  .md\:items-right{
    align-items: flex-end;
  }

  .md\:\!swiffy-slider.enable-effect-hover {
    overflow: hidden !important;
  }

  .md\:swiffy-slider.enable-effect-hover {
    overflow: hidden;
  }

  .md\:text-align-unset {
    text-align: unset;
  }
  .md\:justify-left{
    justify-content: flex-start;
  }

  .md\:justify-right{
    justify-content: flex-end;
  }
    .md\:position--top-left{
    align-items: flex-start;
    justify-content: flex-start;
  }
    .md\:position--top-center{
    align-items: flex-start;
    justify-content: center;
  }
    .md\:position--top-right{
    align-items: flex-start;
    justify-content: flex-end;
  }
    .md\:position--center-left{
    align-items: center;
    justify-content: flex-start;
  }
    .md\:position--center{
    align-items: center;
    justify-content: center;
  }
    .md\:position--center-right{
    align-items: center;
    justify-content: flex-end;
  }
    .md\:position--bottom-left{
    align-items: flex-end;
    justify-content: flex-start;
  }
    .md\:position--bottom-center{
    align-items: flex-end;
    justify-content: center;
  }
    .md\:position--bottom-right{
    align-items: flex-end;
    justify-content: flex-end;
  }
  .md\:scrollbar-hidden {
    scrollbar-width: none;
  }
  .md\:scrollbar-hidden::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
  }

  .list-layout .md\:list-layout\:text-small {
    font-size: var(--body-font-size-small);
    line-height: 1.6;
  }
}
@media (min-width: 768px){

  .ltr\:md\:items-right:where([dir="ltr"], [dir="ltr"] *){
    align-items: flex-end;
  }

  .ltr\:md\:items-left:where([dir="ltr"], [dir="ltr"] *){
    align-items: flex-start;
  }

  .ltr\:md\:items-right:where([dir="ltr"], [dir="ltr"] *){
    align-items: flex-end;
  }
}
@media (min-width: 768px){
  .md\:pointer-events-none{
    pointer-events: none;
  }
  .md\:absolute{
    position: absolute;
  }
  .md\:relative{
    position: relative;
  }
  .md\:sticky{
    position: sticky;
  }
  .md\:-inset-5{
    inset: -1.25rem;
  }
  .md\:inset-0{
    inset: 0px;
  }
  .md\:-right-3\.5{
    right: -0.875rem;
  }
  .md\:-top-4{
    top: -1rem;
  }
  .md\:-top-4\.5{
    top: -1.125rem;
  }
  .md\:bottom-10{
    bottom: 2.5rem;
  }
  .md\:bottom-8{
    bottom: 2rem;
  }
  .md\:bottom-auto{
    bottom: auto;
  }
  .md\:left-0{
    left: 0px;
  }
  .md\:left-2{
    left: 0.5rem;
  }
  .md\:left-8{
    left: 2rem;
  }
  .md\:left-\[calc\(50\%-10px\)\]{
    left: calc(50% - 10px);
  }
  .md\:left-auto{
    left: auto;
  }
  .md\:right-0{
    right: 0px;
  }
  .md\:right-2{
    right: 0.5rem;
  }
  .md\:right-5{
    right: 1.25rem;
  }
  .md\:right-8{
    right: 2rem;
  }
  .md\:right-auto{
    right: auto;
  }
  .md\:top-0{
    top: 0px;
  }
  .md\:top-1\/2{
    top: 50%;
  }
  .md\:top-3{
    top: 0.75rem;
  }
  .md\:top-5{
    top: 1.25rem;
  }
  .md\:top-\[calc\(100\%\+10px\)\]{
    top: calc(100% + 10px);
  }
  .md\:top-\[calc\(50\%-10px\)\]{
    top: calc(50% - 10px);
  }
  .md\:top-auto{
    top: auto;
  }
  .md\:z-10{
    z-index: 10;
  }
  .md\:z-20{
    z-index: 20;
  }
  .md\:z-\[19\]{
    z-index: 19;
  }
  .md\:z-\[60\]{
    z-index: 60;
  }
  .md\:order-1{
    order: 1;
  }
  .md\:order-2{
    order: 2;
  }
  .md\:order-3{
    order: 3;
  }
  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .md\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .md\:col-span-5{
    grid-column: span 5 / span 5;
  }
  .md\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .md\:row-span-1{
    grid-row: span 1 / span 1;
  }
  .md\:row-span-2{
    grid-row: span 2 / span 2;
  }
  .md\:row-span-3{
    grid-row: span 3 / span 3;
  }
  .md\:-m-0\.5{
    margin: -0.125rem;
  }
  .md\:-mx-0\.5{
    margin-left: -0.125rem;
    margin-right: -0.125rem;
  }
  .md\:-mx-7\.5{
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
  .md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .md\:mx-7\.5{
    margin-left: 1.875rem;
    margin-right: 1.875rem;
  }
  .md\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .md\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .md\:my-3\.5{
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }
  .md\:-mb-7\.5{
    margin-bottom: -1.875rem;
  }
  .md\:-mb-8{
    margin-bottom: -2rem;
  }
  .md\:-mb-\[54px\]{
    margin-bottom: -54px;
  }
  .md\:-mt-\[54px\]{
    margin-top: -54px;
  }
  .md\:mb-0{
    margin-bottom: 0px;
  }
  .md\:mb-1{
    margin-bottom: 0.25rem;
  }
  .md\:mb-1\.5{
    margin-bottom: 0.375rem;
  }
  .md\:mb-11{
    margin-bottom: 2.75rem;
  }
  .md\:mb-14{
    margin-bottom: 3.5rem;
  }
  .md\:mb-2\.5{
    margin-bottom: 0.625rem;
  }
  .md\:mb-3{
    margin-bottom: 0.75rem;
  }
  .md\:mb-3\.5{
    margin-bottom: 0.875rem;
  }
  .md\:mb-4{
    margin-bottom: 1rem;
  }
  .md\:mb-5{
    margin-bottom: 1.25rem;
  }
  .md\:mb-6{
    margin-bottom: 1.5rem;
  }
  .md\:mb-6\.5{
    margin-bottom: 1.625rem;
  }
  .md\:mb-7\.5{
    margin-bottom: 1.875rem;
  }
  .md\:mb-8{
    margin-bottom: 2rem;
  }
  .md\:mb-9{
    margin-bottom: 2.25rem;
  }
  .md\:mb-\[26px\]{
    margin-bottom: 26px;
  }
  .md\:mb-\[30px\]{
    margin-bottom: 30px;
  }
  .md\:ml-0{
    margin-left: 0px;
  }
  .md\:ml-3{
    margin-left: 0.75rem;
  }
  .md\:ml-4{
    margin-left: 1rem;
  }
  .md\:ml-6{
    margin-left: 1.5rem;
  }
  .md\:ml-\[-30px\]{
    margin-left: -30px;
  }
  .md\:mr-0{
    margin-right: 0px;
  }
  .md\:mr-3{
    margin-right: 0.75rem;
  }
  .md\:mr-4{
    margin-right: 1rem;
  }
  .md\:mr-6{
    margin-right: 1.5rem;
  }
  .md\:mr-\[-30px\]{
    margin-right: -30px;
  }
  .md\:mt-0{
    margin-top: 0px;
  }
  .md\:mt-0\.5{
    margin-top: 0.125rem;
  }
  .md\:mt-1{
    margin-top: 0.25rem;
  }
  .md\:mt-10{
    margin-top: 2.5rem;
  }
  .md\:mt-16{
    margin-top: 4rem;
  }
  .md\:mt-2{
    margin-top: 0.5rem;
  }
  .md\:mt-2\.5{
    margin-top: 0.625rem;
  }
  .md\:mt-20{
    margin-top: 5rem;
  }
  .md\:mt-3{
    margin-top: 0.75rem;
  }
  .md\:mt-3\.5{
    margin-top: 0.875rem;
  }
  .md\:mt-4{
    margin-top: 1rem;
  }
  .md\:mt-4\.5{
    margin-top: 1.125rem;
  }
  .md\:mt-5{
    margin-top: 1.25rem;
  }
  .md\:mt-6{
    margin-top: 1.5rem;
  }
  .md\:mt-7{
    margin-top: 1.75rem;
  }
  .md\:mt-7\.5{
    margin-top: 1.875rem;
  }
  .md\:mt-8{
    margin-top: 2rem;
  }
  .md\:mt-9{
    margin-top: 2.25rem;
  }
  .md\:mt-\[26px\]{
    margin-top: 26px;
  }
  .md\:mt-\[30px\]{
    margin-top: 30px;
  }
  .md\:line-clamp-1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .md\:line-clamp-none{
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
  }
  .md\:\!block{
    display: block !important;
  }
  .md\:block{
    display: block;
  }
  .md\:inline-block{
    display: inline-block;
  }
  .md\:\!flex{
    display: flex !important;
  }
  .md\:flex{
    display: flex;
  }
  .md\:inline-flex{
    display: inline-flex;
  }
  .md\:grid{
    display: grid;
  }
  .md\:\!hidden{
    display: none !important;
  }
  .md\:hidden{
    display: none;
  }
  .md\:aspect-16\/9{
    aspect-ratio: 16 / 9;
  }
  .md\:aspect-2\/3{
    aspect-ratio: 2 / 3;
  }
  .md\:aspect-3\/4{
    aspect-ratio: 3 / 4;
  }
  .md\:aspect-4\/3{
    aspect-ratio: 4 / 3;
  }
  .md\:aspect-auto{
    aspect-ratio: auto;
  }
  .md\:aspect-square{
    aspect-ratio: 1 / 1;
  }
  .md\:\!h-auto{
    height: auto !important;
  }
  .md\:h-0{
    height: 0px;
  }
  .md\:h-10{
    height: 2.5rem;
  }
  .md\:h-14{
    height: 3.5rem;
  }
  .md\:h-16{
    height: 4rem;
  }
  .md\:h-2{
    height: 0.5rem;
  }
  .md\:h-2\.5{
    height: 0.625rem;
  }
  .md\:h-28{
    height: 7rem;
  }
  .md\:h-3{
    height: 0.75rem;
  }
  .md\:h-4{
    height: 1rem;
  }
  .md\:h-5{
    height: 1.25rem;
  }
  .md\:h-5\.5{
    height: 1.375rem;
  }
  .md\:h-6{
    height: 1.5rem;
  }
  .md\:h-7{
    height: 1.75rem;
  }
  .md\:h-8{
    height: 2rem;
  }
  .md\:h-9{
    height: 2.25rem;
  }
  .md\:h-\[100vh\]{
    height: 100vh;
  }
  .md\:h-\[140px\]{
    height: 140px;
  }
  .md\:h-\[250px\]{
    height: 250px;
  }
  .md\:h-\[300px\]{
    height: 300px;
  }
  .md\:h-\[400px\]{
    height: 400px;
  }
  .md\:h-\[450px\]{
    height: 450px;
  }
  .md\:h-\[500px\]{
    height: 500px;
  }
  .md\:h-\[550px\]{
    height: 550px;
  }
  .md\:h-\[600px\]{
    height: 600px;
  }
  .md\:h-\[60px\]{
    height: 60px;
  }
  .md\:h-\[650px\]{
    height: 650px;
  }
  .md\:h-\[66px\]{
    height: 66px;
  }
  .md\:h-\[68px\]{
    height: 68px;
  }
  .md\:h-\[750px\]{
    height: 750px;
  }
  .md\:h-\[80px\]{
    height: 80px;
  }
  .md\:h-\[90vh\]{
    height: 90vh;
  }
  .md\:h-\[calc\(var\(--body-font-size\)\*1\.6\+28px\)\]{
    height: calc(var(--body-font-size) * 1.6 + 28px);
  }
  .md\:h-auto{
    height: auto;
  }
  .md\:h-fit{
    height: -moz-fit-content;
    height: fit-content;
  }
  .md\:h-full{
    height: 100%;
  }
  .md\:\!max-h-\[200px\]{
    max-height: 200px !important;
  }
  .md\:max-h-96{
    max-height: 24rem;
  }
  .md\:max-h-\[100vh\]{
    max-height: 100vh;
  }
  .md\:max-h-\[60vh\]{
    max-height: 60vh;
  }
  .md\:max-h-\[650px\]{
    max-height: 650px;
  }
  .md\:max-h-\[80vh\]{
    max-height: 80vh;
  }
  .md\:max-h-\[85vh\]{
    max-height: 85vh;
  }
  .md\:max-h-\[90vh\]{
    max-height: 90vh;
  }
  .md\:max-h-\[calc\(100vh-16px\)\]{
    max-height: calc(100vh - 16px);
  }
  .md\:max-h-\[calc\(90vh-280px\)\]{
    max-height: calc(90vh - 280px);
  }
  .md\:max-h-\[none\]{
    max-height: none;
  }
  .md\:max-h-none{
    max-height: none;
  }
  .md\:min-h-0{
    min-height: 0px;
  }
  .md\:min-h-6{
    min-height: 1.5rem;
  }
  .md\:min-h-\[182px\]{
    min-height: 182px;
  }
  .md\:min-h-\[28px\]{
    min-height: 28px;
  }
  .md\:min-h-\[32px\]{
    min-height: 32px;
  }
  .md\:min-h-\[44px\]{
    min-height: 44px;
  }
  .md\:min-h-\[500px\]{
    min-height: 500px;
  }
  .md\:min-h-\[650px\]{
    min-height: 650px;
  }
  .md\:min-h-\[unset\]{
    min-height: unset;
  }
  .md\:\!w-\[487px\]{
    width: 487px !important;
  }
  .md\:\!w-\[750px\]{
    width: 750px !important;
  }
  .md\:w-1\/2{
    width: 50%;
  }
  .md\:w-1\/3{
    width: 33.333333%;
  }
  .md\:w-1\/4{
    width: 25%;
  }
  .md\:w-1\/5{
    width: 20%;
  }
  .md\:w-1\/6{
    width: 16.666667%;
  }
  .md\:w-10{
    width: 2.5rem;
  }
  .md\:w-12{
    width: 3rem;
  }
  .md\:w-14{
    width: 3.5rem;
  }
  .md\:w-16{
    width: 4rem;
  }
  .md\:w-2{
    width: 0.5rem;
  }
  .md\:w-2\.5{
    width: 0.625rem;
  }
  .md\:w-2\/12{
    width: 16.666667%;
  }
  .md\:w-2\/3{
    width: 66.666667%;
  }
  .md\:w-20{
    width: 5rem;
  }
  .md\:w-28{
    width: 7rem;
  }
  .md\:w-3{
    width: 0.75rem;
  }
  .md\:w-3\/4{
    width: 75%;
  }
  .md\:w-3\/5{
    width: 60%;
  }
  .md\:w-32{
    width: 8rem;
  }
  .md\:w-4{
    width: 1rem;
  }
  .md\:w-4\.5{
    width: 1.125rem;
  }
  .md\:w-4\/12{
    width: 33.333333%;
  }
  .md\:w-5{
    width: 1.25rem;
  }
  .md\:w-5\.5{
    width: 1.375rem;
  }
  .md\:w-5\/6{
    width: 83.333333%;
  }
  .md\:w-6{
    width: 1.5rem;
  }
  .md\:w-7{
    width: 1.75rem;
  }
  .md\:w-8{
    width: 2rem;
  }
  .md\:w-80{
    width: 20rem;
  }
  .md\:w-9{
    width: 2.25rem;
  }
  .md\:w-\[100px\]{
    width: 100px;
  }
  .md\:w-\[116px\]{
    width: 116px;
  }
  .md\:w-\[130px\]{
    width: 130px;
  }
  .md\:w-\[140px\]{
    width: 140px;
  }
  .md\:w-\[16\.67\%\]{
    width: 16.67%;
  }
  .md\:w-\[300px\]{
    width: 300px;
  }
  .md\:w-\[35\%\]{
    width: 35%;
  }
  .md\:w-\[60px\]{
    width: 60px;
  }
  .md\:w-\[65\%\]{
    width: 65%;
  }
  .md\:w-\[66px\]{
    width: 66px;
  }
  .md\:w-\[680px\]{
    width: 680px;
  }
  .md\:w-\[68px\]{
    width: 68px;
  }
  .md\:w-\[70px\]{
    width: 70px;
  }
  .md\:w-\[76px\]{
    width: 76px;
  }
  .md\:w-\[80px\]{
    width: 80px;
  }
  .md\:w-\[90px\]{
    width: 90px;
  }
  .md\:w-\[calc\(100\%\+60px\)\]{
    width: calc(100% + 60px);
  }
  .md\:w-\[calc\(100\%-116px\)\]{
    width: calc(100% - 116px);
  }
  .md\:w-\[calc\(16\.67\%\+16px\)\]{
    width: calc(16.67% + 16px);
  }
  .md\:w-\[calc\(20\%\+16px\)\]{
    width: calc(20% + 16px);
  }
  .md\:w-\[calc\(57\.33\%-32px\)\]{
    width: calc(57.33% - 32px);
  }
  .md\:w-\[calc\(var\(--product-info-media-width\)\)\]{
    width: calc(var(--product-info-media-width));
  }
  .md\:w-auto{
    width: auto;
  }
  .md\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:w-full{
    width: 100%;
  }
  .md\:w-max{
    width: -moz-max-content;
    width: max-content;
  }
  .md\:w-w-18{
    width: 4.5rem;
  }
  .md\:min-w-0{
    min-width: 0px;
  }
  .md\:min-w-6{
    min-width: 1.5rem;
  }
  .md\:min-w-\[100px\]{
    min-width: 100px;
  }
  .md\:min-w-\[10px\]{
    min-width: 10px;
  }
  .md\:min-w-\[10rem\]{
    min-width: 10rem;
  }
  .md\:min-w-\[160px\]{
    min-width: 160px;
  }
  .md\:min-w-\[22px\]{
    min-width: 22px;
  }
  .md\:min-w-\[270px\]{
    min-width: 270px;
  }
  .md\:min-w-\[300px\]{
    min-width: 300px;
  }
  .md\:min-w-\[40px\]{
    min-width: 40px;
  }
  .md\:min-w-\[82px\]{
    min-width: 82px;
  }
  .md\:max-w-4xl{
    max-width: 56rem;
  }
  .md\:max-w-\[15\.5rem\]{
    max-width: 15.5rem;
  }
  .md\:max-w-\[280px\]{
    max-width: 280px;
  }
  .md\:max-w-\[400px\]{
    max-width: 400px;
  }
  .md\:max-w-\[430px\]{
    max-width: 430px;
  }
  .md\:max-w-\[600px\]{
    max-width: 600px;
  }
  .md\:max-w-\[750px\]{
    max-width: 750px;
  }
  .md\:max-w-\[80\%\]{
    max-width: 80%;
  }
  .md\:max-w-\[800px\]{
    max-width: 800px;
  }
  .md\:max-w-\[var\(--max-width-block-text\)\]{
    max-width: var(--max-width-block-text);
  }
  .md\:max-w-full{
    max-width: 100%;
  }
  .md\:max-w-none{
    max-width: none;
  }
  .md\:max-w-xl{
    max-width: 36rem;
  }
  .md\:flex-1{
    flex: 1 1 0%;
  }
  .md\:flex-auto{
    flex: 1 1 auto;
  }
  .md\:flex-none{
    flex: none;
  }
  .md\:shrink-0{
    flex-shrink: 0;
  }
  .md\:grow{
    flex-grow: 1;
  }
  .md\:grow-0{
    flex-grow: 0;
  }
  .md\:basis-1\/3{
    flex-basis: 33.333333%;
  }
  .md\:basis-1\/5{
    flex-basis: 20%;
  }
  .md\:-translate-x-1\/3{
    --tw-translate-x: -33.333333%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:-translate-x-full{
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:-translate-y-1\/2{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:translate-x-1\/3{
    --tw-translate-x: 33.333333%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:translate-x-4{
    --tw-translate-x: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:translate-x-full{
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:translate-y-0{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:-rotate-90{
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:rotate-90{
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:cursor-default{
    cursor: default;
  }
  .md\:cursor-grab{
    cursor: grab;
  }
  .md\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1\.5fr_1\.5fr_1fr\]{
    grid-template-columns: 1.5fr 1.5fr 1fr;
  }
  .md\:grid-cols-none{
    grid-template-columns: none;
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  .md\:flex-col{
    flex-direction: column;
  }
  .md\:flex-col-reverse{
    flex-direction: column-reverse;
  }
  .md\:flex-wrap{
    flex-wrap: wrap;
  }
  .md\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .md\:items-start{
    align-items: flex-start;
  }
  .md\:items-end{
    align-items: flex-end;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:justify-start{
    justify-content: flex-start;
  }
  .md\:justify-end{
    justify-content: flex-end;
  }
  .md\:justify-center{
    justify-content: center;
  }
  .md\:justify-between{
    justify-content: space-between;
  }
  .md\:gap-1{
    gap: 0.25rem;
  }
  .md\:gap-1\.5{
    gap: 0.375rem;
  }
  .md\:gap-10{
    gap: 2.5rem;
  }
  .md\:gap-12{
    gap: 3rem;
  }
  .md\:gap-2{
    gap: 0.5rem;
  }
  .md\:gap-2\.5{
    gap: 0.625rem;
  }
  .md\:gap-20{
    gap: 5rem;
  }
  .md\:gap-3{
    gap: 0.75rem;
  }
  .md\:gap-3\.5{
    gap: 0.875rem;
  }
  .md\:gap-4{
    gap: 1rem;
  }
  .md\:gap-5{
    gap: 1.25rem;
  }
  .md\:gap-6{
    gap: 1.5rem;
  }
  .md\:gap-7\.5{
    gap: 1.875rem;
  }
  .md\:gap-8{
    gap: 2rem;
  }
  .md\:gap-\[30px\]{
    gap: 30px;
  }
  .md\:gap-\[var\(--spacing-column\)\]{
    gap: var(--spacing-column);
  }
  .md\:gap-x-1{
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }
  .md\:gap-x-2{
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  .md\:gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .md\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .md\:gap-x-\[4\%\]{
    -moz-column-gap: 4%;
         column-gap: 4%;
  }
  .md\:gap-y-0{
    row-gap: 0px;
  }
  .md\:gap-y-10{
    row-gap: 2.5rem;
  }
  .md\:gap-y-2{
    row-gap: 0.5rem;
  }
  .md\:gap-y-3{
    row-gap: 0.75rem;
  }
  .md\:self-start{
    align-self: flex-start;
  }
  .md\:self-end{
    align-self: flex-end;
  }
  .md\:self-center{
    align-self: center;
  }
  .md\:overflow-auto{
    overflow: auto;
  }
  .md\:overflow-hidden{
    overflow: hidden;
  }
  .md\:overflow-visible{
    overflow: visible;
  }
  .md\:overflow-y-auto{
    overflow-y: auto;
  }
  .md\:overflow-y-hidden{
    overflow-y: hidden;
  }
  .md\:overflow-y-visible{
    overflow-y: visible;
  }
  .md\:overflow-y-scroll{
    overflow-y: scroll;
  }
  @media (min-width: 768px){
    .md\:md\:whitespace-nowrap{
      white-space: nowrap;
    }
  }
  .md\:whitespace-nowrap{
    white-space: nowrap;
  }
  .md\:rounded-\[10px\]{
    border-radius: 10px;
  }
  .md\:rounded-\[var\(--border-radius-drawer\)\]{
    border-radius: var(--border-radius-drawer);
  }
  .md\:rounded-\[var\(--rounded-corners\)\]{
    border-radius: var(--rounded-corners);
  }
  .md\:rounded-none{
    border-radius: 0px;
  }
  .md\:rounded-b-\[var\(--border-radius-drawer\)\]{
    border-bottom-right-radius: var(--border-radius-drawer);
    border-bottom-left-radius: var(--border-radius-drawer);
  }
  .md\:border{
    border-width: 1px;
  }
  .md\:border-b{
    border-bottom-width: 1px;
  }
  .md\:border-b-0{
    border-bottom-width: 0px;
  }
  .md\:border-l{
    border-left-width: 1px;
  }
  .md\:border-t{
    border-top-width: 1px;
  }
  .md\:border-t-0{
    border-top-width: 0px;
  }
  .md\:border-solid{
    border-style: solid;
  }
  .md\:border-none{
    border-style: none;
  }
  .md\:bg-gradient-radial{
    background-image: radial-gradient(rgba(var(--image-treatment-overlay-no-alpha) / 0.2) 0%, transparent 75%);
  }
  .md\:bg-none{
    background-image: none;
  }
  .md\:p-0{
    padding: 0px;
  }
  .md\:p-0\.5{
    padding: 0.125rem;
  }
  .md\:p-1\.5{
    padding: 0.375rem;
  }
  .md\:p-10{
    padding: 2.5rem;
  }
  .md\:p-2{
    padding: 0.5rem;
  }
  .md\:p-3{
    padding: 0.75rem;
  }
  .md\:p-4{
    padding: 1rem;
  }
  .md\:p-5{
    padding: 1.25rem;
  }
  .md\:p-6\.5{
    padding: 1.625rem;
  }
  .md\:p-7\.5{
    padding: 1.875rem;
  }
  .md\:p-8{
    padding: 2rem;
  }
  .md\:p-\[25px\]{
    padding: 25px;
  }
  .md\:p-\[30px\]{
    padding: 30px;
  }
  .md\:p-\[60px\]{
    padding: 60px;
  }
  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .md\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .md\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-4\.5{
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-7\.5{
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:px-\[3\%\]{
    padding-left: 3%;
    padding-right: 3%;
  }
  .md\:px-\[45px\]{
    padding-left: 45px;
    padding-right: 45px;
  }
  .md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md\:py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .md\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:py-6\.5{
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }
  .md\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .md\:py-\[11\.5px\]{
    padding-top: 11.5px;
    padding-bottom: 11.5px;
  }
  .md\:py-\[11px\]{
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .md\:py-\[14px\]{
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .md\:py-\[35px\]{
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .md\:pb-0{
    padding-bottom: 0px;
  }
  .md\:pb-0\.5{
    padding-bottom: 0.125rem;
  }
  .md\:pb-1{
    padding-bottom: 0.25rem;
  }
  .md\:pb-1\.5{
    padding-bottom: 0.375rem;
  }
  .md\:pb-10{
    padding-bottom: 2.5rem;
  }
  .md\:pb-12{
    padding-bottom: 3rem;
  }
  .md\:pb-16{
    padding-bottom: 4rem;
  }
  .md\:pb-2{
    padding-bottom: 0.5rem;
  }
  .md\:pb-2\.5{
    padding-bottom: 0.625rem;
  }
  .md\:pb-3{
    padding-bottom: 0.75rem;
  }
  .md\:pb-3\.5{
    padding-bottom: 0.875rem;
  }
  .md\:pb-4{
    padding-bottom: 1rem;
  }
  .md\:pb-4\.5{
    padding-bottom: 1.125rem;
  }
  .md\:pb-40{
    padding-bottom: 10rem;
  }
  .md\:pb-5{
    padding-bottom: 1.25rem;
  }
  .md\:pb-6{
    padding-bottom: 1.5rem;
  }
  .md\:pb-7{
    padding-bottom: 1.75rem;
  }
  .md\:pb-7\.5{
    padding-bottom: 1.875rem;
  }
  .md\:pb-8{
    padding-bottom: 2rem;
  }
  .md\:pb-\[100\%\]{
    padding-bottom: 100%;
  }
  .md\:pb-\[133\%\]{
    padding-bottom: 133%;
  }
  .md\:pb-\[150\%\]{
    padding-bottom: 150%;
  }
  .md\:pb-\[54px\]{
    padding-bottom: 54px;
  }
  .md\:pb-\[56\%\]{
    padding-bottom: 56%;
  }
  .md\:pb-\[60px\]{
    padding-bottom: 60px;
  }
  .md\:pb-\[75\%\]{
    padding-bottom: 75%;
  }
  .md\:pb-\[var\(--swiffy-slider-indicator-outside-size\)\]{
    padding-bottom: var(--swiffy-slider-indicator-outside-size);
  }
  .md\:pe-0{
    padding-inline-end: 0px;
  }
  .md\:pl-0{
    padding-left: 0px;
  }
  .md\:pl-10{
    padding-left: 2.5rem;
  }
  .md\:pl-12{
    padding-left: 3rem;
  }
  .md\:pl-2{
    padding-left: 0.5rem;
  }
  .md\:pl-2\.5{
    padding-left: 0.625rem;
  }
  .md\:pl-20{
    padding-left: 5rem;
  }
  .md\:pl-3{
    padding-left: 0.75rem;
  }
  .md\:pl-3\.5{
    padding-left: 0.875rem;
  }
  .md\:pl-4{
    padding-left: 1rem;
  }
  .md\:pl-4\.5{
    padding-left: 1.125rem;
  }
  .md\:pl-5{
    padding-left: 1.25rem;
  }
  .md\:pl-5\.5{
    padding-left: 1.375rem;
  }
  .md\:pl-6{
    padding-left: 1.5rem;
  }
  .md\:pl-6\.5{
    padding-left: 1.625rem;
  }
  .md\:pl-7{
    padding-left: 1.75rem;
  }
  .md\:pl-7\.5{
    padding-left: 1.875rem;
  }
  .md\:pl-8{
    padding-left: 2rem;
  }
  .md\:pl-9{
    padding-left: 2.25rem;
  }
  .md\:pr-0{
    padding-right: 0px;
  }
  .md\:pr-10{
    padding-right: 2.5rem;
  }
  .md\:pr-12{
    padding-right: 3rem;
  }
  .md\:pr-2{
    padding-right: 0.5rem;
  }
  .md\:pr-2\.5{
    padding-right: 0.625rem;
  }
  .md\:pr-20{
    padding-right: 5rem;
  }
  .md\:pr-3{
    padding-right: 0.75rem;
  }
  .md\:pr-3\.5{
    padding-right: 0.875rem;
  }
  .md\:pr-4{
    padding-right: 1rem;
  }
  .md\:pr-4\.5{
    padding-right: 1.125rem;
  }
  .md\:pr-5{
    padding-right: 1.25rem;
  }
  .md\:pr-5\.5{
    padding-right: 1.375rem;
  }
  .md\:pr-6{
    padding-right: 1.5rem;
  }
  .md\:pr-6\.5{
    padding-right: 1.625rem;
  }
  .md\:pr-7{
    padding-right: 1.75rem;
  }
  .md\:pr-7\.5{
    padding-right: 1.875rem;
  }
  .md\:pr-8{
    padding-right: 2rem;
  }
  .md\:pr-9{
    padding-right: 2.25rem;
  }
  .md\:pt-0{
    padding-top: 0px;
  }
  .md\:pt-0\.5{
    padding-top: 0.125rem;
  }
  .md\:pt-1{
    padding-top: 0.25rem;
  }
  .md\:pt-1\.5{
    padding-top: 0.375rem;
  }
  .md\:pt-12{
    padding-top: 3rem;
  }
  .md\:pt-2{
    padding-top: 0.5rem;
  }
  .md\:pt-2\.5{
    padding-top: 0.625rem;
  }
  .md\:pt-3{
    padding-top: 0.75rem;
  }
  .md\:pt-3\.5{
    padding-top: 0.875rem;
  }
  .md\:pt-4{
    padding-top: 1rem;
  }
  .md\:pt-4\.5{
    padding-top: 1.125rem;
  }
  .md\:pt-40{
    padding-top: 10rem;
  }
  .md\:pt-5{
    padding-top: 1.25rem;
  }
  .md\:pt-6{
    padding-top: 1.5rem;
  }
  .md\:pt-7{
    padding-top: 1.75rem;
  }
  .md\:pt-7\.5{
    padding-top: 1.875rem;
  }
  .md\:pt-8{
    padding-top: 2rem;
  }
  .md\:pt-\[54px\]{
    padding-top: 54px;
  }
  .md\:pt-\[68px\]{
    padding-top: 68px;
  }
  .md\:text-left{
    text-align: left;
  }
  .md\:text-center{
    text-align: center;
  }
  .md\:text-right{
    text-align: right;
  }
  .md\:text-start{
    text-align: start;
  }
  .md\:duration-300{
    transition-duration: 300ms;
  }
  .md\:pe-0{
    padding-inline-end: 0px;
  }
  [dir="ltr"] .md\:text-start{
    text-align: left;
  }
  .md\:color-bg-\[rgba\(var\(--color-background\)\2c 1\)\]{
    background-color: rgba(var(--color-background-no-alpha) / 1);
  }
  .md\:color-bg-\[rgba\(var\(--color-text\)\2c 0\.06\)\]{
    background-color: rgba(var(--color-text-no-alpha) / 0.06);
  }
  .md\:color-bg-gradient-\[var\(--element-background\)\]{
    background: var(--element-background);
  }
  .md\:before\:content-none::before{
    --tw-content: none;
    content: var(--tw-content);
  }
  .md\:after\:border-r::after{
    content: var(--tw-content);
    border-right-width: 1px;
  }
  .md\:after\:border-r-0::after{
    content: var(--tw-content);
    border-right-width: 0px;
  }
  .md\:last-of-type\:border-b:last-of-type{
    border-bottom-width: 1px;
  }
  .promotion.md\:promotion\:h-\[100vh\]{
    height: 100vh;
  }
  .promotion.md\:promotion\:h-\[400px\]{
    height: 400px;
  }
  .promotion.md\:promotion\:h-\[450px\]{
    height: 450px;
  }
  .promotion.md\:promotion\:h-\[550px\]{
    height: 550px;
  }
  .promotion.md\:promotion\:h-\[650px\]{
    height: 650px;
  }
  .promotion.md\:promotion\:h-\[750px\]{
    height: 750px;
  }
  .promotion.md\:promotion\:h-\[90vh\]{
    height: 90vh;
  }
  .promotion.md\:promotion\:h-\[95vh\]{
    height: 95vh;
  }
  .promotion.md\:promotion\:h-auto{
    height: auto;
  }
  .promotion.md\:promotion\:pb-0{
    padding-bottom: 0px;
  }
  .quick-view .md\:quick-view\:mb-2\.5{
    margin-bottom: 0.625rem;
  }
  .quick-view .quick-view\:md\:h-full{
    height: 100%;
  }
  .quick-view .quick-view\:md\:pb-7\.5{
    padding-bottom: 1.875rem;
  }
  .quick-view .quick-view\:md\:pt-\[68px\]{
    padding-top: 68px;
  }
  .list-layout .md\:list-layout\:left-auto{
    left: auto;
  }
  .list-layout .md\:list-layout\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .list-layout .md\:list-layout\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .list-layout .md\:list-layout\:mb-0{
    margin-bottom: 0px;
  }
  .list-layout .md\:list-layout\:mt-0{
    margin-top: 0px;
  }
  .list-layout .md\:list-layout\:mt-3\.5{
    margin-top: 0.875rem;
  }
  .list-layout .md\:list-layout\:line-clamp-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .list-layout .md\:list-layout\:line-clamp-4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .list-layout .md\:list-layout\:block{
    display: block;
  }
  .list-layout .md\:list-layout\:flex{
    display: flex;
  }
  .list-layout .md\:list-layout\:hidden{
    display: none;
  }
  .list-layout .md\:list-layout\:min-h-\[200px\]{
    min-height: 200px;
  }
  .list-layout .md\:list-layout\:w-2\/5{
    width: 40%;
  }
  .list-layout .md\:list-layout\:w-3\/5{
    width: 60%;
  }
  .list-layout .md\:list-layout\:w-\[30\%\]{
    width: 30%;
  }
  .list-layout .md\:list-layout\:w-\[calc\(100\%-30\%-1rem\)\]{
    width: calc(100% - 30% - 1rem);
  }
  .list-layout .md\:list-layout\:w-\[calc\(70\%-16px\)\]{
    width: calc(70% - 16px);
  }
  .list-layout .md\:list-layout\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }
  .list-layout .md\:list-layout\:shrink-0{
    flex-shrink: 0;
  }
  .list-layout .list-layout\:md\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .list-layout .md\:list-layout\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .list-layout .md\:list-layout\:flex-row{
    flex-direction: row;
  }
  .list-layout .md\:list-layout\:flex-wrap{
    flex-wrap: wrap;
  }
  .list-layout .md\:list-layout\:items-center{
    align-items: center;
  }
  .list-layout .list-layout\:md\:justify-start{
    justify-content: flex-start;
  }
  .list-layout .md\:list-layout\:justify-start{
    justify-content: flex-start;
  }
  .list-layout .md\:list-layout\:gap-8{
    gap: 2rem;
  }
  .list-layout .md\:list-layout\:gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .list-layout .md\:list-layout\:overflow-visible{
    overflow: visible;
  }
  .list-layout .md\:list-layout\:text-ellipsis{
    text-overflow: ellipsis;
  }
  .list-layout .md\:list-layout\:border-t{
    border-top-width: 1px;
  }
  .list-layout .md\:list-layout\:p-0{
    padding: 0px;
  }
  .list-layout .md\:list-layout\:p-5{
    padding: 1.25rem;
  }
  .list-layout .md\:list-layout\:p-8{
    padding: 2rem;
  }
  .list-layout .md\:list-layout\:px-5\.5{
    padding-left: 1.375rem;
    padding-right: 1.375rem;
  }
  .list-layout .md\:list-layout\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .list-layout .md\:list-layout\:pb-\[30\%\]{
    padding-bottom: 30%;
  }
  .list-layout .md\:list-layout\:pr-7{
    padding-right: 1.75rem;
  }
  .list-layout .md\:list-layout\:pt-0{
    padding-top: 0px;
  }
  .list-layout .md\:list-layout\:pt-3{
    padding-top: 0.75rem;
  }
  .list-layout .md\:list-layout\:pt-7{
    padding-top: 1.75rem;
  }
  .list-layout .md\:list-layout\:text-left{
    text-align: left;
  }
  .list-layout .md\:list-layout\:text-right{
    text-align: right;
  }
  .list-layout .md\:list-layout\:text-start{
    text-align: start;
  }
  [dir="ltr"] .list-layout .md\:list-layout\:text-start{
    text-align: left;
  }
  .filter-aside .filter-aside\:md\:block{
    display: block;
  }
  .filter-aside .filter-aside\:md\:flex{
    display: flex;
  }
  .filter-aside .filter-aside\:md\:hidden{
    display: none;
  }
  .list-layout .md\:dark\:list-layout\:p-0:is(.dark *){
    padding: 0px;
  }
  .list-layout .md\:dark\:list-layout\:p-5:is(.dark *){
    padding: 1.25rem;
  }
}
@media (min-width: 768px){
  @media (min-width: 1024px){
    .list-layout .md\:list-layout\:lg\:w-1\/4{
      width: 25%;
    }
    .list-layout .md\:list-layout\:lg\:w-3\/4{
      width: 75%;
    }
  }
}
@media (min-width: 768px) and (max-width: 1023px){
  .md-lg\:bottom-auto{
    bottom: auto;
  }
  .md-lg\:top-0{
    top: 0px;
  }
  .md-lg\:h-full{
    height: 100%;
  }
  .md-lg\:max-w-min{
    max-width: -moz-min-content;
    max-width: min-content;
  }
  .md-lg\:items-start{
    align-items: flex-start;
  }
  .md-lg\:items-end{
    align-items: flex-end;
  }
  .md-lg\:justify-start{
    justify-content: flex-start;
  }
  .md-lg\:justify-end{
    justify-content: flex-end;
  }
  .md-lg\:pb-0{
    padding-bottom: 0px;
  }
}
@media (min-width: 768px){
  .ltr\:md\:left-auto:where([dir="ltr"], [dir="ltr"] *){
    left: auto;
  }
  .ltr\:md\:right-0:where([dir="ltr"], [dir="ltr"] *){
    right: 0px;
  }
  .ltr\:md\:right-0\.5:where([dir="ltr"], [dir="ltr"] *){
    right: 0.125rem;
  }
  .md\:ltr\:right-3:where([dir="ltr"], [dir="ltr"] *){
    right: 0.75rem;
  }
  .ltr\:md\:translate-x-1\/3:where([dir="ltr"], [dir="ltr"] *){
    --tw-translate-x: 33.333333%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .ltr\:md\:items-center:where([dir="ltr"], [dir="ltr"] *){
    align-items: center;
  }
  .ltr\:md\:pl-5:where([dir="ltr"], [dir="ltr"] *){
    padding-left: 1.25rem;
  }
  .ltr\:md\:pr-4:where([dir="ltr"], [dir="ltr"] *){
    padding-right: 1rem;
  }
  .ltr\:md\:pr-\[70px\]:where([dir="ltr"], [dir="ltr"] *){
    padding-right: 70px;
  }
  .md\:ltr\:pl-4:where([dir="ltr"], [dir="ltr"] *){
    padding-left: 1rem;
  }
  .md\:ltr\:pr-4:where([dir="ltr"], [dir="ltr"] *){
    padding-right: 1rem;
  }
  .list-layout .list-layout\:ltr\:md\:left-0:where([dir="ltr"], [dir="ltr"] *){
    left: 0px;
  }
}