/** Shopify CDN: Minification failed
Line 14861:0 Unexpected "{"
Line 14867:0 Unexpected "{"
Line 14879:0 Unexpected "{"
Line 14888:0 Unexpected "{"
Line 14900:0 Unexpected "{"
Line 14906:0 Unexpected "{"
Line 15226:0 Unexpected "{"
Line 15583:2 Unexpected "{"
Line 15591:2 Unexpected "{"
Line 15643:2 Unexpected "{"
... and 19 more hidden warnings
**/
@charset "UTF-8";
.\!swiffy-slider, .md\:swiffy-slider, .swiffy-slider {
position: relative;
display: block;
width: 100%;
--swiffy-slider-snap-align: center;
--swiffy-slider-item-width: 100%;
--swiffy-slider-item-gap: 1rem;
--swiffy-slider-item-reveal: 0rem;
--swiffy-slider-item-ratio: 1/1;
--swiffy-slider-item-count: 1;
--swiffy-slider-nav-light: #fff;
--swiffy-slider-nav-dark: #333;
--swiffy-slider-nav-zoom: 1;
--swiffy-slider-track-opacity: 0.1;
--swiffy-slider-track-height: 0;
--swiffy-slider-nav-outside-size: 3.5rem;
--swiffy-slider-indicator-outside-size: 1.5rem;
--swiffy-slider-animation-duration: 0.75s;
--swiffy-slider-animation-delay: 0s;
--swiffy-slider-animation-timing: ease-in-out;
--slider-nav-height: 54px;
--slider-nav-width: 54px;
}
.swiffy-slider,
.swiffy-slider::after,
.swiffy-slider::before {
box-sizing: border-box;
}
.slider-item-show3\/2 {
--swiffy-slider-item-count: 1.5;
}
.swiffy-slider ::-webkit-scrollbar {
height: var(--swiffy-slider-track-height);
}
.swiffy-slider ::-webkit-scrollbar-track {
background: rgba(0, 0, 0, var(--swiffy-slider-track-opacity));
}
.swiffy-slider ::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
border-radius: 1rem;
}
.swiffy-slider ::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.6);
}
.search-page .search-page\:slider-container, .slider-container {
--swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));
/*--swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count));*/
--swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count));
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
display: grid;
/*align-items: center;*/
height: 100%;
grid: auto / auto-flow max-content;
grid-auto-rows: 100%;
grid-auto-columns: var(--swiffy-slider-item-width);
grid-auto-flow: column;
grid-gap: var(--swiffy-slider-item-gap);
list-style: none;
margin: 0;
padding: 0;
scrollbar-width: none;
scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, var(--swiffy-slider-track-opacity));
background-clip: padding-box;
}
.section-testimonial .slider-container::-webkit-scrollbar,
.section-highlight-product-set .slider-container::-webkit-scrollbar,
.section-blog-post .slider-container::-webkit-scrollbar,
.header-search .slider-container::-webkit-scrollbar,
.section-featured-collection .slider-container::-webkit-scrollbar,
.section-featured-collection .link-list::-webkit-scrollbar,
.section-tabs .link-list::-webkit-scrollbar,
.complementary__list-products .slider-container::-webkit-scrollbar,
.zoom-enlarge__wrapper .slider-container::-webkit-scrollbar {
display: none;
}
.swiffy-slider.slide-mode-vertical .slider-container {
--swiffy-slider-item-gap-total-height: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));
--swiffy-slider-item-height: calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-total-height)) / var(--swiffy-slider-item-count));
scroll-snap-type: y mandatory;
overflow-y: auto;
grid: auto-flow max-content / auto;
grid-auto-flow: row;
grid-auto-rows: var(--swiffy-slider-item-height);
grid-template-columns: 1fr;
}
/*.slider-container>* {*/
.slider-container > * {
/*The slides*/
scroll-snap-align: var(--swiffy-slider-snap-align);
position: relative;
}
.swiffy-slider .pagination-active-image {
opacity: 0;
transform: scale(0.8);
transition: all 0.3s ease-in-out;
pointer-events: none;
display: none;
}
.swiffy-slider .pagination-active-image.active {
opacity: 1;
transform: scale(1);
display: block;
}
.slider-item-helper .slider-container > * {
background-size: cover;
background-color: #e1e1e1;
background-position: 50% 50%;
display: flex;
justify-content: center;
align-items: center;
}
/*.slider-item-helper:not(.slider-item-ratio) .slider-container > * {*/
/* min-height: 20rem;*/
/*}*/
/*.slider-item-ratio .slider-container > * > * {*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/* object-fit: cover;*/
/*}*/
/*.slider-item-ratio-contain .slider-container > * > * {*/
/* object-fit: contain;*/
/*}*/
/*.slider-item-ratio .slider-container > *::after {*/
.slider-item-ratio .slider-container {
/*display: block;*/
padding-bottom: calc(100% / (var(--swiffy-slider-item-ratio)));
/*content: "";*/
}
.slider-item-ratio-32x9 {
--swiffy-slider-item-ratio: 32/9;
}
.slider-item-ratio-21x9 {
--swiffy-slider-item-ratio: 21/9;
}
.slider-item-ratio-1\/1 {
--swiffy-slider-item-ratio: 1/1;
}
.slider-item-ratio-4\/3 {
--swiffy-slider-item-ratio: 4/3;
}
.slider-item-ratio-2\/3 {
--swiffy-slider-item-ratio: 2/3;
}
.slider-item-ratio-16\/9 {
--swiffy-slider-item-ratio: 16/9;
}
.slider-item-ratio-3\/4 {
--swiffy-slider-item-ratio: 3/4;
}
.slider-item-ratio-2x1 {
--swiffy-slider-item-ratio: 2/1;
}
.slider-nav-scrollbar {
--swiffy-slider-track-height: 0.5rem;
}
.slider-nav-scrollbar .slider-container {
scrollbar-width: thin;
}
.slider-nav-nodelay .slider-container {
scroll-behavior: auto;
}
.slider-nav.nav-disabled {
cursor: not-allowed;
opacity: 0.6;
}
.slider-indicators {
position: absolute;
right: 2rem;
bottom: 0;
left: 2rem;
display: flex;
justify-content: center;
padding: 0;
margin-bottom: 1rem;
list-style: none;
}
.slider-nav-scrollbar .slider-indicators {
margin-bottom: calc(1rem + var(--swiffy-slider-track-height));
}
.slider-indicators > *.active,
.section-hero-slideshow-horizontal .slider-indicator:hover {
/*opacity: 1;*/
background-color: rgba(var(--color-heading));
}
.swiffy-slider.slider-indicators-outside .slider-nav {
margin-bottom: var(--swiffy-slider-indicator-outside-size);
}
.swiffy-slider.slider-indicators-outside {
padding-bottom: var(--swiffy-slider-indicator-outside-size);
}
.testimonial-section-container .swiffy-slider.slider-indicators-outside {
padding-bottom: calc(var(--swiffy-slider-indicator-outside-size) + 16px);
}
.swiffy-slider.slider-indicators-outside.slider-indicators,
.swiffy-slider.slider-indicators-outside .slider-indicators {
margin-bottom: 0;
}
.slider-indicators > * {
box-sizing: content-box;
flex: 0 1 auto;
width: 2rem;
height: 0.2rem;
padding: 0;
border: 0.4rem solid transparent;
cursor: pointer;
/*background-color: #fff;*/
background-color: rgba(var(--color-heading-no-alpha) / 0.2);
background-clip: padding-box;
/*opacity: 0.5;*/
transition: background-color 0.4s ease;
}
.slider-indicators-square.slider-indicators > *,
.slider-indicators-square .slider-indicators > * {
width: 0.5rem;
height: 0.5rem;
border: 0.4rem solid transparent;
}
.slider-indicators-round.slider-indicators > *,
.slider-indicators-round .slider-indicators > * {
width: 0.5rem;
height: 0.5rem;
border: 0.4rem solid transparent;
border-radius: 50%;
}
.slider-indicators-round .slider-indicator.complementary-product-dot {
width: 0.375rem;
height: 0.375rem;
border-width: 0px;
}
.slider-indicators-highlight.slider-indicators > *.active,
.slider-indicators-highlight .slider-indicators > *.active {
border: 0.33rem solid transparent;
padding: 0.07rem;
}
.slider-nav.is-visible:not(.is-visible) {
visibility: visible;
pointer-events: auto;
}
.slider-nav.enable-effect-hover:not(.is-visible) {
visibility: hidden;
}
.slider-nav:not(.enable-effect-hover) {
visibility: visible;
}
.slider-nav {
/*visibility: hidden;*/
position: absolute;
z-index: 12;
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
height: var(--slider-nav-height);
width: var(--slider-nav-width);
top: calc((100% - var(--slider-nav-height)) / 2);
left: 0;
bottom: 0;
background-color: transparent;
transition: visibility 0.1s, opacity 0.2s linear;
margin-bottom: var(--swiffy-slider-track-height);
padding: 0 0.5rem;
filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
transform: scale(var(--swiffy-slider-nav-zoom));
}
.complementary__list-products .slider-nav {
padding: 0 0.625rem;
}
[dir="rtl"] .slider-nav {
left: unset;
right: 0;
}
/*.slider-nav::before {*/
/* position: absolute;*/
/* content: "";*/
/* padding: 0.5rem;*/
/* width: 3rem;*/
/* height: 3rem;*/
/*}*/
/*.slider-nav::after {*/
/* content: "";*/
/* mask: url("data:image/svg+xml,");*/
/* mask-size: cover;*/
/* background-color: var(--swiffy-slider-nav-light);*/
/* background-origin: content-box;*/
/* width: 3rem;*/
/* height: 3rem;*/
/*}*/
/*.slider-nav-arrow .slider-nav::before {*/
/* mask: url("data:image/svg+xml,");*/
/*}*/
/*.slider-nav-chevron .slider-nav::before {*/
/* mask: url("data:image/svg+xml,");*/
/*}*/
/*.slider-nav-caret .slider-nav::after {*/
/* mask: url("data:image/svg+xml,");*/
/*}*/
/*.slider-nav-caretfill .slider-nav::after {*/
/* mask: url("data:image/svg+xml,");*/
/*}*/
.swiffy-slider:hover > .slider-nav.is-visible {
visibility: visible;
}
.swiffy-slider.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next) {
visibility: hidden;
}
.swiffy-slider.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next {
visibility: hidden;
}
.slider-nav-detached .slider-nav {
position: relative;
}
.slider-nav-outside .slider-container {
margin: 0 var(--swiffy-slider-nav-outside-size);
}
.slider-nav-outside > .slider-nav {
padding: 0;
}
.swiffy-slider .slider-nav:hover {
opacity: 1;
}
.swiffy-slider .slider-nav.nav-disabled:hover {
opacity: 0.6;
}
.slider-nav-square .slider-nav {
padding: 0;
}
.slider-nav-round .slider-nav::before,
.slider-nav-square .slider-nav::before {
background-color: var(--swiffy-slider-nav-light);
}
.slider-nav-round .slider-nav::after,
.slider-nav-square .slider-nav::after {
background-color: var(--swiffy-slider-nav-dark);
width: 2rem;
height: 2rem;
margin: 0.5rem;
}
.slider-nav-round .slider-nav::before {
border-radius: 50%;
}
/*.slider-nav-round .slider-nav::after {*/
/* mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E");*/
/*}*/
/*.slider-nav-dark .slider-nav::after {*/
/* background-color: var(--swiffy-slider-nav-dark);*/
/*}*/
.slider-nav-dark.slider-nav-round .slider-nav::before,
.slider-nav-dark.slider-nav-square .slider-nav::before {
background-color: var(--swiffy-slider-nav-dark);
}
.slider-nav-dark.slider-nav-round .slider-nav::after,
.slider-nav-dark.slider-nav-square .slider-nav::after {
background-color: var(--swiffy-slider-nav-light);
}
.slider-nav-sm {
--swiffy-slider-nav-zoom: 0.75;
--swiffy-slider-nav-outside-size: 2.5rem;
}
.slider-nav.slider-nav-next::after {
transform: rotate(180deg);
}
.slider-nav.slider-nav-next {
right: 0;
left: unset;
}
[dir="rtl"] .slider-nav.slider-nav-next {
left: 0;
right: unset;
}
.slider-nav-visible .slider-nav.is-visible {
visibility: visible;
pointer-events: auto;
}
.slider-nav-dark .slider-nav {
opacity: 0.6;
}
/*.slider-indicators-dark.slider-indicators > *,*/
/*.slider-indicators-dark .slider-indicators > * {*/
/* !*filter: invert(1);*!*/
/* background: rgba(var(--color-heading-no-alpha) / 0.12); */
/*}*/
/*.slider-indicators-dark .slider-indicators > .active {*/
/* background: var(--color-heading);*/
/*}*/
.slider-item-snapstart {
--swiffy-slider-snap-align: start;
}
.slider-item-nosnap {
--swiffy-slider-snap-align: unset;
}
.slider-item-nogap {
--swiffy-slider-item-gap: 0rem;
}
.slider-item-reveal {
--swiffy-slider-item-reveal: 8rem;
}
.slider-item-snapstart.slider-item-reveal {
--swiffy-slider-item-reveal: 4rem;
}
.slider-item-show2 {
--swiffy-slider-item-count: 2;
}
.slider-item-show3 {
--swiffy-slider-item-count: 3;
}
.slider-item-show4 {
--swiffy-slider-item-count: 4;
}
.slider-item-show5 {
--swiffy-slider-item-count: 5;
}
.slider-item-show6 {
--swiffy-slider-item-count: 6;
}
.slider-nav-mousedrag .slider-container {
cursor: grab;
}
.slider-nav-mousedrag.dragging .slider-container {
scroll-snap-type: unset;
scroll-behavior: unset;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.slider-nav-mousedrag.dragging .slider-nav {
visibility: hidden;
}
.swiffy-slider[data-effect="fade"] > .slider-container,
.swiffy-slider[data-effect="push"] > .slider-container {
position: relative;
width: 100%;
overflow: hidden;
}
.swiffy-slider.grabbable > .slider-container > .slide-item {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.swiffy-slider.grabbable > .slider-container > .slide-item:active {
cursor: grab;
cursor: -webkit-grab;
}
.swiffy-slider[data-effect="fade"]:not(.md\:\!swiffy-slider) > .slider-container > .slide-item,
.swiffy-slider[data-effect="push"]:not(.md\:\!swiffy-slider) > .slider-container > .slide-item {
/*.swiffy-slider[data-effect="fade"] .slide-item {*/
position: absolute;
width: 100%;
/*height: 100%;*/
flex: 0 0 100%;
scroll-snap-align: start;
transition: opacity 0.5s linear;
background-size: cover;
background-position: center;
}
.swiffy-slider[data-effect="fade"] > .slider-container > .slide-item.is-active,
.swiffy-slider[data-effect="push"] > .slider-container > .slide-item.is-active,
.swiffy-slider[data-effect="fade"] > .link-product-variant > .slide-item {
opacity: 1;
/*visibility: visible;*/
animation: fadeInSlide 0.5s linear;
}
.swiffy-slider[data-effect="fade"] > .slider-container > .slide-item:not(.is-active),
.swiffy-slider[data-effect="push"] > .slider-container > .slide-item:not(.is-active) {
opacity: 0;
/*visibility: hidden;*/
}
.swiffy-slider.invisible-slide {
visibility: hidden;
}
.image-pagination-wrapper{
transform: translateY(calc(100% + 12px));
will-change: transform;
transition-property: transform,opacity;
transition-timing-function: ease-in;
transition-duration: 0.3s;
}
.active.image-pagination-wrapper {
transform: translateY(0);
}
\!swiffy-slider .slider-container {
grid-auto-flow: initial;
grid-auto-rows: initial;
grid-auto-columns: initial;
}
@media (hover: hover) {
.slider-nav-mousedrag .slider-container::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
}
}
@media (prefers-reduced-motion: no-preference) {
.slider-nav-animation.slider-nav-animation-fast {
--swiffy-slider-animation-duration: 0.25s;
}
.slider-nav-animation.slider-nav-animation-slow {
--swiffy-slider-animation-duration: 1.25s;
}
.slider-nav-animation .slider-container > * > * {
transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing), transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
transition-delay: var(--swiffy-slider-animation-delay);
}
.slider-nav-animation .slider-container .slide-visible > * {
transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing), transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
transition-delay: var(--swiffy-slider-animation-delay);
}
.slider-nav-animation.slider-nav-animation-fadein .slider-container > * > * {
/*opacity: 0.5;*/
}
.slider-nav-animation.slider-nav-animation-scale .slider-container > * > * {
transform: scale(0.9);
}
.slider-nav-animation.slider-nav-animation-appear .slider-container > * > * {
opacity: 0.3;
transform: scale(0.9);
}
.slider-nav-animation.slider-nav-animation-scaleup .slider-container > * > * {
transform: scale(0.25);
}
.slider-nav-animation.slider-nav-animation-zoomout .slider-container > * {
overflow: hidden;
}
.slider-nav-animation.slider-nav-animation-zoomout .slider-container > * > * {
transform: scale(1.3);
}
.slider-nav-animation.slider-nav-animation-turn .slider-container > * > * {
transform: rotateY(70deg);
}
.slider-nav-animation.slider-nav-animation-slideup .slider-container > * > * {
transform: translateY(60%) scale(0.99);
}
.slider-nav-animation.slider-nav-animation-slideup .slider-container {
overflow-y: hidden;
}
.slider-nav-animation .slider-container>*.slide-visible>* {
opacity: 1;
transform: none;
}
}
@media (min-width: 48rem) {
.slider-item-show6:not(.slider-item-snapstart) .slider-container > *,
.slider-item-show4:not(.slider-item-snapstart) .slider-container > *,
.slider-item-show2:not(.slider-item-snapstart) .slider-container > * {
scroll-snap-align: unset;
}
.slider-item-show6:not(.slider-item-snapstart) .slider-container > *::before,
.slider-item-show4:not(.slider-item-snapstart) .slider-container > *::before,
.slider-item-show2:not(.slider-item-snapstart) .slider-container > *::before {
content: " ";
display: block;
position: absolute;
left: calc((var(--swiffy-slider-item-gap) / 2) * -1);
top: 0;
/*FF fix setting w+h to 1 px - otherwise snap will not occur*/
width: 1px;
height: 1px;
scroll-snap-align: var(--swiffy-slider-snap-align);
}
.slider-nav-outside-expand .slider-nav {
margin-left: -4rem;
}
.slider-nav-outside-expand .slider-nav.slider-nav-next {
margin-right: -4rem;
}
.slider-nav-sm.slider-nav-outside-expand .slider-nav {
margin-left: -3.5rem;
}
.slider-nav-sm.slider-nav-outside-expand .slider-nav.slider-nav-next {
margin-right: -3.5rem;
}
.slider-indicators-sm.slider-indicators {
display: none;
}
}
@media (max-width: 48rem) {
.slider-item-show6 .slider-container {
grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap) / 2));
}
.slider-item-show6.slider-item-reveal .slider-container {
grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap) / 2) - 1.5rem);
}
}
/*@media (hover: none) {*/
/* .swiffy-slider.slider-nav-touch .slider-nav {*/
/* visibility: visible;*/
/* }*/
/* .swiffy-slider:not(.slider-nav-touch).slider-nav-outside-expand .slider-container,*/
/* .swiffy-slider:not(.slider-nav-touch).slider-nav-outside .slider-container {*/
/* margin: 0 0rem;*/
/* }*/
/* .slider-item-nosnap-touch {*/
/* --swiffy-slider-snap-align: unset;*/
/* }*/
/*}*/
@media (max-width: 768px) {
.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: absolute;
width: 100%;
height: 100%;
flex: 0 0 100%;
scroll-snap-align: start;
transition: opacity 0.3s linear;
background-size: cover;
background-position: center;
}
}
@media (max-width: 767px) {
.\!swiffy-slider .slider-container {
grid-auto-flow: initial;
grid-auto-rows: initial;
grid-auto-columns: initial;
}
.\!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;
}
}
@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;
}
}
@media (min-width: 1024px) {
.lg\:\!swiffy-slider .slider-container {
grid-auto-flow: initial;
grid-auto-rows: initial;
grid-auto-columns: initial;
}
.swiffy-slider[data-effect="fade"].lg\:\!swiffy-slider .slide-item,
.swiffy-slider[data-effect="push"].lg\:\!swiffy-slider .slide-item {
position: relative;
}
.lg\:\!swiffy-slider[data-effect="fade"] .slide-item:not(.is-active) {
opacity: 1;
}
}
@keyframes fadeInSlide {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@keyframes slideLoop {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-400%);
}
}
@media (min-width: 1280px) {
.xl\:\!swiffy-slider .slider-container {
grid-auto-flow: initial;
grid-auto-rows: initial;
grid-auto-columns: initial;
}
.swiffy-slider[data-effect="fade"].xl\:\!swiffy-slider .slide-item,
.swiffy-slider[data-effect="push"].xl\:\!swiffy-slider .slide-item {
position: relative;
}
.xl\:\!swiffy-slider[data-effect="fade"] .slide-item:not(.is-active) {
opacity: 1;
}
}
/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #e5e7eb; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
html {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
*,
*::before,
*::after {
border-color: rgba(var(--color-line-and-border));
box-sizing: border-box;
}
:root {
--product-comparison-grid-item-width: 2/3;
--product-comparison-item-in-table: 2;
}
@supports (height: 100dvh) {
:root {
--viewport-height: 100dvh;
}
}
*:focus-visible {
outline-offset: 1px;
}
body {
font-family: var(--body-font-family);
font-size: var(--body-font-size);
font-style: var(--body-font-style);
font-weight: var(--body-font-weight);
line-height: var(--line-height-body);
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.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));
}
.disable-button-tap-highlight {
-webkit-tap-highlight-color: transparent;
}
h1, .h1 {
font-size: var(--h1-font-size);
line-height: var(--line-height-heading);
}
h2, .h2 {
font-size: var(--h2-font-size);
line-height: var(--line-height-heading);
}
h3, .h3 {
font-size: var(--h3-font-size);
line-height: var(--line-height-heading);
}
h4, .h4 {
font-size: var(--h4-font-size);
line-height: var(--line-height-heading);
}
h5, .h5 {
font-size: var(--h5-font-size);
line-height: var(--line-height-heading);
}
h6, .h6 {
font-size: var(--h6-font-size);
line-height: var(--line-height-heading);
}
.h7 {
font-size: var(--h7-font-size);
line-height: var(--line-height-heading);
}
.text-default {
font-size: 1em;
}
.button-large {
--button-padding-y-desktop: 16px;
--button-padding-x-desktop: 41px;
}
.button-small {
--button-padding-y-desktop: 8px;
--button-padding-x-desktop: 21px;
}
.button-no-padding {
--button-padding-y-mobile: 0px;
--button-padding-x-mobile: 0px;
--button-padding-y-desktop: 0px;
--button-padding-x-desktop: 0px;
}
button, .button {
font-family: var(--button-font);
font-weight: var(--button-font-weight);
font-style: var(--button-font-style);
font-size: var(--button-font-size);
border-radius: var(--button-border-radius);
}
.button {
display: inline-block;
position: relative;
padding: var(--button-padding-y-mobile, 10px) var(--button-padding-x-mobile, 26px);
line-height: var(--line-height-button);
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
word-break: break-word;
}
.button[disabled], .button[aria-disabled=true] {
opacity: 0.4;
cursor: not-allowed;
}
.button-primary[disabled], .button-primary[aria-disabled=true] {
opacity: 1;
color: rgba(var(--color-button-text-no-alpha) / 0.7);
}
.button-secondary[disabled], .button-secondary[aria-disabled=true] {
opacity: 1;
color: rgba(var(--color-secondary-button-text-no-alpha) / 0.7);
}
.button[disabled].product-form__btn-add-to-cart, .button[aria-disabled=true].product-form__btn-add-to-cart {
opacity: 0.8;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
width: 24px;
height: 24px;
cursor: pointer;
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
a.effect-inline,
p.effect-inline {
color: rgba(var(--color-button-link));
}
.button-primary {
background: rgba(var(--color-button));
color: rgba(var(--color-button-text));
}
.shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-challenge__button {
position: relative;
overflow: hidden;
background: rgba(var(--color-button));
color: rgba(var(--color-button-text));
}
.shopify-challenge__button {
min-height: unset;
}
.shopify-payment-button .shopify-payment-button__button--unbranded{
min-height: 44px;
}
@media (min-width: 768px){
.shopify-payment-button .shopify-payment-button__button--unbranded{
min-height: 52px;
}
}
.shopify-payment-button .shopify-payment-button__button--unbranded[disabled] {
opacity: 0.6;
cursor: not-allowed;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:before{
position: absolute;
top: 50%;
left: 50%;
height: 2.5rem;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 0.1;
--tw-scale-y: 0.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));
border-radius: 9999px;
opacity: 0;
--tw-content: '';
content: var(--tw-content);
background-color: rgba(var(--color-button-text-no-alpha) / 0.2);
filter: blur(5px);
transition: transform 0.3s, opacity 0.3s, background-color 0.3s, width 0.3s, height 0.3s;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover:before {
opacity: 1;
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scaleX(1.5) scaleY(1.5);
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]),
.shopify-challenge__button:hover {
background: rgba(var(--color-button));
color: rgba(var(--color-button-text));
}
.button-secondary {
background: rgba(var(--color-secondary-button));
color: rgba(var(--color-secondary-button-text));
}
.button-link {
line-height: 1.6;
color: rgba(var(--color-button-link));
border: none;
text-decoration: none;
}
.bg-theme {
background-color: rgba(var(--color-background));
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
.input-image-filter:checked + .image-filter .icon-checkbox{
opacity: 1;
background-color: rgba(var(--color-button));
}
.input-image-filter:checked + .image-filter .checkbox-overlay{
opacity: 1;
background-color: rgba(var(--color-text-no-alpha) / 0.4);
}
.input-image-filter:checked + .image-filter .icon-tick{
display: inline-block;
}
.input-image-filter:not(:checked) + .image-filter .advanced-filter-checkbox {
background-color: rgba(255 255 255 / 0.6);
}
.input-image-filter:not(:checked) + .image-filter .icon-tick.advanced-filter-tick{
display: none;
}
.input-image-filter:checked + .image-filter .advanced-filter-checkbox{
background-color: rgba(var(--color-button));
}
.input-image-filter:checked + .image-filter .icon-tick.advanced-filter-tick{
display: flex;
}
input[type="search"]::-moz-search-cancel-button {
display: none;
}
.truncate-text {
display: -webkit-box;
-webkit-box-orient: vertical;
max-height: var(--truncate-height, auto);
margin: 0 auto;
overflow: hidden;
transition: max-height 0.3s ease;
text-overflow: ellipsis;
}
.truncate-text.truncate-expanded {
max-height: var(--truncate-height-expanded, auto);
box-shadow: none;
transition: all 0.3s ease;
}
.truncate-text .gradient {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 65%;
background-image: linear-gradient(transparent, rgba(var(--color-background)));
}
.message-success {
background-color: rgba(var(--success-message-color-no-alpha) / 0.1);
color: rgba(var(--success-message-color));
}
.message-error {
background-color: rgba(var(--error-message-color-no-alpha) / 0.1);
color: rgba(var(--error-message-color));
}
.compare-at-price, .main-price {
color: rgba(var(--color-price));
}
.price {
color: rgba(var(--color-sale-price));
}
.highlight-color {
color: rgba(var(--color-highlight));
}
.border-highlight {
border-color: rgba(var(--color-highlight));
}
.icon-color {
color: rgba(var(--rating-color))
}
/*.select {*/
/* display: block;*/
/* border-radius: var(--input-border-radius);*/
/* border: 1px solid rgba(var(--color-line-and-border));*/
/* padding: var(--button-padding-y, 12px) 15px;*/
/*}*/
.select-listbox {
background: rgba(var(--color-background));
box-shadow: 0 0px 6px -1px rgba(var(--color-shadow-color-no-alpha) / 0.1), 0 3px 4px -2px rgba(var(--color-shadow-color-no-alpha) / 0.1);
}
/*button.scroll-to-top__button:hover {*/
/* color: rgba(var(--color-button-text));*/
/* background-color: rgba(var(--color-button));*/
/* box-shadow: none;*/
/* filter: none;*/
/*}*/
.rte .tooltip-icon img {
margin-bottom: 0;
}
.utility-block .icon,
.x-header .icon {
color: rgba(var(--color-icon-header));
}
.announcement .icon {
color: rgba(var(--color-text));
}
.x-footer .icon {
color: rgba(var(--color-icon-footer));
}
.link:hover,
.link:hover .icon {
color: rgba(var(--color-highlight));
}
.link[aria-disabled=true] {
opacity: .4;
cursor: not-allowed;
}
.rtl {
direction: rtl;
}
.bg-gradient, .search-page .search-page\:bg-gradient {
background: var(--gradient-background, "none");
}
.hover\:bg-gradient:hover {
background: var(--gradient-background, "none");
}
.bg-gradient-no-alpha {
background: var(--gradient-background-no-alpha, "none");
}
.\!bg-gradient-no-alpha {
background: var(--gradient-background-no-alpha, "none") !important;
}
.ltr {
direction: ltr;
}
.icon-small {
min-width: var(--body-font-size-small);
width: var(--body-font-size-small);
height: var(--body-font-size-small);
}
.icon-medium {
min-width: var(--body-font-size);
width: var(--body-font-size);
height: var(--body-font-size);
}
.icon-large {
min-width: var(--body-font-size-large);
width: var(--body-font-size-large);
height: var(--body-font-size-large);
}
.background-header,
.x-header-mobile .header-mobile-drawer__container,
#x-header-container {
--color-heading: var(--color-text-header);
color: rgba(var(--color-text-header));
background: var(--gradient-background, "none");
background-color: rgba(var(--color-background-header));
}
.x-header-mobile .mobile-header-toolbar .icon {
color: rgba(var(--color-button-text));
}
.x-utility .icon,
.x-header .icon {
color: rgba(var(--color-icon-header));
}
.mega-menu-height {
max-height: calc(var(--viewport-height, 100vh) - var(--header-bottom-position, 0px) - 80px);
}
#x-footer {
--color-heading: var(--color-text);
--color-heading-no-alpha: var(--color-text-no-alpha);
color: rgba(var(--color-text));
background: var(--gradient-background, "none");
background-color: rgba(var(--color-background));
}
.x-break-words {
word-break: break-word;
}
.p-break-words {
word-break: break-word;
}
.menu-opening.mobile-menu-drawer {
transform: translate(0);
visibility: visible;
transition-property: transform, visibility;
transition-duration: 0.3s;
transition-timing-function: ease;
}
.mobile-menu-drawer {
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.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));
}
.full-width {
padding-left: var(--padding-content-full-width);
padding-right: var(--padding-content-full-width);
max-width: 100vw;
}
.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);
}
.media-full-width {
margin-left: calc(-1 * var(--padding-content-full-width));
margin-right: calc(-1 * var(--padding-content-full-width));
}
@media (max-width: 767px) {
.mobile-px-0 {
padding-left: 0;
padding-right: 0;
}
.full-width-padded {
--full-width-padded: 0;
}
.media-full-width-padded {
margin-left: calc(-1 * var(--padding-content-full-width));
margin-right: calc(-1 * var(--padding-content-full-width));
}
}
.maximize [type='checkbox'], .maximize [type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.radio-checked{
position: relative;
height: 18px;
width: 18px;
cursor: pointer;
border-radius: 9999px;
border-width: 1px;
}
.radio-checked:checked:after {
content: '';
background-color: rgba(var(--color-button));
position: absolute;
top: 50%;
left: 50%;
height: 0.625rem;
width: 0.625rem;
--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));
border-radius: 9999px;
}
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@keyframes spinAround {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg);
}
}
@keyframes animationSegmented {
0% {
transform: scaleX(0);
transform-origin: 100% 50%;
}
49% {
transform: scaleX(1);
transform-origin: 100% 50%;
}
50% {
transform: scaleX(1);
transform-origin: 0% 50%;
}
51% {
transform: scaleX(1);
transform-origin: 0% 50%;
}
100% {
transform: scaleX(0);
transform-origin: 0% 50%;
}
}
@keyframes animationSegmentedRTL {
0% {
transform: scaleX(0);
transform-origin: 0% 50%;
}
49% {
transform: scaleX(1);
transform-origin: 0% 50%;
}
50% {
transform: scaleX(1);
transform-origin: 100% 50%;
}
51% {
transform: scaleX(1);
transform-origin: 100% 50%;
}
100% {
transform: scaleX(0);
transform-origin: 100% 50%;
}
}
.product-card__wrapper {
background: rgba(var(--product-card-bg));
color: rgba(var(--color-text))
}
.product-info__inventory-status[data-inventory-status="in-stock"] .product-info__inventory-label,
.product-info__inventory-status[data-inventory-status="restock-incoming"] .product-info__inventory-label {
color: rgba(var(--color-in-stock));
}
.duration-0 {
transition-duration: 0ms;
}
.transition-disabled {
transition: none !important;
}
.product-info__inventory-status[data-inventory-status="restock-incoming"] .product-info__stock-indicator-bar-wrapper,
.product-info__inventory-status[data-inventory-status="in-stock"] .product-info__stock-indicator-bar-wrapper {
background-color: rgba(var(--color-in-stock-no-alpha) / 0.15);
}
.product-info__inventory-status[data-inventory-status="low-stock"] .product-info__inventory-label {
color: rgba(var(--color-low-stock));
}
.product-info__inventory-status[data-inventory-status="restock-incoming"] .product-info__inventory-dot,
.product-info__inventory-status[data-inventory-status="in-stock"] .product-info__inventory-dot,
.product-info__inventory-status[data-inventory-status="in-stock"] .product-info__stock-indicator-bar {
background-color: rgba(var(--color-in-stock));
}
.product-info__inventory-status[data-inventory-status="low-stock"] .product-info__inventory-dot,
.product-info__inventory-status[data-inventory-status="low-stock"] .product-info__stock-indicator-bar {
background-color: rgba(var(--color-low-stock));
}
.product-info__inventory-status[data-inventory-status="low-stock"] .product-info__stock-indicator-bar-wrapper {
background-color: rgba(var(--color-low-stock-no-alpha) / 0.15);
}
.product-info__inventory-status[data-inventory-status="out-of-stock"] .product-info__inventory-label {
color: rgba(var(--color-out-of-stock));
}
.product-info__inventory-status[data-inventory-status="out-of-stock"] .product-info__inventory-dot,
.product-info__inventory-status[data-inventory-status="out-of-stock"] .product-info__stock-indicator-bar {
background-color: rgba(var(--color-out-of-stock));
}
.product-info__inventory-status[data-inventory-status="out-of-stock"] .product-info__stock-indicator-bar-wrapper {
background-color: rgba(var(--color-out-of-stock-no-alpha) / 0.15);
}
.menu-opening.menu-drawer {
transform: translate(0);
visibility: visible;
transition-property: transform, visibility;
transition-duration: 0.5s;
transition-timing-function: ease;
}
.menu-drawer {
transition: 0.5s ease-in-out;
}
.image-treatment-overlay {
background: rgba(var(--color-overlay));
}
.scheme-image-overlay {
background: rgba(var(--overlay-background));
}
.image-treatment-overlay[class*=" opacity-"],
[class^="opacity-"].image-treatment-overlay {
background: rgba(var(--color-overlay-no-alpha));
}
.image-treatment-text {
color: rgba(var(--color-text));
}
.search__speech.search__speech-listening {
animation: colorPulse 2s infinite;
opacity: 1;
}
@keyframes colorPulse {
0% {
color: rgba(var(--color-text-no-alpha) / 0.6);
}
50% {
color: rgba(var(--color-pulse-speech));
}
100% {
color: rgba(var(--color-text-no-alpha) / 0.6);
}
}
.image-comparison .before-after__slider {
position: absolute;
z-index: 40;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
outline: none;
margin: 0;
transition: all ease .0s;
overflow: hidden;
padding: 0;
border: 0;
cursor: col-resize;
opacity: 0;
}
.image-comparison .before-after__slider:focus, .image-comparison .before-after__slider:focus-visible {
z-index: 40;
}
.image-comparison .before-after__slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 2.5rem;
height: 100vh;
}
input[type="range"].before-after__slider::-webkit-slider-thumb {
cursor: col-resize;
background: none;
border: none;
pointer-events: all;
-webkit-appearance: none;
box-shadow: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.input:-webkit-autofill {
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
color: rgba(var(--color-text));
-webkit-text-fill-color: rgba(var(--color-text));
}
.image-comparison .vertical.before-after__slider::-webkit-slider-thumb {
-webkit-appearance: none;
cursor: row-resize;
appearance: none;
width: 100vw;
height: 2.5rem;
opacity: 0;
}
.maximize select {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
::-moz-selection {
background-color: rgba(var(--color-text-no-alpha) / 0.2);
}
::selection {
background-color: rgba(var(--color-text-no-alpha) / 0.2);
}
h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, .h1::-moz-selection, .h2::-moz-selection, .h3::-moz-selection, .h4::-moz-selection, .h5::-moz-selection, .h6::-moz-selection, .text-\[rgba\(var\(--color-heading\)\)\]::-moz-selection, h1 *::-moz-selection, h2 *::-moz-selection, h3 *::-moz-selection, h4 *::-moz-selection, h5 *::-moz-selection, h6 *::-moz-selection, .h1 *::-moz-selection, .h2 *::-moz-selection, .h3 *::-moz-selection, .h4 *::-moz-selection, .h5 *::-moz-selection, .h6 *::-moz-selection {
background: rgba(var(--color-heading-no-alpha) / 0.2);
}
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
.h1::selection,
.h2::selection,
.h3::selection,
.h4::selection,
.h5::selection,
.h6::selection,
.text-\[rgba\(var\(--color-heading\)\)\]::selection,
h1 *::selection,
h2 *::selection,
h3 *::selection,
h4 *::selection,
h5 *::selection,
h6 *::selection,
.h1 *::selection,
.h2 *::selection,
.h3 *::selection,
.h4 *::selection,
.h5 *::selection,
.h6 *::selection {
background: rgba(var(--color-heading-no-alpha) / 0.2);
}
.heading-small {
font-size: var(--heading-font-size-small);
}
.heading-medium {
font-size: var(--heading-font-size-medium);
}
.heading-large {
font-size: var(--heading-font-size-large);
}
.heading-extra-large {
font-size: var(--heading-font-size-extra-large);
}
.heading-content-spacing {
margin-bottom: var(--spacing-between-heading-and-content);
}
.button-video {
background-color: rgba(255 255 255 / 0.2);
color: #ffffff;
}
@media (max-width: 767px) {
.xs\:heading-small {
font-size: var(--heading-font-size-small);
}
.xs\:heading-medium {
font-size: var(--heading-font-size-medium);
}
.xs\:heading-large {
font-size: var(--heading-font-size-large);
}
}
@media (min-width: 768px) {
.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) {
--button-padding-y-desktop: 8px;
--button-padding-x-desktop: 21px;
}
}
@media (min-width: 1024px) {
.hover-text-link:hover {
color: rgba(var(--color-link));
}
}
@media (hover: hover) and (pointer: fine) {
.anm-hover-button {
--color-bg-button-hover: rgba(var(--color-text-no-alpha) / 0.12);
position: relative;
overflow: hidden;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.anm-hover-button,
body.scrollbar.anm-hover-button {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.anm-hover-button .product-comparison-overlay__widget-button,
body.scrollbar.anm-hover-button .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.anm-hover-button::before{
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
height: 2.5rem;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 0.1;
--tw-scale-y: 0.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));
border-radius: 9999px;
opacity: 0;
--tw-content: '';
content: var(--tw-content);
background-color: var(--color-bg-button-hover);
filter: blur(5px);
transition: transform var(--button-animation-duration), opacity var(--button-animation-duration), width var(--button-animation-duration), height var(--button-animation-duration);
}
.anm-hover-button:hover:before {
opacity: 1;
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scaleX(1.5) scaleY(1.5);
}
}
.loading-bar {
background-color: rgba(var(--color-line-and-border));
position: relative;
display: inline-block;
height: 0.125rem;
width: 10rem;
overflow: hidden;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.loading-bar,
body.scrollbar.loading-bar {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.loading-bar .product-comparison-overlay__widget-button,
body.scrollbar.loading-bar .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.loading-bar::before {
content: "";
transform: translate(-5.4rem);
animation: initial-loading 1.5s ease infinite;
background-color: rgba(var(--color-scrollbar));
position: absolute;
height: 100%;
width: 4rem;
}
.loading-cover {
transition-property: opacity, visibility;
transition-timing-function: ease;
pointer-events: none;
height: 50%;
width: 100%;
text-align: center;
transition-duration: 1000ms;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.input-checkbox{
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: var(--border-radius-checkbox);
}
.section-hero-slideshow-horizontal .input-checkbox:not(.input-filter-checkbox):not(:checked) {
background: transparent;
}
.input-checkbox:not(.input-filter-checkbox):not(:checked){
position: relative;
border-width: 1px;
background-color: transparent;
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.input-checkbox:checked, .checkbox-custom.checked{
position: relative;
border-color: rgba(var(--color-button));
background-color: rgba(var(--color-button));
color: rgba(var(--color-button-text));
}
.input-checkbox:checked:after, .icon-tick.input-checkbox, .checkbox-custom.checked:after {
content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.33398 5.722L5.00065 8.61089L11.6673 1.38867' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
position: absolute;
top: 50%;
left: 50%;
display: table;
--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));
width: 13px;
height: 10px;
}
.input-radio{
height: 1rem;
width: 1rem;
min-width: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
height: 18px;
width: 18px;
cursor: pointer;
border-radius: 9999px;
border-width: 1px;
}
.input-radio:checked:after {
content: '';
background-color: rgba(var(--color-button));
position: absolute;
top: 50%;
left: 50%;
height: 0.625rem;
width: 0.625rem;
--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));
border-radius: 9999px;
}
.input-radio:checked{
border-color: rgba(var(--color-button));
}
.input-radio {
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.input-radio:checked:after {
content: '';
background-color: rgba(var(--color-button));
position: absolute;
top: 50%;
left: 50%;
height: 70%;
width: 70%;
--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));
border-radius: 9999px;
}
.advanced-filter-tick.input-checkbox{
border-top-width: 0px;
border-right-width: 0px;
}
.shopify-challenge__container .shopify-challenge__button{
margin-top: 1.25rem;
cursor: pointer;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-right: 1.5rem;
padding-left: 1.5rem;
line-height: 1.5;
}
@media (min-width: 1024px){
.shopify-challenge__container .shopify-challenge__button{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
}
.product-comparison-table {
width: calc(100% * var(--product-comparison-item-in-table) * var(--product-comparison-grid-item-width));
}
.product-comparison-grid-item{
flex: none;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
@media (min-width: 768px){
.product-comparison-grid-item{
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
.product-comparison-grid-item {
width: calc(100% / var(--product-comparison-item-in-table));
}
.product-comparison-grid-title {
left: 0.1px;
position: sticky;
z-index: 10;
display: none}
@media (min-width: 1024px){
.product-comparison-grid-title{
display: flex;
}
}
[dir="rtl"] .product-comparison-grid-title {
left: unset;
right: 0.1px;
}
.product-comparison-grid-title::before {
content: '';
position: absolute;
inset: 0;
z-index: -10;
border-radius: inherit;
}
.bg-placeholder-image {
background-color: rgba(var(--color-background-placeholder-image));
border-radius: inherit;
}
.color-icon-placeholder-image {
fill: rgba(var(--color-icon-placeholder-image));
stroke: rgba(var(--color-icon-placeholder-image));
}
.ratio-1\/1 {
padding-bottom: 100%;
}
.ratio-2\/3 {
padding-bottom: 150%;
}
.ratio-3\/2 {
padding-bottom: 66.67%;
}
.ratio-3\/4 {
padding-bottom: 133.33%;
}
.ratio-4\/3 {
padding-bottom: 75%;
}
.ratio-9\/16 {
padding-bottom: 177.78%;
}
.ratio-16\/9 {
padding-bottom: 56.25%;
}
.ratio-auto {
height: auto;
}
.border-inherit {
border-radius: inherit;
}
.page-width .brb-rounded-corners,
.full-width-padded .brb-rounded-corners {
border-radius: var(--rounded-corners);
}
.dark .page-width .brb-rounded-corners-dark,
.dark .full-width-padded .brb-rounded-corners-dark {
border-radius: var(--rounded-corners);
}
.dark .page-width .brb-square-corners,
.dark .full-width-padded .brb-square-corners {
border-radius: 0;
}
.font-base-heading {
font-family: var(--heading-font-family);
}
.font-base-body {
font-family: var(--body-font-family);
}
.unicode-bidi-plaintext {
unicode-bidi: -moz-plaintext;
unicode-bidi: plaintext
}
.additional-fee__checkbox, .rounded-corners-sm {
--rounded-corners: 4px;
}
.rounded-inherit {
border-radius: inherit;
}
.select-option[aria-selected="true"].cursor-not-allowed-selected {
cursor: not-allowed !important;
}
.skeleton-text{
visibility: hidden;
white-space: nowrap;
opacity: 0;
}
.skeleton-block {
background-color: rgba(var(--color-skeleton));
position: relative;
overflow: hidden;
}
.skeleton-block::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.2) 75%);
animation: loading 1.5s infinite;
}
.skeleton-block{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.tooltip-icon-estimate:hover .tooltip-popup,
.tooltip-icon-estimate .tooltip-popup:hover{
display: flex;
flex-direction: column;
}
video::-webkit-media-controls-overlay-play-button {
opacity: 0;
}
@keyframes initial-loading {
0% {
transform: translate(-6.4rem);
}
50% {
transform: translate(2.6rem);
}
to {
transform: translate(-6.4rem);
}
}
.disable-transition-effect *, .disable-transition-effect *::before{
transition: none !important;
-webkit-transition: none !important;
}
.logo-list__content__logo__wrapper:focus-visible, .section-image-link, .menu-image-link {
outline-offset: -1px;
}
.menu-item .menu-parent-link:focus-visible {
outline: none;
}
.menu-item .menu-parent-link:focus-visible > span:first-of-type {
outline: 2px solid black;
}
.collection-card.collection-card__overlay {
background: transparent;
}
.container{
width: 100%;
}
.\!container{
width: 100% !important;
}
@media (min-width: 768px){
.container{
max-width: 768px;
}
.\!container{
max-width: 768px !important;
}
}
@media (min-width: 1024px){
.container{
max-width: 1024px;
}
.\!container{
max-width: 1024px !important;
}
}
@media (min-width: 1280px){
.container{
max-width: 1280px;
}
.\!container{
max-width: 1280px !important;
}
}
@media (min-width: 1536px){
.container{
max-width: 1536px;
}
.\!container{
max-width: 1536px !important;
}
}
.button.button-skip-to-content{
position: absolute;
z-index: -10;
margin-top: 0.125rem;
margin-left: 0.125rem;
cursor: pointer;
justify-content: center;
padding-left: 1.5rem;
padding-right: 1.5rem;
line-height: 1.5;
}
.\!button.button-skip-to-content{
position: absolute;
z-index: -10;
margin-top: 0.125rem;
margin-left: 0.125rem;
cursor: pointer;
justify-content: center;
padding-left: 1.5rem;
padding-right: 1.5rem;
line-height: 1.5;
}
.align-end{
right: 0px;
}
[dir="rtl"] .align-end{
left: 0px;
right: auto;
}
.align-start{
left: 0px;
}
[dir="rtl"] .align-start{
left: auto;
right: 0px;
}
.items-right{
align-items: flex-end;
}
.items-left{
align-items: flex-start;
}
.select-toggle{
position: relative;
display: flex;
min-width: 100%;
cursor: pointer;
}
.select-toggle .icon-caret{
margin-inline-start: 0.25rem;
}
.grid-initial {
grid: initial
}
.bg-none {
background: none;
}
.\!bg-none {
background: none !important;
}
.subheading {
font-family: var(--heading-font-family);
font-style: var(--heading-font-style);
font-weight: var(--heading-font-weight);
color: rgba(var(--color-heading-no-alpha) / 0.8);
line-height: var(--line-height-heading);
}
input[type="range"]::-webkit-slider-thumb {
height: 18px;
width: 18px;
cursor: pointer;
background: rgba(var(--color-button));
border: rgba(var(--color-line-and-border)) 1px solid;
pointer-events: all;
-webkit-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
border-radius: 100%;
}
input[type="range"]:focus{
z-index: 20;
}
input[type="range"]::-moz-range-thumb {
height: 18px;
width: 18px;
border: rgba(var(--color-line-and-border)) 1px solid;
cursor: pointer;
background: rgba(var(--color-button));
pointer-events: all;
-moz-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
border-radius: 100%;
}
input[type="date"].no-calendar::-webkit-calendar-picker-indicator {
-webkit-appearance: none;
opacity: 0;
}
input[type="date"].no-calendar {
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
}
.text-small {
font-size: var(--body-font-size-small);
line-height: 1.6;
}
.text-medium {
font-size: var(--body-font-size);
line-height: 1.6;
}
.text-large {
font-size: var(--body-font-size-large);
line-height: 1.6;
}
.text-x-small {
font-size: var(--body-font-size-x-small);
line-height: 1.6;
}
.text-xx-small {
font-size: var(--body-font-size-xx-small);
line-height: 1.6;
}
.bg-secondary {
background-color: rgba(var(--color-heading-no-alpha) / 0.06);
}
.\!bg-secondary {
background-color: rgba(var(--color-heading-no-alpha) / 0.06) !important;
}
.select-toggle.active,
.select-toggle.active .icon{
color: rgba(var(--color-highlight));
}
@media (min-width: 768px){
.select-toggle.active,
.select-toggle.active .icon{
color: rgba(var(--color-text));
}
}
.will-change-unset {
will-change: unset;
}
.label-required {
color: #ff0000;
}
.-outline-offset-1 {
outline-offset: -1px;
}
@media (min-width: 768px) {
.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));
}
}
/* type pagination */
.slider-item-show1 {
--swiffy-slider-item-count: 1;
}
.slider-item-show2 {
--swiffy-slider-item-count: 2;
}
.slider-item-show3 {
--swiffy-slider-item-count: 3;
}
.slider-item-show4 {
--swiffy-slider-item-count: 4;
}
.slider-item-show5 {
--swiffy-slider-item-count: 5;
}
.slider-item-show6 {
--swiffy-slider-item-count: 6;
}
.slider-item-show7 {
--swiffy-slider-item-count: 7;
}
.slider-item-show8 {
--swiffy-slider-item-count: 8;
}
.slider-item-show9 {
--swiffy-slider-item-count: 9;
}
.slider-item-show10 {
--swiffy-slider-item-count: 10;
}
.slider-item-show11 {
--swiffy-slider-item-count: 11;
}
.slider-item-show12 {
--swiffy-slider-item-count: 12;
}
.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){
.promotion-alignment--top-left{
left: 1.25rem;
}
}
.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));
}
.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){
.promotion-alignment--top-right{
right: 1.25rem;
}
}
.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){
.promotion-alignment--center-left{
left: 1.25rem;
}
}
.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));
}
.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){
.promotion-alignment--center-right{
right: 1.25rem;
}
}
.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){
.promotion-alignment--bottom-left{
left: 1.25rem;
}
}
.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));
}
.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){
.promotion-alignment--bottom-right{
right: 1.25rem;
}
}
.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));
}
.round{
border-radius: 9999px;
}
.justify-left{
justify-content: flex-start;
}
.justify-right{
justify-content: flex-end;
}
.items-left{
align-items: flex-start;
}
.items-right{
align-items: flex-end;
}
.announcement-content{
display: flex;
flex: 1 1 0%;
}
.announcement-content-grid{
display: flex;
flex-direction: column;
justify-content: center;
}
.announcement-localization .select-text{
white-space: nowrap;
}
.announcement-col-align-left{
text-align: start;
}
[dir="rtl"] .announcement-col-align-left{
text-align: right;
}
[dir="ltr"] .announcement-col-align-left{
text-align: left;
}
.announcement-col-align-right{
text-align: end;
}
[dir="rtl"] .announcement-col-align-right{
text-align: left;
}
[dir="ltr"] .announcement-col-align-right{
text-align: right;
}
.announcement-col-align-center{
align-items: center;
text-align: center;
}
[dir="ltr"] .announcement-col-align-center .slider-nav-pre{
left: -1rem;
}
[dir="rtl"] .announcement-col-align-center .slider-nav-pre{
right: -1rem;
--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));
}
[dir="ltr"] .announcement-col-align-center .slider-nav-next{
right: -1rem;
}
[dir="rtl"] .announcement-col-align-center .slider-nav-next{
left: -1rem;
--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));
}
.announcement-button .button:not(.button-no-padding){
padding-top: 0.375rem;
padding-bottom: 0.375rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.announcement-button .\!button:not(.button-no-padding){
padding-top: 0.375rem;
padding-bottom: 0.375rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.announcement-bar-text .link{
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
}
.announcement-bar-text .link:hover{
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-underline-offset: 2px;
}
@media (min-width: 768px){
.carousel-style-none .announcement-col-align-left .slider-container{
justify-content: flex-start;
}
[dir="rtl"] .carousel-style-none .announcement-col-align-left .slider-container{
justify-content: flex-end;
}
}
.announcement-col-align-left .announcement-bar-text{
justify-content: flex-start;
}
@media (min-width: 768px){
[dir="rtl"] .announcement-col-align-left .announcement-bar-text{
justify-content: flex-end;
}
.carousel-style-none .announcement-col-align-right .slider-container{
justify-content: flex-end;
}
[dir="rtl"] .carousel-style-none .announcement-col-align-right .slider-container{
justify-content: flex-start;
}
}
.announcement-col-align-right .announcement-bar-text{
justify-content: flex-start;
}
[dir="rtl"] .announcement-col-align-right .announcement-bar-text{
justify-content: flex-start;
}
@media (min-width: 768px){
.announcement-col-align-right .announcement-bar-text{
justify-content: flex-end;
}
}
[dir="ltr"] .announcement-col-align-left .slider-nav-pre{
left: -1rem;
}
[dir="rtl"] .announcement-col-align-left .slider-nav-pre{
right: -1rem;
--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));
}
@media (min-width: 768px){
.announcement-col-align-left .slider-nav-pre{
right: auto;
}
[dir="ltr"] .announcement-col-align-left .slider-nav-pre{
left: -1.375rem;
}
[dir="rtl"] .announcement-col-align-left .slider-nav-pre{
left: 1rem;
right: auto;
}
}
[dir="ltr"] .announcement-col-align-left .slider-nav-next{
left: 1.375rem;
}
[dir="rtl"] .announcement-col-align-left .slider-nav-next{
right: 1.375rem;
--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));
}
@media (min-width: 768px){
.announcement-col-align-left .slider-nav-next{
right: auto;
}
[dir="ltr"] .announcement-col-align-left .slider-nav-next{
left: 1rem;
}
[dir="rtl"] .announcement-col-align-left .slider-nav-next{
left: -1.375rem;
right: auto;
}
}
.announcement-col-align-right .slider-nav-next{
--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));
}
[dir="ltr"] .announcement-col-align-right .slider-nav-next{
left: 1.375rem;
}
[dir="rtl"] .announcement-col-align-right .slider-nav-next{
right: 1.375rem;
--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));
}
@media (min-width: 768px){
.announcement-col-align-right .slider-nav-next{
left: auto !important;
right: -1.375rem;
}
}
.announcement-col-align-right .slider-nav-pre{
--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));
}
[dir="ltr"] .announcement-col-align-right .slider-nav-pre{
left: -1rem;
}
[dir="rtl"] .announcement-col-align-right .slider-nav-pre{
right: -1rem;
--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));
}
@media (min-width: 768px){
.announcement-col-align-right .slider-nav-pre{
left: auto !important;
right: 1rem;
}
}
.announcement-content:hover .el_animate, .announcement-content:has(*:focus) .el_animate {
animation-play-state: paused;
}
body:not(:has(.form-search-wrapper.is-open)) .section-announcement:has(.announcement-sticky) {
position: sticky;
width: 100%;
z-index: 50;
}
body:has(.section-header ~ .section-announcement) .section-announcement:has(.announcement-sticky) {
top: var(--height-header);
will-change: top;
transition: top 0.4s ease-in-out;
}
.section-header.header-up ~ .section-announcement:has(.announcement-sticky) {
top: 0 !important;
}
.section-announcement:has(.announcement-sticky) {
top: 0;
}
.announcement-icon-size-small {
--announcement-icon-size: calc(var(--body-font-size-small) / 0.875 * 1.25);
}
.announcement-icon-size-medium {
--announcement-icon-size: calc(var(--body-font-size) / 0.875 * 1.25);
}
.announcement-icon-size-large {
--announcement-icon-size: calc(var(--body-font-size-large) / 0.875 * 1.25);
}
.announcement-icon {
width: var(--announcement-icon-size);
height: var(--announcement-icon-size);
min-width: var(--announcement-icon-size);
}
.utility-bar-right{
justify-content: flex-end;
}
.utility-bar-right .select-listbox{
right: 0px;
}
.utility-bar-left .select-listbox{
left: 0px;
}
.main-nav-mobile-toolbar .social{
justify-content: flex-start;
}
.main-nav-mobile-toolbar .utility-social{
text-align: center;
}
.nav-localization__wrapper{
position: relative;
margin-top: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
border-top-width: 1px;
}
.main-nav-mobile-toolbar .localization-form{
position: static;
display: flex;
width: -moz-fit-content;
width: fit-content;
justify-content: center;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 1rem;
}
.main-nav-mobile-toolbar .select-toggle{
display: inline-flex;
min-width: -moz-fit-content;
min-width: fit-content;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.contact-align-right{
display: flex;
flex-direction: column;
}
@media (min-width: 768px){
.contact-align-right{
flex-direction: row;
}
}
.contact-align-left{
display: flex;
flex-direction: column;
}
@media (min-width: 768px){
.contact-align-left{
flex-direction: row-reverse;
}
}
.contact-info-align.align-left{
padding-left: 0px;
padding-top: 1.75rem;
}
@media (min-width: 768px){
.contact-info-align.align-left{
padding-right: 1.25rem;
padding-top: 0px;
}
}
@media (min-width: 1024px){
.contact-info-align.align-left{
padding-right: 2.5rem;
}
}
.contact-info-align.align-right{
padding-right: 0px;
padding-bottom: 1.75rem;
padding-top: 1.75rem;
}
@media (min-width: 768px){
.contact-info-align.align-right{
padding-left: 0px;
padding-bottom: 0px;
}
}
@media (min-width: 1024px){
.contact-info-align.align-right{
padding-left: 2.5rem;
padding-top: 0px;
}
.contact-full-width .align-left.contact-image{
padding-left: 0px;
}
.contact-full-width .align-right.contact-image{
padding-right: 0px;
}
.contact-full-width .align-right,
.contact-full-width .form-align-right{
padding-left: 0px;
padding-right: 1.25rem;
}
.contact-full-width .align-left{
padding-right: 0px;
padding-left: 1.25rem;
}
.contact-full-width .form-align-left{
padding-right: 0px;
padding-left: 1.25rem;
}
.contact-has-image.page-width .form-align-left{
padding-right: 4rem;
}
}
.contact-has-image.page-width .form-align-right{
padding-top: 0.75rem;
}
@media (min-width: 1024px){
.contact-has-image.page-width .form-align-right{
padding-left: 4rem;
}
}
.dark .contact-has-image.page-width .form-align-right{
padding-top: 0.75rem;
}
@media (min-width: 1024px){
.dark .contact-has-image.page-width .form-align-right{
padding-left: 4rem;
}
.dark .contact-has-image.page-width .form-align-left{
padding-right: 4rem;
}
.contact-full-width.contact-has-image .form-align-left .contact-form{
padding-right: 6rem;
}
.contact-full-width.contact-has-image .form-align-right .contact-form{
padding-left: 6rem;
}
.contact-full-width.contact-has-image .form-align-left .contact-form-both{
padding-right: 1.25rem;
}
.contact-full-width.contact-has-image .form-align-right .contact-form-both{
padding-left: 1.25rem;
}
}
.contact-form-both .heading-form{
border-top-width: 1px;
padding-top: 1.5rem;
}
.x-slider-item .pagination-link:hover:after {
transform: scaleX(1);
transform-origin: 0 50%;
}
.x-slider-item .pagination-link:after {
content: "";
display: block;
position: absolute;
transform: scaleX(0);
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid currentColor;
transform-origin: 100% 0%;
transition: transform 0.15s linear;
}
.x-slider-item.active-hotspot .pagination-link:after {
transform: scaleX(1);
transform-origin: 0% 50%;
}
.animate_slideshow__image, .animate_transition_slide__image {
transform: scale(1.1);
transition-property: transform;
transition-timing-function: ease-in;
transition-duration: 0.6s;
}
.slide-item.is-active .animate_transition_slide__image {
transform: scale(1);
}
.swiffy-slide-progress-container{
display: flex;
width: 120px;
align-items: center;
}
.opacity-\[12\%\] {
opacity: 12%;
}
.swiffy-slide-progress {
width: 100%;
background: rgba(var(--color-text-no-alpha) / 0.12);
transition: all 400ms ease;
display: inline-block;
height: 2px;
flex-grow: 1;
overflow: hidden;
border-radius: 0.375rem;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.swiffy-slide-progress,
body.scrollbar.swiffy-slide-progress {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.swiffy-slide-progress .product-comparison-overlay__widget-button,
body.scrollbar.swiffy-slide-progress .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.indicator-arrow-prev.active, .indicator-arrow-next.active{
cursor: pointer;
opacity: 0.4;
}
.indicator-arrow-prev.inactive, .indicator-arrow-next.inactive {
cursor: not-allowed;
opacity: 12%;
}
.progress-bar-active-width {
width: var(--progress-bar-active-width);
}
.swiffy-slide-progress-bar {
background: rgba(var(--color-text));
transition: all 400ms ease;
height: 3px;
border-radius: 0.375rem;
}
.swiffy-slider.enable-effect-hover{
overflow: hidden;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.swiffy-slider.enable-effect-hover,
body.scrollbar.swiffy-slider.enable-effect-hover {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button,
body.scrollbar.swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.\!swiffy-slider.enable-effect-hover{
overflow: hidden;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.\!swiffy-slider.enable-effect-hover,
body.scrollbar.\!swiffy-slider.enable-effect-hover {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.\!swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button,
body.scrollbar.\!swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.rte::after{
clear: both;
content: var(--tw-content);
display: block;
}
.rte p {
line-height: 1.6;
font-weight: initial;
}
.rte table{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
table-layout: fixed;
font-weight: initial;
word-break: break-word;
}
.rte table td,
.rte table th{
border-width: 1px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 768px){
.rte table td,
.rte table th{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.rte img{
margin-bottom: 1rem;
display: inline;
height: auto;
max-width: 100%;
}
.rte iframe{
display: inline;
max-width: 100%;
}
.rte li{
margin-bottom: 0.5rem;
font-weight: initial;
list-style: inherit;
}
.rte li:last-child{
margin-bottom: 0px;
}
.rte .product-details__richtext__payments li{
margin-top: 0px;
margin-bottom: 0px;
}
.rte li:last-child{
margin-bottom: 0px;
}
.rte blockquote > *{
margin-top: 0px;
margin-bottom: 0px;
}
.rte ul{
margin-top: 1rem;
margin-bottom: 1rem;
list-style-position: outside;
list-style-type: disc;
padding-left: 1.25rem;
}
[dir="rtl"] .rte ul{
padding-right: 1.25rem;
padding-left: 0px;
}
.rte ul {
list-style-position: inside;
}
.rte ul.product-details__richtext__payments{
margin-top: 0px;
margin-bottom: 0px;
-moz-column-gap: 0.375rem;
column-gap: 0.375rem;
}
.pl0-ul.rte ul, .pl0-ol.rte ol{
padding-left: 0px;
}
.rte ol{
margin-top: 1rem;
margin-bottom: 1rem;
list-style-position: outside;
list-style-type: decimal;
padding-left: 1.25rem;
}
[dir="rtl"] .rte ol{
padding-right: 1.25rem;
padding-left: 0px;
}
.rte ol {
list-style-position: inside;
}
.rte blockquote{
position: relative;
margin-top: 1em;
margin-bottom: 1em;
display: inline-flex;
word-break: break-all;
font-style: italic;
opacity: 0.7;
margin-inline-start: 1.875rem;
margin-inline-end: 1.875rem;
}
.rte blockquote::before{
display: inline-block;
width: 2px;
background-color: rgba(var(--color-text));
opacity: 0.7;
--tw-content: '';
content: var(--tw-content);
}
[dir="ltr"] .rte blockquote::before{
content: var(--tw-content);
margin-right: 0.875rem;
}
[dir="rtl"] .rte blockquote::before{
margin-right: 0px;
content: var(--tw-content);
margin-left: 0.875rem;
}
.rte h1:first-child,
.rte h2:first-child,
.rte h3:first-child,
.rte h4:first-child,
.rte h5:first-child,
.rte h6:first-child,
.rte ul:first-child,
.rte ol:first-child {
margin-top: 0;
}
.rte h1:last-child,
.rte h2:last-child,
.rte h3:last-child,
.rte h4:last-child,
.rte h5:last-child,
.rte h6:last-child,
.rte ul:last-child,
.rte ol:last-child {
margin-bottom: 0;
}
.rte h1 {
margin-block-start: calc(var(--h2-font-size) * 0.75 * 1.4);
margin-block-end: calc(var(--h2-font-size) * 0.75 * 1.4);
}
.rte h2 {
margin-block-start: calc(var(--h2-font-size) * 0.75);
margin-block-end: calc(var(--h2-font-size) * 0.75);
}
.rte h3 {
margin-block-start: calc(var(--h2-font-size) * 0.75 * 0.75);
margin-block-end: calc(var(--h2-font-size) * 0.75 * 0.75);
}
.rte h4 {
margin-block-start: calc(var(--h2-font-size) * 0.75 * 0.65);
margin-block-end: calc(var(--h2-font-size) * 0.75 * 0.65);
}
.rte h5 {
margin-block-start: calc(var(--h2-font-size) * 0.75 * 0.55);
margin-block-end: calc(var(--h2-font-size) * 0.75 * 0.55);
}
.rte h6 {
margin-block-start: calc(var(--h2-font-size) * 0.75 * 0.45);
margin-block-end: calc(var(--h2-font-size) * 0.75 * 0.45);
}
.custom-liquid-section__wrapper.rte button:not(.button) {
padding: 1px 6px;
background-color: #f0f0f0;
border-width: 1.25px;
border-color: black;
}
.main-nav{
display: flex;
flex-wrap: wrap;
row-gap: 1rem;
}
.header-bottom .header-container{
padding-inline-start: 2.5rem;
padding-inline-end: 2.5rem;
}
.main-menu .main-nav-item{
padding-left: 1rem;
padding-right: 1rem;
}
.header-center .logo-link{
text-align: center;
}
.dark .toggle-theme-mode .toggle-body-inner:after, .dark .toggle-theme-mode .icon-toggle-theme-mode-loading {
left: auto;
right: 50%;
margin-right: 0px;
}
.dark[dir="rtl"] .toggle-theme-mode .toggle-body-inner:after, .dark[dir="rtl"] .toggle-theme-mode .icon-toggle-theme-mode-loading {
left: 50%;
right: auto;
margin-right: 0px;
}
.dark .toggle-theme-mode .toggle-body-inner {
transform: translateX(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));
}
[dir="rtl"] .dark .toggle-theme-mode .toggle-body-inner{
--tw-translate-x: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.toggle-body-inner {
position: relative;
display: flex;
width: 200%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
gap: 0.375rem;
}
[dir="rtl"] .toggle-body-inner{
--tw-translate-x: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 1024px){
.toggle-body-inner{
gap: 0.125rem;
}
}
.toggle-body-inner {
transform: translateX(-50%);
transition: transform .3s !important;
will-change: transform;
}
.toggle-body-inner:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: none;
left: 50%;
margin-left: 0px;
overflow: hidden;
border-radius: 50px;
height: 1.5rem;
width: 1.5rem;
background-color: rgba(var(--color-button-text-no-alpha) / 0.4);
}
@media (min-width: 1024px){
.toggle-body-inner:after{
background-color: rgba(var(--color-text-no-alpha) / 0.2);
}
}
.icon-toggle-theme-mode-loading {
position: absolute;
transform: translateY(-50%);
top: 50%;
left: 50%;
margin-left: 0px;
overflow: hidden;
}
[dir="rtl"] .toggle-body-inner:after, [dir="rtl"] .icon-toggle-theme-mode-loading {
left: auto;
right: 50%;
}
.icon-toggle-theme-mode-loading{
height: 1.5rem;
width: 1.5rem;
padding: 0.25rem;
}
.toggle-handle svg{
height: 1.25rem;
width: 1.25rem;
}
@media (min-width: 1024px){
.toggle-handle svg{
height: 1.25rem;
width: 1.25rem;
}
}
.maximize-theme.show-icon-toggle-loading .icon-toggle-theme-mode-loading{
display: inline-block;
}
.maximize-theme:not(.show-icon-toggle-loading) .icon-toggle-theme-mode-loading{
display: none;
}
#cart-icon{
display: flex;
align-items: center;
}
#x-header-mobile .select-listbox{
bottom: 100%;
top: auto;
margin-bottom: 1px;
width: 100%;
}
[dir="rtl"] #x-header-mobile .select-listbox{
right: 0px;
}
[dir="ltr"] #x-header-mobile .select-listbox{
left: 0px;
}
#x-header-mobile .utility-social ul{
flex-wrap: wrap;
justify-content: center;
}
.utility-social .social-link a {
padding: 3px;
}
#x-header-mobile .select-toggle{
justify-content: center;
}
.position-left .child {
left: -100%;
}
.position-left .child .background-header {
transform-origin: right;
}
.position-left .icon-child{
--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));
}
.image-standard{
height: 40px;
width: 40px;
min-width: 40px;
}
.image-large{
margin-bottom: 1rem;
height: 150px;
width: 100%;
min-width: 150px;
}
.mega-nav-pos--bottom .child-promos{
padding-top: 2.75rem;
}
.text-overlay .promo-content{
padding-left: 1.75rem;
padding-top: 1.75rem;
padding-right: 1.75rem;
padding-bottom: 1.75rem;
}
.cart-bubble__container{
display: flex;
height: 1.75rem;
width: 1.75rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
text-align: center;
background-color: rgba(var(--color-cart));
color: rgba(var(--color-cart-text));
}
.header-social .social-link{
height: 18px;
width: 18px;
}
.drawer-menu-on-main-header .header-search{
height: 2.75rem;
}
.header-bottom .button-category{
border-bottom-width: 2px;
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-color: rgba(var(--color-highlight));
}
.product-mega-menu.is-open .product-menu-list {
display: block;
}
.drawer-menu.menu-not-title .button-category{
height: 50px;
width: 50px;
border-radius: 9999px;
}
.drawer-menu ~ .header-bottom .header-container{
padding-inline-start: 1.5rem;
}
.header-top .menu-label{
bottom: 65%;
}
.main-nav .first-menu-item:first-of-type > div > a:first-of-type{
padding-inline-start: 0px;
}
.main-nav .first-menu-item:last-of-type > div > a:first-of-type {
padding-inline-end: 0px;
}
.form-search-wrapper.is-open{
visibility: visible;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 1;
background: var(--gradient-background, "none");
background-color: rgba(var(--color-background-header));
animation: fadeContent 0.5s linear;
z-index: 51;
}
.form-search-wrapper.is-open .form-button{
margin-top: -0.25rem;
}
@media (min-width: 768px){
.form-search-wrapper.is-open .form-button{
margin-top: -0.625rem;
}
}
.x-header-mobile .modal-container{
visibility: hidden;
--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));
opacity: 0;
}
[dir="rtl"] .x-header-mobile .modal-container{
--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));
}
.x-header-mobile.active .modal-container{
visibility: visible;
--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));
opacity: 1;
}
.modal-container {
transition-property: transform, visibility, opacity;
}
.sub-footer .select-listbox{
bottom: 100%;
top: auto;
right: auto;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px){
.sub-footer .select-listbox{
left: 0px;
}
[dir="rtl"] .sub-footer .select-listbox{
right: 0px;
left: auto;
}
}
.footer-collapsed div:first-child{
margin-top: 0px;
}
.footer-collapse__label{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
[dir="ltr"] .footer-collapse__label{
padding-right: 1.75rem;
padding-left: 0.625rem;
}
[dir="rtl"] .footer-collapse__label{
padding-right: 0.625rem;
padding-left: 1.75rem;
}
@media (min-width: 768px){
[dir="ltr"] .footer-collapse__label{
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0.125rem;
padding-right: 0.125rem;
}
[dir="rtl"] .footer-collapse__label{
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0.125rem;
padding-right: 0.125rem;
}
}
.footer-collapse__content{
padding-left: 0.625rem;
padding-right: 0.625rem;
}
@media (min-width: 768px){
.footer-collapse__content{
margin-top: 1.5rem;
padding: 0.125rem;
}
}
.footer-collapse__content>*:first-child{
padding-top: 0.625rem;
}
@media (min-width: 768px){
.footer-collapse__content>*:first-child{
padding-top: 0px;
}
}
.footer-collapse__content>*:last-child{
padding-bottom: 0.875rem;
}
@media (min-width: 768px){
.footer-collapse__content>*:last-child{
padding-bottom: 0px;
}
}
.footer-menu-links>li:last-child {
margin-bottom: 0px;
}
.footer-menu-links>li {
margin-bottom: 12px;
}
.footer .social-link{
display: inline;
height: 1.75rem;
width: 1.75rem;
padding: 0.125rem;
}
@media (min-width: 1024px) {
.footer-menu-links>li {
margin-bottom: 15px;
}
}
.product-card__wrapper .product-card__info-wrapper {
padding-right: var(--product-card-padding-mobile);
padding-left: var(--product-card-padding-mobile);
}
.product-info__inventory-dot{
border-radius: 9999px;
width: 0.625rem;
height: 0.625rem;
}
.justify-self-left {
justify-content: start;
}
.justify-self-right {
justify-content: end;
}
.justify-self-center {
justify-content: center;
}
.highlight-icon:hover .highlight-icon-tooltip {
opacity: 1;
z-index: 10;
bottom: 110%;
will-change: opacity;
transition: opacity 0.3s ease;
}
.product-card__rating {
--rating-star-size: 12px;
}
.product-card__comparison{
opacity: 0;
transition: opacity 0.3s linear;
}
.rte.no-space * {
margin: 0 !important;
padding: 0 !important;
}
.product-card__comparison svg path {
stroke: rgba(var(--color-button-text));
}
.transition-choose-option {
transition-property: transform, opacity;
transition-duration: var(--choose-option-animation-duration);
}
.product-card__comparison:hover svg path {
stroke: rgba(var(--color-button-text-hover));
}
@media (min-width: 768px) {
.product-card__wrapper .product-card__info-wrapper {
padding-right: var(--product-card-padding);
padding-left: 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;
transform: translateX(0);
}
}
@media (hover: hover) and (pointer: fine) {
.product-card__image-wrapper:hover .product-card__comparison{
opacity: 1;
}
@media (min-width: 1024px){
.product-card__image-wrapper:hover .slider-indicators{
visibility: visible;
}
.product-card__image-wrapper:hover .first-hover-image{
opacity: 0;
}
.product-card__image-wrapper:hover .second-hover-image{
opacity: 1;
}
.product-card__image-wrapper:hover .label-container{
display: none;
}
}
}
.justify-left, .-justify-right, [dir="rtl"] .-justify-right{
justify-content: flex-start;
}
.justify-right, .-justify-left, [dir="rtl"] .-justify-left{
justify-content: flex-end;
}
.-justify-center, [dir="rtl"] .-justify-center{
justify-content: center;
}
.article-1{
display: flex;
flex-direction: column;
}
.content-article-bg-1{
padding-left: 1.75rem;
padding-right: 1.75rem;
padding-top: 0.75rem;
padding-bottom: 1.5rem;
}
.content-article-bg-2{
width: 66.666667%;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-right: 1.25rem;
}
@media (min-width: 768px){
.content-article-bg-2{
padding-left: 1.25rem;
padding-bottom: 0px;
padding-top: 0.25rem;
}
}
.article-bg-1,
.article-bg-2 {
background-color: rgba(var(--color-text-no-alpha) / 0.05);
}
.heading-center{
justify-content: center;
text-align: center;
}
.heading-right{
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
[dir="rtl"] .heading-right{
flex-direction: row;
}
.heading-left{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
[dir="rtl"] .heading-left{
flex-direction: row-reverse;
}
.heading-left .section-heading{
text-align: left;
}
.heading-right .section-heading{
text-align: right;
}
.justify-left{
justify-content: flex-start;
}
.justify-right{
justify-content: flex-end;
}
.content-article-spacing-1,
.content-article-spacing-2 {
background-color: rgba(var(--color-text-no-alpha) / 0.05);
}
.content-article-spacing-1{
padding-left: 1.75rem;
padding-right: 1.75rem;
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.content-article-spacing-2{
width: 100%;
padding: 1.75rem;
}
.blog-image-desktop-top .article-layout-2,
.blog-image-desktop-left .article-layout-2,
.blog-image-desktop-top .article-layout-rtl-2,
.blog-image-desktop-left .article-layout-rtl-2{
width: 33.333333%;
}
.blog-image-desktop-top .article-layout-2::before,
.blog-image-desktop-left .article-layout-2::before,
.blog-image-desktop-top .article-layout-rtl-2::before,
.blog-image-desktop-left .article-layout-rtl-2::before{
display: block;
content: var(--tw-content);
height: 0px;
}
.blog-image-desktop-top .article-layout-2,
.blog-image-desktop-left .article-layout-2{
float: left;
}
@media (min-width: 768px){
.blog-image-desktop-top .article-layout-2,
.blog-image-desktop-left .article-layout-2{
float: none;
width: 100%;
}
}
.blog-image-desktop-top .article-layout-rtl-2,
.blog-image-desktop-left .article-layout-rtl-2{
float: right;
}
@media (min-width: 768px){
.blog-image-desktop-top .article-layout-rtl-2,
.blog-image-desktop-left .article-layout-rtl-2{
float: none;
width: 100%;
}
}
.blog-image-desktop-top .content-article-2,
.blog-image-desktop-left .content-article-2{
float: left;
}
@media (min-width: 768px){
.blog-image-desktop-top .content-article-2,
.blog-image-desktop-left .content-article-2{
float: none;
width: auto;
}
}
.blog-position-right{
flex-direction: row-reverse;
}
.blog-position-left .list-blog{
padding-left: 1.25rem;
}
.blog-position-right .list-blog{
padding-right: 1.25rem;
}
.side-bar__wrapper{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 100;
height: 100%;
width: 100%;
opacity: 0.6;
background-color: rgba(var(--color-heading-no-alpha) / 0.4);
}
@media (min-width: 768px){
.side-bar__wrapper{
display: none;
}
}
.side-bar__content{
position: fixed;
top: 0px;
bottom: 0px;
z-index: 100;
display: flex;
width: 83.333333%;
flex-direction: column;
background: var(--gradient-background);
}
@media (min-width: 768px){
.side-bar__content{
position: relative;
left: auto;
bottom: auto;
z-index: 10;
display: block;
width: 100%;
background: var(--element-background);
}
}
.side-bar__content__wrapper{
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: 1rem;
}
@media (min-width: 768px){
.side-bar__content__wrapper{
margin-top: 2rem;
overflow-y: hidden;
padding-top: 0px;
}
}
.side-bar__content__blocks{
display: flex;
flex-direction: column;
gap: 0.625rem;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 768px){
.side-bar__content__blocks{
gap: 1.25rem;
padding-left: 0px;
padding-right: 0px;
}
}
.side-bar__icon{
position: fixed;
top: 25%;
z-index: 41;
display: flex;
--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));
cursor: pointer;
border-radius: 0.375rem;
padding: 0.625rem;
background: var(--gradient-background-no-alpha, "none");
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.dark .side-bar__icon {
box-shadow: 0px 2px 10px 0px rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px){
.side-bar__icon{
display: none;
}
}
.label-square{
padding: 1rem;
}
.label-circle{
display: flex;
aspect-ratio: 1 / 1;
flex-direction: column;
justify-content: center;
border-radius: 9999px;
}
.label-circle-1{
min-height: 3rem;
padding: 0.5rem;
}
@media (min-width: 768px){
.label-circle-1{
padding: 1rem;
}
}
.label-circle-2{
min-height: 4rem;
padding: 1rem;
}
@media (min-width: 768px){
.label-circle-2{
padding: 1.25rem;
}
}
.label-circle-3{
min-height: 4rem;
padding: 1.25rem;
}
@media (min-width: 768px){
.label-circle-3{
padding: 1.75rem;
}
}
.label-top-flag{
min-width: 4rem;
justify-content: flex-end;
border-radius: 0px;
padding-top: 0.75rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.label-top-flag::after{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
z-index: -10;
--tw-translate-y: 46%;
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));
content: var(--tw-content);
border-radius: 50%;
}
@media (min-width: 1024px){
.label-top-flag{
padding-top: 1.25rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
.label-bottom-flag{
bottom: 0px;
min-width: 4rem;
justify-content: flex-start;
border-radius: 0px;
padding-bottom: 0.75rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.label-bottom-flag::after{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
z-index: -10;
--tw-translate-y: -46%;
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));
content: var(--tw-content);
border-radius: 50%;
}
@media (min-width: 1024px){
.label-bottom-flag{
padding-bottom: 1.25rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
.label-angle-top-left {
clip-path: inset(0 -100%);
transform-origin: 50% 0;
top: auto;
right: auto;
bottom: auto;
left: auto;
left: 0px;
top: 0px;
min-width: 100px;
--tw-translate-x: -50%;
--tw-rotate: -45deg;
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));
padding-bottom: 0.5rem;
padding-right: 1.25rem;
padding-left: 1.25rem;
padding-top: 2rem;
}
@media (min-width: 1024px){
.label-angle-top-left{
padding-right: 2.5rem;
padding-left: 2.5rem;
padding-top: 3rem;
}
}
.label-angle-top-right {
clip-path: inset(0 -100%);
transform-origin: 50% 0;
top: auto;
right: auto;
bottom: auto;
left: auto;
right: 0px;
top: 0px;
min-width: 100px;
--tw-translate-x: 50%;
--tw-rotate: 45deg;
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));
padding-bottom: 0.5rem;
padding-right: 1.25rem;
padding-left: 1.25rem;
padding-top: 2rem;
}
@media (min-width: 1024px){
.label-angle-top-right{
padding-right: 2.5rem;
padding-left: 2.5rem;
padding-top: 3rem;
}
}
.label-angle-bottom-left {
clip-path: inset(0 -100%);
transform-origin: 50% 100%;
top: auto;
right: auto;
bottom: auto;
left: auto;
left: 0px;
bottom: 0px;
min-width: 100px;
--tw-translate-x: -50%;
--tw-rotate: 45deg;
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));
padding-bottom: 2rem;
padding-right: 1.25rem;
padding-left: 1.25rem;
padding-top: 0.75rem;
}
@media (min-width: 1024px){
.label-angle-bottom-left{
padding-bottom: 3rem;
padding-right: 2.5rem;
padding-left: 2.5rem;
}
}
.label-angle-bottom-right {
clip-path: inset(0 -100%);
transform-origin: 50% 100%;
top: auto;
right: auto;
bottom: auto;
left: auto;
right: 0px;
bottom: 0px;
min-width: 100px;
--tw-translate-x: 50%;
--tw-rotate: -45deg;
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));
padding-bottom: 2rem;
padding-right: 1.25rem;
padding-left: 1.25rem;
padding-top: 0.75rem;
}
@media (min-width: 1024px){
.label-angle-bottom-right{
padding-bottom: 3rem;
padding-right: 2.5rem;
padding-left: 2.5rem;
}
}
.label-top-left{
left: 0.5rem;
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));
}
.label-top-left:not(.label-flag){
top: 0.5rem;
}
.label-top-right{
right: 0.5rem;
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));
}
.label-top-right:not(.label-flag){
top: 0.5rem;
}
.label-bottom-left{
left: 0.5rem;
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));
}
.label-bottom-left:not(.label-bottom-flag){
bottom: 0.5rem;
}
.label-bottom-right{
right: 0.5rem;
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));
}
.label-bottom-right:not(.label-bottom-flag){
bottom: 0.5rem;
}
.button-play:hover span{
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
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: 768px){
.collage-product-1-small{
padding-left: 8rem;
padding-right: 8rem;
padding-top: 7rem;
padding-bottom: 7rem;
}
.collage-product-1-medium{
padding-left: 5rem;
padding-right: 5rem;
padding-top: 4rem;
padding-bottom: 4rem;
}
.collage-product-2-small{
padding-left: 5rem;
padding-right: 5rem;
padding-top: 4rem;
padding-bottom: 4rem;
}
.collage-product-2-medium{
padding-left: 4rem;
padding-right: 4rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
.collage-product-3-small{
padding-left: 4rem;
padding-right: 4rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
.collage-product-3-medium{
padding-left: 2rem;
padding-right: 2rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.collage-product-5-small,
.collage-product-4-small{
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.collage-product-5-medium,
.collage-product-4-medium{
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
}
.promotion-block__wrapper .button-play{
height: 60px;
width: 60px;
}
@media (min-width: 768px){
.promotion-block__wrapper .button-play{
height: 60px;
width: 60px;
}
}
.promotion-block__wrapper .button-play>span{
height: 1.25rem;
width: 1rem;
}
@media (min-width: 768px){
.promotion-block__wrapper .button-play>span{
height: 1.25rem;
width: 1rem;
}
}
.promotion-block__wrapper .promotion-content {
--promo-padding-mobile: clamp(16px, calc(100vw * var(--promo-grid-column-mobile) * 0.08), 20px);
--promo-padding-desktop: clamp(16px, calc(12vw * var(--promo-grid-column-desktop) / 2), 80px);
}
.list-layout .promotion-block__wrapper .promotion-content {
--promo-padding-mobile: clamp(16px, calc(100vw * var(--promo-list-column) * 0.08), 20px);
--promo-padding-desktop: clamp(16px, calc(12vw * var(--promo-list-column) / 2), 80px);
}
.promotion-block__wrapper .promotion-content {
padding: var(--promo-padding-mobile);
}
.promotion-heading {
font-weight: var(--heading-font-weight);
font-family: var(--heading-font-family);
}
@media screen and (min-width: 1024px) {
.promotion-block__wrapper .promotion-content {
padding: var(--promo-padding-desktop);
}
}
.promotion-grid__promotion.promotion-content-overlay {
background: transparent;
}
.promotion-grid .product-card__image-wrapper,
.promotion-grid .product-card-skeleton__wrapper{
height: 100%;
gap: 0.5rem;
}
@media (min-width: 768px){
.promotion-grid .product-card__image-wrapper,
.promotion-grid .product-card-skeleton__wrapper{
gap: 1rem;
}
}
.promotion-grid .product-card__image-wrapper .link-product-variant{
width: 100%;
}
.promotion-grid .product-card__image-container,
.promotion-grid .product-card-skeleton__image-wrapper{
height: 50%;
flex: 1 1 0%;
}
.promotion-grid .product-card-skeleton__info{
margin-top: 0px;
}
.promotion-grid .product-card__wrapper{
gap: 0.5rem;
padding-bottom: 0px;
}
@media (min-width: 768px){
.promotion-grid .product-card__wrapper{
gap: 1rem;
}
}
.promotion-grid .anm-reveal-item[data-active="true"]{
transition-property: none;
}
.promotion-grid__wrapper .product-card__info-wrapper,
.promotion-grid__wrapper .product-card-skeleton__info-wrapper{
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
}
@media (min-width: 768px){
.promotion-grid__wrapper .product-card__info-wrapper,
.promotion-grid__wrapper .product-card-skeleton__info-wrapper{
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
}
}
.promotion-grid__item__content:not(:has(> *)) {
display: none;
}
.promotion-grid__item__content {
--promo-padding-mobile: clamp(16px, calc(100vw * var(--promo-grid-column-mobile) * 0.08), 20px);
--promo-padding-desktop: clamp(16px, calc(12vw * var(--promo-grid-column-desktop) / 2), 80px);
}
.promotion-grid__item__content.content-overlay {
padding: var(--promo-padding-mobile);
}
@media screen and (min-width: 768px) {
.promotion-grid__item__content.content-overlay {
padding: var(--promo-padding-desktop);
}
}
.content-flashsale-horizontal{
display: flex;
flex-direction: column;
}
@media (min-width: 1024px){
.content-flashsale-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
}
.content-flashsale-horizontal .flash-sale-text{
row-gap: 0.625rem;
}
@media (min-width: 1024px){
.content-flashsale-horizontal .flash-sale-text{
display: flex;
max-width: 60%;
-moz-column-gap: 30px;
column-gap: 30px;
}
}
.content-flashsale-vertical{
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 1024px){
.content-flashsale-vertical{
display: flex;
flex-direction: column;
}
}
.flow-cards__container {
overflow: initial;
}
.flow-card {
transform-origin: 50% 50%;
transform: rotate(6deg);
z-index: 1;
opacity: 0.5;
}
.flow-card.flow-card--current {
z-index: 10;
opacity: 1;
transform: none;
box-shadow: 0 8px 12px rgba(var(--color-heading), 0.18);
}
.flow-card--out.flow-card--next {
animation: flowCardOut var(--flow-card-duration) linear;
will-change: transform, opacity;
}
.flow-card--out.flow-card--prev {
animation: flowCardPrev var(--flow-card-duration) linear;
will-change: transform, opacity;
}
.flow-card.flow-card--current-1 {
transform: rotate(3deg);
opacity: 1;
z-index: 8;
box-shadow: 0 6px 10px rgba(var(--color-heading), 0.12);
}
.flow-card.flow-card--current-2 {
z-index: 5;
opacity: 1;
transform: rotate(6deg);
box-shadow: 0 4px 8px rgba(var(--color-heading), 0.06);
}
.progress-bar-active-width {
background: rgba(var(--color-text));
height: 3px;
transition: all .4s ease;
}
.flow-card__heading-item.is-visible.disabled {
opacity: 0.6;
}
@media screen and (min-width: 1024px) {
.flow-card--current {
transform: none;
}
.flow-card.flow-card--current-1 {
transform: rotate(4deg);
}
.flow-card.flow-card--current-2 {
transform: rotate(6deg);
}
}
@media screen and (max-width: 1023px) {
.display-mobile {
display: block !important;
}
.mobile-h-auto {
height: auto !important;
}
.flow-card__heading-item.disabled {
display: none;
}
.flow-card-content-item .flow-card__heading-item {
animation: fadeInUpHeading var(--flow-card-duration) linear;
}
.flow-card-content-item .flow-card__content-item {
animation: fadeContent var(--flow-card-duration) linear;
}
@keyframes fadeInUpHeading {
0% {
opacity: 0;
transform: translateY(20px);
}
50% {
opacity: 0;
}
100% {
opacity: 1;
transform: translateY(0);
}
}
}
.min-w-4{
min-width: 1rem;
}
.min-w-12{
min-width: 3rem;
}
.x-badges-product-detail .icon-label{
height: var(calc(var(--body-base-size) * 1.2));
width: calc(var(--body-base-size) * 1.2);
}
.labe-stl .icon-label {
height: calc(var(--body-base-size) * 1.2);
width: calc(var(--body-base-size) * 1.2);
}
.rounded-slip {
position: relative;
border-radius: 0px 50px 50px 0px;
}
.bottom-right-container .rounded-slip,
.top-right-container .rounded-slip {
right: -4px;
position: relative;
border-radius: 50px 0px 0px 50px;
}
.bottom-left-container .rounded-slip,
.top-left-container .rounded-slip {
left: -4px;
position: relative;
border-radius: 0px 50px 50px 0px;
}
.media-gallery__container .top-left-container .rounded-slip {
left: -12px;
}
.media-gallery__container .top-right-container .rounded-slip {
right: -12px;
}
.product-info__label-wrapper .icon-label{
height: 1.125rem;
min-height: 18px;
width: 1.125rem;
min-width: 18px;
}
.product-info__label-wrapper .scrolling-label {
flex-direction: row-reverse;
top: 4px;
right: 4px;
left: auto;
bottom: auto;
}
.media-gallery__container:has([data-media-type="model"].is-active) .product-info__label-wrapper,
.media-gallery__container:has([data-media-type="video"].is-active) .product-info__label-wrapper,
.media-gallery__container:has([data-media-type="external_video"].is-active) .product-info__label-wrapper {
display: none;
}
@media (max-width: 767px) {
.pcg__table[data-nums-product="2"] {
min-width: 403px;
}
.pcg__table[data-nums-product="3"] {
min-width: 604px;
}
.pcg__table[data-nums-product="4"] {
min-width: 805px;
}
.pcg__table[data-nums-product="5"] {
min-width: 1005px;
}
.pcg__container::-webkit-scrollbar{
height: 0.125rem;
}
.pcg__container::-webkit-scrollbar-thumb{
border-radius: 10px;
border-width: 1px;
border-style: solid;
background-color: var(--color-secondary-background);
background-clip: padding-box;
}
.pcg__container::-webkit-scrollbar-track{
border-radius: 10px;
background-color: var(--color-secondary-background);
}
/* Tùy chỉnh cho Firefox */
.pcg__container {
scrollbar-width: thin; /* Đặt chiều rộng thanh cuộn nhỏ */
scrollbar-color: var(--color-heading);
}
}
.widget__icon-comparison svg path {
stroke: rgba(var(--color-text));
}
.overlay-body.is-visible{
z-index: 30;
visibility: visible;
opacity: 1;
background-color: rgba(var(--color-overlay-no-alpha) / 0.3);
}
.animation-fade-out {
opacity: 0;
width: 0;
padding: 0;
margin: 0;
transition: opacity 0.5s ease, width 0.3s ease 0.5s, padding 0.3s ease 0.5s;
}
th {
font-weight: inherit;
text-align: inherit;
}
.\!cursor-inherit {
cursor: inherit !important;
}
.cursor-inherit {
cursor: inherit;
}
.tooltip-icon-compare:hover ~ .tooltip-popup{
display: flex;
}
[dir="rtl"] .tooltip-icon-compare:hover ~ .tooltip-popup.tooltip-row {
flex-direction: row-reverse;
}
.triangle-right {
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 6px solid;
}
.triangle-down {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 6px solid;
}
.buy-buttons__compare-button .icon-check-compare path,
.product-card__comparison-button .icon-check-compare path {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: tick 4s forwards;
}
.product-compare__arrow-active{
cursor: pointer;
opacity: 1;
}
@media (min-width: 768px){
.product-compare__arrow-active{
opacity: 0.6;
}
.product-compare__arrow-active:hover{
opacity: 1;
}
}
.product-compare__arrow-disable{
cursor: not-allowed;
opacity: 0.4;
}
body:has(section.section-product-comparison-overlay) .buy-buttons__compare-button {
display: block;
}
.items-left{
align-items: flex-start;
}
.items-right{
align-items: flex-end;
}
.segmented-banner__image-wrapper{
position: absolute;
height: 100%;
width: 100%;
}
.segmented-banner__image {
transition: opacity var(--transition-slideshow-content) var(--transition-slideshow-content) linear, visibility var(--transition-slideshow-content) var(--transition-slideshow-content) linear;
opacity: 0;
visibility: hidden;
}
.segmented-banner__image.is-active {
opacity: 1;
visibility: visible;
}
.segmented-banner__img__content__wrapper{
display: flex;
width: 100%;
flex-grow: 1;
flex-direction: column;
overflow: hidden;
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 1.625rem;
padding-bottom: 1.625rem;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.segmented-banner__img__content__wrapper,
body.scrollbar.segmented-banner__img__content__wrapper {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.segmented-banner__img__content__wrapper .product-comparison-overlay__widget-button,
body.scrollbar.segmented-banner__img__content__wrapper .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
@media (min-width: 1024px){
.segmented-banner__img__content__wrapper{
padding: 100px;
}
}
.segmented-banner__img__content{
max-height: 100%;
width: 100%;
}
.segmented-banner__content {
background: none !important;
}
.section-hero-slideshow-horizontal .segmented-banner__content {
background: transparent !important;
}
.segmented-banner__content{
position: relative;
display: flex;
height: 100%;
width: 100%;
align-items: flex-end;
background-color: transparent !important;
background-image: none !important;
padding-top: 1.875rem;
padding-bottom: 1.875rem;
opacity: 1;
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 600ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
will-change: transform;
}
.segmented-banner__content::before{
position: absolute;
bottom: 0px;
left: 0px;
height: 100%;
width: 100%;
--tw-translate-y: 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));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
--tw-content: '';
content: var(--tw-content);
}
.segmented-banner__content:focus-visible{
outline-offset: -1px;
}
[dir="ltr"] .segmented-banner__content{
border-left-width: 1px;
}
[dir="rtl"] .segmented-banner__content{
border-right-width: 1px;
}
@media (min-width: 1024px){
.segmented-banner__content{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.segmented-banner__content.active {
cursor: default;
border-color: rgba(var(--color-heading-no-alpha) / 0.2);
}
.segmented-banner__content:not(.active) {
cursor: pointer;
border-color: rgba(var(--color-heading-no-alpha) / 0.4)
}
.segmented-banner__content:hover:before {
transform: translateY(0) !important;
transition: transform 0.6s ease-out !important;
will-change: transform !important;
}
.segment-banner__wrapper.slide-auto-play .segmented-banner__content__overlay{
--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));
background-color: rgba(var(--color-background-no-alpha) / 0.2);
}
@media (min-width: 1024px){
.segment-banner__wrapper.slide-auto-play .segmented-banner__content__overlay{
--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));
}
.segment-banner__wrapper.slide-auto-play .segmented-banner__content__overlay.progress{
--tw-translate-y: 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));
}
}
.segmented-banner__content__overlay{
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
.segment-banner__wrapper:not(.slide-auto-play) .segmented-banner__content:not(.active) .segmented-banner__content__overlay,
.segmented-banner__content__paginate .segmented-banner__content__overlay.progress {
background-color: rgba(var(--color-background-no-alpha) / 0.2);
}
.heading-segmented-small {
font-size: calc(var(--heading-font-size-small) * 0.4);
}
.heading-segmented-medium {
font-size: calc(var(--heading-font-size-medium) * 0.4);
}
.heading-segmented-large {
font-size: calc(var(--heading-font-size-large) * 0.4);
}
.segment-banner__wrapper iframe{
height: 300%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.segmented-banner__content__paginate {
background: none !important;
}
.section-hero-slideshow-horizontal .segmented-banner__content__paginate {
background: transparent !important;
}
.segmented-banner__content__paginate{
position: relative;
display: flex;
flex: 1 1 0%;
cursor: pointer;
flex-direction: column;
align-items: center;
overflow: hidden;
border-style: solid;
background-color: transparent !important;
background-image: none !important;
color: rgba(var(--color-heading));
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.segmented-banner__content__paginate,
body.scrollbar.segmented-banner__content__paginate {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.segmented-banner__content__paginate .product-comparison-overlay__widget-button,
body.scrollbar.segmented-banner__content__paginate .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.segmented-banner__content__wrapper{
position: absolute;
z-index: 10;
display: none;
height: 100%;
width: 100%;
overflow: hidden;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.segmented-banner__content__wrapper,
body.scrollbar.segmented-banner__content__wrapper {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.segmented-banner__content__wrapper .product-comparison-overlay__widget-button,
body.scrollbar.segmented-banner__content__wrapper .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
[dir="ltr"] .segmented-banner__content__wrapper{
right: 0px;
}
[dir="rtl"] .segmented-banner__content__wrapper{
left: 0px;
}
@media (min-width: 1024px){
.segmented-banner__content__wrapper{
display: grid;
}
}
[dir="ltr"] .wipe_wipe.enable-animation {
animation: animationSegmented var(--segmented-banner-animation-duration-mobile) cubic-bezier(0.645, 0.045, 0.355, 1);
}
[dir="rtl"] .wipe_wipe.enable-animation {
animation: animationSegmentedRTL var(--segmented-banner-animation-duration-mobile) cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 1024px) {
[dir="ltr"] .wipe_wipe.enable-animation {
animation: animationSegmented var(--segmented-banner-animation-duration-desktop) cubic-bezier(0.645, 0.045, 0.355, 1);
}
[dir="rtl"] .wipe_wipe.enable-animation {
animation: animationSegmentedRTL var(--segmented-banner-animation-duration-desktop) cubic-bezier(0.645, 0.045, 0.355, 1);
}
}
.segmented-banner__content.active .segmented-banner__content__banner-number {
animation: animationBounce 2s ease infinite;
}
@keyframes animationBounce {
/*70% {*/
/* transform: translateY(0%);*/
/*}*/
/*80% {*/
/* transform: translateY(-20%);*/
/*}*/
/*90% {*/
/* transform: translateY(0%);*/
/*}*/
/*95% {*/
/* transform: translateY(-12%);*/
/*}*/
/*97% {*/
/* transform: translateY(0%);*/
/*}*/
/*99% {*/
/* transform: translateY(-8%);*/
/*}*/
/*100% {*/
/* transform: translateY(0);*/
/*}*/
/* hithere animation */
/*30% {*/
/* transform: scale(1.5);*/
/*}*/
/*40%, 60% {*/
/* transform: rotate(-20deg) scale(1.5);*/
/*}*/
/*50% {*/
/* transform: rotate(20deg) scale(1.5);*/
/*}*/
/*70% {*/
/* transform: rotate(0deg) scale(1.5);*/
/*}*/
/*100% {*/
/* transform: scale(1);*/
/*}*/
/* pulse animation*/
0% {
transform: scale(0.8);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(0.8);
}
}
.price-label::before {
border-width: 6px;
border-color: transparent rgba(var(--background-color-label)) transparent transparent;
}
.product-info__space-small{
padding-top: 0.5rem;
}
.product-info__space-medium{
padding-top: 0.75rem;
}
.product-info__space-large{
padding-top: 1rem;
}
.required-picker ~ .text-required {
display: block;
}
.customizable-option.required-picker {
border-color: rgba(var(--error-message-color));
}
.drop-zone-wrap--error .drop-zone, .required-picker ~ .drop-zone {
border-color: rgba(var(--error-message-color));
}
.drop-zone-wrap--error .error-max-file {
display: block;
}
.shopify-model-viewer-ui{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.shopify-model-viewer-ui model-viewer {
--progress-bar-height: 2px;
z-index: 10;
height: 100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay{
position: absolute;
top: 0px;
height: 100%;
width: 100%;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{
position: absolute;
right: 1rem;
left: auto;
bottom: 1rem;
z-index: 10;
display: none;
flex-direction: column;
border-width: 1px;
opacity: 0;
background-color: rgba(var(--color-background));
}
@media (min-width: 1024px){
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{
display: flex;
}
}
.section-hero-slideshow-horizontal .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
background: transparent;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control{
position: relative;
height: 2rem;
width: 2rem;
background-color: transparent;
padding: 0px;
color: rgba(var(--color-text));
}
@media (min-width: 1024px){
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control{
height: 2.75rem;
width: 2.75rem;
}
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon{
height: 2rem;
width: 2rem;
fill: none;
}
@media (min-width: 1024px){
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon{
height: 2.75rem;
width: 2.75rem;
}
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing){
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
height: 3rem;
width: 3rem;
--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));
border-radius: 9999px;
border-width: 1px;
border-style: solid;
background-color: rgba(var(--color-background));
}
@media (min-width: 1024px){
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{
height: 4rem;
width: 4rem;
}
}
.shopify-model-viewer-ui__poster-control-icon{
height: 100%;
width: 100%;
}
.shopify-model-viewer-ui__sr-only{
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen{
display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen{
display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen{
display: block;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__disabled{
z-index: 0;
}
.shopify-model-viewer-ui--fullscreen{
background-color: rgba(var(--color-background));
}
.shopify-model-viewer-ui:hover .shopify-model-viewer-ui__controls-area,
.shopify-model-viewer-ui.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area{
opacity: 1;
transition-duration: 300ms;
}
.product__xr-button[data-shopify-xr-hidden]{
visibility: hidden;
display: none;
}
.product-form__dynamic-checkout .shopify-payment-button button.shopify-payment-button__button,
.product-form__dynamic-checkout .shopify-payment-button [role='button']:not(.shopify-payment-button__skeleton) {
--button-padding-y-desktop: 16px;
--button-padding-x-desktop: 41px;
font-family: var(--button-font);
font-weight: var(--button-font-weight);
font-style: var(--button-font-style);
font-size: var(--button-font-size);
width: 100%;
border-radius: var(--button-border-radius);
height: unset;
line-height: 1.4;
padding: var(--button-padding-y-mobile, 10px) var(--button-padding-x-mobile, 26px);
}
.media-gallery__thumbnail-item {
height: calc(60px / var(--thumbnail-item-ratio));
}
.zoom-enlarge__thumbnail-item {
height: calc(48px / var(--thumbnail-item-ratio));
}
.is-unavailable{
display: none;
}
.product-form__dynamic-checkout .shopify-payment-button__button:has(.shopify-payment-button__skeleton) {
padding: 0px !important;
}
.product-form__dynamic-checkout .shopify-payment-button__button .shopify-payment-button__skeleton{
min-height: 44px;
}
@media (min-width: 768px){
.product-form__dynamic-checkout .shopify-payment-button__button .shopify-payment-button__skeleton{
min-height: 52px;
}
.product-form__dynamic-checkout .shopify-payment-button button.shopify-payment-button__button,
.product-form__dynamic-checkout .shopify-payment-button [role='button']:not(.shopify-payment-button__skeleton) {
padding: var(--button-padding-y-desktop, 12px) var(--button-padding-x-desktop, 33px);
}
.media-gallery__thumbnail-item {
height: calc(75px / var(--thumbnail-item-ratio));
}
.zoom-enlarge__thumbnail-item {
height: calc(100px / var(--thumbnail-item-ratio));
}
}
.drop-zone-wrap--inactive .drop-zone {
height: 0;
overflow: hidden;
opacity: 0;
border: none;
}
.drop-zone-wrap--inactive .drop-zone__thumb {
display: flex;
}
.drop-zone-wrap--error .drop-zone, .required-picker ~ .drop-zone {
border-color: rgba(var(--color-error));
}
.drop-zone-wrap--error .error-max-file {
display: block;
}
.rte-list ol, .rte-list ul, .rte-list li {
list-style-position: inside;
}
.rte-list {
list-style-type: auto; /* Bỏ kiểu danh sách */
margin: 0;
padding: 0;
display: table; /* Chuyển thành bảng */
width: 100%;
}
.rte-list li {
display: table-row; /* Chuyển mỗi mục thành một hàng */
border-bottom: 1px solid #ccc; /* Đường kẻ dưới mỗi hàng */
}
.rte-list li:last-child {
border-bottom: none; /* Bỏ đường kẻ cuối */
}
.rte-list li::before {
content: attr(data-label);
display: table-cell; /* Chuyển thành ô của bảng */
font-weight: bold;
padding: 5px 10px;
vertical-align: top;
}
.rte-list li span {
display: table-cell; /* Nội dung giá trị */
padding: 5px 10px;
vertical-align: top;
}
.payment-method__item > svg {
height: 28px;
width: 44px;
}
.skip-to-content {
height: 0.1rem;
width: 0.1rem;
transition-property: color,background-color;
transition-duration: 0.5s;
clip: rect(0 0 0 0);
}
.skip-to-content:focus {
height: auto;
width: auto;
clip: auto;
z-index: 100;
}
.product-template__media-wrapper {
width: 100%;
float: left;
}
.product-template__content-wrapper {
width: 100%;
float: left;
}
.collapsible-tab__divider{
height: 0.75rem;
border-top-width: 1px;
border-style: solid;
border-color: rgba(var(--color-text));
}
.collapsible-tab__divider.is-open {
border-color: rgba(var(--color-heading-no-alpha) / 0.06);
}
.media-gallery__thumbnail-nav__wrapper.is-show{
display: flex;
flex-direction: row;
}
@media (min-width: 768px){
.media-gallery__thumbnail-nav__wrapper.is-show{
flex-direction: column;
}
}
.media-gallery__thumbnail-nav__wrapper:not(.is-show){
display: none;
}
.media-gallery__zoom-enlarge__item:not(.is-show-media-zoom-item){
display: none;
}
.zoom-enlarge__thumbnail-item:not(.is-show-media-zoom-item){
display: none;
}
.zoom-enlarge__thumbnail-item.is-active{
border-width: 2px;
border-color: rgba(var(--color-button));
}
.quick-view .quick-view\:pb-0 {
padding-bottom: 0;
}
.quick-view .quick-view\:pb-\[var\(--swiffy-slider-indicator-outside-size\)\] {
padding-bottom: var(--swiffy-slider-indicator-outside-size);
}
shopify-accelerated-checkout.disabled {
--shopify-accelerated-checkout-skeleton-animation-opacity-start: 0.6;
--shopify-accelerated-checkout-skeleton-animation-opacity-end: 0.6;
}
.product-info__shipping-and-tax__text-link.is-loading{
pointer-events: none;
color: rgba(var(--color-text-no-alpha) / 0.2);
background: linear-gradient(rgba(var(--color-link)),rgba(var(--color-link))),linear-gradient(rgba(var(--color-text),0.2),rgba(var(--color-text),0.2));
background-size: 0 1px, 100% 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
}
.product-info__shipping-and-tax__text-link:not(.is-loading) .product-info__shipping-and-tax__loading{
display: none;
}
.product-info__shipping-and-tax__text-link.is-loading .product-info__shipping-and-tax__loading{
display: block;
}
@media (min-width: 768px) {
.product-template__media-wrapper {
width: var(--product-info-media-width);
float: left;
padding-right: 20px;
}
.quick-view .md\:quick-view\:pb-\[var\(--swiffy-slider-indicator-outside-size\)\] {
padding-bottom: var(--swiffy-slider-indicator-outside-size);
}
.quick-view .md\:quick-view\:pb-0 {
padding-bottom: 0;
}
.product-template__content-wrapper {
width: calc(100% - var(--product-info-media-width));
float: right;
padding-left: 20px;
}
.maximize-theme[dir="rtl"] .product-template__media-wrapper {
width: var(--product-info-media-width);
float: right;
padding-left: 20px;
padding-right: unset;
}
.maximize-theme[dir="rtl"] .product-template__content-wrapper {
width: calc(100% - var(--product-info-media-width));
float: left;
padding-right: 20px;
}
}
@media (max-width: 767px) {
.media-gallery__thumbnail-nav__wrapper.hidden_on_mobile{
display: none;
}
}
.variant-option__label.disabled:not(.swatch-option__label)::before{
position: absolute;
top: 50%;
left: 50%;
height: 1px;
width: 100%;
content: '';
background: linear-gradient(to top right, rgba(var(--color-text-no-alpha) / 0.2) 50%, rgba(var(--color-text-no-alpha) / 0.2) 50%);
transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.variant-option__wrapper[data-picker-type="dropdown"] .variant-option.selected,
.variant-option__wrapper[data-picker-type="dropdown"] .variant-option.focused,
.product-sibling-option__wrapper[data-picker-type="dropdown"] .variant-option.selected,
.product-sibling-option__wrapper[data-picker-type="dropdown"] .variant-option.focused{
color: rgba(var(--color-heading));
}
.media-gallery__media-item:not(.is-show-media-item), .media-gallery__thumbnail-item:not(.is-show-thumbnail-item){
display: none;
}
.variant-option + .variant-option__label{
border-width: 1px;
border-style: solid;
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.variant-option.selected:not(.selected)[data-type="buttons"] + .variant-option__label,
.variant-option:checked[data-type="buttons"] + .variant-option__label{
border-color: rgba(var(--color-text));
color: rgba(var(--color-text));
}
.variant-option.selected[data-type="buttons"] + .variant-option__label,
.variant-option:checked[data-type="buttons"] + .variant-option__label,
.variant-option[data-type="buttons"] + .variant-option__label:hover {
border-color: rgba(var(--color-text-no-alpha) / 0.6);
color: rgba(var(--color-heading));
}
.variant-option.disabled[data-type="buttons"]:not(.selected) + .variant-option__label:not(.swatch-option__label) {
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.variant-option.disabled[data-type="buttons"] + .variant-option__label:not(.swatch-option__label)::before{
position: absolute;
top: 50%;
left: 50%;
height: 1px;
width: 100%;
content: '';
background: linear-gradient(to top right, rgba(var(--color-text-no-alpha) / 0.2) 50%, rgba(var(--color-text-no-alpha) / 0.2) 50%);
transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.select-button {
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.select-button[aria-expanded="true"] {
border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.variant-option.selected[data-type="dropdown"]{
color: rgba(var(--color-heading));
}
.variant-option:not(.selected)[data-type="dropdown"]{
color: rgba(var(--color-text));
}
.variant-option[data-type="dropdown"].focused {
background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.variant-option[data-type="dropdown"].disabled {
color: rgba(var(--color-text-no-alpha) / 0.6);
}
/*.variant-option:not(.disabled)[data-type="dropdown"] {*/
/* @apply color-text-[rgba(var(--color-heading))];*/
/*}*/
/*.variant-option__label:not(.selected)[data-swatch-type="button"] {*/
/* @apply bg-transparent color-text-[rgba(var(--color-text))] color-border-[rgba(var(--color-text),0.06)] ;*/
/*}*/
/*.variant-option__label.selected[data-swatch-type="button"] {*/
/* @apply color-bg-[rgba(var(--color-text),0.06)] color-border-[rgba(var(--color-text))] color-text-[rgba(var(--color-text))];*/
/*}*/
.cart-drawer__field {
transform: translateY(100%);
opacity: 0;
will-change: opacity;
transition: all 0.6s ease-in-out;
}
.cart-drawer__field.is-open {
transform: translateY(0);
opacity: 1;
transition: all 0.6s ease-in-out;
height: 100%;
}
.tooltip-text:hover ~ .tooltip-popup{
display: block;
}
.tooltip-text{
pointer-events: auto;
cursor: pointer;
}
.tooltip-icon-left .tooltip-icon{
margin-right: 0.25rem;
}
.tooltip-icon-right .tooltip-icon{
margin-left: 0.25rem;
}
.tooltip-delivery.has-icon{
display: inline-flex;
cursor: pointer;
align-items: center;
}
.estimate-content:hover ~ .tooltip-popup{
display: block;
}
.cart-drawer-upsell__nav.nav-disabled {
color: rgba(var(--color-heading-no-alpha) / 0.12);
}
.cart-drawer-upsell__nav:not(.nav-disabled) {
color: rgba(var(--color-heading-no-alpha) / 0.4);
}
.anm-fade {
animation: fadeContent 300ms linear;
}
@keyframes fadeContent {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media (max-width: 767px) {
.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;
}
.mobile-block {
display: block !important;
}
.mobile-fade {
animation: fadeContent 300ms linear;
}
shopify-accelerated-checkout {
--shopify-accelerated-checkout-button-border-radius: var(--button-border-radius);
--shopify-accelerated-checkout-button-block-size: calc(var(--button-padding-y-mobile) * 2 + var(--button-font-size) * var(--line-height-button))
}
.product-info__buy-buttons-wrapper {
--button-padding-y-mobile: 12px;
}
}
shopify-accelerated-checkout-cart {
--shopify-accelerated-checkout-button-border-radius: var(--button-border-radius);
--shopify-accelerated-checkout-button-block-size: calc(var(--button-padding-y-mobile) * 2 + var(--button-font-size) * var(--line-height-button));
}
@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;
}
}
}
a[href="/account/login#recover"]{
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-underline-offset: 4px;
}
a[href="/account/login#recover"]:not(.button):hover {
background: none;
background-image: none;
color: rgba(var(--color-link));
}
@media screen and (max-width: 767px) {
#search-in-modal-mobile{
font-size: 16px;
}
}
.media-gallery__thumbnail-item:not(.is-active){
opacity: 0.6;
}
.media-gallery__thumbnail-item.is-active{
border-bottom-width: 2px;
border-style: solid;
opacity: 1;
border-color: rgba(var(--color-line-and-border));
}
.media-gallery__wrapper .slider-nav{
height: 2.5rem;
width: 2.5rem;
border-radius: 9999px;
transition-property: transform;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
background-color: rgba(var(--color-secondary-button-no-alpha));
color: rgba(var(--color-secondary-button-text));
}
.media-gallery__wrapper .slider-nav:disabled{
cursor: not-allowed;
}
.media-gallery__wrapper .slider-nav {
box-shadow: none;
filter: none;
overflow: hidden;
}
.media-gallery__wrapper .slider-nav:before{
position: absolute;
top: 50%;
left: 50%;
height: 2.5rem;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 0.1;
--tw-scale-y: 0.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));
border-radius: 9999px;
opacity: 0;
--tw-content: '';
content: var(--tw-content);
background-color: rgba(var(--color-secondary-button-text-no-alpha) / 0.2);
filter: blur(5px);
transition: transform var(--button-animation-duration), opacity var(--button-animation-duration), background-color var(--button-animation-duration), width var(--button-animation-duration), height var(--button-animation-duration);
}
.media-gallery__media-item.is-zoom-media {
background-position: center;
background-size: 200% !important;
background-repeat: no-repeat;
will-change: background-position;
}
.media-gallery__wrapper.is-open-zoom[data-zoom-effect="magnifier"] .media-gallery__media-item[data-media-type="image"]:hover,
.media-gallery__wrapper.is-open-zoom[data-zoom-effect="enlarge"] .media-gallery__media-item[data-media-type="image"]:hover{
cursor: zoom-out;
}
.media-gallery__wrapper[data-zoom-effect="magnifier"]:not(.is-open-zoom) .media-gallery__media-item[data-media-type="image"]:hover,
.media-gallery__wrapper[data-zoom-effect="enlarge"]:not(.is-open-zoom) .media-gallery__media-item[data-media-type="image"]:hover{
cursor: zoom-in;
}
.media-gallery__wrapper[data-zoom-effect="none"]:not([data-item-count="1"]) .media-gallery__media-item[data-media-type="image"]:hover{
cursor: grab;
}
.media-gallery__wrapper[data-zoom-effect="none"]:not([data-item-count="1"]) .media-gallery__media-item[data-media-type="image"] {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.media-gallery__wrapper[data-zoom-effect="none"]:not([data-item-count="1"]) .media-gallery__media-item:active[data-media-type="image"]:hover{
cursor: grabbing;
}
.media-gallery__wrapper[data-zoom-effect="none"]:not([data-item-count="1"]) .media-gallery__media-item:active[data-media-type="image"] {
cursor: grab;
cursor: -webkit-grab;
}
.media-gallery__wrapper .slide-item:not(.is-active){
pointer-events: none;
}
.media-gallery__wrapper .slide-item.is-active{
z-index: 10;
}
.media-gallery__wrapper .slider-indicator:not(.is-show-indicator){
display: none;
}
.template-404__content__title-1st{
--tw-rotate: -8deg;
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: 768px){
.template-404__content__title-1st{
margin-right: -0.75rem;
}
}
.template-404__content__title-3rd{
--tw-rotate: 15deg;
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: 768px){
.template-404__content__title-3rd{
margin-left: -0.75rem;
}
}
.template-404__subtext{
margin-bottom: 1.5rem;
display: flex;
justify-content: center;
font-size: 8rem;
line-height: 1;
font-weight: 700;
font-style: normal;
opacity: 0.6;
color: rgba(var(--color-heading));
}
@media (min-width: 768px){
.template-404__subtext{
margin-bottom: 3rem;
font-size: 300px;
}
}
.template-404__subtext {
font-family: var(--heading-font-family);
}
.template-404__content{
margin-left: auto;
margin-right: auto;
width: 100%;
}
.webkit-text-left {
text-align: -webkit-left;
}
.webkit-text-center {
text-align: -webkit-center;
}
.webkit-text-right {
text-align: -webkit-right;
}
.toggle-instock-filter .toggle-instock-filter__toggle{
position: relative;
height: 1.625rem;
width: 2.75rem;
border-radius: 9999px;
border-width: 1px;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.toggle-instock-filter .toggle-instock-filter__toggle::before{
position: absolute;
top: 3px;
left: 3px;
height: 1.125rem;
width: 1.125rem;
border-radius: 9999px;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
--tw-content: '';
content: var(--tw-content);
background-color: rgba(var(--color-heading-no-alpha) / 0.2);
}
.position--top-left{
align-items: flex-start;
justify-content: flex-start;
}
.position--top-center{
align-items: flex-start;
justify-content: center;
}
.position--top-right{
align-items: flex-start;
justify-content: flex-end;
}
.position--center-left{
align-items: center;
justify-content: flex-start;
}
.position--center{
align-items: center;
justify-content: center;
}
.position--center-right{
align-items: center;
justify-content: flex-end;
}
.position--bottom-left{
align-items: flex-end;
justify-content: flex-start;
}
.position--bottom-center{
align-items: flex-end;
justify-content: center;
}
.position--bottom-right{
align-items: flex-end;
justify-content: flex-end;
}
.overlay-banner__media-group .slider-nav-next{
left: auto;
right: -2rem;
}
.section-hero-slideshow-horizontal .pagination-image-ovelay {
content: "";
position: absolute;
inset: 0;
transform: translateX(-100%);
will-change: transform;
background: rgba(var(--color-secondary-button-text));
opacity: 0.5;
z-index: 10;
}
.slide-item.is-active .active-slide-fade {
display: block;
}
.section-hero-slideshow-horizontal .swiffy-slider[data-effect="fade"] > .slider-container > .slide-item.is-active {
animation: none;
}
.section-hero-slideshow-horizontal .\!swiffy-slider[data-effect="fade"] > .slider-container > .slide-item.is-active {
animation: none !important;
}
.section-hero-slideshow-horizontal .bg-transparent {
background: transparent;
}
.section-hero-slideshow-horizontal .\!bg-transparent {
background: transparent !important;
}
.slider-autoplay-loading{
position: absolute;
bottom: 1rem;
right: 1rem;
z-index: 20;
display: none;
height: 1.25rem;
width: 1.25rem;
opacity: 0;
}
@media (min-width: 768px){
.slider-autoplay-loading{
bottom: 2rem;
right: 2rem;
height: 1.625rem;
width: 1.625rem;
}
}
.slider-autoplay-loading.active:not(.hovered){
display: block;
opacity: 1;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.progress-ring{
height: 1.25rem;
width: 1.25rem;
--tw-rotate: -180deg;
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: 768px){
.progress-ring{
height: 1.625rem;
width: 1.625rem;
}
}
.progress-ring__progress {
stroke-dasharray: 72.26;
stroke-dashoffset: 72.26;
}
@keyframes drawRing {
from { stroke-dashoffset: 72.26; }
to { stroke-dashoffset: 0; }
}
.gift-card__header{
padding-bottom: 1.5rem;
padding-top: 2.5rem;
text-align: center;
}
@media (min-width: 768px){
.gift-card__header{
padding-top: 5rem;
padding-bottom: 2rem;
}
}
.gift-card__main{
display: flex;
flex-direction: column;
align-items: center;
gap: 1.625rem;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 2.5rem;
}
@media (min-width: 768px){
.gift-card__main{
padding-bottom: 5rem;
}
}
.gift-card__info{
text-align: center;
}
@media (min-width: 768px){
.gift-card__info{
max-width: 30rem;
}
}
.gift-card__action{
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
}
@media (min-width: 768px){
.gift-card__action{
max-width: 30rem;
}
}
.gift-card__code__wrapper{
position: absolute;
left: 50%;
bottom: 0.875rem;
display: flex;
width: -moz-max-content;
width: max-content;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
cursor: pointer;
align-items: center;
gap: 0.5rem;
background-color: rgba(var(--color-background));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: rgba(var(--color-secondary-button-text));
}
@media (min-width: 768px){
.gift-card__code__wrapper{
bottom: 1.25rem;
gap: 0.625rem;
}
}
.gift-card__code__wrapper:not(:focus-visible){
outline-style: dashed;
outline-width: 1px;
outline-color: rgba(var(--color-secondary-button-text));
}
.gift-card__copy-link{
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
gap: 0.25rem;
color: inherit;
}
.gift-card__info__content{
position: relative;
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: center;
}
.gift-card__qr-code{
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 9.75rem;
padding: 0.5rem;
text-align: center;
outline-style: dashed;
outline-width: 1px;
outline-color: rgba(var(--color-text),0.2);
}
.gift-card__action__number{
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 1.625rem;
text-align: center;
}
@media (min-width: 768px){
.gift-card__action__number{
padding-left: 56px;
padding-right: 56px;
}
}
.gift-card__action__button{
display: flex;
width: 100%;
gap: 0.25rem;
}
@media (min-width: 768px){
.gift-card__action__button{
gap: 0.375rem;
}
}
.gift-card__action__button--continue {
position: relative;
border: none;
overflow: hidden;
box-shadow: none;
display: block;
width: 50%;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
font-weight: 600;
line-height: 1.5;
}
@media (min-width: 1024px) {
.gift-card__action__button--continue:before{
position: absolute;
top: 50%;
left: 50%;
height: 2.5rem;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 0.1;
--tw-scale-y: 0.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));
border-radius: 9999px;
opacity: 0;
--tw-content: '';
content: var(--tw-content);
background-color: rgba(var(--color-button-text-no-alpha) / 0.2);
filter: blur(5px);
transition: transform var(--button-animation-duration), opacity var(--button-animation-duration), background-color var(--button-animation-duration), width var(--button-animation-duration), height var(--button-animation-duration);
}
.gift-card__action__button--continue:hover:before {
opacity: 1;
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scaleX(1.5) scaleY(1.5);
}
}
.gift-card__action__button--continue[disabled], .gift-card__action__button--continue[aria-disabled=true] {
opacity: 1;
color: rgba(var(--color-button-text-no-alpha) / 0.7);
}
.gift-card__action__button--continue {
background: rgba(var(--color-button));
color: rgba(var(--color-button-text));
}
.gift-card__action__button--print{
display: block;
width: 50%;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
font-weight: 600;
}
.gift-card__icon__wrapper{
position: relative;
display: flex;
height: 1em;
min-height: 12px;
width: 1em;
min-width: 12px;
align-items: center;
}
.gift-card__icon{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
--tw-translate-y: 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));
opacity: 0;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.gift-card__icon.is-visible{
--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));
opacity: 1;
}
.gift-card__icon.is-hidden{
--tw-translate-y: -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));
opacity: 0;
}
.gift-card__info__value{
text-align: center;
color: rgba(var(--color-price));
}
.gift-card__info__subtext{
margin-bottom: 0.125rem;
text-align: center;
}
@media (min-width: 768px){
.gift-card__info__subtext{
margin-bottom: 0.375rem;
}
}
.drawer__wrapper{
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 70;
height: 100%;
width: 100%;
}
@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;
}
}
.drawer__overlay {
background-color: rgba(var(--color-overlay));
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
display: block;
cursor: pointer;
}
.drawer__container{
position: fixed;
bottom: 0px;
z-index: 71;
display: flex;
max-height: calc(100% - 16px);
min-height: 0px;
width: 100%;
flex-direction: column;
border-top-left-radius: var(--border-radius-drawer);
border-top-right-radius: var(--border-radius-drawer);
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
padding-bottom: 1rem;
transition-property: all;
transition-duration: 150ms;
transition-duration: var(--drawer-transition-duration);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
background: var(--gradient-background-no-alpha, "none");
}
.drawer__container:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
@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: 1024px){
.drawer__container{
width: 32rem;
}
}
.popup-container .drawer__content::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
}
.drawer__content::-webkit-scrollbar {
width: 3px;
height: 3px;
}
.drawer__content::-webkit-scrollbar-track {
background: rgba(var(--color-text-no-alpha) / 0.06);
}
.drawer__content.scrollbar-visible:active::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible:focus::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible:hover::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible.scrollbar-always-visible::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
visibility: visible;
}
.scrollbar-body.drawer__content:active::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content:focus::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content:hover::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content.scrollbar-always-visible::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
visibility: visible;
}
.drawer__content.scrollbar-visible:active::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible:focus::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible:hover::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible.scrollbar-always-visible::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
visibility: visible;
}
.scrollbar-body.drawer__content:active::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content:focus::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content:hover::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content.scrollbar-always-visible::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
visibility: visible;
}
.drawer__content.scrollbar-visible:active::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible:focus::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible:hover::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible.scrollbar-always-visible::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
visibility: visible;
}
.scrollbar-body.drawer__content:active::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content:focus::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content:hover::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content.scrollbar-always-visible::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
visibility: visible;
}
.drawer__content.scrollbar-visible:active::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible:focus::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible:hover::-webkit-scrollbar-thumb,
.drawer__content.scrollbar-visible.scrollbar-always-visible::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
visibility: visible;
}
.scrollbar-body.drawer__content:active::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content:focus::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content:hover::-webkit-scrollbar-thumb,
.scrollbar-body.drawer__content.scrollbar-always-visible::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
visibility: visible;
}
.drawer__content.scrollbar-visible:hover {
rotate: 0;
}
.scrollbar-body.drawer__content:hover {
rotate: 0;
}
.drawer__content.scrollbar-visible::-webkit-scrollbar-track {
background: transparent;
}
.scrollbar-body.drawer__content::-webkit-scrollbar-track {
background: transparent;
}
.drawer__content.scrollbar-visible::-webkit-scrollbar-thumb {
background: transparent;
visibility: visible;
}
.scrollbar-body.drawer__content::-webkit-scrollbar-thumb {
background: transparent;
visibility: visible;
}
.drawer__content::-webkit-scrollbar-thumb {
background: rgba(var(--color-text-no-alpha) / 0.06);
}
body.drawer__content::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
}
.drawer__content{
max-height: 100%;
flex-grow: 1;
overflow-y: auto;
overflow-x: hidden;
padding-right: 1rem;
padding-left: 1rem;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.drawer__content {
overflow-y: scroll;
}
body.drawer__content.overflow-y-hidden,
body.drawer__content.overflow-hidden {
padding-right: 3px;
overflow-y: hidden;
}
body.drawer__content.overflow-y-hidden .product-comparison-overlay__widget-button,
body.drawer__content.overflow-hidden .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
@media (min-width: 768px){
.drawer__content{
padding-left: 1.875rem;
padding-right: 1.875rem;
}
}
.drawer__content:active::-webkit-scrollbar-thumb,
.drawer__content:focus::-webkit-scrollbar-thumb,
.drawer__content::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
visibility: visible;
}
.cart-drawer__padding-x{
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 768px){
.cart-drawer__padding-x{
padding-right: 1.875rem;
padding-left: 1.875rem;
}
}
.popup-container{
position: fixed;
top: 0px;
left: 0px;
z-index: 71;
display: flex;
height: 100%;
width: 100%;
align-items: flex-end;
background-color: rgba(var(--color-background-popup));
}
@media (min-width: 768px){
.popup-container{
align-items: center;
}
}
.popup-content{
position: relative;
display: flex;
max-height: calc(100dvh - 16px);
width: 100%;
max-width: 48rem;
flex-direction: column;
border-top-left-radius: var(--border-radius-popup);
border-top-right-radius: var(--border-radius-popup);
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 2.5rem;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@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;
}
}
.popup-content {
background: var(--gradient-background-no-alpha, "none") !important;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color;
}
.popup__overlay{
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
cursor: pointer;
background-color: rgba(var(--color-background-popup));
}
.section-hero-slideshow-horizontal .popup-container .popup__overlay {
background: transparent;
}
.popup-container .popup__overlay{
background-color: transparent;
}
.popup-detail{
margin-right: -16px;
height: -moz-fit-content;
height: fit-content;
max-height: calc(100dvh - 68px);
min-height: inherit;
overflow-y: auto;
padding-right: 1rem;
}
@media (min-width: 768px){
.popup-detail{
margin-right: -20px;
max-height: 65vh;
padding-right: 1.25rem;
}
}
.popup-container .scrollbar-body::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
}
.promo-popup__container {
scrollbar-width: none;
pointer-events: auto;
overflow: auto;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.promo-popup__container::-webkit-scrollbar {
display: none;
scrollbar-width: none;
}
@media (max-width: 767px){
.promo-popup__container{
margin-left: var(--padding-content-page-width);
margin-right: var(--padding-content-page-width);
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
.scrollbar-horizontal {
-ms-overflow-style: none;
}
.scrollbar-horizontal::-webkit-scrollbar-track {
background-color: #ececec;
}
.scrollbar-horizontal::-webkit-scrollbar {
height: 3px;
}
.scrollbar-horizontal::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}
.scrollbar-horizontal::-webkit-scrollbar-thumb {
visibility: visible;
background-color: #747474;
}
.scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
background-color: #747474;
}
.scrollbar-hidden {
scrollbar-width: none;
}
.scrollbar-body::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar {
width: 3px;
height: 3px;
}
.scrollbar-body::-webkit-scrollbar-track {
background: rgba(var(--color-text-no-alpha) / 0.06);
}
.scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
.scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
.scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb,
.scrollbar-body.scrollbar-visible.scrollbar-always-visible::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
visibility: visible;
}
.scrollbar-body.scrollbar-visible:hover {
rotate: 0;
}
.scrollbar-initial {
scrollbar-color: initial;
}
.scrollbar-body.scrollbar-visible::-webkit-scrollbar-track {
background: transparent;
}
.scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb {
background: transparent;
visibility: visible;
}
.scrollbar-body::-webkit-scrollbar-thumb {
background: rgba(var(--color-text-no-alpha) / 0.06);
}
body.scrollbar-body::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
}
.animate-scroll-banner {
animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
}
.scrollbar::-webkit-scrollbar-thumb {
background: rgba(var(--color-scrollbar));
}
.padding-scrollbar,
.padding-scrollbar-header {
padding-right: 3px;
}
.block-text-button__wrapper{
position: relative;
display: inline-flex;
cursor: pointer;
color: rgba(var(--color-heading));
border-color: transparent;
padding: 10px 15px;
}
.block-text-button__wrapper:not(.is-active){
color: rgba(var(--color-text));
}
.block-text-button__container{
position: relative;
display: flex;
overflow: hidden;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.block-text-button__container,
body.scrollbar.block-text-button__container {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.block-text-button__container .product-comparison-overlay__widget-button,
body.scrollbar.block-text-button__container .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
@media (min-width: 768px){
.block-text-button__container{
width: 100%;
}
}
.block-text-button-text-active-invisible{
visibility: hidden;
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
white-space: nowrap;
font-weight: 600;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.block-text-button-text-active-invisible,
body.scrollbar.block-text-button-text-active-invisible {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.block-text-button-text-active-invisible .product-comparison-overlay__widget-button,
body.scrollbar.block-text-button-text-active-invisible .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.block-text-button-text-active-invisible {
word-break: break-word;
}
.block-text-button-text-effect-1{
position: absolute;
top: 0px;
left: 0px;
display: inline-block;
width: 100%;
overflow: hidden;
white-space: nowrap;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.block-text-button-text-effect-1,
body.scrollbar.block-text-button-text-effect-1 {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.block-text-button-text-effect-1 .product-comparison-overlay__widget-button,
body.scrollbar.block-text-button-text-effect-1 .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.block-text-button-text-effect-1 {
word-break: break-word;
}
.is-focus-button .block-text-button-text-effect-1{
opacity: 0;
}
@media (min-width: 768px){
.block-text-button-text-effect-1{
white-space: normal;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
}
.block-text-button-text-effect-2{
position: absolute;
top: 0px;
left: 0px;
display: inline-block;
width: 100%;
--tw-translate-y: 110%;
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));
overflow: hidden;
white-space: nowrap;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.block-text-button-text-effect-2,
body.scrollbar.block-text-button-text-effect-2 {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.block-text-button-text-effect-2 .product-comparison-overlay__widget-button,
body.scrollbar.block-text-button-text-effect-2 .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.block-text-button-text-effect-2 {
word-break: break-word;
}
.is-focus-button .block-text-button-text-effect-2{
opacity: 0;
}
@media (min-width: 768px){
.block-text-button-text-effect-2{
white-space: normal;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
}
.block-text-button__wrapper:hover .block-text-button-text-effect-1,
.block-text-button__wrapper:focus .block-text-button-text-effect-1,
.block-text-button__wrapper:active .block-text-button-text-effect-1{
--tw-translate-y: -110%;
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-duration: 400ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.block-text-button__wrapper:hover .block-text-button-text-effect-2,
.block-text-button__wrapper:focus .block-text-button-text-effect-2,
.block-text-button__wrapper:active .block-text-button-text-effect-2{
--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-duration: 400ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.block-text-button__wrapper::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
transition: none;
border-radius: 6px;
border-bottom-color: rgba(var(--color-heading));
border-bottom-width: 2px;
}
.block-text-button__wrapper::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 100%;
transition: none;
border-radius: 6px;
border-bottom-color: rgba(var(--color-heading));
border-bottom-width: 2px;
}
.block-text-button__wrapper:not(.is-active)::before{
border-bottom-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.block-text-button__wrapper:not(.is-active)::after{
border-bottom-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.block-text-button__wrapper:hover::before {
transition: all ease 0.4s;
width: 0;
}
.block-text-button__wrapper:hover::after {
transition: all ease 0.8s;
width: 100%;
}
.bg-skeleton {
background-color: rgba(var(--color-skeleton));
position: relative;
overflow: hidden;
}
.bg-skeleton::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.2) 75%);
animation: loading 1.5s infinite;
}
@keyframes loading {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
.button-primary {
position: relative;
border: none;
overflow: hidden;
box-shadow: none;
}
.button-secondary, .search-page .search-page\:color-bg-\[rgba\(var\(--color-secondary-button\)\)\] {
position: relative;
border: none;
overflow: hidden;
box-shadow: none;
}
.button-link{
position: relative;
display: inline-flex;
border-color: transparent;
}
.button-link:hover .btn-text-link-effect-1 {
top: -100%;
transition: all var(--button-animation-duration) ease-in-out;
}
.button-link:hover .btn-text-link-effect-2 {
top: 0;
transition: all var(--button-animation-duration) ease-in-out;
}
.button-link::before{
right: 0px;
}
[dir="rtl"] .button-link::before{
left: 0px;
right: auto;
}
.button-link::before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background-color: rgba(var(--color-button-link));
transition: all ease calc(var(--button-animation-duration)*2);
}
.button-link::after{
left: 0px;
}
[dir="rtl"] .button-link::after{
left: auto;
right: 0px;
}
.button-link::after {
content: "";
width: 0;
left: 0;
transition: all ease var(--button-animation-duration);
position: absolute;
bottom: 0;
height: 1px;
background-color: rgba(var(--color-button-link));
}
.button-link:hover::before {
width: 0;
transition: all ease var(--button-animation-duration);
}
.button-link:hover::after {
width: 100%;
transition: all ease calc(var(--button-animation-duration)*2);
}
.dropdown-anm:not(.is-open) {
transform: scaleY(0);
transition: transform var(--dropdown-animation-duration) ease-in-out;
}
.dropdown-anm.is-open {
transform: scaleY(1);
transition: transform var(--dropdown-animation-duration) ease-in-out;
}
.account__menu-bar-content.dropdown-anm:not(.is-open) {
transform: scaleY(0) translateX(-50%);
transition: transform var(--dropdown-animation-duration) ease-in-out;
}
.account__menu-bar-content.dropdown-anm.is-open {
transform: scaleY(1) translateX(-50%);
transition: transform var(--dropdown-animation-duration) ease-in-out;
}
.sub-footer .dropdown-anm:not(.is-open) {
transform: scaleY(0) translateX(-50%);
}
.sub-footer .dropdown-anm.is-open {
transform: scaleY(1) translateX(-50%);
}
@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);
}
}
.select-button {
padding: .75rem 1rem;
}
.select-button:not(:focus-visible) {
outline: 1px solid rgba(var(--color-text-no-alpha) / 0.2);
}
.select-button:hover {
cursor: pointer;
}
/* .select-button[aria-expanded="true"]:not([data-no-outline="true"]) {
outline: 1px solid rgba(var(--color-text-no-alpha) / 0.6);
} */
.select-options-wrapper {
width: auto;
min-width: 100%;
position: absolute;
overflow-y: hidden;
z-index: 50;
margin-top: 1px;
border-radius: var(--border-radius-select-element);
background: var(--gradient-background-no-alpha);
clip-path: inset(0 0 100% 0);
transition: clip-path var(--dropdown-animation-duration) ease-in-out;
}
.select-options-wrapper:not(:focus-visible) {
outline: 1px solid color-mix(in srgb, rgba(var(--color-text)) 12%, transparent);
}
.select-options-wrapper.is-open, .select-options-wrapper.show-above.is-open {
overflow-y: auto;
clip-path: inset(-1px -1px -1px -1px);
}
.select-options-wrapper.show-above {
top: auto;
bottom: 100%;
clip-path: inset(100% 0 0 0);
margin-bottom: 1px;
margin-top: 0px;
}
.select-options {
padding: .5rem;
width: auto;
min-width: 100%;
}
.select-option {
cursor: pointer;
}
.select-option:not(:last-child),
.account__menu-bar-content li:not(:last-child) {
margin-bottom: 4px;
}
.select-option[aria-selected="true"] {
background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.select-option:hover, .select-option.focused,
.account__menu-bar-content li:hover, .account__menu-bar-content li:focus{
background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.dropdown-small .select-option,
.account__menu-bar-content li {
padding: 5px;
}
.dropdown-large .select-option {
padding: .5rem;
}
.localization-form {
position: relative;
}
.localization-form .select-button {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.localization-form .single-selector .select-button {
padding: 8px 2px;
margin: 2px;
}
.localization-form .single-selector .select-button:not(:focus-visible) {
outline: none;
}
.contact-form-item .select-button {
border: 1px solid rgba(var(--color-line-and-border));
}
.contact-form-item .select-button:not(:focus-visible) {
outline: none;
}
.contact-form-item .select-button[aria-expanded="true"]:not([data-no-outline="true"]) {
outline: none;
border-color: currentColor;
}
.contact-form-item .select-options-wrapper.is-open {
border: 1px solid currentColor;
margin-top: 0;
}
.contact-form-item .select-options-wrapper:not(:focus-visible),
.header-search-refined .select-button:not(:focus-visible),
.sorting-selector .select-button:not(:focus-visible) {
outline: none;
}
.contact-form-item .select-options-wrapper:not(.show-above) {
border-top: 0;
}
.contact-form-item .select-options-wrapper.show-above {
border-bottom: 0;
}
.header-search-refined:has(.select-options-wrapper.is-open) .select-button {
color: rgba(var(--color-button));
}
.header-search-refined .select-options-wrapper.is-open {
min-width: 14rem;
margin-top: 0.25rem;
}
.modal-title-wrapper{
display: flex;
min-height: -moz-fit-content;
min-height: fit-content;
flex-direction: row;
justify-content: space-between;
gap: 1rem;
word-break: break-word;
}
.modal-title-container{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (min-width: 768px){
.modal-title-container{
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.modal-title__button-close{
display: flex;
height: -moz-fit-content;
height: fit-content;
}
[dir="ltr"] .modal-title__button-close{
margin-right: -0.5rem;
}
[dir="rtl"] .modal-title__button-close{
margin-left: -0.5rem;
}
@media (min-width: 768px){
[dir="ltr"] .modal-title__button-close{
margin-right: -0.875rem;
}
[dir="rtl"] .modal-title__button-close{
margin-left: -0.875rem;
}
}
.modal-title-padding-x{
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 768px){
.modal-title-padding-x{
padding-left: 1.875rem;
padding-right: 1.875rem;
}
}
.modal__button-close{
z-index: 20;
margin: 0.5rem;
margin-bottom: 0.25rem;
display: flex;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
align-self: flex-end;
border-radius: 9999px;
}
@media (min-width: 768px){
.modal__button-close{
margin: 1rem;
margin-bottom: 0.5rem;
}
}
.modal__button-close-absolute{
position: absolute;
top: 0.5rem;
z-index: 30;
display: flex;
}
[dir="ltr"] .modal__button-close-absolute{
right: 0.5rem;
}
[dir="rtl"] .modal__button-close-absolute{
left: 0.5rem;
}
@media (min-width: 768px){
.modal__button-close-absolute{
top: 1rem;
}
[dir="ltr"] .modal__button-close-absolute{
right: 1rem;
}
[dir="rtl"] .modal__button-close-absolute{
left: 1rem;
}
}
.button__close {
overflow: hidden;
position: relative;
display: inline-block;
cursor: pointer;
border-radius: 9999px;
background-color: rgba(var(--color-secondary-button-no-alpha) / 0.6);
color: rgba(var(--color-secondary-button-text));
}
@media (max-width: 767px) {
.icon-close-large-mobile{
height: 38px;
width: 38px;
min-width: 38px;
padding: 0.75rem;
}
.icon-close-medium-mobile{
height: 2rem;
width: 2rem;
min-width: 32px;
padding: 0.625rem;
}
.icon-close-small-mobile{
height: 1.625rem;
width: 1.625rem;
min-width: 26px;
padding: 0.5rem;
}
.icon-close-xsmall-mobile{
height: 1.5rem;
width: 1.5rem;
min-width: 24px;
padding: 0.5rem;
}
}
@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;
}
}
}
.flash-message {
font-size: var(--body-font-size-x-small);
line-height: 1.6;
width: -moz-fit-content;
width: fit-content;
border-radius: var(--border-radius-flash-message);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
padding-right: 0.625rem;
padding-left: 0.625rem;
}
.flash-message:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.success-message {
background-color: rgba(var(--success-message-color-no-alpha) / 0.1);
color: rgba(var(--success-message-color));
}
.error-message{
color: rgba(var(--error-message-color));
background-color: rgba(var(--error-message-color-no-alpha) / 0.1);
}
.discount-message{
color: rgba(var(--color-sale-price));
background-color: rgba(var(--color-sale-price-no-alpha) / 0.1);
}
.section-main-product+.section-product-details{
float: left;
clear: left;
width: 100%;
}
.section-main-product:has(.main-product__container.full-width-padded)+.section-product-details .product-details{
margin-left: 1rem;
margin-right: 1rem;
}
@media (min-width: 768px){
.section-main-product:has(.main-product__container.full-width-padded)+.section-product-details .product-details{
margin-left: 0px;
margin-right: 0px;
}
.section-main-product:has(.main-product__container.full-width-padded)+.section-product-details{
margin-left: 4rem;
}
[dir="rtl"] .section-main-product:has(.main-product__container.full-width-padded)+.section-product-details{
margin-left: 0px;
margin-right: 4rem;
}
.section-main-product:has(.main-product__container.full-width)+.section-product-details{
margin-left: 2rem;
}
[dir="rtl"] .section-main-product:has(.main-product__container.full-width)+.section-product-details{
margin-left: 0px;
margin-right: 2rem;
}
}
.section-main-product:has(.main-product__container.page-width)+.section-product-details{
visibility: hidden;
}
.section-main-product:has(+ section:not(.section-product-details))::after{
clear: both;
content: var(--tw-content);
display: block;
}
.section-product-details + section, .shopify-section-group-footer-group{
clear: both;
}
.section-main-product ~ .section-product-details .product-details__section-width{
width: 100%;
}
.product-details__highlight-feature__grid{
display: flex;
flex-wrap: wrap;
row-gap: 2rem;
}
@media (min-width: 768px){
.product-details__highlight-feature__grid{
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 1rem;
}
}
.product-details__highlight-feature__grid > * {
flex: 1 1 100%;
}
@media (min-width: 768px){
.section-main-product+.section-product-details .product-details{
padding-left: 0px;
padding-right: 1.25rem;
}
[dir="rtl"] .section-main-product+.section-product-details .product-details{
padding-left: 1.25rem;
padding-right: 0px;
}
}
.section-main-product+.section-product-details .product-details {
max-width: unset;
}
.section-main-product+.section-product-details .product-details__highlight-feature__grid{
display: none;
}
.product-details__specifications__table li span, .table_info_label{
display: flex;
justify-content: space-between;
gap: 1rem;
border-style: solid;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (min-width: 768px){
.product-details__specifications__table li span, .table_info_label{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
}
.product-details__specifications__table li{
border-bottom-width: 1px;
border-color: rgba(var(--color-text-no-alpha) / 0.12);
}
.product-details__specifications__table li:last-child{
border-bottom-width: 0px;
}
.product-details__highlight-feature__wrapper h1,
.product-details__highlight-feature__wrapper h2,
.product-details__highlight-feature__wrapper h3,
.product-details__highlight-feature__wrapper h4,
.product-details__highlight-feature__wrapper h5,
.product-details__highlight-feature__wrapper h6{
margin: 0px;
}
.shipping-policy-popup__container .shopify-policy__title > * {
font-size: var(--h3-font-size);
}
@media (max-width: 767px) {
.product-details__highlight-feature__grid > *:not(:last-child)::before {
content: '';
position: absolute;
left: 0px;
right: 0px;
bottom: -1rem;
height: 1px;
width: 100%;
--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));
background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
}
@media (min-width: 768px) {
.maximize-theme[dir="rtl"] .section-main-product+.section-product-details{
float: right;
clear: right;
}
.section-main-product+.section-product-details{
float: left;
clear: left;
}
.section-main-product:has(.main-product__container.media-default.page-width)+.section-product-details {
max-width: calc(var(--page-width) / 2 - 2px);
width: calc((100vw - var(--total-padding-page-width)) / 2 - 2px);
}
.section-main-product:has(.main-product__container.media-default.full-width-padded)+.section-product-details {
max-width: calc((100vw - var(--total-padding-full-width-padded)) / 2 - 2px);
}
.section-main-product:has(.main-product__container.media-default.full-width)+.section-product-details {
max-width: calc((100vw - var(--total-padding-full-width)) / 2 - 2px);
}
.section-main-product:has(.main-product__container.media-large.page-width)+.section-product-details {
max-width: calc(var(--page-width) * 2 / 3 - 2px);
width: calc((100vw - var(--total-padding-page-width)) * 2 / 3 - 2px);
}
.section-main-product:has(.main-product__container.media-large.full-width-padded)+.section-product-details {
max-width: calc((100vw - var(--total-padding-full-width-padded)) * 2 / 3 - 2px);
}
.section-main-product:has(.main-product__container.media-large.full-width)+.section-product-details {
max-width: calc((100vw - var(--total-padding-full-width)) * 2 / 3 - 2px);
}
.product-details__highlight-feature__grid > *:only-child {
flex: 0 1 100%;
}
.product-details__highlight-feature__grid[data-max-grid-column="3"] > *:nth-last-child(2):first-child,
.product-details__highlight-feature__grid[data-max-grid-column="3"] > *:nth-last-child(2):first-child ~ * {
flex: 0 1 calc(50% - (2rem / 2));
}
.product-details__highlight-feature__grid[data-max-grid-column="2"] > *:nth-child(n) {
flex: 0 1 calc(50% - (2rem / 2));
}
.product-details__highlight-feature__grid[data-max-grid-column="3"] > *:nth-last-child(3):first-child,
.product-details__highlight-feature__grid[data-max-grid-column="3"] > *:nth-last-child(3):first-child ~ * {
flex: 0 1 calc(33.33% - (4rem / 3));
}
.product-details__highlight-feature__grid[data-max-grid-column="3"] > *:nth-child(n) {
flex: 0 1 calc(33.33% - (4rem / 3));
}
.product-details__highlight-feature__grid[data-max-grid-column="4"] > *:nth-child(n) {
flex: 0 1 calc(25% - (6rem / 4));
}
.product-details__highlight-feature__grid[data-max-grid-column="2"] > *:not(:nth-child(2n)):not(:last-child)::before,
.product-details__highlight-feature__grid[data-max-grid-column="3"] > *:not(:nth-child(3n)):not(:last-child)::before,
.product-details__highlight-feature__grid[data-max-grid-column="4"] > *:not(:nth-child(4n)):not(:last-child)::before {
content: '';
position: absolute;
top: 0px;
bottom: 0px;
right: -1rem;
height: 100%;
width: 1px;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
[dir="rtl"] .product-details__highlight-feature__grid[data-max-grid-column="2"] > *:not(:nth-child(2n)):not(:last-child)::before, [dir="rtl"]
.product-details__highlight-feature__grid[data-max-grid-column="3"] > *:not(:nth-child(3n)):not(:last-child)::before, [dir="rtl"]
.product-details__highlight-feature__grid[data-max-grid-column="4"] > *:not(:nth-child(4n)):not(:last-child)::before{
left: -1rem;
right: auto;
}
}
/* .checkbox-custom.checked {
@apply color-border-[rgba(var(--color-button))] color-bg-[rgba(var(--color-button))];
}
.checkbox-custom.checked:after {
content: "";
@apply absolute top-[40%] left-1/2 w-3/5 h-[35%] border-l-[2px] border-b-[2px] color-border-[rgba(var(--color-button-text))] border-solid -rotate-45 -translate-x-1/2 -translate-y-1/2;
} */
@media screen and (max-width: 1023px) {
.store-locator-popup__content {
max-height: calc(100% - 16px);
}
}
.countdown-timer__wrapper {
text-transform: var(--heading-text-transform);
font-family: var(--heading-font-family);
font-style: var(--heading-font-style);
font-weight: var(--heading-font-weight);
}
.countdown-timer__colon{
color: rgba(var(--color-button));
}
.countdown-timer__large {
font-size: var(--h2-font-size);
line-height: 1;
}
.countdown-timer__item{
border-radius: var(--border-radius-countdown-timer);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
padding-left: 0.375rem;
padding-right: 0.375rem;
background-color: rgba(var(--color-button));
color: rgba(var(--color-button-text));
}
.countdown-timer__large .countdown-timer__item {
min-height: var(--h2-font-size);
min-width: calc((var(--h2-font-size) + 2px) * 2);
}
.countdown-timer__medium {
font-size: var(--h3-font-size);
line-height: 1;
}
.countdown-timer__medium .countdown-timer__item {
min-height: var(--h3-font-size);
min-width: calc((var(--h3-font-size) + 3px) * 2);
}
.countdown-timer__small {
font-size: var(--h5-font-size);
line-height: 1;
}
.countdown-timer__small .countdown-timer__item {
min-height: var(--h5-font-size);
min-width: calc((var(--h5-font-size) + 5px) * 2);
}
.countdown-timer__wrapper.announcement__countdown-timer__wrapper {
font-size: var(--announcement-bar-font-size-countdown-timer);
line-height: 1;
}
.countdown-timer__wrapper.announcement__countdown-timer__wrapper .countdown-timer__item{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
min-width: calc(var(--announcement-bar-font-size-countdown-timer) * 2);
}
.slider-nav.slider-nav__button-arrow{
display: none;
height: 54px;
width: 54px;
border-radius: 9999px;
transition-property: transform;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
background-color: rgba(var(--color-secondary-button-no-alpha));
color: rgba(var(--color-secondary-button-text));
}
.slider-nav.slider-nav__button-arrow:disabled{
cursor: not-allowed;
}
@media (min-width: 1024px){
.slider-nav.slider-nav__button-arrow{
display: flex;
}
}
.slider-nav.slider-nav__button-arrow {
box-shadow: none;
filter: none;
overflow: hidden;
}
.slider-nav.slider-nav__button-arrow:before{
position: absolute;
top: 50%;
left: 50%;
height: 2.5rem;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 0.1;
--tw-scale-y: 0.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));
border-radius: 9999px;
opacity: 0;
--tw-content: '';
content: var(--tw-content);
background-color: rgba(var(--color-secondary-button-text-no-alpha) / 0.2);
filter: blur(5px);
transition: transform var(--button-animation-duration), opacity var(--button-animation-duration), background-color var(--button-animation-duration), width var(--button-animation-duration), height var(--button-animation-duration);
}
.slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
left: 0px;
--tw-translate-x: 0.5rem;
--tw-rotate: 180deg;
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));
}
[dir="rtl"] .slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
right: 0px;
left: auto;
--tw-translate-x: -0.5rem;
--tw-rotate: 0deg;
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));
}
.slider-nav.slider-nav__button-arrow.slider-nav-next{
right: 0px;
--tw-translate-x: -0.5rem;
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));
}
[dir="rtl"] .slider-nav.slider-nav__button-arrow.slider-nav-next{
left: 0px;
right: auto;
--tw-translate-x: 0.5rem;
--tw-rotate: 180deg;
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));
}
.slider-nav__button-arrow .slider-nav__icon{
height: 1.25rem;
width: 1.25rem;
}
/*.advanced-nav.slider-nav__button-arrow {*/
/* background-color: transparent;*/
/*}*/
.hidden-nav.slider-nav.slider-nav__button-arrow{
display: none;
}
/*.slider-nav.slider-nav__button-arrow:hover {*/
/* @apply bg-[rgba(var(--color-button))] color-text-[rgba(var(--color-button-text))];*/
/*}*/
@media (hover: hover) and (pointer: fine) {
@media (min-width: 1024px){
.slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
--tw-translate-x: -110%;
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));
}
[dir="rtl"] .slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
--tw-translate-x: 110%;
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));
}
.slider-nav.slider-nav__button-arrow.slider-nav-next{
--tw-translate-x: 110%;
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));
}
[dir="rtl"] .slider-nav.slider-nav__button-arrow.slider-nav-next{
--tw-translate-x: -110%;
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));
}
}
}
.text-field__wrapper,
.dropdown-field__wrapper {
--top-label: 1rem;
position: relative;
display: flex;
outline-style: solid;
outline-width: 1px;
outline-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.text-field__wrapper:has(input:focus),
.text-field__wrapper:has(textarea:focus),
.dropdown-field__wrapper:has(select:focus){
outline-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.text-field__has-button {
--top-label: 0.625rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
[dir="ltr"] .text-field__has-button{
padding-right: 0.375rem;
}
[dir="rtl"] .text-field__has-button{
padding-left: 0.375rem;
}
.text-field__content{
position: relative;
display: flex;
flex: 1 1 0%;
}
.text-field__label {
transition-property: transform, top;
font-size: var(--body-font-size);
line-height: 1.6;
pointer-events: none;
position: absolute;
top: 50%;
margin-left: 1rem;
margin-right: 1rem;
transform-origin: left;
--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));
transition-duration: 200ms;
}
[dir="ltr"] .text-field__label{
left: 0px;
}
[dir="rtl"] .text-field__label{
right: 0px;
transform-origin: right;
}
.text-field__input:focus~.text-field__label{
top: var(--top-label);
--tw-translate-y: -50%;
--tw-scale-x: 0.8;
--tw-scale-y: 0.8;
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));
color: rgba(var(--color-text-no-alpha) / 0.6);
}
.text-field__input:not(:-moz-placeholder-shown)~.text-field__label{
top: var(--top-label);
--tw-translate-y: -50%;
--tw-scale-x: 0.8;
--tw-scale-y: 0.8;
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));
color: rgba(var(--color-text-no-alpha) / 0.6);
}
.text-field__input:not(:placeholder-shown)~.text-field__label{
top: var(--top-label);
--tw-translate-y: -50%;
--tw-scale-x: 0.8;
--tw-scale-y: 0.8;
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));
color: rgba(var(--color-text-no-alpha) / 0.6);
}
textarea~.text-field__label{
top: 1rem;
--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));
}
.section-hero-slideshow-horizontal .text-field__input {
background: transparent;
}
.text-field__input{
width: 100%;
cursor: text;
background-color: transparent;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1.375rem;
padding-bottom: 0.375rem;
}
.text-field__input::-moz-placeholder{
opacity: 0;
}
.text-field__input::placeholder{
opacity: 0;
}
.text-field__input:focus{
border-width: 0px;
outline: 2px solid transparent;
outline-offset: 2px;
}
textarea.text-field__input{
padding-bottom: 1rem;
}
.text-field__has-button .text-field__input{
padding-top: 1rem;
padding-bottom: 0px;
}
.section-hero-slideshow-horizontal .dropdown-field__input {
background: transparent;
}
.dropdown-field__input{
width: 100%;
cursor: pointer;
background-color: transparent;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1.375rem;
padding-bottom: 0.375rem;
}
.dropdown-field__input:focus{
border-width: 0px;
outline: 2px solid transparent;
outline-offset: 2px;
}
.dropdown-field__label {
font-size: var(--body-font-size);
line-height: 1.6;
pointer-events: none;
position: absolute;
transform-origin: left;
--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));
padding-left: 1rem;
padding-right: 1rem;
}
[dir="ltr"] .dropdown-field__label{
left: 0px;
}
[dir="rtl"] .dropdown-field__label{
right: 0px;
transform-origin: right;
}
.dropdown-field__label{
top: var(--top-label);
--tw-scale-x: 0.8;
--tw-scale-y: 0.8;
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));
color: rgba(var(--color-text-no-alpha) / 0.6);
}
.dropdown-field__wrapper{
position: relative;
display: flex;
flex: 1 1 0%;
}
.sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none{
pointer-events: none;
}
.pointer-events-auto{
pointer-events: auto;
}
.visible{
visibility: visible;
}
.\!visible{
visibility: visible !important;
}
.invisible{
visibility: hidden;
}
.\!invisible{
visibility: hidden !important;
}
.static{
position: static;
}
.\!static{
position: static !important;
}
.fixed{
position: fixed;
}
.\!fixed{
position: fixed !important;
}
.absolute{
position: absolute;
}
.\!absolute{
position: absolute !important;
}
.relative{
position: relative;
}
.\!relative{
position: relative !important;
}
.sticky{
position: sticky;
}
.-inset-3{
top: -0.75rem;
right: -0.75rem;
bottom: -0.75rem;
left: -0.75rem;
}
.inset-0{
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.-inset-5{
top: -1.25rem;
right: -1.25rem;
bottom: -1.25rem;
left: -1.25rem;
}
.-inset-3\.5{
top: -0.875rem;
right: -0.875rem;
bottom: -0.875rem;
left: -0.875rem;
}
.bottom-0{
bottom: 0px;
}
.top-1\.5{
top: 0.375rem;
}
.left-1\.5{
left: 0.375rem;
}
.right-1\.5{
right: 0.375rem;
}
.bottom-1\.5{
bottom: 0.375rem;
}
.top-1{
top: 0.25rem;
}
.left-1{
left: 0.25rem;
}
.right-1{
right: 0.25rem;
}
.bottom-1{
bottom: 0.25rem;
}
.top-3{
top: 0.75rem;
}
.left-3{
left: 0.75rem;
}
.right-3{
right: 0.75rem;
}
.top-1\/2{
top: 50%;
}
.top-0{
top: 0px;
}
.left-0{
left: 0px;
}
.top-\[40\%\]{
top: 40%;
}
.left-1\/2{
left: 50%;
}
.-top-0{
top: -0px;
}
.right-0{
right: 0px;
}
.-left-0{
left: -0px;
}
.top-2{
top: 0.5rem;
}
.right-2{
right: 0.5rem;
}
.right-5{
right: 1.25rem;
}
.left-5{
left: 1.25rem;
}
.top-full{
top: 100%;
}
.-left-8{
left: -2rem;
}
.left-auto{
left: auto;
}
.-right-8{
right: -2rem;
}
.right-auto{
right: auto;
}
.-right-5{
right: -1.25rem;
}
.-left-5{
left: -1.25rem;
}
.bottom-2{
bottom: 0.5rem;
}
.top-auto{
top: auto;
}
.bottom-full{
bottom: 100%;
}
.top-5{
top: 1.25rem;
}
.right-4{
right: 1rem;
}
.-top-2{
top: -0.5rem;
}
.left-10{
left: 2.5rem;
}
.right-10{
right: 2.5rem;
}
.-top-4{
top: -1rem;
}
.-right-3{
right: -0.75rem;
}
.top-4{
top: 1rem;
}
.left-4{
left: 1rem;
}
.bottom-4{
bottom: 1rem;
}
.-right-2{
right: -0.5rem;
}
.-left-2{
left: -0.5rem;
}
.left-2{
left: 0.5rem;
}
.bottom-5{
bottom: 1.25rem;
}
.left-12{
left: 3rem;
}
.right-12{
right: 3rem;
}
.-right-px{
right: -1px;
}
.-left-px{
left: -1px;
}
.-top-5{
top: -1.25rem;
}
.left-full{
left: 100%;
}
.bottom-6{
bottom: 1.5rem;
}
.right-full{
right: 100%;
}
.-top-14{
top: -3.5rem;
}
.\!-right-24{
right: -6rem !important;
}
.\!left-2{
left: 0.5rem !important;
}
.\!right-2{
right: 0.5rem !important;
}
.-bottom-2{
bottom: -0.5rem;
}
.-bottom-3{
bottom: -0.75rem;
}
.-bottom-px{
bottom: -1px;
}
.-left-1{
left: -0.25rem;
}
.-left-24{
left: -6rem;
}
.-left-3{
left: -0.75rem;
}
.-right-1{
right: -0.25rem;
}
.-right-24{
right: -6rem;
}
.-right-4{
right: -1rem;
}
.-top-1{
top: -0.25rem;
}
.bottom-3{
bottom: 0.75rem;
}
.bottom-px{
bottom: 1px;
}
.-top-3{
top: -0.75rem;
}
.-top-6{
top: -1.5rem;
}
.-top-8{
top: -2rem;
}
.-top-full{
top: -100%;
}
.bottom-10{
bottom: 2.5rem;
}
.bottom-14{
bottom: 3.5rem;
}
.bottom-8{
bottom: 2rem;
}
.bottom-9{
bottom: 2.25rem;
}
.bottom-auto{
bottom: auto;
}
.left-6{
left: 1.5rem;
}
.left-8{
left: 2rem;
}
.right-6{
right: 1.5rem;
}
.right-7{
right: 1.75rem;
}
.right-8{
right: 2rem;
}
.top-10{
top: 2.5rem;
}
.top-6{
top: 1.5rem;
}
.-right-0{
right: -0px;
}
.-top-9{
top: -2.25rem;
}
.-top-0\.5{
top: -0.125rem;
}
.-left-0\.5{
left: -0.125rem;
}
.top-2\.5{
top: 0.625rem;
}
.right-2\.5{
right: 0.625rem;
}
.left-\[calc\(50\%-10px\)\]{
left: calc(50% - 10px);
}
.bottom-2\.5{
bottom: 0.625rem;
}
.-top-2\.5{
top: -0.625rem;
}
.right-0\.5{
right: 0.125rem;
}
.-top-\[15px\]{
top: -15px;
}
.top-\[calc\(50\%-10px\)\]{
top: calc(50% - 10px);
}
.-right-2\.5{
right: -0.625rem;
}
.-left-2\.5{
left: -0.625rem;
}
.left-\[calc\(50\%-24px\)\]{
left: calc(50% - 24px);
}
.top-\[calc\(50\%-24px\)\]{
top: calc(50% - 24px);
}
.top-\[calc\(50\%-8px\)\]{
top: calc(50% - 8px);
}
.left-\[calc\(50\%-8px\)\]{
left: calc(50% - 8px);
}
.top-\[calc\(var\(--height-header\)\+var\(--announcement-height\)\+70px\)\]{
top: calc(var(--height-header) + var(--announcement-height) + 70px);
}
.left-\[calc\(50\%\+var\(--left-tooltip\)\)\]{
left: calc(50% + var(--left-tooltip));
}
.left-\[6\%\]{
left: 6%;
}
.top-\[calc\(50\%-6px\)\]{
top: calc(50% - 6px);
}
.right-\[calc\(50\%-8px\)\]{
right: calc(50% - 8px);
}
.bottom-6\.5{
bottom: 1.625rem;
}
.bottom-\[100\%\]{
bottom: 100%;
}
.isolate{
isolation: isolate;
}
.z-10{
z-index: 10;
}
.-z-10{
z-index: -10;
}
.z-50{
z-index: 50;
}
.-z-20{
z-index: -20;
}
.z-0{
z-index: 0;
}
.z-20{
z-index: 20;
}
.z-40{
z-index: 40;
}
.z-30{
z-index: 30;
}
.z-\[51\]{
z-index: 51;
}
.z-\[41\]{
z-index: 41;
}
.-z-\[1\]{
z-index: -1;
}
.z-\[19\]{
z-index: 19;
}
.z-\[70\]{
z-index: 70;
}
.z-\[100\]{
z-index: 100;
}
.z-\[31\]{
z-index: 31;
}
.z-\[60\]{
z-index: 60;
}
.z-\[18\]{
z-index: 18;
}
.order-1{
order: 1;
}
.-order-1{
order: -1;
}
.order-2{
order: 2;
}
.order-3{
order: 3;
}
.col-span-1{
grid-column: span 1 / span 1;
}
.col-span-2{
grid-column: span 2 / span 2;
}
.col-span-5{
grid-column: span 5 / span 5;
}
.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-start-3{
grid-column-start: 3;
}
.col-end-3{
grid-column-end: 3;
}
.row-span-1{
grid-row: span 1 / span 1;
}
.row-span-3{
grid-row: span 3 / span 3;
}
.row-span-2{
grid-row: span 2 / span 2;
}
.row-span-4{
grid-row: span 4 / span 4;
}
.row-span-5{
grid-row: span 5 / span 5;
}
.row-span-6{
grid-row: span 6 / span 6;
}
.float-right{
float: right;
}
.float-left{
float: left;
}
.float-none{
float: none;
}
.clear-both{
clear: both;
}
.-m-0{
margin: -0px;
}
.m-auto{
margin: auto;
}
.m-0{
margin: 0px;
}
.m-10{
margin: 2.5rem;
}
.m-4{
margin: 1rem;
}
.m-5{
margin: 1.25rem;
}
.m-6{
margin: 1.5rem;
}
.m-8{
margin: 2rem;
}
.m-\[unset\]{
margin: unset;
}
.m-0\.5{
margin: 0.125rem;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.my-4{
margin-top: 1rem;
margin-bottom: 1rem;
}
.mx-0{
margin-left: 0px;
margin-right: 0px;
}
.mx-5{
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.my-2{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mx-4{
margin-left: 1rem;
margin-right: 1rem;
}
.mx-1{
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.mx-2{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.-mx-5{
margin-left: -1.25rem;
margin-right: -1.25rem;
}
.my-1{
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.\!my-0{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.-mx-0{
margin-left: -0px;
margin-right: -0px;
}
.-mx-1{
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.-mx-4{
margin-left: -1rem;
margin-right: -1rem;
}
.-mx-7{
margin-left: -1.75rem;
margin-right: -1.75rem;
}
.-my-2{
margin-top: -0.5rem;
margin-bottom: -0.5rem;
}
.-my-4{
margin-top: -1rem;
margin-bottom: -1rem;
}
.mx-3{
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.my-3{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-8{
margin-top: 2rem;
margin-bottom: 2rem;
}
.mx-8{
margin-left: 2rem;
margin-right: 2rem;
}
.mx-7{
margin-left: 1.75rem;
margin-right: 1.75rem;
}
.my-\[var\(--spacing-between-heading-and-content\)\]{
margin-top: var(--spacing-between-heading-and-content);
margin-bottom: var(--spacing-between-heading-and-content);
}
.mx-0\.5{
margin-left: 0.125rem;
margin-right: 0.125rem;
}
.my-0\.5{
margin-top: 0.125rem;
margin-bottom: 0.125rem;
}
.my-2\.5{
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.mb-\[var\(--spacing-between-heading-and-content\)\]{
margin-bottom: var(--spacing-between-heading-and-content);
}
.-ml-2{
margin-left: -0.5rem;
}
.mt-0{
margin-top: 0px;
}
.-mr-2{
margin-right: -0.5rem;
}
.mt-2{
margin-top: 0.5rem;
}
.ml-0{
margin-left: 0px;
}
.mr-1{
margin-right: 0.25rem;
}
.ml-6{
margin-left: 1.5rem;
}
.mr-6{
margin-right: 1.5rem;
}
.mt-3{
margin-top: 0.75rem;
}
.mt-1{
margin-top: 0.25rem;
}
.mt-4{
margin-top: 1rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.ml-1{
margin-left: 0.25rem;
}
.mb-3{
margin-bottom: 0.75rem;
}
.mr-2{
margin-right: 0.5rem;
}
.mt-5{
margin-top: 1.25rem;
}
.\!mb-0{
margin-bottom: 0px !important;
}
.-mb-0{
margin-bottom: -0px;
}
.-mb-2{
margin-bottom: -0.5rem;
}
.-ml-0{
margin-left: -0px;
}
.ml-2{
margin-left: 0.5rem;
}
.mb-0{
margin-bottom: 0px;
}
.mt-6{
margin-top: 1.5rem;
}
.mr-0{
margin-right: 0px;
}
.mt-7{
margin-top: 1.75rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-6{
margin-bottom: 1.5rem;
}
.mb-8{
margin-bottom: 2rem;
}
.mt-auto{
margin-top: auto;
}
.mb-7{
margin-bottom: 1.75rem;
}
.mr-auto{
margin-right: auto;
}
.ml-auto{
margin-left: auto;
}
.mt-8{
margin-top: 2rem;
}
.mt-14{
margin-top: 3.5rem;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-5{
margin-bottom: 1.25rem;
}
.mb-10{
margin-bottom: 2.5rem;
}
.ml-4{
margin-left: 1rem;
}
.mt-16{
margin-top: 4rem;
}
.mt-10{
margin-top: 2.5rem;
}
.mb-16{
margin-bottom: 4rem;
}
.-mt-2{
margin-top: -0.5rem;
}
.ml-3{
margin-left: 0.75rem;
}
.ml-9{
margin-left: 2.25rem;
}
.mr-9{
margin-right: 2.25rem;
}
.-mt-6{
margin-top: -1.5rem;
}
.-ml-3{
margin-left: -0.75rem;
}
.-mr-0{
margin-right: -0px;
}
.-mr-1{
margin-right: -0.25rem;
}
.-mr-3{
margin-right: -0.75rem;
}
.ml-5{
margin-left: 1.25rem;
}
.mr-5{
margin-right: 1.25rem;
}
.mr-3{
margin-right: 0.75rem;
}
.mr-4{
margin-right: 1rem;
}
.mr-7{
margin-right: 1.75rem;
}
.ml-7{
margin-left: 1.75rem;
}
.ml-8{
margin-left: 2rem;
}
.mr-8{
margin-right: 2rem;
}
.-mt-0{
margin-top: -0px;
}
.-mt-1{
margin-top: -0.25rem;
}
.-mt-3{
margin-top: -0.75rem;
}
.-mt-5{
margin-top: -1.25rem;
}
.mb-11{
margin-bottom: 2.75rem;
}
.mb-12{
margin-bottom: 3rem;
}
.mb-14{
margin-bottom: 3.5rem;
}
.mb-9{
margin-bottom: 2.25rem;
}
.ml-10{
margin-left: 2.5rem;
}
.ml-14{
margin-left: 3.5rem;
}
.ml-16{
margin-left: 4rem;
}
.ml-20{
margin-left: 5rem;
}
.mr-10{
margin-right: 2.5rem;
}
.mr-14{
margin-right: 3.5rem;
}
.mr-16{
margin-right: 4rem;
}
.mt-12{
margin-top: 3rem;
}
.mt-20{
margin-top: 5rem;
}
.mt-9{
margin-top: 2.25rem;
}
.-ml-1{
margin-left: -0.25rem;
}
.-mb-7{
margin-bottom: -1.75rem;
}
.-mb-4{
margin-bottom: -1rem;
}
.-mb-8{
margin-bottom: -2rem;
}
.mt-0\.5{
margin-top: 0.125rem;
}
.ml-0\.5{
margin-left: 0.125rem;
}
.mt-1\.5{
margin-top: 0.375rem;
}
.ml-1\.5{
margin-left: 0.375rem;
}
.mb-2\.5{
margin-bottom: 0.625rem;
}
.mt-\[var\(--spacing-between-heading-and-content\)\]{
margin-top: var(--spacing-between-heading-and-content);
}
.mt-2\.5{
margin-top: 0.625rem;
}
.mt-3\.5{
margin-top: 0.875rem;
}
.mb-0\.5{
margin-bottom: 0.125rem;
}
.mt-6\.5{
margin-top: 1.625rem;
}
.mt-7\.5{
margin-top: 1.875rem;
}
.mr-0\.5{
margin-right: 0.125rem;
}
.mr-1\.5{
margin-right: 0.375rem;
}
.mb-1\.5{
margin-bottom: 0.375rem;
}
.mb-5\.5{
margin-bottom: 1.375rem;
}
.ml-2\.5{
margin-left: 0.625rem;
}
.mr-2\.5{
margin-right: 0.625rem;
}
.mb-\[var\(--padding-bottom-product-template-block\)\]{
margin-bottom: var(--padding-bottom-product-template-block);
}
.mt-5\.5{
margin-top: 1.375rem;
}
.-ml-0\.5{
margin-left: -0.125rem;
}
.-mr-0\.5{
margin-right: -0.125rem;
}
.ml-\[-16px\]{
margin-left: -16px;
}
.mr-\[-16px\]{
margin-right: -16px;
}
.mb-7\.5{
margin-bottom: 1.875rem;
}
.mb-\[9px\]{
margin-bottom: 9px;
}
.mt-\[3px\]{
margin-top: 3px;
}
.mr-7\.5{
margin-right: 1.875rem;
}
.ml-7\.5{
margin-left: 1.875rem;
}
.-mt-1\.5{
margin-top: -0.375rem;
}
.mb-\[26px\]{
margin-bottom: 26px;
}
.-mb-0\.5{
margin-bottom: -0.125rem;
}
.-mt-0\.5{
margin-top: -0.125rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.box-border{
box-sizing: border-box;
}
.box-content{
box-sizing: content-box;
}
.block{
display: block;
}
.\!block{
display: block !important;
}
.inline-block{
display: inline-block;
}
.inline{
display: inline;
}
.flex{
display: flex;
}
.\!flex{
display: flex !important;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.table-cell{
display: table-cell;
}
.table-row{
display: table-row;
}
.grid{
display: grid;
}
.contents{
display: contents;
}
.hidden{
display: none;
}
.\!hidden{
display: none !important;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.aspect-auto{
aspect-ratio: auto;
}
.aspect-natural{
aspect-ratio: auto;
}
.aspect-16\/9{
aspect-ratio: 16 / 9;
}
.aspect-1\/1{
aspect-ratio: 1 / 1;
}
.aspect-4\/3{
aspect-ratio: 4 / 3;
}
.aspect-3\/4{
aspect-ratio: 3 / 4;
}
.aspect-2\/3{
aspect-ratio: 2 / 3;
}
.aspect-\[4\/3\]{
aspect-ratio: 4/3;
}
.aspect-\[2\/3\]{
aspect-ratio: 2/3;
}
.aspect-\[16\/9\]{
aspect-ratio: 16/9;
}
.aspect-\[3\/4\]{
aspect-ratio: 3/4;
}
.aspect-\[1\/1\]{
aspect-ratio: 1/1;
}
.h-full{
height: 100%;
}
.h-\[35\%\]{
height: 35%;
}
.h-6{
height: 1.5rem;
}
.h-8{
height: 2rem;
}
.h-0{
height: 0px;
}
.h-3{
height: 0.75rem;
}
.h-5{
height: 1.25rem;
}
.\!h-9{
height: 2.25rem !important;
}
.h-px{
height: 1px;
}
.h-2{
height: 0.5rem;
}
.h-4{
height: 1rem;
}
.h-fit{
height: -moz-fit-content;
height: fit-content;
}
.h-10{
height: 2.5rem;
}
.h-1{
height: 0.25rem;
}
.h-auto{
height: auto;
}
.h-12{
height: 3rem;
}
.h-max{
height: -moz-max-content;
height: max-content;
}
.h-14{
height: 3.5rem;
}
.h-7{
height: 1.75rem;
}
.h-20{
height: 5rem;
}
.h-80{
height: 20rem;
}
.h-9{
height: 2.25rem;
}
.h-screen{
height: 100vh;
}
.h-11{
height: 2.75rem;
}
.\!h-1{
height: 0.25rem !important;
}
.\!h-2{
height: 0.5rem !important;
}
.\!h-3{
height: 0.75rem !important;
}
.\!h-4{
height: 1rem !important;
}
.\!h-auto{
height: auto !important;
}
.\!h-full{
height: 100% !important;
}
.h-16{
height: 4rem;
}
.h-24{
height: 6rem;
}
.h-40{
height: 10rem;
}
.h-\[38px\]{
height: 38px;
}
.h-2\.5{
height: 0.625rem;
}
.h-4\.5{
height: 1.125rem;
}
.h-3\.5{
height: 0.875rem;
}
.h-1\.5{
height: 0.375rem;
}
.h-\[550px\]{
height: 550px;
}
.h-\[1em\]{
height: 1em;
}
.h-7\.5{
height: 1.875rem;
}
.h-\[90px\]{
height: 90px;
}
.h-1\/2{
height: 50%;
}
.h-\[250px\]{
height: 250px;
}
.h-\[500px\]{
height: 500px;
}
.h-\[60px\]{
height: 60px;
}
.h-\[34px\]{
height: 34px;
}
.h-\[18px\]{
height: 18px;
}
.h-\[1px\]{
height: 1px;
}
.h-\[calc\(var\(--body-font-size\)\*1\.6\+20px\)\]{
height: calc(var(--body-font-size) * 1.6 + 20px);
}
.h-\[22px\]{
height: 22px;
}
.h-6\.5{
height: 1.625rem;
}
.h-\[46px\]{
height: 46px;
}
.h-\[30px\]{
height: 30px;
}
.h-\[15\%\]{
height: 15%;
}
.h-\[50px\]{
height: 50px;
}
.h-0\.5{
height: 0.125rem;
}
.h-\[calc\(var\(--body-font-size\)\*1\.4\)\]{
height: calc(var(--body-font-size) * 1.4);
}
.h-\[var\(--rating-star-size\)\]{
height: var(--rating-star-size);
}
.h-\[calc\(var\(--body-font-size\)\*1\.6\+28px\)\]{
height: calc(var(--body-font-size) * 1.6 + 28px);
}
.h-\[calc\(var\(--body-font-size\)\*1\.6\)\]{
height: calc(var(--body-font-size) * 1.6);
}
.h-\[70px\]{
height: 70px;
}
.h-\[300px\]{
height: 300px;
}
.h-\[400px\]{
height: 400px;
}
.h-\[94vh\]{
height: 94vh;
}
.h-\[600px\]{
height: 600px;
}
.h-\[650px\]{
height: 650px;
}
.h-\[700px\]{
height: 700px;
}
.h-\[90vh\]{
height: 90vh;
}
.h-\[100vh\]{
height: 100vh;
}
.h-\[200px\]{
height: 200px;
}
.h-\[350px\]{
height: 350px;
}
.max-h-full{
max-height: 100%;
}
.max-h-64{
max-height: 16rem;
}
.max-h-96{
max-height: 24rem;
}
.max-h-0{
max-height: 0px;
}
.max-h-40{
max-height: 10rem;
}
.max-h-52{
max-height: 13rem;
}
.max-h-fit{
max-height: -moz-fit-content;
max-height: fit-content;
}
.max-h-\[140px\]{
max-height: 140px;
}
.max-h-\[unset\]{
max-height: unset;
}
.max-h-\[none\]{
max-height: none;
}
.max-h-\[calc\(75vh-96px\)\]{
max-height: calc(75vh - 96px);
}
.max-h-\[70vh\]{
max-height: 70vh;
}
.max-h-\[40vh\]{
max-height: 40vh;
}
.max-h-\[90\%\]{
max-height: 90%;
}
.max-h-\[360px\]{
max-height: 360px;
}
.max-h-\[calc\(75vh-var\(--height-header\)\)\]{
max-height: calc(75vh - var(--height-header));
}
.max-h-\[calc\(85vh-96px\)\]{
max-height: calc(85vh - 96px);
}
.max-h-\[200px\]{
max-height: 200px;
}
.min-h-screen{
min-height: 100vh;
}
.min-h-0{
min-height: 0px;
}
.min-h-full{
min-height: 100%;
}
.min-h-\[100vh\]{
min-height: 100vh;
}
.min-h-\[450px\]{
min-height: 450px;
}
.min-h-\[20px\]{
min-height: 20px;
}
.min-h-\[420px\]{
min-height: 420px;
}
.min-h-\[24rem\]{
min-height: 24rem;
}
.min-h-\[12px\]{
min-height: 12px;
}
.min-h-\[150px\]{
min-height: 150px;
}
.min-h-\[250px\]{
min-height: 250px;
}
.min-h-\[0\.5rem\]{
min-height: 0.5rem;
}
.min-h-\[50vh\]{
min-height: 50vh;
}
.min-h-\[1\.5rem\]{
min-height: 1.5rem;
}
.min-h-\[1px\]{
min-height: 1px;
}
.min-h-\[45px\]{
min-height: 45px;
}
.min-h-\[200px\]{
min-height: 200px;
}
.min-h-\[var\(--rating-star-size\)\]{
min-height: var(--rating-star-size);
}
.min-h-\[24px\]{
min-height: 24px;
}
.min-h-\[18px\]{
min-height: 18px;
}
.min-h-\[22px\]{
min-height: 22px;
}
.w-full{
width: 100%;
}
.w-fit{
width: -moz-fit-content;
width: fit-content;
}
.w-max{
width: -moz-max-content;
width: max-content;
}
.w-3\/5{
width: 60%;
}
.w-3{
width: 0.75rem;
}
.w-6{
width: 1.5rem;
}
.w-8{
width: 2rem;
}
.w-5{
width: 1.25rem;
}
.w-0{
width: 0px;
}
.\!w-9{
width: 2.25rem !important;
}
.w-px{
width: 1px;
}
.w-2{
width: 0.5rem;
}
.w-4{
width: 1rem;
}
.w-10{
width: 2.5rem;
}
.w-40{
width: 10rem;
}
.w-9{
width: 2.25rem;
}
.w-auto{
width: auto;
}
.w-24{
width: 6rem;
}
.w-1{
width: 0.25rem;
}
.w-14{
width: 3.5rem;
}
.w-7{
width: 1.75rem;
}
.w-screen{
width: 100vw;
}
.w-96{
width: 24rem;
}
.w-20{
width: 5rem;
}
.w-12{
width: 3rem;
}
.w-28{
width: 7rem;
}
.w-11{
width: 2.75rem;
}
.w-56{
width: 14rem;
}
.w-48{
width: 12rem;
}
.\!w-1{
width: 0.25rem !important;
}
.\!w-10{
width: 2.5rem !important;
}
.w-16{
width: 4rem;
}
.\!w-3{
width: 0.75rem !important;
}
.\!w-4{
width: 1rem !important;
}
.w-32{
width: 8rem;
}
.w-36{
width: 9rem;
}
.w-80{
width: 20rem;
}
.w-min{
width: -moz-min-content;
width: min-content;
}
.w-w-18{
width: 4.5rem;
}
.w-\[38px\]{
width: 38px;
}
.w-2\.5{
width: 0.625rem;
}
.w-4\.5{
width: 1.125rem;
}
.w-3\.5{
width: 0.875rem;
}
.w-5\/12{
width: 41.666667%;
}
.w-5\/6{
width: 83.333333%;
}
.w-1\/5{
width: 20%;
}
.w-1\/2{
width: 50%;
}
.w-4\/12{
width: 33.333333%;
}
.w-2\/12{
width: 16.666667%;
}
.w-\[1em\]{
width: 1em;
}
.w-7\.5{
width: 1.875rem;
}
.w-\[60px\]{
width: 60px;
}
.w-\[90px\]{
width: 90px;
}
.w-1\/3{
width: 33.333333%;
}
.w-2\/3{
width: 66.666667%;
}
.w-1\/4{
width: 25%;
}
.w-3\/4{
width: 75%;
}
.w-\[120px\]{
width: 120px;
}
.w-\[30\%\]{
width: 30%;
}
.w-\[100px\]{
width: 100px;
}
.w-\[45\%\]{
width: 45%;
}
.w-\[92px\]{
width: 92px;
}
.w-\[34px\]{
width: 34px;
}
.w-\[18px\]{
width: 18px;
}
.w-\[calc\(100\%\+32px\)\]{
width: calc(100% + 32px);
}
.w-1\.5{
width: 0.375rem;
}
.w-\[22px\]{
width: 22px;
}
.w-6\.5{
width: 1.625rem;
}
.\!w-\[46px\]{
width: 46px !important;
}
.w-\[30px\]{
width: 30px;
}
.w-4\/5{
width: 80%;
}
.w-\[calc\(100\%-100px\)\]{
width: calc(100% - 100px);
}
.w-\[50px\]{
width: 50px;
}
.w-\[14px\]{
width: 14px;
}
.w-\[48px\]{
width: 48px;
}
.w-\[300px\]{
width: 300px;
}
.w-\[340px\]{
width: 340px;
}
.\!w-\[50px\]{
width: 50px !important;
}
.w-\[50\%\]{
width: 50%;
}
.w-\[calc\(var\(--body-font-size\)\*1\.4\)\]{
width: calc(var(--body-font-size) * 1.4);
}
.w-\[calc\(50\%-0\.3125rem\)\]{
width: calc(50% - 0.3125rem);
}
.w-\[var\(--rating-star-size\)\]{
width: var(--rating-star-size);
}
.w-\[calc\(100\%-32px\)\]{
width: calc(100% - 32px);
}
.w-\[calc\(var\(--body-font-size\)\*2\)\]{
width: calc(var(--body-font-size) * 2);
}
.w-\[calc\(100\%\+1px\)\]{
width: calc(100% + 1px);
}
.w-\[calc\(var\(--body-font-size\)\*1\.6\)\]{
width: calc(var(--body-font-size) * 1.6);
}
.w-\[70px\]{
width: 70px;
}
.w-1\/6{
width: 16.666667%;
}
.w-\[25\%\]{
width: 25%;
}
.min-w-max{
min-width: -moz-max-content;
min-width: max-content;
}
.min-w-full{
min-width: 100%;
}
.min-w-0{
min-width: 0px;
}
.min-w-fit{
min-width: -moz-fit-content;
min-width: fit-content;
}
.min-w-\[10px\]{
min-width: 10px;
}
.min-w-\[18px\]{
min-width: 18px;
}
.min-w-\[33\%\]{
min-width: 33%;
}
.min-w-\[200px\]{
min-width: 200px;
}
.min-w-\[36px\]{
min-width: 36px;
}
.min-w-\[110px\]{
min-width: 110px;
}
.min-w-\[120px\]{
min-width: 120px;
}
.min-w-\[300px\]{
min-width: 300px;
}
.min-w-\[12px\]{
min-width: 12px;
}
.min-w-\[35\%\]{
min-width: 35%;
}
.min-w-\[90\%\]{
min-width: 90%;
}
.min-w-\[30\%\]{
min-width: 30%;
}
.min-w-\[20px\]{
min-width: 20px;
}
.min-w-\[42px\]{
min-width: 42px;
}
.min-w-\[34px\]{
min-width: 34px;
}
.min-w-\[60px\]{
min-width: 60px;
}
.min-w-\[8px\]{
min-width: 8px;
}
.min-w-\[6rem\]{
min-width: 6rem;
}
.min-w-\[24px\]{
min-width: 24px;
}
.min-w-\[16px\]{
min-width: 16px;
}
.min-w-\[266px\]{
min-width: 266px;
}
.min-w-\[1rem\]{
min-width: 1rem;
}
.min-w-\[48px\]{
min-width: 48px;
}
.min-w-\[50\%\]{
min-width: 50%;
}
.min-w-\[70px\]{
min-width: 70px;
}
.max-w-xl{
max-width: 36rem;
}
.max-w-3xl{
max-width: 48rem;
}
.max-w-4xl{
max-width: 56rem;
}
.max-w-5xl{
max-width: 64rem;
}
.max-w-full{
max-width: 100%;
}
.max-w-md{
max-width: 28rem;
}
.max-w-screen-md{
max-width: 768px;
}
.max-w-xs{
max-width: 20rem;
}
.max-w-min{
max-width: -moz-min-content;
max-width: min-content;
}
.max-w-none{
max-width: none;
}
.max-w-lg{
max-width: 32rem;
}
.max-w-\[13rem\]{
max-width: 13rem;
}
.max-w-\[100vw\]{
max-width: 100vw;
}
.max-w-\[500px\]{
max-width: 500px;
}
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-\[250px\]{
max-width: 250px;
}
.max-w-\[196px\]{
max-width: 196px;
}
.max-w-\[578px\]{
max-width: 578px;
}
.max-w-\[570px\]{
max-width: 570px;
}
.max-w-\[600px\]{
max-width: 600px;
}
.max-w-\[510px\]{
max-width: 510px;
}
.max-w-\[11rem\]{
max-width: 11rem;
}
.max-w-\[90\%\]{
max-width: 90%;
}
.max-w-\[31rem\]{
max-width: 31rem;
}
.max-w-\[85\%\]{
max-width: 85%;
}
.max-w-\[40\%\]{
max-width: 40%;
}
.max-w-\[10ch\]{
max-width: 10ch;
}
.max-w-\[380px\]{
max-width: 380px;
}
.max-w-\[9rem\]{
max-width: 9rem;
}
.max-w-\[var\(--max-width-tooltip\)\]{
max-width: var(--max-width-tooltip);
}
.max-w-\[80\%\]{
max-width: 80%;
}
.max-w-\[100px\]{
max-width: 100px;
}
.max-w-\[80px\]{
max-width: 80px;
}
.max-w-\[650px\]{
max-width: 650px;
}
.max-w-\[30\%\]{
max-width: 30%;
}
.flex-1{
flex: 1 1 0%;
}
.flex-auto{
flex: 1 1 auto;
}
.flex-none{
flex: none;
}
.flex-shrink{
flex-shrink: 1;
}
.flex-shrink-0{
flex-shrink: 0;
}
.shrink-0{
flex-shrink: 0;
}
.flex-grow{
flex-grow: 1;
}
.flex-grow-0{
flex-grow: 0;
}
.grow{
flex-grow: 1;
}
.grow-0{
flex-grow: 0;
}
.basis-0{
flex-basis: 0px;
}
.basis-2{
flex-basis: 0.5rem;
}
.basis-1{
flex-basis: 0.25rem;
}
.basis-20{
flex-basis: 5rem;
}
.basis-1\/5{
flex-basis: 20%;
}
.table-auto{
table-layout: auto;
}
.table-fixed{
table-layout: fixed;
}
.border-collapse{
border-collapse: collapse;
}
.border-separate{
border-collapse: separate;
}
.border-spacing-0{
--tw-border-spacing-x: 0px;
--tw-border-spacing-y: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-bottom{
transform-origin: bottom;
}
.origin-top{
transform-origin: top;
}
.origin-left{
transform-origin: left;
}
.origin-center{
transform-origin: center;
}
.origin-top-left{
transform-origin: top left;
}
.origin-bottom-left{
transform-origin: bottom left;
}
.-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));
}
.-translate-x-1\/2{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1{
--tw-translate-y: -0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1{
--tw-translate-x: -0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!-translate-x-0{
--tw-translate-x: -0px !important;
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)) !important;
}
.translate-y-full{
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-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));
}
.-translate-y-full{
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1{
--tw-translate-y: 0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!translate-x-0{
--tw-translate-x: 0px !important;
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)) !important;
}
.translate-x-1{
--tw-translate-x: 0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full{
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!-translate-x-1{
--tw-translate-x: -0.25rem !important;
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)) !important;
}
.\!translate-x-1{
--tw-translate-x: 0.25rem !important;
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)) !important;
}
.-translate-x-2{
--tw-translate-x: -0.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-5{
--tw-translate-y: -1.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-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));
}
.translate-x-2{
--tw-translate-x: 0.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-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));
}
.-translate-y-6{
--tw-translate-y: -1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/3{
--tw-translate-y: 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));
}
.translate-y-\[-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));
}
.translate-x-\[-50\%\]{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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));
}
.translate-y-\[30\%\]{
--tw-translate-y: 30%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[30px\]{
--tw-translate-y: 30px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[calc\(-100\%-4px\)\]{
--tw-translate-y: calc(-100% - 4px);
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));
}
.-rotate-45{
--tw-rotate: -45deg;
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));
}
.\!rotate-0{
--tw-rotate: 0deg !important;
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)) !important;
}
.rotate-180{
--tw-rotate: 180deg;
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));
}
.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));
}
.-rotate-180{
--tw-rotate: -180deg;
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));
}
.-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));
}
.rotate-0{
--tw-rotate: 0deg;
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));
}
.rotate-45{
--tw-rotate: 45deg;
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));
}
.scale-0{
--tw-scale-x: 0;
--tw-scale-y: 0;
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));
}
.scale-100{
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-50{
--tw-scale-x: .5;
--tw-scale-y: .5;
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));
}
.scale-125{
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
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));
}
.scale-90{
--tw-scale-x: .9;
--tw-scale-y: .9;
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));
}
.-scale-x-100{
--tw-scale-x: -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));
}
.scale-x-0{
--tw-scale-x: 0;
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));
}
.scale-y-0{
--tw-scale-y: 0;
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));
}
.scale-x-100{
--tw-scale-x: 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));
}
.scale-y-100{
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu{
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));
}
.\!transform-none{
transform: none !important;
}
.transform-none{
transform: none;
}
.\!animate-none{
animation: none !important;
}
@keyframes spin{
to{
transform: rotate(360deg);
}
}
.animate-spin{
animation: spin 1s linear infinite;
}
.animate-none{
animation: none;
}
@keyframes ping{
75%, 100%{
transform: scale(2);
opacity: 0;
}
}
.animate-ping{
animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pingHotspot{
0%{
transform: scale(1);
}
50%{
transform: scale(2.3);
}
100%{
transform: scale(1);
}
}
.animate-\[pingHotspot_2s_ease-in-out_infinite\]{
animation: pingHotspot 2s ease-in-out infinite;
}
@keyframes scrollX{
0%{
transform: translateX(0%);
}
100%{
transform: translateX(-100%);
}
}
.animate-\[scrollX\]{
animation: scrollX;
}
.cursor-pointer{
cursor: pointer;
}
.cursor-grab{
cursor: grab;
}
.cursor-not-allowed{
cursor: not-allowed;
}
.cursor-default{
cursor: default;
}
.\!cursor-not-allowed{
cursor: not-allowed !important;
}
.cursor-auto{
cursor: auto;
}
.cursor-grabbing{
cursor: grabbing;
}
.cursor-none{
cursor: none;
}
.cursor-zoom-in{
cursor: zoom-in;
}
.cursor-zoom-out{
cursor: zoom-out;
}
.cursor-text{
cursor: text;
}
.select-none{
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.select-text{
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.resize{
resize: both;
}
.snap-x{
scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory{
--tw-scroll-snap-strictness: mandatory;
}
.scroll-m-1{
scroll-margin: 0.25rem;
}
.scroll-px-0{
scroll-padding-left: 0px;
scroll-padding-right: 0px;
}
.scroll-px-1{
scroll-padding-left: 0.25rem;
scroll-padding-right: 0.25rem;
}
.scroll-px-2{
scroll-padding-left: 0.5rem;
scroll-padding-right: 0.5rem;
}
.list-inside{
list-style-position: inside;
}
.list-disc{
list-style-type: disc;
}
.\!list-none{
list-style-type: none !important;
}
.list-none{
list-style-type: none;
}
.appearance-none{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.break-inside-avoid-column{
-moz-column-break-inside: avoid;
break-inside: avoid-column;
}
.auto-cols-max{
grid-auto-columns: max-content;
}
.grid-flow-row{
grid-auto-flow: row;
}
.grid-flow-col{
grid-auto-flow: column;
}
.grid-flow-dense{
grid-auto-flow: dense;
}
.auto-rows-auto{
grid-auto-rows: auto;
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-10{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11{
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12{
grid-template-columns: repeat(12, 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-8{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9{
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-none{
grid-template-columns: none;
}
.grid-rows-none{
grid-template-rows: none;
}
.flex-row{
flex-direction: row;
}
.flex-row-reverse{
flex-direction: row-reverse;
}
.flex-col{
flex-direction: column;
}
.flex-col-reverse{
flex-direction: column-reverse;
}
.flex-wrap{
flex-wrap: wrap;
}
.flex-nowrap{
flex-wrap: nowrap;
}
.content-center{
align-content: center;
}
.items-start{
align-items: flex-start;
}
.items-end{
align-items: flex-end;
}
.items-center{
align-items: center;
}
.items-baseline{
align-items: baseline;
}
.items-stretch{
align-items: stretch;
}
.justify-start{
justify-content: flex-start;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.justify-items-center{
justify-items: center;
}
.gap-1{
gap: 0.25rem;
}
.gap-2{
gap: 0.5rem;
}
.gap-5{
gap: 1.25rem;
}
.gap-4{
gap: 1rem;
}
.gap-0{
gap: 0px;
}
.gap-3{
gap: 0.75rem;
}
.gap-7{
gap: 1.75rem;
}
.gap-6{
gap: 1.5rem;
}
.gap-10{
gap: 2.5rem;
}
.gap-12{
gap: 3rem;
}
.gap-14{
gap: 3.5rem;
}
.gap-20{
gap: 5rem;
}
.gap-8{
gap: 2rem;
}
.gap-1\.5{
gap: 0.375rem;
}
.gap-0\.5{
gap: 0.125rem;
}
.gap-2\.5{
gap: 0.625rem;
}
.gap-7\.5{
gap: 1.875rem;
}
.gap-\[var\(--spacing-between-heading-and-content\)\]{
gap: var(--spacing-between-heading-and-content);
}
.gap-3\.5{
gap: 0.875rem;
}
.gap-\[15px\]{
gap: 15px;
}
.gap-6\.5{
gap: 1.625rem;
}
.gap-\[0\.625rem\]{
gap: 0.625rem;
}
.gap-\[3px\]{
gap: 3px;
}
.gap-y-0{
row-gap: 0px;
}
.gap-x-1{
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.gap-x-10{
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.gap-x-14{
-moz-column-gap: 3.5rem;
column-gap: 3.5rem;
}
.gap-x-16{
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.gap-x-2{
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.gap-x-20{
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.gap-x-3{
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.gap-x-4{
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-x-5{
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.gap-y-2{
row-gap: 0.5rem;
}
.gap-y-7{
row-gap: 1.75rem;
}
.gap-y-4{
row-gap: 1rem;
}
.gap-x-7{
-moz-column-gap: 1.75rem;
column-gap: 1.75rem;
}
.gap-y-5{
row-gap: 1.25rem;
}
.gap-y-1{
row-gap: 0.25rem;
}
.gap-y-3{
row-gap: 0.75rem;
}
.gap-x-8{
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.gap-y-10{
row-gap: 2.5rem;
}
.gap-y-0\.5{
row-gap: 0.125rem;
}
.gap-x-2\.5{
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
}
.gap-y-1\.5{
row-gap: 0.375rem;
}
.gap-x-\[80px\]{
-moz-column-gap: 80px;
column-gap: 80px;
}
.gap-x-7\.5{
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
}
.gap-x-1\.5{
-moz-column-gap: 0.375rem;
column-gap: 0.375rem;
}
.gap-x-\[30px\]{
-moz-column-gap: 30px;
column-gap: 30px;
}
.gap-y-2\.5{
row-gap: 0.625rem;
}
.gap-x-\[15px\]{
-moz-column-gap: 15px;
column-gap: 15px;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.self-start{
align-self: flex-start;
}
.self-end{
align-self: flex-end;
}
.self-center{
align-self: center;
}
.justify-self-center{
justify-self: center;
}
.overflow-auto{
overflow: auto;
}
.overflow-hidden{
overflow: hidden;
}
.\!overflow-hidden{
overflow: hidden !important;
}
.overflow-visible{
overflow: visible;
}
.\!overflow-visible{
overflow: visible !important;
}
.overflow-scroll{
overflow: scroll;
}
.overflow-x-auto{
overflow-x: auto;
}
.overflow-y-auto{
overflow-y: auto;
}
.\!overflow-y-auto{
overflow-y: auto !important;
}
.overflow-x-hidden{
overflow-x: hidden;
}
.overflow-y-hidden{
overflow-y: hidden;
}
.overflow-x-visible{
overflow-x: visible;
}
.overflow-y-visible{
overflow-y: visible;
}
.overflow-x-scroll{
overflow-x: scroll;
}
.overflow-y-scroll{
overflow-y: scroll;
}
.overscroll-none{
overscroll-behavior: none;
}
.\!overscroll-none{
overscroll-behavior: none !important;
}
.scroll-smooth{
scroll-behavior: smooth;
}
.truncate{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-ellipsis{
text-overflow: ellipsis;
}
.whitespace-normal{
white-space: normal;
}
.whitespace-nowrap{
white-space: nowrap;
}
.break-normal{
overflow-wrap: normal;
word-break: normal;
}
.break-words{
overflow-wrap: break-word;
}
.rounded{
border-radius: 0.25rem;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-md{
border-radius: 0.375rem;
}
.\!rounded-md{
border-radius: 0.375rem !important;
}
.rounded-lg{
border-radius: 0.5rem;
}
.rounded-none{
border-radius: 0px;
}
.rounded-sm{
border-radius: 0.125rem;
}
.rounded-\[10px\]{
border-radius: 10px;
}
.rounded-\[4px\]{
border-radius: 4px;
}
.rounded-\[100px\]{
border-radius: 100px;
}
.rounded-\[20px\]{
border-radius: 20px;
}
.rounded-\[var\(--border-radius-flash-message\)\]{
border-radius: var(--border-radius-flash-message);
}
.rounded-\[10px_4px\]{
border-radius: 10px 4px;
}
.rounded-\[var\(--rounded-corners\)\]{
border-radius: var(--rounded-corners);
}
.rounded-\[var\(--border-radius-drawer\)\]{
border-radius: var(--border-radius-drawer);
}
.rounded-\[var\(--border-radius-popup\)\]{
border-radius: var(--border-radius-popup);
}
.\!rounded-t-2xl{
border-top-left-radius: 1rem !important;
border-top-right-radius: 1rem !important;
}
.rounded-b-md{
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.\!rounded-b-none{
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.\!rounded-t-none{
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.rounded-b{
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-b-none{
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.rounded-t{
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-t-2xl{
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.rounded-t-md{
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.rounded-t-none{
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.rounded-t-\[10px\]{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.rounded-l-\[var\(--rounded-corners\)\]{
border-top-left-radius: var(--rounded-corners);
border-bottom-left-radius: var(--rounded-corners);
}
.rounded-r-\[var\(--rounded-corners\)\]{
border-top-right-radius: var(--rounded-corners);
border-bottom-right-radius: var(--rounded-corners);
}
.rounded-t-\[var\(--border-radius-drawer\)\]{
border-top-left-radius: var(--border-radius-drawer);
border-top-right-radius: var(--border-radius-drawer);
}
.rounded-b-\[20px\]{
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.rounded-b-\[10px\]{
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.rounded-l-\[10px\]{
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.rounded-r-\[10px\]{
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.rounded-t-\[var\(--rounded-corners\)\]{
border-top-left-radius: var(--rounded-corners);
border-top-right-radius: var(--rounded-corners);
}
.rounded-b-\[var\(--rounded-corners\)\]{
border-bottom-right-radius: var(--rounded-corners);
border-bottom-left-radius: var(--rounded-corners);
}
.border{
border-width: 1px;
}
.border-0{
border-width: 0px;
}
.\!border-0{
border-width: 0px !important;
}
.border-2{
border-width: 2px;
}
.\!border-x-0{
border-left-width: 0px !important;
border-right-width: 0px !important;
}
.border-y{
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-l-\[2px\]{
border-left-width: 2px;
}
.border-b-\[2px\]{
border-bottom-width: 2px;
}
.border-t{
border-top-width: 1px;
}
.\!border-r{
border-right-width: 1px !important;
}
.border-b{
border-bottom-width: 1px;
}
.border-l{
border-left-width: 1px;
}
.border-b-0{
border-bottom-width: 0px;
}
.border-b-2{
border-bottom-width: 2px;
}
.border-r{
border-right-width: 1px;
}
.border-l-0{
border-left-width: 0px;
}
.border-t-0{
border-top-width: 0px;
}
.border-r-0{
border-right-width: 0px;
}
.border-solid{
border-style: solid;
}
.border-dashed{
border-style: dashed;
}
.border-dotted{
border-style: dotted;
}
.border-none{
border-style: none;
}
.border-inherit{
border-color: inherit;
}
.border-transparent{
border-color: transparent;
}
.border-gray-300{
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-600{
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.border-t-white{
--tw-border-opacity: 1;
border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-l-white{
--tw-border-opacity: 1;
border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-opacity-80{
--tw-border-opacity: 0.8;
}
.bg-transparent{
background-color: transparent;
}
.\!bg-transparent{
background-color: transparent !important;
}
.bg-\[rgba\(var\(--color-button\)\)\]{
background-color: rgba(var(--color-button));
}
.bg-neutral-200{
--tw-bg-opacity: 1;
background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-inherit{
background-color: inherit;
}
.bg-black{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-100{
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-blue-50{
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-gray-100{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-300{
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-700{
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-red-100{
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-red-200{
--tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}
.bg-red-300{
--tw-bg-opacity: 1;
background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
.bg-red-400{
--tw-bg-opacity: 1;
background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.bg-red-50{
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-500{
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red-600{
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-slate-200{
--tw-bg-opacity: 1;
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-teal-600{
--tw-bg-opacity: 1;
background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}
.bg-\[\#dcdcdc\]{
--tw-bg-opacity: 1;
background-color: rgb(220 220 220 / var(--tw-bg-opacity));
}
.bg-opacity-30{
--tw-bg-opacity: 0.3;
}
.bg-none{
background-image: none;
}
.\!bg-none{
background-image: none !important;
}
.bg-gradient-radial{
background-image: radial-gradient(rgba(var(--image-treatment-overlay-no-alpha) / 0.2) 0%, transparent 75%);
}
.bg-cover{
background-size: cover;
}
.bg-auto{
background-size: auto;
}
.bg-clip-content{
background-clip: content-box;
}
.bg-center{
background-position: center;
}
.bg-no-repeat{
background-repeat: no-repeat;
}
.fill-current{
fill: currentColor;
}
.object-contain{
-o-object-fit: contain;
object-fit: contain;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
}
.object-center{
-o-object-position: center;
object-position: center;
}
.p-0{
padding: 0px;
}
.p-2{
padding: 0.5rem;
}
.p-3{
padding: 0.75rem;
}
.p-8{
padding: 2rem;
}
.\!p-3{
padding: 0.75rem !important;
}
.\!p-4{
padding: 1rem !important;
}
.p-1{
padding: 0.25rem;
}
.p-10{
padding: 2.5rem;
}
.p-16{
padding: 4rem;
}
.p-4{
padding: 1rem;
}
.p-5{
padding: 1.25rem;
}
.p-6{
padding: 1.5rem;
}
.p-7{
padding: 1.75rem;
}
.p-2\.5{
padding: 0.625rem;
}
.p-3\.5{
padding: 0.875rem;
}
.p-0\.5{
padding: 0.125rem;
}
.p-1\.5{
padding: 0.375rem;
}
.p-\[5px\]{
padding: 5px;
}
.p-\[7px\]{
padding: 7px;
}
.p-\[9px\]{
padding: 9px;
}
.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.\!px-0{
padding-left: 0px !important;
padding-right: 0px !important;
}
.px-0{
padding-left: 0px;
padding-right: 0px;
}
.py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.px-1{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-16{
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-7{
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.px-12{
padding-left: 3rem;
padding-right: 3rem;
}
.px-14{
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.px-20{
padding-left: 5rem;
padding-right: 5rem;
}
.px-7{
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.px-9{
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-20{
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-px{
padding-top: 1px;
padding-bottom: 1px;
}
.py-1\.5{
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.py-0\.5{
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-2\.5{
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.px-\[4\.5\%\]{
padding-left: 4.5%;
padding-right: 4.5%;
}
.px-2\.5{
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.py-\[5px\]{
padding-top: 5px;
padding-bottom: 5px;
}
.px-0\.5{
padding-left: 0.125rem;
padding-right: 0.125rem;
}
.px-1\.5{
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.px-\[10px\]{
padding-left: 10px;
padding-right: 10px;
}
.py-\[10px\]{
padding-top: 10px;
padding-bottom: 10px;
}
.px-\[5px\]{
padding-left: 5px;
padding-right: 5px;
}
.py-\[7px\]{
padding-top: 7px;
padding-bottom: 7px;
}
.py-3\.5{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.px-3\.5{
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.px-\[var\(--button-padding-y-desktop\2c 12px\)\]{
padding-left: var(--button-padding-y-desktop,12px);
padding-right: var(--button-padding-y-desktop,12px);
}
.pt-2{
padding-top: 0.5rem;
}
.pr-4{
padding-right: 1rem;
}
.pl-4{
padding-left: 1rem;
}
.pb-2{
padding-bottom: 0.5rem;
}
.pb-0{
padding-bottom: 0px;
}
.\!pb-0{
padding-bottom: 0px !important;
}
.\!pl-5{
padding-left: 1.25rem !important;
}
.pl-6{
padding-left: 1.5rem;
}
.pr-6{
padding-right: 1.5rem;
}
.pt-1{
padding-top: 0.25rem;
}
.\!pr-5{
padding-right: 1.25rem !important;
}
.pb-1{
padding-bottom: 0.25rem;
}
.pl-2{
padding-left: 0.5rem;
}
.pr-2{
padding-right: 0.5rem;
}
.pb-4{
padding-bottom: 1rem;
}
.pt-7{
padding-top: 1.75rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pt-0{
padding-top: 0px;
}
.pb-7{
padding-bottom: 1.75rem;
}
.pb-9{
padding-bottom: 2.25rem;
}
.pt-6{
padding-top: 1.5rem;
}
.pt-3{
padding-top: 0.75rem;
}
.pb-3{
padding-bottom: 0.75rem;
}
.pt-5{
padding-top: 1.25rem;
}
.pt-4{
padding-top: 1rem;
}
.pl-0{
padding-left: 0px;
}
.pl-3{
padding-left: 0.75rem;
}
.pr-3{
padding-right: 0.75rem;
}
.pl-5{
padding-left: 1.25rem;
}
.pr-5{
padding-right: 1.25rem;
}
.pb-10{
padding-bottom: 2.5rem;
}
.pl-1{
padding-left: 0.25rem;
}
.pr-1{
padding-right: 0.25rem;
}
.pt-20{
padding-top: 5rem;
}
.pb-20{
padding-bottom: 5rem;
}
.pt-10{
padding-top: 2.5rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pl-12{
padding-left: 3rem;
}
.pt-12{
padding-top: 3rem;
}
.pl-7{
padding-left: 1.75rem;
}
.pr-20{
padding-right: 5rem;
}
.pt-11{
padding-top: 2.75rem;
}
.pr-0{
padding-right: 0px;
}
.pl-8{
padding-left: 2rem;
}
.pr-8{
padding-right: 2rem;
}
.pb-8{
padding-bottom: 2rem;
}
.pr-10{
padding-right: 2.5rem;
}
.pr-7{
padding-right: 1.75rem;
}
.pl-20{
padding-left: 5rem;
}
.pt-8{
padding-top: 2rem;
}
.pl-9{
padding-left: 2.25rem;
}
.pr-9{
padding-right: 2.25rem;
}
.pb-28{
padding-bottom: 7rem;
}
.pb-12{
padding-bottom: 3rem;
}
.pb-14{
padding-bottom: 3.5rem;
}
.pb-16{
padding-bottom: 4rem;
}
.pb-40{
padding-bottom: 10rem;
}
.pb-64{
padding-bottom: 16rem;
}
.pl-10{
padding-left: 2.5rem;
}
.pl-11{
padding-left: 2.75rem;
}
.pl-14{
padding-left: 3.5rem;
}
.pl-16{
padding-left: 4rem;
}
.pl-24{
padding-left: 6rem;
}
.pr-11{
padding-right: 2.75rem;
}
.pr-12{
padding-right: 3rem;
}
.pr-14{
padding-right: 3.5rem;
}
.pr-16{
padding-right: 4rem;
}
.pr-24{
padding-right: 6rem;
}
.pt-14{
padding-top: 3.5rem;
}
.pt-16{
padding-top: 4rem;
}
.pt-40{
padding-top: 10rem;
}
.pt-48{
padding-top: 12rem;
}
.pt-9{
padding-top: 2.25rem;
}
.pt-2\.5{
padding-top: 0.625rem;
}
.pb-2\.5{
padding-bottom: 0.625rem;
}
.pl-2\.5{
padding-left: 0.625rem;
}
.pr-2\.5{
padding-right: 0.625rem;
}
.pt-1\.5{
padding-top: 0.375rem;
}
.pb-1\.5{
padding-bottom: 0.375rem;
}
.pt-0\.5{
padding-top: 0.125rem;
}
.pb-0\.5{
padding-bottom: 0.125rem;
}
.pt-3\.5{
padding-top: 0.875rem;
}
.pb-3\.5{
padding-bottom: 0.875rem;
}
.pl-\[26px\]{
padding-left: 26px;
}
.pr-\[26px\]{
padding-right: 26px;
}
.pt-\[4\.5\%\]{
padding-top: 4.5%;
}
.pb-\[4\.5\%\]{
padding-bottom: 4.5%;
}
.pl-3\.5{
padding-left: 0.875rem;
}
.pr-3\.5{
padding-right: 0.875rem;
}
.pb-\[100\%\]{
padding-bottom: 100%;
}
.pb-7\.5{
padding-bottom: 1.875rem;
}
.pt-7\.5{
padding-top: 1.875rem;
}
.pl-0\.5{
padding-left: 0.125rem;
}
.pr-0\.5{
padding-right: 0.125rem;
}
.pr-\[22px\]{
padding-right: 22px;
}
.pb-\[1px\]{
padding-bottom: 1px;
}
.pb-\[56\.25\%\]{
padding-bottom: 56.25%;
}
.pr-\[9px\]{
padding-right: 9px;
}
.pl-\[34px\]{
padding-left: 34px;
}
.pr-\[34px\]{
padding-right: 34px;
}
.pl-1\.5{
padding-left: 0.375rem;
}
.pr-1\.5{
padding-right: 0.375rem;
}
.pl-7\.5{
padding-left: 1.875rem;
}
.pr-7\.5{
padding-right: 1.875rem;
}
.pt-\[14px\]{
padding-top: 14px;
}
.pb-\[14px\]{
padding-bottom: 14px;
}
.pl-\[15px\]{
padding-left: 15px;
}
.pr-\[15px\]{
padding-right: 15px;
}
.pb-\[75\%\]{
padding-bottom: 75%;
}
.pb-\[150\%\]{
padding-bottom: 150%;
}
.pb-\[56\%\]{
padding-bottom: 56%;
}
.pb-\[133\%\]{
padding-bottom: 133%;
}
.pr-\[332px\]{
padding-right: 332px;
}
.pl-\[332px\]{
padding-left: 332px;
}
.pb-\[133\.0\%\]{
padding-bottom: 133.0%;
}
.pr-4\.5{
padding-right: 1.125rem;
}
.pl-4\.5{
padding-left: 1.125rem;
}
.pr-5\.5{
padding-right: 1.375rem;
}
.pl-5\.5{
padding-left: 1.375rem;
}
.pt-4\.5{
padding-top: 1.125rem;
}
.pb-4\.5{
padding-bottom: 1.125rem;
}
.pr-6\.5{
padding-right: 1.625rem;
}
.pl-6\.5{
padding-left: 1.625rem;
}
.pb-\[150\.0\%\]{
padding-bottom: 150.0%;
}
.pb-\[75\.0\%\]{
padding-bottom: 75.0%;
}
.pb-\[100\.0\%\]{
padding-bottom: 100.0%;
}
.pb-\[3px\]{
padding-bottom: 3px;
}
.pb-\[6px\]{
padding-bottom: 6px;
}
.pb-\[9px\]{
padding-bottom: 9px;
}
.pb-\[12px\]{
padding-bottom: 12px;
}
.pb-\[15px\]{
padding-bottom: 15px;
}
.pb-\[18px\]{
padding-bottom: 18px;
}
.pb-\[21px\]{
padding-bottom: 21px;
}
.pb-\[24px\]{
padding-bottom: 24px;
}
.pb-\[27px\]{
padding-bottom: 27px;
}
.pb-\[30px\]{
padding-bottom: 30px;
}
.pb-\[33px\]{
padding-bottom: 33px;
}
.pb-\[36px\]{
padding-bottom: 36px;
}
.pb-\[39px\]{
padding-bottom: 39px;
}
.pb-\[42px\]{
padding-bottom: 42px;
}
.pb-\[45px\]{
padding-bottom: 45px;
}
.pb-\[48px\]{
padding-bottom: 48px;
}
.pb-\[51px\]{
padding-bottom: 51px;
}
.pb-\[54px\]{
padding-bottom: 54px;
}
.pb-\[57px\]{
padding-bottom: 57px;
}
.pb-\[60px\]{
padding-bottom: 60px;
}
.pb-\[63px\]{
padding-bottom: 63px;
}
.pb-\[66px\]{
padding-bottom: 66px;
}
.pb-\[69px\]{
padding-bottom: 69px;
}
.pb-\[72px\]{
padding-bottom: 72px;
}
.pb-\[75px\]{
padding-bottom: 75px;
}
.pt-\[3px\]{
padding-top: 3px;
}
.pt-\[6px\]{
padding-top: 6px;
}
.pt-\[9px\]{
padding-top: 9px;
}
.pt-\[12px\]{
padding-top: 12px;
}
.pt-\[15px\]{
padding-top: 15px;
}
.pt-\[18px\]{
padding-top: 18px;
}
.pt-\[21px\]{
padding-top: 21px;
}
.pt-\[24px\]{
padding-top: 24px;
}
.pt-\[27px\]{
padding-top: 27px;
}
.pt-\[30px\]{
padding-top: 30px;
}
.pt-\[33px\]{
padding-top: 33px;
}
.pt-\[36px\]{
padding-top: 36px;
}
.pt-\[39px\]{
padding-top: 39px;
}
.pt-\[42px\]{
padding-top: 42px;
}
.pt-\[45px\]{
padding-top: 45px;
}
.pt-\[48px\]{
padding-top: 48px;
}
.pt-\[51px\]{
padding-top: 51px;
}
.pt-\[54px\]{
padding-top: 54px;
}
.pt-\[57px\]{
padding-top: 57px;
}
.pt-\[60px\]{
padding-top: 60px;
}
.pt-\[63px\]{
padding-top: 63px;
}
.pt-\[66px\]{
padding-top: 66px;
}
.pt-\[69px\]{
padding-top: 69px;
}
.pt-\[72px\]{
padding-top: 72px;
}
.pt-\[75px\]{
padding-top: 75px;
}
.pt-\[0\]{
padding-top: 0;
}
.pb-\[0\]{
padding-bottom: 0;
}
.pb-\[4px\]{
padding-bottom: 4px;
}
.pb-\[8px\]{
padding-bottom: 8px;
}
.pb-\[16px\]{
padding-bottom: 16px;
}
.pb-\[20px\]{
padding-bottom: 20px;
}
.pb-\[28px\]{
padding-bottom: 28px;
}
.pb-\[32px\]{
padding-bottom: 32px;
}
.pb-\[40px\]{
padding-bottom: 40px;
}
.pb-\[44px\]{
padding-bottom: 44px;
}
.pb-\[52px\]{
padding-bottom: 52px;
}
.pb-\[56px\]{
padding-bottom: 56px;
}
.pb-\[64px\]{
padding-bottom: 64px;
}
.pb-\[68px\]{
padding-bottom: 68px;
}
.pb-\[76px\]{
padding-bottom: 76px;
}
.pb-\[80px\]{
padding-bottom: 80px;
}
.pb-\[84px\]{
padding-bottom: 84px;
}
.pb-\[88px\]{
padding-bottom: 88px;
}
.pb-\[92px\]{
padding-bottom: 92px;
}
.pb-\[96px\]{
padding-bottom: 96px;
}
.pb-\[100px\]{
padding-bottom: 100px;
}
.pt-\[4px\]{
padding-top: 4px;
}
.pt-\[8px\]{
padding-top: 8px;
}
.pt-\[16px\]{
padding-top: 16px;
}
.pt-\[20px\]{
padding-top: 20px;
}
.pt-\[28px\]{
padding-top: 28px;
}
.pt-\[32px\]{
padding-top: 32px;
}
.pt-\[40px\]{
padding-top: 40px;
}
.pt-\[44px\]{
padding-top: 44px;
}
.pt-\[52px\]{
padding-top: 52px;
}
.pt-\[56px\]{
padding-top: 56px;
}
.pt-\[64px\]{
padding-top: 64px;
}
.pt-\[68px\]{
padding-top: 68px;
}
.pt-\[76px\]{
padding-top: 76px;
}
.pt-\[80px\]{
padding-top: 80px;
}
.pt-\[84px\]{
padding-top: 84px;
}
.pt-\[88px\]{
padding-top: 88px;
}
.pt-\[92px\]{
padding-top: 92px;
}
.pt-\[96px\]{
padding-top: 96px;
}
.pt-\[100px\]{
padding-top: 100px;
}
.pb-\[66\%\]{
padding-bottom: 66%;
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.text-start{
text-align: start;
}
.text-end{
text-align: end;
}
.align-top{
vertical-align: top;
}
.align-middle{
vertical-align: middle;
}
.align-bottom{
vertical-align: bottom;
}
.align-text-top{
vertical-align: text-top;
}
.text-base{
font-size: 1rem;
line-height: 1.5rem;
}
.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xs{
font-size: 0.75rem;
line-height: 1rem;
}
.text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-\[80\%\]{
font-size: 80%;
}
.text-\[90\%\]{
font-size: 90%;
}
.text-\[85\%\]{
font-size: 85%;
}
.text-\[70\%\]{
font-size: 70%;
}
.text-\[50\%\]{
font-size: 50%;
}
.text-\[60\%\]{
font-size: 60%;
}
.text-\[100\%\]{
font-size: 100%;
}
.text-\[110\%\]{
font-size: 110%;
}
.text-\[120\%\]{
font-size: 120%;
}
.text-\[130\%\]{
font-size: 130%;
}
.text-\[140\%\]{
font-size: 140%;
}
.text-\[150\%\]{
font-size: 150%;
}
.text-\[160\%\]{
font-size: 160%;
}
.text-\[170\%\]{
font-size: 170%;
}
.text-\[180\%\]{
font-size: 180%;
}
.text-\[190\%\]{
font-size: 190%;
}
.text-\[200\%\]{
font-size: 200%;
}
.\!font-semibold{
font-weight: 600 !important;
}
.font-bold{
font-weight: 700;
}
.font-normal{
font-weight: 400;
}
.font-medium{
font-weight: 500;
}
.font-semibold{
font-weight: 600;
}
.uppercase{
text-transform: uppercase;
}
.lowercase{
text-transform: lowercase;
}
.capitalize{
text-transform: capitalize;
}
.normal-case{
text-transform: none;
}
.italic{
font-style: italic;
}
.not-italic{
font-style: normal;
}
.leading-normal{
line-height: 1.5;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
.leading-tight{
line-height: 1.25;
}
.leading-snug{
line-height: 1.375;
}
.leading-loose{
line-height: 2;
}
.leading-none{
line-height: 1;
}
.leading-\[1\.1\]{
line-height: 1.1;
}
.leading-\[normal\]{
line-height: normal;
}
.leading-\[initial\]{
line-height: initial;
}
.leading-\[0\]{
line-height: 0;
}
.leading-\[1\.6\]{
line-height: 1.6;
}
.leading-\[1\.4\]{
line-height: 1.4;
}
.tracking-wider{
letter-spacing: 0.05em;
}
.tracking-widest{
letter-spacing: 0.1em;
}
.text-blue-600{
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-current{
color: currentColor;
}
.text-inherit{
color: inherit;
}
.text-gray-300{
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-900{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-red-600{
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.line-through{
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
.underline-offset-2{
text-underline-offset: 2px;
}
.opacity-0{
opacity: 0;
}
.\!opacity-100{
opacity: 1 !important;
}
.\!opacity-60{
opacity: 0.6 !important;
}
.opacity-100{
opacity: 1;
}
.opacity-80{
opacity: 0.8;
}
.opacity-10{
opacity: 0.1;
}
.opacity-20{
opacity: 0.2;
}
.opacity-30{
opacity: 0.3;
}
.opacity-40{
opacity: 0.4;
}
.opacity-50{
opacity: 0.5;
}
.opacity-60{
opacity: 0.6;
}
.opacity-70{
opacity: 0.7;
}
.opacity-75{
opacity: 0.75;
}
.opacity-90{
opacity: 0.9;
}
.\!opacity-0{
opacity: 0 !important;
}
.opacity-\[6\%\]{
opacity: 6%;
}
.opacity-\[12\]{
opacity: 12;
}
.opacity-\[12\%\]{
opacity: 12%;
}
.bg-blend-overlay{
background-blend-mode: overlay;
}
.shadow{
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-cart-drawer-header{
--tw-shadow: 0 4px 6px rgba(var(--color-heading-no-alpha) / 0.1);
--tw-shadow-colored: 0 4px 6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-showdownInset{
--tw-shadow: inset 1px -2px 5px -1px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: inset 1px -2px 5px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner{
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-cyan-300{
--tw-shadow-color: #67e8f9;
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-100{
--tw-shadow-color: #f3f4f6;
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-400{
--tw-shadow-color: #9ca3af;
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-teal-50{
--tw-shadow-color: #f0fdfa;
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-white{
--tw-shadow-color: #fff;
--tw-shadow: var(--tw-shadow-colored);
}
.\!outline-none{
outline: 2px solid transparent !important;
outline-offset: 2px !important;
}
.outline-none{
outline: 2px solid transparent;
outline-offset: 2px;
}
.outline{
outline-style: solid;
}
.outline-dashed{
outline-style: dashed;
}
.outline-1{
outline-width: 1px;
}
.outline-0{
outline-width: 0px;
}
.outline-2{
outline-width: 2px;
}
.outline-\[rgba\(var\(--color-button\)\)\]{
outline-color: rgba(var(--color-button));
}
.ring{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-offset-0{
--tw-ring-offset-width: 0px;
}
.ring-offset-gray-800{
--tw-ring-offset-color: #1f2937;
}
.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);
}
.drop-shadow{
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
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);
}
.invert{
--tw-invert: invert(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);
}
.sepia{
--tw-sepia: sepia(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);
}
.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);
}
.\!filter-none{
filter: none !important;
}
.filter-none{
filter: none;
}
.backdrop-blur-3xl{
--tw-backdrop-blur: blur(64px);
-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);
}
.backdrop-filter{
-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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors{
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform{
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-none{
transition-property: none;
}
.transition-opacity{
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-shadow{
transition-property: box-shadow;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-\[500ms_500ms\]{
transition-property: 500ms 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.\!delay-1000{
transition-delay: 1000ms !important;
}
.\!delay-500{
transition-delay: 500ms !important;
}
.delay-100{
transition-delay: 100ms;
}
.delay-150{
transition-delay: 150ms;
}
.delay-200{
transition-delay: 200ms;
}
.delay-300{
transition-delay: 300ms;
}
.delay-500{
transition-delay: 500ms;
}
.delay-700{
transition-delay: 700ms;
}
.delay-75{
transition-delay: 75ms;
}
.delay-1000{
transition-delay: 1000ms;
}
.delay-\[calc\(var\(--segmented-banner-animation-duration-mobile\)\*0\.5\)\]{
transition-delay: calc(var(--segmented-banner-animation-duration-mobile) * 0.5);
}
.delay-\[var\(--transition-slideshow-content\)\]{
transition-delay: var(--transition-slideshow-content);
}
.duration-500{
transition-duration: 500ms;
}
.\!duration-1000{
transition-duration: 1000ms !important;
}
.duration-300{
transition-duration: 300ms;
}
.duration-100{
transition-duration: 100ms;
}
.duration-1000{
transition-duration: 1000ms;
}
.duration-150{
transition-duration: 150ms;
}
.duration-200{
transition-duration: 200ms;
}
.duration-75{
transition-duration: 75ms;
}
.duration-\[600ms\]{
transition-duration: 600ms;
}
.duration-\[var\(--button-animation-duration\)\]{
transition-duration: var(--button-animation-duration);
}
.ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-in{
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-linear{
transition-timing-function: linear;
}
.will-change-transform{
will-change: transform;
}
.content-none{
--tw-content: none;
content: var(--tw-content);
}
.\!line-clamp-1{
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 1 !important;
}
.line-clamp-1{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.line-clamp-4{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.line-clamp-3{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.line-clamp-5{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.line-clamp-none{
-webkit-line-clamp: unset;
}
.ps-0{
padding-inline-start: 0px;
}
.pe-0{
padding-inline-end: 0px;
}
.ps-1{
padding-inline-start: 0.25rem;
}
.ps-2{
padding-inline-start: 0.5rem;
}
.pe-2{
padding-inline-end: 0.5rem;
}
.ps-5{
padding-inline-start: 1.25rem;
}
.pe-5{
padding-inline-end: 1.25rem;
}
.ps-6{
padding-inline-start: 1.5rem;
}
.pe-6{
padding-inline-end: 1.5rem;
}
.ps-7{
padding-inline-start: 1.75rem;
}
.pe-7{
padding-inline-end: 1.75rem;
}
.pe-8{
padding-inline-end: 2rem;
}
.ps-10{
padding-inline-start: 2.5rem;
}
.pe-10{
padding-inline-end: 2.5rem;
}
.pe-2\.5{
padding-inline-end: 0.625rem;
}
.ms-1{
margin-inline-start: 0.25rem;
}
.me-1{
margin-inline-end: 0.25rem;
}
.ms-2{
margin-inline-start: 0.5rem;
}
.me-2{
margin-inline-end: 0.5rem;
}
.ms-3{
margin-inline-start: 0.75rem;
}
.me-3{
margin-inline-end: 0.75rem;
}
.ms-4{
margin-inline-start: 1rem;
}
.me-4{
margin-inline-end: 1rem;
}
.ms-10{
margin-inline-start: 2.5rem;
}
[dir="rtl"] .start-0{
right: 0px;
}
[dir="rtl"] .end-0{
left: 0px;
}
[dir="ltr"] .end-0{
right: 0px;
}
[dir="ltr"] .start-0{
left: 0px;
}
[dir="rtl"] .end-1{
left: 0.25rem;
}
[dir="ltr"] .end-1{
right: 0.25rem;
}
[dir="rtl"] .end-4{
left: 1rem;
}
[dir="ltr"] .end-4{
right: 1rem;
}
[dir="rtl"] .end-10{
left: 2.5rem;
}
[dir="ltr"] .end-10{
right: 2.5rem;
}
[dir="rtl"] .start-72{
right: 18rem;
}
[dir="ltr"] .start-72{
left: 18rem;
}
[dir="rtl"] .start-80{
right: 20rem;
}
[dir="ltr"] .start-80{
left: 20rem;
}
[dir="rtl"] .start-full{
right: 100%;
}
[dir="ltr"] .start-full{
left: 100%;
}
[dir="ltr"] .rounded-e-full{
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
[dir="rtl"] .rounded-e-full{
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
[dir="rtl"] .text-start{
text-align: right;
}
[dir="rtl"] .text-end{
text-align: left;
}
[dir="ltr"] .text-end{
text-align: right;
}
[dir="ltr"] .text-start{
text-align: left;
}
.clip-path{
clip-path: inset(0 0 0 0 round 0.25rem);
}
.clip-path-none{
clip-path: inset(0 0 0 0 round 0px);
}
.clip-path-\[10px\]{
clip-path: inset(0 0 0 0 round 10px);
}
.color-text-\[rgba\(var\(--error-message-color\)\)\]{
color: rgba(var(--error-message-color));
}
.color-text-\[rgba\(var\(--color-heading\)\)\]{
color: rgba(var(--color-heading));
}
.color-text-\[rgba\(var\(--color-text\)\)\]{
color: rgba(var(--color-text));
}
.color-border-\[rgba\(var\(--color-text\)\2c 0\.06\)\]{
border-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.color-bg-\[rgba\(var\(--color-text\)\2c 0\.06\)\]{
background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.color-border-\[rgba\(var\(--color-text\)\)\]{
border-color: rgba(var(--color-text));
}
.color-border-\[rgba\(var\(--color-button\)\)\]{
border-color: rgba(var(--color-button));
}
.color-bg-\[rgba\(var\(--color-button\)\)\]{
background-color: rgba(var(--color-button));
}
.color-border-\[rgba\(var\(--color-button-text\)\)\]{
border-color: rgba(var(--color-button-text));
}
.color-text-\[rgba\(var\(--color-button-text\)\)\]{
color: rgba(var(--color-button-text));
}
.color-text-\[rgba\(var\(--color-sale-price\)\)\]{
color: rgba(var(--color-sale-price));
}
.color-text-\[rgba\(var\(--color-price\)\)\]{
color: rgba(var(--color-price));
}
.color-bg-\[rgba\(var\(--color-cart\)\)\]{
background-color: rgba(var(--color-cart));
}
.color-text-\[rgba\(var\(--color-cart-text\)\)\]{
color: rgba(var(--color-cart-text));
}
.color-bg-\[rgba\(var\(--product-card-bg\)\)\]{
background-color: rgba(var(--product-card-bg));
}
.color-border-\[rgba\(var\(--color-line-and-border\)\)\]{
border-color: rgba(var(--color-line-and-border));
}
.color-border-\[rgba\(var\(--color-text\)\2c 0\.12\)\]{
border-color: rgba(var(--color-text-no-alpha) / 0.12);
}
.color-bg-\[rgba\(var\(--color-background\)\)\]{
background-color: rgba(var(--color-background));
}
.color-bg-\[rgba\(var\(--error-message-color\)\2c 0\.2\)\]{
background-color: rgba(var(--error-message-color-no-alpha) / 0.2);
}
.color-bg-\[var\(--element-background\)\]{
background-color: var(--element-background);
}
.color-text-\[rgba\(var\(--color-heading\)\2c 0\.6\)\]{
color: rgba(var(--color-heading-no-alpha) / 0.6);
}
.color-bg-gradient-\[var\(--gradient-background\)\]{
background: var(--gradient-background);
}
.color-bg-\[rgba\(var\(--color-heading\)\2c 0\.06\)\]{
background-color: rgba(var(--color-heading-no-alpha) / 0.06);
}
.color-bg-\[rgba\(var\(--color-background-header\)\)\]{
background-color: rgba(var(--color-background-header));
}
.color-text-\[rgba\(var\(--color-text-header\)\2c 0\.8\)\]{
color: rgba(var(--color-text-header-no-alpha) / 0.8);
}
.color-text-\[rgba\(var\(--color-highlight\)\)\]{
color: rgba(var(--color-highlight));
}
.color-bg-\[rgba\(var\(--color-button-text\)\2c 0\.06\)\]{
background-color: rgba(var(--color-button-text-no-alpha) / 0.06);
}
.color-bg-\[rgba\(var\(--color-secondary-button-no-alpha\)\2c 0\.4\)\]{
background-color: rgba(var(--color-secondary-button-no-alpha) / 0.4);
}
.color-text-\[rgba\(var\(--error-background-color\)\)\]{
color: rgba(var(--error-background-color));
}
.color-bg-\[rgba\(var\(--color-text-no-alpha\)\2c \.06\)\]{
background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.color-bg-\[rgba\(var\(--color-heading\)\)\]{
background-color: rgba(var(--color-heading));
}
.color-text-\[rgba\(var\(--color-background\)\)\]{
color: rgba(var(--color-background));
}
.color-bg-\[rgba\(var\(--color-secondary-button\)\)\]{
background-color: rgba(var(--color-secondary-button));
}
.color-text-\[rgba\(var\(--color-secondary-button-text\)\)\]{
color: rgba(var(--color-secondary-button-text));
}
.color-outline-\[rgba\(var\(--error-message-color\)\)\]{
outline-color: rgba(var(--error-message-color));
}
.color-text-\[rgba\(var\(--color-icon-footer\)\)\]{
color: rgba(var(--color-icon-footer));
}
.color-outline-\[rgba\(var\(--error-background-color\)\)\]{
outline-color: rgba(var(--error-background-color));
}
.color-text-\[rgba\(var\(--color-text\)\2c 0\.6\)\]{
color: rgba(var(--color-text-no-alpha) / 0.6);
}
.color-text-\[rgba\(var\(--success-message-color\)\)\]{
color: rgba(var(--success-message-color));
}
.color-text-\[rgba\(var\(--color-in-stock\)\)\]{
color: rgba(var(--color-in-stock));
}
.color-text-\[rgba\(var\(--color-out-of-stock\)\)\]{
color: rgba(var(--color-out-of-stock));
}
.color-border-\[rgba\(var\(--color-highlight\)\)\]{
border-color: rgba(var(--color-highlight));
}
.color-bg-\[rgba\(var\(--color-text-header\)\2c 0\.06\)\]{
background-color: rgba(var(--color-text-header-no-alpha) / 0.06);
}
.color-text-\[rgba\(var\(--color-text-header\)\)\]{
color: rgba(var(--color-text-header));
}
.color-text-\[rgba\(var\(--color-text-header\)\2c 0\.6\)\]{
color: rgba(var(--color-text-header-no-alpha) / 0.6);
}
.color-text-\[rgba\(var\(--color-heading\)\2c 0\.4\)\]{
color: rgba(var(--color-heading-no-alpha) / 0.4);
}
.color-border-t-\[rgba\(var\(--error-message-color\)\2c 0\.1\)\]{
border-top-color: rgba(var(--error-message-color-no-alpha) / 0.1);
}
.color-bg-\[rgba\(var\(--element-background\)\)\]{
background-color: rgba(var(--element-background));
}
.color-bg-gradient-\[rgba\(var\(--color-background\)\)\]{
background: rgba(var(--color-background));
}
.color-text-\[rgba\(var\(--color-text\)\2c 0\.7\)\]{
color: rgba(var(--color-text-no-alpha) / 0.7);
}
.color-bg-\[rgba\(var\(--color-heading\)\2c 0\.12\)\]{
background-color: rgba(var(--color-heading-no-alpha) / 0.12);
}
.color-outline-\[rgba\(var\(--color-text\)\2c 0\.2\)\]{
outline-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.color-bg-\[rgba\(var\(--color-text\)\2c 0\.12\)\]{
background-color: rgba(var(--color-text-no-alpha) / 0.12);
}
.color-border-\[rgba\(var\(--color-heading\)\)\]{
border-color: rgba(var(--color-heading));
}
.color-border-\[rgba\(var\(--color-heading\)\2c 0\.2\)\]{
border-color: rgba(var(--color-heading-no-alpha) / 0.2);
}
.color-bg-\[rgba\(var\(--color-text\)\2c 0\.1\)\]{
background-color: rgba(var(--color-text-no-alpha) / 0.1);
}
.color-border-\[rgba\(var\(--color-heading\)\2c 0\.06\)\]{
border-color: rgba(var(--color-heading-no-alpha) / 0.06);
}
.color-text-\[rgba\(var\(--colors-button\)\)\]{
color: rgba(var(--colors-button));
}
.color-bg-\[rgba\(var\(--color-in-stock\)\)\]{
background-color: rgba(var(--color-in-stock));
}
.color-text-\[rgba\(var\(--rating-color\)\)\]{
color: rgba(var(--rating-color));
}
.color-border-\[rgba\(var\(--color-text\)\2c 0\.2\)\]{
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.color-bg-\[rgba\(var\(--color-breadcrumb-background\)\)\]{
background-color: rgba(var(--color-breadcrumb-background));
}
.color-text-\[rgba\(var\(--color-breadcrumb-text\)\)\]{
color: rgba(var(--color-breadcrumb-text));
}
.color-text-\[rgba\(var\(--color-breadcrumb-text-link\)\)\]{
color: rgba(var(--color-breadcrumb-text-link));
}
.color-border-\[rgba\(var\(--color-breadcrumb-text\)\)\]{
border-color: rgba(var(--color-breadcrumb-text));
}
.color-border-t-\[rgba\(var\(--success-message-color\)\2c 0\.1\)\]{
border-top-color: rgba(var(--success-message-color-no-alpha) / 0.1);
}
.color-text-\[rgba\(var\(--color-heading\)\2c 0\.8\)\]{
color: rgba(var(--color-heading-no-alpha) / 0.8);
}
.color-border-\[rgba\(var\(--error-message-color\)\)\]{
border-color: rgba(var(--error-message-color));
}
.color-bg-\[rgba\(var\(--color-overlay\)\)\]{
background-color: rgba(var(--color-overlay));
}
.color-text-\[rgba\(var\(--color-icon-header\)\)\]{
color: rgba(var(--color-icon-header));
}
.color-bg-\[rgba\(var\(--color-sale-price\)\2c 0\.06\)\]{
background-color: rgba(var(--color-sale-price-no-alpha) / 0.06);
}
.color-text-\[rgba\(var\(--color-text\)\2c 0\.4\)\]{
color: rgba(var(--color-text-no-alpha) / 0.4);
}
.color-border-t-\[rgba\(var\(--color-text\)\2c 0\.06\)\]{
border-top-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.color-text-\[rgba\(var\(--color-button\)\)\]{
color: rgba(var(--color-button));
}
.color-bg-\[rgba\(var\(--color-text\)\2c 0\.05\)\]{
background-color: rgba(var(--color-text-no-alpha) / 0.05);
}
.color-bg-\[rgba\(var\(--color-button\)\2c 0\.12\)\]{
background-color: rgba(var(--color-button-no-alpha) / 0.12);
}
.color-fill-\[rgba\(var\(--rating-color\)\)\]{
fill: rgba(var(--rating-color));
}
.color-fill-\[rgba\(var\(--color-text\)\2c 0\.4\)\]{
fill: rgba(var(--color-text-no-alpha) / 0.4);
}
.color-text-\[rgba\(var\(--color-heading\)\2c 0\.12\)\]{
color: rgba(var(--color-heading-no-alpha) / 0.12);
}
.color-bg-\[rgba\(var\(--color-heading\)\2c 0\.6\)\]{
background-color: rgba(var(--color-heading-no-alpha) / 0.6);
}
.color-border-\[rgba\(var\(--color-border-header\)\)\]{
border-color: rgba(var(--color-border-header));
}
.color-text-\[rgba\(var\(--color-link\)\)\]{
color: rgba(var(--color-link));
}
.color-bg-\[rgba\(var\(--color-text\)\2c 0\.2\)\]{
background-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.color-bg-\[rgba\(var\(--background-color-label\)\)\]{
background-color: rgba(var(--background-color-label));
}
.color-text-\[rgba\(var\(--color-text-label\)\)\]{
color: rgba(var(--color-text-label));
}
.color-border-l-\[rgba\(var\(--error-message-color\)\2c 0\.1\)\]{
border-left-color: rgba(var(--error-message-color-no-alpha) / 0.1);
}
.color-border-l-\[rgba\(var\(--success-message-color\)\2c 0\.1\)\]{
border-left-color: rgba(var(--success-message-color-no-alpha) / 0.1);
}
.\!color-border-\[rgba\(var\(--color-text\)\2c 0\.12\)\]{
border-color: rgba(var(--color-text-no-alpha) / 0.12) !important;
}
.color-border-\[rgba\(var\(--color-heading\)\2c 0\.4\)\]{
border-color: rgba(var(--color-heading-no-alpha) / 0.4);
}
.color-bg-\[rgba\(var\(--color-line-and-border\)\)\]{
background-color: rgba(var(--color-line-and-border));
}
.color-bg-\[rgba\(var\(--error-background-color\)\2c 0\.2\)\]{
background-color: rgba(var(--error-background-color-no-alpha) / 0.2);
}
.color-bg-\[rgba\(var\(--color-secondary-button-no-alpha\)\2c 0\.6\)\]{
background-color: rgba(var(--color-secondary-button-no-alpha) / 0.6);
}
.color-border-\[rgba\(var\(--color-button-text\)\2c 0\.12\)\]{
border-color: rgba(var(--color-button-text-no-alpha) / 0.12);
}
.color-border-\[rgba\(var\(--color-text\)\2c 0\.6\)\]{
border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.\[grid-area\:header-left\]{
grid-area: header-left;
}
.\[grid-area\:header-center\]{
grid-area: header-center;
}
.\[grid-area\:header-right\]{
grid-area: header-right;
}
@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: 1024px) {
.padding-slideshow-content {
padding-left: clamp(40px, 10%, 250px);
padding-right: clamp(40px, 10%, 250px);
}
}
#x-utility .localization-form {
position: unset;
}
.scrollbar-hidden::-webkit-scrollbar {
display: none;
scrollbar-width: none;
}
.main-nav-mobile-toolbar .single-selector .select-button {
outline: none;
padding-top: 8px;
padding-bottom: 8px;
}
@media (hover: hover) and (pointer: fine) {
@media (min-width: 1024px){
.swiffy-slider.enable-effect-hover:hover .slider-nav.slider-nav-next.enable-effect-hover,
.slider-nav-wrapper .slider-nav__button-arrow.slider-nav-next:focus,
.slider-nav-wrapper:focus-within .slider-nav__button-arrow.slider-nav-next,
.swiffy-slider.enable-effect-hover .slider-nav.slider-nav-next.always-effect-hover,
.slider-nav.slider-nav-next.enable-effect-hover:focus{
--tw-translate-x: -0.5rem;
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));
}
[dir="rtl"] .swiffy-slider.enable-effect-hover:hover .slider-nav.slider-nav-next.enable-effect-hover, [dir="rtl"]
.slider-nav-wrapper .slider-nav__button-arrow.slider-nav-next:focus, [dir="rtl"]
.slider-nav-wrapper:focus-within .slider-nav__button-arrow.slider-nav-next, [dir="rtl"]
.swiffy-slider.enable-effect-hover .slider-nav.slider-nav-next.always-effect-hover, [dir="rtl"]
.slider-nav.slider-nav-next.enable-effect-hover:focus{
--tw-translate-x: 0.5rem;
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));
}
.swiffy-slider.enable-effect-hover:hover .slider-nav.enable-effect-hover:not(.slider-nav-next),
.slider-nav-wrapper .slider-nav__button-arrow:not(.slider-nav-next):focus,
.slider-nav-wrapper:focus-within .slider-nav__button-arrow:not(.slider-nav-next),
.swiffy-slider.enable-effect-hover .slider-nav.always-effect-hover:not(.slider-nav-next),
.slider-nav.enable-effect-hover:not(.slider-nav-next):focus{
--tw-translate-x: 0.5rem;
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));
}
[dir="rtl"] .swiffy-slider.enable-effect-hover:hover .slider-nav.enable-effect-hover:not(.slider-nav-next), [dir="rtl"]
.slider-nav-wrapper .slider-nav__button-arrow:not(.slider-nav-next):focus, [dir="rtl"]
.slider-nav-wrapper:focus-within .slider-nav__button-arrow:not(.slider-nav-next), [dir="rtl"]
.swiffy-slider.enable-effect-hover .slider-nav.always-effect-hover:not(.slider-nav-next), [dir="rtl"]
.slider-nav.enable-effect-hover:not(.slider-nav-next):focus{
--tw-translate-x: -0.5rem;
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));
}
}
}
.drawer-menu .mega-menu {
width: calc(100vw - 300px);
}
.main-nav.scrollbar-horizontal::-webkit-scrollbar-track {
margin-left: 15px;
}
#x-header-content a.active, #x-header-content .menu-link.active {
color: rgba(var(--color-highlight));
}
.header-h-screen {
height: calc(var(--viewport-height) - var(--header-bottom-position));
max-height: 100vh;
}
.mobile-menu-item.active {
color: rgba(var(--color-highlight));
}
@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;
}
}
.header-top {
grid-template-areas: "header-left header-center header-right";
grid-template-columns: 2fr 3fr 2fr;
}
@media screen and (max-width: 1023px) {
.header-top {
padding-left: 0;
padding-right: 0;
}
}
#x-header-container header, #menu-navigation {
font-style: var(--menu-font-style);
font-weight: var(--menu-font-weight);
letter-spacing: var(--menu-letter-spacing);
font-size: var(--body-font-size);
line-height: 1.6;
}
#x-header-container header .last-level-menu {
line-height: 1.4;
}
#x-header-container header .h1, #x-header-container header .h2, #x-header-container header .h3, #x-header-container header .h4, #x-header-container header .h5, #x-header-container header .h6, #x-header-container header .h7 {
font-style: var(--menu-font-style);
font-weight: var(--menu-font-weight);
letter-spacing: var(--menu-letter-spacing);
}
.font-weight-menu {
font-weight: var(--menu-font-weight) !important;
}
#x-header-container header *:not(.button, .button-text), #menu-navigation *:not(.button, .button-text) {
font-family: var(--menu-font-family);
}
.ss-contents__wrapper .swiffy-slider, .psr-contents__wrapper .swiffy-slider {
--swiffy-slider-item-gap: 0.875rem;
}
.sticky-header-content.background-header,
.dark .sticky-header-content.background-header,
.transparent-header:has(.x-header-mobile.active) #x-header-content,
.transparent-header .x-header-content:has(.toggle-menu.is-open) {
background: var(--gradient-background, "none");
background-color: rgba(var(--color-background-header));
}
.toggle-menu.is-open .map-frame {
visibility: visible;
}
#PopupPassword{
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 1;
animation: fadeContent 0.3s linear;
transform-origin: top right;
z-index: 51;
}
.drawer-menu-lv1:hover, .drawer-menu-lv1:has(.toggle-menu.is-open) {
background-color: rgba(var(--color-text-header-no-alpha) / 0.2);
color: rgba(var(--color-highlight));
}
.shadow-header {
box-shadow: 0px 0px 10px -3px rgba(0 0 0 / 0.1);
}
.dark .shadow-header {
box-shadow: 0px 0px 3px 1px rgba(255 255 255 / 0.1);
}
.header-mobile-overlay {
background: rgba(var(--color-overlay))
}
.product-menu-list .label-container, .header-label__wrapper, .contact-mega-menu .contact__fields, .mobile-product-menu .label-container {
font-weight: 400;
}
.opacity-main-header {
opacity: 0.01;
}
.header-mobile-overlay {
transition-property: opacity, visibility;
}
.transparent-header .sticky-header-active .logo-name {
color: rgba(var(--color-heading));
}
.dark .transparent-header .sticky-header-active .logo-name {
color: rgba(var(--color-heading));
}
.color-text-header,
h1.color-text-header,
.transparent-header .sticky-header-active .header {
color: rgba(var(--color-text));
}
#x-header.transparent-header .sticky-header-active {
background: var(--gradient-background, "none");
background-color: rgba(var(--color-background-header));
}
.dark .transparent-header .sticky-header-active .header {
color: rgba(var(--color-text));
}
.sticky-header.always-animation .transparent-header .sticky-header-active {
animation: slideDown 0.4s linear;
}
.mini-cart-open {
z-index: 60;
}
@media (hover: hover) {
.transparent-header:hover .x-header-content,
.transparent-header:hover,
.x-header-content:hover {
background: var(--gradient-background, "none");
background-color: rgba(var(--color-background-header));
}
}
.will-change-none {
will-change: unset !important;
}
.product-card__image-wrapper .slider-indicators > * {
height: 0.125rem;
border: none;
}
@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;
transform: translateX(0);
}
}
@media screen and (hover: hover) {
@media (min-width: 1024px){
.product-card__image-wrapper:hover .label-container{
display: none;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
}
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
.anm-err-message{
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.product-card__image-wrapper:hover .anm-err-message{
--tw-translate-y: -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));
}
}
.swatch-option__label:not(.filter-swatch-label)[data-swatch-type="color"]{
pointer-events: auto;
position: relative;
height: var(--swatch-option-height);
width: var(--swatch-option-width);
border-radius: var(--swatch-option-border-radius);
border-width: 1px;
border-style: solid;
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.swatch-option__label::before {
content: "";
position: absolute;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: var(--swatch-color-value);
background-image: var(--swatch-image-value);
height: 100%;
width: 100%;
}
.swatch-option__label:not(.filter-swatch-label)::before {
width: calc(100% - 6px);
height: calc(100% - 6px);
}
.swatch-option__label:not(.filter-swatch-label)[data-swatch-type="color"]::before {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: var(--swatch-color-value);
background-image: var(--swatch-image-value);
pointer-events: none;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
border-radius: var(--swatch-option-border-radius)
}
.swatch-option__value:checked+.swatch-option__label:not(.filter-swatch-label),
.swatch-option__value.selected+.swatch-option__label:not(.filter-swatch-label),
.swatch-option__value.selected + .swatch-option__label.filter-swatch-label .swatch-filter-data ,
.swatch-option__value:checked + .swatch-option__label.filter-swatch-label .swatch-filter-data {
border-color: rgba(var(--color-text-no-alpha) / 0.6);
border-style: solid;
}
.swatch-option__label.filter-swatch-label:hover .swatch-filter-data,
.swatch-option__label:not(.filter-swatch-label, .comparison-swatch):hover{
border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.swatch-option__value.disabled + .swatch-option__label[data-swatch-type="color"], .swatch-option__value.disabled + .swatch-option__label[data-swatch-type="text"]{
opacity: 0.5;
}
.swatch-option__value{
height: 0px;
width: 0px;
overflow: hidden;
opacity: 0;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.swatch-option__value,
body.scrollbar.swatch-option__value {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.swatch-option__value .product-comparison-overlay__widget-button,
body.scrollbar.swatch-option__value .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.swatch-option__value.disabled + .swatch-option__label:after {
content: "";
display: block;
position: absolute;
top: 4px;
bottom: 4px;
left: 50%;
width: 2px;
height: calc(100% - 8px);
background-color: rgba(var(--color-text));
transform: translateX(-50%) rotate(45deg);
}
.swatch-option__value.disabled + .swatch-option__label[data-swatch-type="text"]:after {
width: calc(100% - 8px);;
height: 1px;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(-30deg);
}
.jdgm-carousel-wrapper .jdgm-carousel-number-of-reviews a,
.jdgm-widget .jdgm-all-reviews-text__text>a,
.jdgm-widget .jdgm-link {
position: relative;
overflow: hidden;
color: rgba(var(--color-text));
background:
linear-gradient(rgba(var(--color-link)), rgba(var(--color-link))),
linear-gradient(rgba(var(--color-text)), rgba(var(--color-text)));
background-size: 0 1px, 100% 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition:
background-size var(--text-link-and-title-link-animation-duration) linear,
color var(--text-link-and-title-link-animation-duration) linear;
text-decoration: none;
}
.jdgm-carousel-wrapper .jdgm-carousel-number-of-reviews a:hover,
.jdgm-widget .jdgm-all-reviews-text__text a:hover,
.jdgm-widget .jdgm-link:not([disabled]):hover {
background-position: 0 100%, 100% 100%;
color: rgba(var(--color-link));
background-size: 100% 1px, 0% 1px;
}
[dir="rtl"] .jdgm-row-profile .jdgm-rev__icon{
float: right;
margin-left: 0.5rem;
margin-right: 0px;
}
[dir="rtl"] .jdgm-rev__timestamp, .jdgm-rev__pinned{
float: left;
}
@media (min-width: 768px){
[dir="rtl"] .jdgm-gallery{
display: flex;
flex-wrap: wrap;
}
}
[dir="rtl"] .jdgm-widget .jdgm-paginate__first-page,
[dir="rtl"] .jdgm-widget .jdgm-paginate__last-page,
[dir="rtl"] .jdgm-widget .jdgm-paginate__next-page,
[dir="rtl"] .jdgm-widget .jdgm-paginate__prev-page {
transform: rotate(180deg);
display: inline-block;
}
[dir="rtl"] .jdgm-carousel-wrapper .jdgm-carousel-number-of-reviews a,
[dir="rtl"] .jdgm-all-reviews-text__text a,
[dir="rtl"] .jdgm-widget .jdgm-link {
background-position: 0 100%, 100% 100%;
}
[dir="rtl"] .jdgm-carousel-wrapper .jdgm-carousel-number-of-reviews a:hover,
[dir="rtl"] .jdgm-all-reviews-text__text a:hover,
[dir="rtl"] .jdgm-widget .jdgm-link:hover {
background-position: 100% 100%, 0 100%;
}
[dir="rtl"] .jdgm-all-reviews-text--style-branded .jdgm-all-reviews-text__text:last-of-type {
border-right: 1px solid;
border-left: 0px;
padding-right: 16px;
}
[dir="rtl"] .jdgm-all-reviews-text--style-branded .jdgm-all-reviews-rating:before {
margin-right: 0px;
margin-left: 8px;
}
[dir="rtl"] .jdgm-all-reviews-text--style-branded .jdgm-all-reviews-rating__score {
margin-right: 0;
margin-left: 16px;
}
[dir="rtl"] .jdgm-all-reviews-text--style-text .jdgm-all-reviews-rating {
padding-right: 0;
padding-left: 16px;
}
@media only screen and (min-width: 768px) {
[dir="rtl"] .jdgm-all-reviews-text--style-branded .jdgm-all-reviews-rating {
padding-right: 0px;
padding-left: 16px;
}
}
@media only screen and (min-width: 992px) {
[dir="rtl"] #judgeme_product_reviews .jdgm-histogram {
border-right: 1px solid var(--jdgm-secondary-color);
}
[dir="rtl"] #judgeme_product_reviews .jdgm-widget-actions-wrapper {
border-left: 0px;
border-right: 1px solid;
border-color: var(--jdgm-secondary-color);
}
[dir="rtl"] .jdgm-row-media {
text-align: right;
}
}
@keyframes flowCardOut {
0% {
z-index: 20;
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
40% {
opacity: 0.6;
}
50% {
transform: translateX(100px) rotate(6deg);
opacity: 0;
}
70% {
opacity: 0;
z-index: 5;
}
100% {
opacity: 1;
}
}
@keyframes flowCardPrev {
0% {
z-index: 20;
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
40% {
opacity: 0.6;
}
50% {
transform: translateX(-50px) rotate(-6deg);
opacity: 0;
}
70% {
opacity: 0;
z-index: 5;
}
100% {
opacity: 1;
}
}
.product-info__label-wrapper .label-container {
animation: fadeContent 500ms linear, slideHorizontal 300ms linear;
}
[dir="rtl"] .product-info__label-wrapper .label-container {
animation: fadeContent 500ms linear, slideHorizontalRTL 300ms linear;
}
@keyframes slideHorizontal {
0% {
transform: translateX(20px);
}
100% {
transform: translateX(0);
}
}
@keyframes slideHorizontalRTL {
0% {
transform: translateX(-20px);
}
100% {
transform: translateX(0);
}
}
.testimonials .testimonials__button__prev,
.testimonials .testimonials__button__next{
z-index: 10;
display: block;
height: 1rem !important;
width: 1rem !important;
border-radius: 9999px;
border-style: none;
padding: 1rem !important;
opacity: 0.8;
}
.testimonials .testimonials__button__prev:hover,
.testimonials .testimonials__button__next:hover{
opacity: 1;
background-color: rgba(var(--color-button));
color: rgba(var(--color-button-text));
}
.testimonials .testimonials__button__prev:disabled,
.testimonials .testimonials__button__next:disabled{
cursor: not-allowed;
}
.testimonials .testimonials__button__prev,
.testimonials .testimonials__button__next {
background-color: rgba(var(--color-heading-no-alpha) / 0.2);
color: rgba(var(--color-heading-no-alpha) / 0.4);
}
.testimonials .testimonials__button__prev{
--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));
}
[dir="rtl"] .testimonials .testimonials__button__prev{
--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));
}
.testimonials .testimonials__button__next{
--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));
}
[dir="rtl"] .testimonials .testimonials__button__next{
--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));
}
.testimonials__column__media .button-play{
height: 60px;
width: 60px;
}
.testimonials__column__media .button-play span{
height: 1.875rem;
width: 1.875rem;
}
.testimonials__column{
display: flex;
height: 100%;
width: 100%;
max-width: 45rem;
justify-content: center;
gap: 1rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 1.125rem;
padding-right: 1.125rem;
}
@media (min-width: 768px){
.testimonials__column{
margin-left: auto;
margin-right: auto;
}
.md\:w-1\/1{
width: 100%;
}
}
@media (min-width: 1024px){
.lg\:w-1\/1{
width: 100%;
}
}
@media (min-width: 1280px){
.xl\:w-1\/1{
width: 100%;
}
}
@media (min-width: 768px) {
.md\:max-h-none {
max-height: none;
}
}
@media (max-width: 1023px) {
.tooltip-icon-compare:focus ~ .tooltip-popup{
display: flex;
}
}
@keyframes tick {
from {
stroke-dashoffset: 1000;
}
to {
stroke-dashoffset: 0;
}
}
:root {
--translateX-hotspot-content: 0%;
--translateY-hotspot-content: 0%;
--translateY-hotspot-content-duration: 0.5s;
--show-hotspot-content-duration: 0s;
--scale-hotspot-button-duration: 1s;
}
.product-components__wrapper .hotspot-content-wrapper {
transform: translateX(var(--translateX-hotspot-content)) translateY(var(--translateY-hotspot-content));
top: 50%;
transition: visibility var(--show-hotspot-content-duration),
opacity var(--show-hotspot-content-duration),
transform var(--translateY-hotspot-content-duration);
}
.product-components__wrapper .hotspot-content-wrapper.open .product-components__hotspots__content {
animation: animationContent var(--show-hotspot-content-duration) linear;
}
.product-components__wrapper .animate-component-hotspot {
animation: componentHotspot var(--scale-hotspot-button-duration) linear infinite;
}
@keyframes componentHotspot {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
@keyframes animationContent {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.tabs__content-table__info{
border-width: 1px;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 768px){
.tabs__content-table__info{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.tabs__content-table__info {
border-color: rgba(var(--color-text-no-alpha) / 0.12);
}
.tabs__content-table__info li, .table_info_label{
display: flex;
justify-content: space-between;
gap: 3rem;
border-style: solid;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (min-width: 768px){
.tabs__content-table__info li, .table_info_label{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
}
.tabs__content-table__info li{
border-bottom-width: 1px;
border-color: rgba(var(--color-text-no-alpha) / 0.12);
}
.tabs__content-table__info li:last-child{
border-bottom-width: 0px;
}
.tabs__content-highlight-column{
position: relative;
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
gap: 0.375rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media (min-width: 768px){
.tabs__content-highlight-column{
width: 25%;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
}
.tabs__content-highlight-column::after{
position: absolute;
top: 0px;
right: 0px;
height: 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));
}
[dir="rtl"] .tabs__content-highlight-column::after{
left: 0px;
right: auto;
}
@media (min-width: 768px){
.tabs__content-highlight-column::after{
border-right-width: 1px;
}
}
.tabs__content-highlight-column:last-child::after{
border-right-width: 0px;
}
[dir="rtl"] .tabs__content-highlight-column:last-child::after{
border-left-width: 0px;
}
.tabs__button .gradient.gradient-left {
background-image: linear-gradient(to left, transparent, rgba(var(--color-background)));
position: absolute;
bottom: 0px;
height: 100%;
width: 3.5rem;
}
@media (min-width: 768px){
.tabs__button .gradient.gradient-left{
width: 6rem;
}
}
.tabs__button .gradient.gradient-right {
background-image: linear-gradient(to right, transparent, rgba(var(--color-background)));
position: absolute;
bottom: 0px;
height: 100%;
width: 3.5rem;
}
@media (min-width: 768px){
.tabs__button .gradient.gradient-right{
width: 6rem;
}
}
.animatie-duration-0 {
animation-duration: 0ms !important;
}
.before\:h5::before {
font-size: var(--h5-font-size);
line-height: var(--line-height-heading);
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));
}
@media (min-width: 1024px) {
.media-gallery__wrapper .slider-nav:hover:before {
opacity: 1;
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scaleX(1.5) scaleY(1.5);
}
}
.section-highlight-product-set .hotspot-content {
transform: translateX(calc(-50% - var(--position-translate-x, 0px)));
}
.sticky-filter-top,
.sticky-top {
top: calc(var(--height-header, 0px) + var(--announcement-height));
will-change: top;
transition: top 0.4s ease-in-out;
}
.sticky-filter-above-top {
top: calc(var(--height-header, 0px) + var(--announcement-height) + var(--height-sticky-filter));
}
.sticky-main-product-top {
top: calc(var(--height-header, 0px) + var(--announcement-height) + 2.5rem);
will-change: top;
}
.loading-pagination-button {
top: -1rem;
right: -1rem;
left: -1rem;
bottom: -1rem;
}
.advanced-filter__label:has(input:checked) {
background-color: rgba(var(--color-text-no-alpha) / 0.12);
font-weight: 600;
color: rgba(var(--color-heading))
}
label:has(> .input-filter-checkbox:disabled) {
opacity: 0.6;
cursor: auto;
}
.filter-advanced-desktop .slider-nav.slider-nav__button-arrow {
width: 40px;
height: 40px;
padding: 12px;
margin-top: -20px;
}
@media screen and (max-width: 767px) {
.indicator-arrow__button {
width: 26px;
height: 26px;
padding: 6px;
}
}
.search-page .search-modal-shadow {
box-shadow: 0px 8px 8px 2px rgba(0, 0, 0, 0.1);
}
.dark .search-page .search-modal-shadow {
box-shadow: 0px 8px 8px 2px rgba(255, 255, 255, 0.1);
}
.select-options-wrapper .swatch-option__label[data-type-display="text"] {
display: none;
}
.select-options-wrapper .swatch-option__label[data-type-display="small_image"] {
--swatch-option-width: 26px;
--swatch-option-height: 26px;
}
.select-options-wrapper .swatch-option__label[data-type-display="large_image"] {
--swatch-option-width: 46px;
--swatch-option-height: 46px;
}
@media screen and (min-width: 1024px) {
.select-options-wrapper .swatch-option__label[data-type-display="large_image"] {
--swatch-option-width: 56px;
--swatch-option-height: 56px;
}
}
.product-picker-filter__container .select-option.selected, .product-picker-filter__container .select-option.focused {
background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.product-picker-filter__container .select-option.disabled {
cursor: not-allowed;
}
.product-picker-filter__container {
--right_range: 0;
--left_range: 0;
}
.collection-filter-wrapper:has([data-filter-type="price"]) {
min-width: 220px;
}
.section-product-picker__container .select-options-wrapper:has(ul:empty) {
display: none;
}
.section-product-picker__container select-element:has(.select-options:empty) .select-button, .select-button.disabled-cursor {
cursor: not-allowed;
opacity: 0.7;
}
.motion-before-image {
height: var(--motion-image-height);
width: calc(var(--motion-image-height) * 1.77);
}
.image-size-large {
--motion-image-height: calc(var(--heading-font-size-large) * 1.4);
}
.image-size-extra-large {
--motion-image-height: calc(var(--heading-font-size-extra-large) * 1.4);
}
.image-section-wrapper {
width: var(--motion-after-image-width);
height: var(--motion-after-image-height);
will-change: heigth, width;
}
.motion-after-wrapper.finished-scrolling .motion-after-content {
display: flex;
}
.top-sticky-after-image {
top: calc(var(--top-header, 0px) + var(--announcement-height, 0px));
}
.link-underline-hover,
.text-link, .title-link, .rte a, .vendor-link .product-comparison-vendor-name {
position: relative;
overflow: hidden;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
pointer-events: auto;
}
.link-underline-hover {
color: rgba(var(--color-text));
background:
linear-gradient(rgba(var(--color-link)), rgba(var(--color-link))),
linear-gradient(transparent, transparent);
background-size: 0 1px, 100% 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition:
background-size var(--text-link-and-title-link-animation-duration) linear,
color var(--text-link-and-title-link-animation-duration) linear;
}
/* comment */
span.text-link, a.inline-text-link, .vendor-link span.product-comparison-vendor-name {
color: rgba(var(--color-text));
position: relative;
text-decoration: none;
z-index: 0;
}
span.text-link::after, a.inline-text-link::after, .vendor-link span.product-comparison-vendor-name::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
z-index: -1;
background: rgba(var(--color-link));
}
/* end */
.text-link, .rte a, .vendor-link .product-comparison-vendor-name {
color: rgba(var(--color-text));
background:
linear-gradient(rgba(var(--color-link)), rgba(var(--color-link))),
linear-gradient(rgba(var(--color-text)), rgba(var(--color-text)));
background-size: 0 1px, 100% 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition:
background-size var(--text-link-and-title-link-animation-duration) linear,
color var(--text-link-and-title-link-animation-duration) linear;
}
.link-underline-hover:hover {
background-position: 0 100%, 100% 100%;
color: rgba(var(--color-link));
background-size: 100% 1px, 0% 1px;
}
.rte a:hover, .vendor-link .product-comparison-vendor-name:hover {
background-position: 0 100%, 100% 100%;
color: rgba(var(--color-link));
background-size: 100% 1px, 0% 1px;
}
.link-hover:hover,
.link-hover:hover h1, .link-hover:hover .h1,
.link-hover:hover h2, .link-hover:hover .h2,
.link-hover:hover h3, .link-hover:hover .h3,
.link-hover:hover h4, .link-hover:hover .h4,
.link-hover:hover h5, .link-hover:hover .h5,
.link-hover:hover h6, .link-hover:hover .h6,
.link-hover:hover .h7 {
color: rgba(var(--color-link));
}
.title-link {
transition: color var(--text-link-and-title-link-animation-duration) ease-in-out;
}
.link-underline-hover h1, .link-underline-hover .h1,
.link-underline-hover h2, .link-underline-hover .h2,
.link-underline-hover h3, .link-underline-hover .h3,
.link-underline-hover h4, .link-underline-hover .h4,
.link-underline-hover h5, .link-underline-hover .h5,
.link-underline-hover h6, .link-underline-hover .h6,
.link-underline-hover .h7,
.text-link h1, .text-link .h1,
.text-link h2, .text-link .h2,
.text-link h3, .text-link .h3,
.text-link h4, .text-link .h4,
.text-link h5, .text-link .h5,
.text-link h6, .text-link .h6,
.text-link .h7,
.text-link p, .text-link span {
transition:
background-size var(--text-link-and-title-link-animation-duration) linear,
color var(--text-link-and-title-link-animation-duration) linear;
}
h1 .text-link, .h1 .text-link, .text-link h1, .text-link .h1, h1.text-link, .h1.text-link,
h2 .text-link, .h2 .text-link, .text-link h2, .text-link .h2, h2.text-link, .h2.text-link,
h3 .text-link, .h3 .text-link, .text-link h3, .text-link .h3, h3.text-link, .h3.text-link,
h4 .text-link, .h4 .text-link, .text-link h4, .text-link .h4, h4.text-link, .h4.text-link,
h5 .text-link, .h5 .text-link, .text-link h5, .text-link .h5, h5.text-link, .h5.text-link,
h6 .text-link, .h6 .text-link, .text-link h6, .text-link .h6, h6.text-link, .h6.text-link,
.h7 .text-link, .text-link .h7, .h7.text-link, .title-link {
color: rgba(var(--color-heading));
}
h1 .link-underline-hover:hover, .h1 .link-underline-hover:hover, .link-underline-hover h1:hover, .link-underline-hover .h1:hover, .link-underline-hover:hover h1, .link-underline-hover:hover .h1, h1.link-underline-hover:hover, .h1.link-underline-hover:hover,
h2 .link-underline-hover:hover, .h2 .link-underline-hover:hover, .link-underline-hover h2:hover, .link-underline-hover .h2:hover, .link-underline-hover:hover h2, .link-underline-hover:hover .h2, h2.link-underline-hover:hover, .h2.link-underline-hover:hover,
h3 .link-underline-hover:hover, .h3 .link-underline-hover:hover, .link-underline-hover h3:hover, .link-underline-hover .h3:hover, .link-underline-hover:hover h3, .link-underline-hover:hover .h3, h3.link-underline-hover:hover, .h3.link-underline-hover:hover,
h4 .link-underline-hover:hover, .h4 .link-underline-hover:hover, .link-underline-hover h4:hover, .link-underline-hover .h4:hover, .link-underline-hover:hover h4, .link-underline-hover:hover .h4, h4.link-underline-hover:hover, .h4.link-underline-hover:hover,
h5 .link-underline-hover:hover, .h5 .link-underline-hover:hover, .link-underline-hover h5:hover, .link-underline-hover .h5:hover, .link-underline-hover:hover h5, .link-underline-hover:hover .h5, h5.link-underline-hover:hover, .h5.link-underline-hover:hover,
h6 .link-underline-hover:hover, .h6 .link-underline-hover:hover, .link-underline-hover h6:hover, .link-underline-hover .h6:hover, .link-underline-hover:hover h6, .link-underline-hover:hover .h6, h6.link-underline-hover:hover, .h6.link-underline-hover:hover,
.h7 .link-underline-hover:hover, .link-underline-hover .h7:hover, .link-underline-hover:hover .h7, .h7.link-underline-hover:hover,
h1 .text-link:hover, .h1 .text-link:hover, .text-link h1:hover, .text-link .h1:hover, .text-link:hover h1, .text-link:hover .h1, h1.text-link:hover, .h1.text-link:hover,
h2 .text-link:hover, .h2 .text-link:hover, .text-link h2:hover, .text-link .h2:hover, .text-link:hover h2, .text-link:hover .h2, h2.text-link:hover, .h2.text-link:hover,
h3 .text-link:hover, .h3 .text-link:hover, .text-link h3:hover, .text-link .h3:hover, .text-link:hover h3, .text-link:hover .h3, h3.text-link:hover, .h3.text-link:hover,
h4 .text-link:hover, .h4 .text-link:hover, .text-link h4:hover, .text-link .h4:hover, .text-link:hover h4, .text-link:hover .h4, h4.text-link:hover, .h4.text-link:hover,
h5 .text-link:hover, .h5 .text-link:hover, .text-link h5:hover, .text-link .h5:hover, .text-link:hover h5, .text-link:hover .h5, h5.text-link:hover, .h5.text-link:hover,
h6 .text-link:hover, .h6 .text-link:hover, .text-link h6:hover, .text-link .h6:hover, .text-link:hover h6, .text-link:hover .h6, h6.text-link:hover, .h6.text-link:hover,
.h7 .text-link:hover, .text-link .h7:hover, .text-link:hover .h7, .h7.text-link:hover {
color: rgba(var(--color-link));
}
.title-link h1, .title-link .h1,
.title-link h2, .title-link .h2,
.title-link h3, .title-link .h3,
.title-link h4, .title-link .h4,
.title-link h5, .title-link .h5,
.title-link h6, .title-link .h6,
.title-link .h7 {
transition: color var(--text-link-and-title-link-animation-duration) ease-in-out;
}
.title-link:hover h1, .title-link:hover .h1,
.title-link:hover h2, .title-link:hover .h2,
.title-link:hover h3, .title-link:hover .h3,
.title-link:hover h4, .title-link:hover .h4,
.title-link:hover h5, .title-link:hover .h5,
.title-link:hover h6, .title-link:hover .h6,
.title-link:hover .h7, .title-link:hover {
color: rgba(var(--color-link));
transition: color var(--text-link-and-title-link-animation-duration) ease-in-out;
}
.maximize-theme[dir="rtl"] .text-link, .maximize-theme[dir="rtl"] .rte a, .maximize-theme[dir="rtl"] .vendor-link .product-comparison-vendor-name {
background-position: 0 100%, 100% 100%;
}
.maximize-theme[dir="rtl"] .link-underline-hover {
background-position: 0 100%, 100% 100%;
}
.maximize-theme[dir="rtl"] .link-underline-hover:hover {
background-position: 100% 100%, 0 100%;
}
.maximize-theme[dir="rtl"] .text-link:hover, .maximize-theme[dir="rtl"] .rte a:hover, .maximize-theme[dir="rtl"] .vendor-link .product-comparison-vendor-name:hover {
background-position: 100% 100%, 0 100%;
}
.anm-fade-element {
visibility: hidden;
opacity: 0;
transform: translateY(var(--fade-element-translate-y));
/* transition: opacity var(--text-animation-duration) cubic-bezier(.21,.58,1,.44), transform var(--text-animation-duration) cubic-bezier(.02,.49,.39,1.07); */
transition-property: opacity, transform;
transition-duration: var(--text-animation-duration), var(--text-animation-duration);
transition-timing-function: cubic-bezier(.21,.58,1,.44), cubic-bezier(.02,.49,.39,1.07);
}
.disable-fade-element .anm-fade-element {
visibility: visible;
opacity: 1;
transform: none;
}
.anm-fade-element.is-visible {
animation-play-state: running;
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.anm-text-overlay-slide {
opacity: 0;
pointer-events: none;
transition-property: opacity, clip-path;
transition-duration: calc(var(--text-animation-duration)*0.7), calc(var(--text-animation-duration)*0.7);
transition-timing-function: ease-in-out, ease-in-out;
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
.anm-text-overlay-slide.is-visible {
animation-play-state: running;
opacity: 1;
pointer-events: auto;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.text-icon-column__container {
--fade-element-translate-y: 90%;
}
@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 screen and (max-width: 767px) {
.text-link.text-link-expand {
background-position: 0 100%, 100% 100%;
color: rgba(var(--color-link));
background-size: 100% 1px, 0% 1px;
}
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body {
overflow-y: scroll;
}
body.scrollbar-body.overflow-y-hidden,
body.scrollbar-body.overflow-hidden,
body.scrollbar.overflow-y-hidden,
body.scrollbar.overflow-hidden {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.overflow-y-hidden .product-comparison-overlay__widget-button,
body.scrollbar-body.overflow-hidden .product-comparison-overlay__widget-button,
body.scrollbar.overflow-y-hidden .product-comparison-overlay__widget-button,
body.scrollbar.overflow-hidden .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.anm-reveal-item[data-active="false"] {
transform: translateY(20px);
opacity: 0.01;
}
.anm-reveal-item[data-active="true"] {
transform: translateY(0);
transition: transform var(--reveal-transition-duration) cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity var(--reveal-transition-duration) cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-delay: calc(var(--animation-order) * 100ms), calc(var(--animation-order) * 100ms + 100ms);
opacity: 1;
}
.section-featured-collection .bg-center {
background-position: center;
}
.section-featured-collection .bg-cover {
background-size: cover
}
.toggle-menu .mega-menu-promotion {
animation: scaleIn var(--menu-promotion-duration) linear;
}
.toggle-menu:not(.is-open) .mega-menu-promotion {
opacity: 0;
transform: scale(1.05);
transform-origin: center;
}
.mega-menu_list .mega-menu__item {
opacity: 0;
animation: fadeInUp var(--menu-delay-animation) ease-out forwards;
animation-delay: var(--menu-item-delay-transition);
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes scaleIn {
from {
opacity: 0;
transform: scale(1.05);
}
to {
opacity: 1;
transform: scale(1);
}
}
/* change to transform */
.shopify-section.section-header {
z-index: 50;
width: 100%;
will-change: top;
box-shadow: 0 -5px 15px 5px rgba(var(--color-text),.1);
transition: top 0.4s ease-in-out;
-webkit-transition: top 0.4s ease-in-out;
}
.sticky-header.section-header {
top: 0;
}
.section-announcement ~ .section-header {
top: var(--announcement-height);
}
.section-header ~ .section-announcement {
z-index: 40 !important;
}
.section-header.header-up {
top: calc(-1 * var(--top-header));
}
.section-header.always-animation {
animation: slideDown 0.5s linear;
-webkit-animation: slideDown 0.5s linear;
}
.toggle-menu:not(.drawer-mega-menu):not(.is-open) {
opacity: 0;
transform: scaleY(0);
}
.toggle-menu {
transform-origin: top;
}
.toggle-menu:not(.drawer-mega-menu).is-open {
display: block;
visibility: visible;
opacity: 1;
transform-origin: top;
will-change: transform;
}
.toggle-menu-sub:not(.drawer-mega-menu).is-open {
display: block;
}
.drawer-mega-menu.toggle-menu:not(.is-open) {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
visibility: hidden;
transition: none;
}
.drawer-mega-menu.toggle-menu.is-open {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
[dir="rtl"] .drawer-mega-menu.toggle-menu:not(.is-open) {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
[dir="rtl"] .drawer-mega-menu.toggle-menu.is-open {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.duration-header-menu {
transition-duration: var(--header-menu-transition-duration);
}
.delay-header-menu {
transition-delay: var(--header-menu-transition-delay);
}
.animate-ping{
animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
}
@keyframes ping{
75%, 100%{
transform: scale(2.2);opacity:0
}
}
@media (min-width: 1024px) {
.button-primary:before{
position: absolute;
top: 50%;
left: 50%;
height: 2.5rem;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 0.1;
--tw-scale-y: 0.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));
border-radius: 9999px;
opacity: 0;
--tw-content: '';
content: var(--tw-content);
background-color: rgba(var(--color-button-text-no-alpha) / 0.2);
filter: blur(5px);
transition: transform var(--button-animation-duration), opacity var(--button-animation-duration), background-color var(--button-animation-duration), width var(--button-animation-duration), height var(--button-animation-duration);
}
.button-primary:hover:before {
opacity: 1;
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scaleX(1.5) scaleY(1.5);
}
.button-secondary:before, .collection-link__button:before, .scroll-to-top__button:before, .section-hero-slideshow-horizontal .pagination-arrow:before, .search-page .search-page\:color-bg-\[rgba\(var\(--color-secondary-button\)\)\]:before{
position: absolute;
top: 50%;
left: 50%;
height: 2.5rem;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 0.1;
--tw-scale-y: 0.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));
border-radius: 9999px;
opacity: 0;
--tw-content: '';
content: var(--tw-content);
background-color: rgba(var(--color-secondary-button-text-no-alpha) / 0.2);
filter: blur(5px);
transition: transform var(--button-animation-duration), opacity var(--button-animation-duration), background-color var(--button-animation-duration), width var(--button-animation-duration), height var(--button-animation-duration);
}
.button-secondary:hover:before, .collection-link__button:hover:before, .scroll-to-top__button:hover:before, .section-hero-slideshow-horizontal .pagination-arrow:hover:before, .search-page .search-page\:color-bg-\[rgba\(var\(--color-secondary-button\)\)\]:hover:before {
opacity: 1;
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scaleX(1.5) scaleY(1.5);
}
}
.menu-highlight-marker {
background-image: linear-gradient(to right,rgba(var(--color-highlight-no-alpha) / 0.7) 0,rgba(var(--color-background-header)) 50%),
linear-gradient(to right,rgba(var(--color-highlight-no-alpha) / 0.7) 0,rgba(var(--color-background-header)) 0%);
background-repeat: no-repeat;
background-size: 0% 100%;
background-position: left 70%;
transition: background-size var(--text-animation-duration) ease-in-out;
}
.menu-highlight-anm-marker {
background-size: 200% 100%;
}
[dir='rtl'] .menu-highlight-marker {
background-image: linear-gradient(to left,rgba(var(--color-highlight-no-alpha) / 0.7) 0,rgba(var(--color-background)) 50%),
linear-gradient(to left,rgba(var(--color-highlight-no-alpha) / 0.7) 0,rgba(var(--color-background)) 0%);
background-position: right 70%;
}
.svg-underline {
clip-path: inset(0 100% 0 0);
transition: clip-path var(--text-animation-duration) ease-in-out;
}
.menu-highlight-anm-underline .svg-underline {
clip-path: inset(0 0 0 0);
}
.menu-highlight-underline {
transition: color var(--text-animation-duration) ease-in-out;
}
.menu-highlight-underline.menu-highlight-anm-underline {
color: rgba(var(--color-highlight));
}
.text-svg-underline {
clip-path: inset(0 100% 0 0);
transition: clip-path var(--text-animation-duration) ease-in-out;
}
.heading-highlight-anm-underline .text-svg-underline {
clip-path: inset(0 0 0 0);
}
.heading-highlight-underline {
transition: color var(--text-animation-duration) ease-in-out;
}
.heading-highlight-underline.heading-highlight-anm-underline {
color: rgba(var(--color-highlight));
}
.heading-highlight-marker {
background-image: linear-gradient(to right,rgba(var(--color-highlight-no-alpha) / 0.7) 0,rgba(var(--color-background)) 50%),
linear-gradient(to right,rgba(var(--color-highlight-no-alpha) / 0.7) 0,rgba(var(--color-background)) 0%);
background-repeat: no-repeat;
background-size: 0% 100%;
background-position: left 70%;
transition: background-size var(--text-animation-duration) ease-in-out;
}
.heading-highlight-anm-marker {
background-size: 200% 100%;
}
[dir='rtl'] .heading-highlight-marker {
background-image: linear-gradient(to left,rgba(var(--color-highlight-no-alpha) / 0.7) 0,rgba(var(--color-background)) 50%),
linear-gradient(to left,rgba(var(--color-highlight-no-alpha) / 0.7) 0,rgba(var(--color-background)) 0%);
background-position: right 70%;
}
.heading-highlight-color-change {
transition: color var(--text-animation-duration) ease-in-out;
}
.heading-highlight-anm-color-change {
color: rgba(var(--color-highlight));
}
.heading-highlight-shadow {
text-shadow: 0 0 0 rgba(var(--color-highlight));
transition: text-shadow var(--text-animation-duration) ease-in-out;
}
.heading-highlight-anm-shadow {
text-shadow:
-5px 5px 0 rgba(var(--color-highlight)),
-4.5px 4.5px 0 rgba(var(--color-highlight)),
-4px 4px 0 rgba(var(--color-highlight)),
-3.5px 3.5px 0 rgba(var(--color-highlight)),
-3px 3px 0 rgba(var(--color-highlight))
}
[dir='rtl'] .heading-highlight-anm-shadow {
text-shadow:
5px 5px 0 rgba(var(--color-highlight)),
4.5px 4.5px 0 rgba(var(--color-highlight)),
4px 4px 0 rgba(var(--color-highlight)),
3.5px 3.5px 0 rgba(var(--color-highlight)),
3px 3px 0 rgba(var(--color-highlight))
}
.heading-highlight-underline a {
background: none;
}
@media (min-width: 1024px) {
.button__close svg{
--tw-rotate: 0deg;
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-duration: var(--button-animation-duration);
will-change: transform;
}
.button__close::before {
content: '';
pointer-events: none;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
--tw-scale-x: 0;
--tw-scale-y: 0;
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));
border-radius: 9999px;
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: var(--button-animation-duration);
background-color: rgba(var(--color-button));
}
.button__close:hover{
color: rgba(var(--color-button-text));
}
.button__close:hover::before{
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.button__close:hover svg{
--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));
}
.slider-nav.slider-nav__button-arrow:hover:before {
opacity: 1;
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scaleX(1.5) scaleY(1.5);
}
}
.shadow-small {
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.shadow-medium {
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
}
.shadow-large {
box-shadow: 0px 2px 32px 0px rgba(0, 0, 0, 0.1);
}
.dark .shadow-small {
box-shadow: 0px 2px 10px 0px rgba(255, 255, 255, 0.1);
}
.dark .shadow-medium {
box-shadow: 0px 2px 16px 0px rgba(255, 255, 255, 0.1);
}
.dark .shadow-large {
box-shadow: 0px 2px 32px 0px rgba(255, 255, 255, 0.1);
}
.popup-shadow {
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
}
.dark .popup-shadow {
box-shadow: 0px 2px 16px 0px rgba(255, 255, 255, 0.1);
}
@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);
}
}
[x-cloak] {
display: none !important;
}
.selection\:color-bg-\[rgba\(var\(--success-message-color\)\2c 0\.4\)\] *::-moz-selection{
background-color: rgba(var(--success-message-color-no-alpha) / 0.4);
}
.selection\:color-bg-\[rgba\(var\(--success-message-color\)\2c 0\.4\)\] *::selection{
background-color: rgba(var(--success-message-color-no-alpha) / 0.4);
}
.selection\:color-bg-\[rgba\(var\(--error-message-color\)\2c 0\.4\)\] *::-moz-selection{
background-color: rgba(var(--error-message-color-no-alpha) / 0.4);
}
.selection\:color-bg-\[rgba\(var\(--error-message-color\)\2c 0\.4\)\] *::selection{
background-color: rgba(var(--error-message-color-no-alpha) / 0.4);
}
.selection\:color-bg-\[rgba\(var\(--color-text\)\2c 0\.2\)\] *::-moz-selection{
background-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--color-text\)\2c 0\.2\)\] *::selection{
background-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--error-message-color\)\2c 0\.2\)\] *::-moz-selection{
background-color: rgba(var(--error-message-color-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--error-message-color\)\2c 0\.2\)\] *::selection{
background-color: rgba(var(--error-message-color-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--success-message-color\)\2c 0\.2\)\] *::-moz-selection{
background-color: rgba(var(--success-message-color-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--success-message-color\)\2c 0\.2\)\] *::selection{
background-color: rgba(var(--success-message-color-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--success-message-color\)\2c 0\.4\)\]::-moz-selection{
background-color: rgba(var(--success-message-color-no-alpha) / 0.4);
}
.selection\:color-bg-\[rgba\(var\(--success-message-color\)\2c 0\.4\)\]::selection{
background-color: rgba(var(--success-message-color-no-alpha) / 0.4);
}
.selection\:color-bg-\[rgba\(var\(--error-message-color\)\2c 0\.4\)\]::-moz-selection{
background-color: rgba(var(--error-message-color-no-alpha) / 0.4);
}
.selection\:color-bg-\[rgba\(var\(--error-message-color\)\2c 0\.4\)\]::selection{
background-color: rgba(var(--error-message-color-no-alpha) / 0.4);
}
.selection\:color-bg-\[rgba\(var\(--color-text\)\2c 0\.2\)\]::-moz-selection{
background-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--color-text\)\2c 0\.2\)\]::selection{
background-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--error-message-color\)\2c 0\.2\)\]::-moz-selection{
background-color: rgba(var(--error-message-color-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--error-message-color\)\2c 0\.2\)\]::selection{
background-color: rgba(var(--error-message-color-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--success-message-color\)\2c 0\.2\)\]::-moz-selection{
background-color: rgba(var(--success-message-color-no-alpha) / 0.2);
}
.selection\:color-bg-\[rgba\(var\(--success-message-color\)\2c 0\.2\)\]::selection{
background-color: rgba(var(--success-message-color-no-alpha) / 0.2);
}
.placeholder\:text-current::-moz-placeholder{
color: currentColor;
}
.placeholder\:text-current::placeholder{
color: currentColor;
}
.placeholder\:text-pink-900::-moz-placeholder{
--tw-text-opacity: 1;
color: rgb(131 24 67 / var(--tw-text-opacity));
}
.placeholder\:text-pink-900::placeholder{
--tw-text-opacity: 1;
color: rgb(131 24 67 / var(--tw-text-opacity));
}
.placeholder\:opacity-70::-moz-placeholder{
opacity: 0.7;
}
.placeholder\:opacity-70::placeholder{
opacity: 0.7;
}
.placeholder\:opacity-60::-moz-placeholder{
opacity: 0.6;
}
.placeholder\:opacity-60::placeholder{
opacity: 0.6;
}
.placeholder\:color-text-\[rgba\(var\(--color-text\)\)\]::-moz-placeholder{
color: rgba(var(--color-text));
}
.placeholder\:color-text-\[rgba\(var\(--color-text\)\)\]::placeholder{
color: rgba(var(--color-text));
}
.before\:absolute::before{
content: var(--tw-content);
position: absolute;
}
.before\:top-1::before{
content: var(--tw-content);
top: 0.25rem;
}
.before\:bottom-1::before{
content: var(--tw-content);
bottom: 0.25rem;
}
.before\:left-1::before{
content: var(--tw-content);
left: 0.25rem;
}
.before\:right-1::before{
content: var(--tw-content);
right: 0.25rem;
}
.before\:-bottom-1::before{
content: var(--tw-content);
bottom: -0.25rem;
}
.before\:left-\[calc\(50\%-var\(--left-tooltip\)\)\]::before{
content: var(--tw-content);
left: calc(50% - var(--left-tooltip));
}
.before\:-top-2\.5::before{
content: var(--tw-content);
top: -0.625rem;
}
.before\:-right-2\.5::before{
content: var(--tw-content);
right: -0.625rem;
}
.before\:-left-2\.5::before{
content: var(--tw-content);
left: -0.625rem;
}
.before\:-bottom-2\.5::before{
content: var(--tw-content);
bottom: -0.625rem;
}
.before\:-top-2::before{
content: var(--tw-content);
top: -0.5rem;
}
.before\:-right-2::before{
content: var(--tw-content);
right: -0.5rem;
}
.before\:-left-2::before{
content: var(--tw-content);
left: -0.5rem;
}
.before\:-bottom-2::before{
content: var(--tw-content);
bottom: -0.5rem;
}
.before\:-bottom-3::before{
content: var(--tw-content);
bottom: -0.75rem;
}
.before\:left-2::before{
content: var(--tw-content);
left: 0.5rem;
}
.before\:left-0::before{
content: var(--tw-content);
left: 0px;
}
.before\:top-1\/2::before{
content: var(--tw-content);
top: 50%;
}
.before\:float-left::before{
content: var(--tw-content);
float: left;
}
.before\:-ml-3::before{
content: var(--tw-content);
margin-left: -0.75rem;
}
.before\:block::before{
content: var(--tw-content);
display: block;
}
.before\:aspect-1\/1::before{
content: var(--tw-content);
aspect-ratio: 1 / 1;
}
.before\:h-0::before{
content: var(--tw-content);
height: 0px;
}
.before\:h-\[calc\(100\%-8px\)\]::before{
content: var(--tw-content);
height: calc(100% - 8px);
}
.before\:h-2::before{
content: var(--tw-content);
height: 0.5rem;
}
.before\:h-4\.5::before{
content: var(--tw-content);
height: 1.125rem;
}
.before\:h-\[62px\]::before{
content: var(--tw-content);
height: 62px;
}
.before\:h-4::before{
content: var(--tw-content);
height: 1rem;
}
.before\:w-1\/3::before{
content: var(--tw-content);
width: 33.333333%;
}
.before\:w-full::before{
content: var(--tw-content);
width: 100%;
}
.before\:w-\[calc\(100\%-8px\)\]::before{
content: var(--tw-content);
width: calc(100% - 8px);
}
.before\:w-2::before{
content: var(--tw-content);
width: 0.5rem;
}
.before\:w-0::before{
content: var(--tw-content);
width: 0px;
}
.before\:w-4\.5::before{
content: var(--tw-content);
width: 1.125rem;
}
.before\:w-\[62px\]::before{
content: var(--tw-content);
width: 62px;
}
.before\:w-4::before{
content: var(--tw-content);
width: 1rem;
}
.before\:max-w-\[33\%\]::before{
content: var(--tw-content);
max-width: 33%;
}
.before\:-translate-x-1::before{
content: var(--tw-content);
--tw-translate-x: -0.25rem;
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));
}
.before\:-translate-y-1\/2::before{
content: var(--tw-content);
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rotate-45::before{
content: var(--tw-content);
--tw-rotate: 45deg;
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));
}
.before\:rounded::before{
content: var(--tw-content);
border-radius: 0.25rem;
}
.before\:rounded-md::before{
content: var(--tw-content);
border-radius: 0.375rem;
}
.before\:rounded-full::before{
content: var(--tw-content);
border-radius: 9999px;
}
.before\:border-b-8::before{
content: var(--tw-content);
border-bottom-width: 8px;
}
.before\:border-r-8::before{
content: var(--tw-content);
border-right-width: 8px;
}
.before\:border-t-8::before{
content: var(--tw-content);
border-top-width: 8px;
}
.before\:border-solid::before{
content: var(--tw-content);
border-style: solid;
}
.before\:border-b-transparent::before{
content: var(--tw-content);
border-bottom-color: transparent;
}
.before\:border-r-transparent::before{
content: var(--tw-content);
border-right-color: transparent;
}
.before\:bg-clip-content::before{
content: var(--tw-content);
background-clip: content-box;
}
.before\:pr-2\.5::before{
content: var(--tw-content);
padding-right: 0.625rem;
}
.before\:pr-2::before{
content: var(--tw-content);
padding-right: 0.5rem;
}
.before\:pl-2\.5::before{
content: var(--tw-content);
padding-left: 0.625rem;
}
.before\:pl-2::before{
content: var(--tw-content);
padding-left: 0.5rem;
}
.before\:pb-\[120\%\]::before{
content: var(--tw-content);
padding-bottom: 120%;
}
.before\:pb-\[100\%\]::before{
content: var(--tw-content);
padding-bottom: 100%;
}
.before\:pb-\[100\.0\%\]::before{
content: var(--tw-content);
padding-bottom: 100.0%;
}
.before\:pb-\[150\%\]::before{
content: var(--tw-content);
padding-bottom: 150%;
}
.before\:pb-\[133\%\]::before{
content: var(--tw-content);
padding-bottom: 133%;
}
.before\:pb-\[133\.0\%\]::before{
content: var(--tw-content);
padding-bottom: 133.0%;
}
.before\:pb-\[75\%\]::before{
content: var(--tw-content);
padding-bottom: 75%;
}
.before\:pb-\[56\%\]::before{
content: var(--tw-content);
padding-bottom: 56%;
}
.before\:pb-\[56\.25\%\]::before{
content: var(--tw-content);
padding-bottom: 56.25%;
}
.before\:pb-\[150\.0\%\]::before{
content: var(--tw-content);
padding-bottom: 150.0%;
}
.before\:pb-\[75\.0\%\]::before{
content: var(--tw-content);
padding-bottom: 75.0%;
}
.before\:text-left::before{
content: var(--tw-content);
text-align: left;
}
.before\:text-right::before{
content: var(--tw-content);
text-align: right;
}
.before\:shadow-md::before{
content: var(--tw-content);
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:content-\[attr\(data-label\)\]::before{
--tw-content: attr(data-label);
content: var(--tw-content);
}
.before\:content-\[\'\'\]::before{
--tw-content: '';
content: var(--tw-content);
}
.before\:color-border-\[rgba\(var\(--color-text\)\2c 0\.2\)\]::before{
content: var(--tw-content);
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.before\:color-border-\[rgba\(var\(--color-heading\)\2c 0\.12\)\]::before{
content: var(--tw-content);
border-color: rgba(var(--color-heading-no-alpha) / 0.12);
}
.after\:round::after {
content: var(--tw-content);
border-radius: 9999px}
.after\:absolute::after{
content: var(--tw-content);
position: absolute;
}
.after\:top-0::after{
content: var(--tw-content);
top: 0px;
}
.after\:left-0::after{
content: var(--tw-content);
left: 0px;
}
.after\:hidden::after{
content: var(--tw-content);
display: none;
}
.after\:h-full::after{
content: var(--tw-content);
height: 100%;
}
.after\:w-full::after{
content: var(--tw-content);
width: 100%;
}
@keyframes ping{
75%, 100%{
content: var(--tw-content);
transform: scale(2);
opacity: 0;
}
}
.after\:animate-ping::after{
content: var(--tw-content);
animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.after\:rounded-full::after{
content: var(--tw-content);
border-radius: 9999px;
}
.after\:border-r::after{
content: var(--tw-content);
border-right-width: 1px;
}
.after\:border-white::after{
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.after\:bg-inherit::after{
content: var(--tw-content);
background-color: inherit;
}
.after\:color-border-\[rgba\(var\(--color-text\)\2c 0\.2\)\]::after{
content: var(--tw-content);
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.after\:color-border-\[rgba\(var\(--color-heading\)\2c 0\.12\)\]::after{
content: var(--tw-content);
border-color: rgba(var(--color-heading-no-alpha) / 0.12);
}
.last-of-type\:border-0:last-of-type{
border-width: 0px;
}
.checked\:\!cursor-not-allowed:checked{
cursor: not-allowed !important;
}
.checked\:color-bg-\[rgba\(var\(--color-button\)\)\]:checked{
background-color: rgba(var(--color-button));
}
.empty\:mb-0:empty{
margin-bottom: 0px;
}
.empty\:hidden:empty{
display: none;
}
.empty\:h-0:empty{
height: 0px;
}
.empty\:min-h-\[50px\]:empty{
min-height: 50px;
}
.empty\:min-h-0:empty{
min-height: 0px;
}
.focus-within\:outline-none:focus-within{
outline: 2px solid transparent;
outline-offset: 2px;
}
.hover\:pointer-events-auto:hover{
pointer-events: auto;
}
.hover\:flex:hover{
display: flex;
}
.hover\:rotate-90:hover{
--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));
}
.hover\:scale-125:hover{
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
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));
}
.hover\:scale-110:hover{
--tw-scale-x: 1.1;
--tw-scale-y: 1.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));
}
.hover\:cursor-not-allowed:hover{
cursor: not-allowed;
}
.hover\:cursor-pointer:hover{
cursor: pointer;
}
.hover\:cursor-zoom-in:hover{
cursor: zoom-in;
}
.hover\:cursor-zoom-out:hover{
cursor: zoom-out;
}
.hover\:text-current:hover{
color: currentColor;
}
.hover\:opacity-100:hover{
opacity: 1;
}
.hover\:opacity-0:hover{
opacity: 0;
}
.hover\:color-text-\[rgba\(var\(--color-highlight\)\)\]:hover{
color: rgba(var(--color-highlight));
}
.hover\:color-text-\[rgba\(var\(--color-link\)\)\]:hover{
color: rgba(var(--color-link));
}
.hover\:color-text-\[rgba\(var\(--color-button-text\)\)\]:hover{
color: rgba(var(--color-button-text));
}
.hover\:\!color-bg-\[rgba\(var\(--color-button\)\)\]:hover{
background-color: rgba(var(--color-button)) !important;
}
.hover\:color-text-\[rgba\(var\(--color-button-link\)\)\]:hover{
color: rgba(var(--color-button-link));
}
.hover\:color-text-\[rgba\(var\(--color-heading\)\)\]:hover{
color: rgba(var(--color-heading));
}
.hover\:color-text-\[rgba\(var\(--color-button\)\)\]:hover{
color: rgba(var(--color-button));
}
.hover\:color-bg-\[rgba\(var\(--color-secondary-background\)\)\]:hover{
background-color: rgba(var(--color-secondary-background));
}
.hover\:color-border-\[rgba\(var\(--color-link\)\)\]:hover{
border-color: rgba(var(--color-link));
}
.hover\:color-bg-\[rgba\(var\(--color-button\)\)\]:hover{
background-color: rgba(var(--color-button));
}
.focus\:\!translate-x-0:focus{
--tw-translate-x: 0px !important;
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)) !important;
}
.focus\:border-0:focus{
border-width: 0px;
}
.focus\:border-none:focus{
border-style: none;
}
.focus\:border-current:focus{
border-color: currentColor;
}
.focus\:outline-none:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:outline-0:focus{
outline-width: 0px;
}
.focus\:color-outline-\[rgba\(var\(--color-text\)\2c 0\.6\)\]:focus{
outline-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.focus-visible\:-outline-offset-1:focus-visible {
outline-offset: -1px;
}
.focus-visible\:z-50:focus-visible{
z-index: 50;
}
.focus-visible\:z-20:focus-visible{
z-index: 20;
}
.focus-visible\:shadow-none:focus-visible{
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:outline-none:focus-visible{
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus-visible\:outline-1:focus-visible{
outline-width: 1px;
}
.focus-visible\:outline-current:focus-visible{
outline-color: currentColor;
}
.disabled\:pointer-events-none:disabled{
pointer-events: none;
}
.disabled\:cursor-auto:disabled{
cursor: auto;
}
.disabled\:cursor-not-allowed:disabled{
cursor: not-allowed;
}
.disabled\:opacity-40:disabled{
opacity: 0.4;
}
.group:hover .group-hover\:color-text-\[rgba\(var\(--color-heading\)\)\]{
color: rgba(var(--color-heading));
}
.peer:checked ~ .peer-checked\:cursor-not-allowed{
cursor: not-allowed;
}
.peer:checked ~ .peer-checked\:color-bg-\[rgba\(var\(--color-button\)\)\]{
background-color: rgba(var(--color-button));
}
.peer:checked ~ .peer-checked\:color-text-\[rgba\(var\(--color-button\)\)\]{
color: rgba(var(--color-button));
}
.peer:checked ~ .peer-checked\:before\:translate-x-4\.5::before{
content: var(--tw-content);
--tw-translate-x: 1.125rem;
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));
}
.peer:checked ~ .peer-checked\:before\:translate-x-4::before{
content: var(--tw-content);
--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));
}
.peer:checked ~ .peer-checked\:before\:color-bg-\[rgba\(var\(--color-button-text\)\)\]::before{
content: var(--tw-content);
background-color: rgba(var(--color-button-text));
}
.peer:focus-visible ~ .peer-focus-visible\:outline{
outline-style: solid;
}
.peer:focus-visible ~ .peer-focus-visible\:outline-2{
outline-width: 2px;
}
.peer:focus-visible ~ .peer-focus-visible\:outline-1{
outline-width: 1px;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
cursor: not-allowed;
}
.is-focus .is-focus\:color-text-\[rgba\(var\(--color-text\)\)\]{
color: rgba(var(--color-text));
}
.is-focus .is-focus\:color-text-\[rgba\(var\(--color-highlight\)\)\]{
color: rgba(var(--color-highlight));
}
.is-focus-button .is-focus-button\:opacity-0{
opacity: 0;
}
.article-card .article-card\:hover\:text-current:hover{
color: currentColor;
}
.quick-view .quick-view\:\!mb-0{
margin-bottom: 0px !important;
}
.quick-view .quick-view\:mt-0{
margin-top: 0px;
}
.quick-view .quick-view\:mb-2{
margin-bottom: 0.5rem;
}
.quick-view .quick-view\:w-7{
width: 1.75rem;
}
.quick-view .quick-view\:w-full{
width: 100%;
}
.quick-view .quick-view\:flex-col{
flex-direction: column;
}
.quick-view .quick-view\:gap-3{
gap: 0.75rem;
}
.quick-view .quick-view\:pb-0{
padding-bottom: 0px;
}
.quick-view .quick-view\:pb-\[var\(--swiffy-slider-indicator-outside-size\)\]{
padding-bottom: var(--swiffy-slider-indicator-outside-size);
}
.quick-view .quick-view\:pr-3{
padding-right: 0.75rem;
}
.quick-view .quick-view\:pl-3{
padding-left: 0.75rem;
}
.quick-view .quick-view\:pt-0{
padding-top: 0px;
}
.search-page .search-page\:slider-item-show1 {
--swiffy-slider-item-count: 1;
}
@media (min-width: 768px){
.carousel-style-none .announcement-col-align-left .search-page .search-page\:slider-container{
justify-content: flex-start;
}
[dir="rtl"] .carousel-style-none .announcement-col-align-left .search-page .search-page\:slider-container{
justify-content: flex-end;
}
.carousel-style-none .announcement-col-align-right .search-page .search-page\:slider-container{
justify-content: flex-end;
}
[dir="rtl"] .carousel-style-none .announcement-col-align-right .search-page .search-page\:slider-container{
justify-content: flex-start;
}
}
.section-hero-slideshow-horizontal .swiffy-slider[data-effect="fade"] > .search-page .search-page\:slider-container > .slide-item.is-active {
animation: none;
}
.search-page .search-page\:pointer-events-none{
pointer-events: none;
}
.search-page .search-page\:block{
display: block;
}
.search-page .search-page\:flex{
display: flex;
}
.search-page .search-page\:hidden{
display: none;
}
.search-page .search-page\:h-8{
height: 2rem;
}
.search-page .search-page\:max-h-\[45vh\]{
max-height: 45vh;
}
.search-page .search-page\:w-\[92px\]{
width: 92px;
}
.search-page .search-page\:w-full{
width: 100%;
}
.search-page .search-page\:w-8{
width: 2rem;
}
.search-page .search-page\:max-w-full{
max-width: 100%;
}
.search-page .search-page\:flex-row{
flex-direction: row;
}
.search-page .search-page\:flex-col{
flex-direction: column;
}
.search-page .search-page\:rounded-\[20px\]{
border-radius: 20px;
}
.search-page .search-page\:border{
border-width: 1px;
}
.search-page .search-page\:border-t-0{
border-top-width: 0px;
}
.search-page .search-page\:border-none{
border-style: none;
}
.search-page .search-page\:p-0{
padding: 0px;
}
.search-page .search-page\:p-2\.5{
padding: 0.625rem;
}
.search-page .search-page\:p-2{
padding: 0.5rem;
}
.search-page .search-page\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.search-page .search-page\:px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.search-page .search-page\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.search-page .search-page\:pt-4{
padding-top: 1rem;
}
.search-page .search-page\:pb-5{
padding-bottom: 1.25rem;
}
.search-page .search-page\:color-bg-gradient-\[var\(--gradient-background\)\]{
background: var(--gradient-background);
}
.search-page .search-page\:color-bg-\[rgba\(var\(--color-text\)\2c 0\.06\)\]{
background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.search-page .search-page\:color-bg-\[rgba\(var\(--color-secondary-button\)\)\]{
background-color: rgba(var(--color-secondary-button));
}
.search-page .search-page\:color-bg-\[rgba\(var\(--color-background\)\)\]{
background-color: rgba(var(--color-background));
}
.promotion--has-image.promotion--has-image\:w-\[54\%\]{
width: 54%;
}
.list-layout .list-layout\:grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.list-layout .list-layout\:text-left{
text-align: left;
}
.type-aside .type-aside\:hidden{
display: none;
}
.toc .toc\:m-0{
margin: 0px;
}
.toc .toc\:my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.toc .toc\:mt-1\.5{
margin-top: 0.375rem;
}
.toc .toc\:mt-1{
margin-top: 0.25rem;
}
.toc .toc\:h-9{
height: 2.25rem;
}
.toc .toc\:w-9{
width: 2.25rem;
}
.toc .toc\:rounded-\[6\.25rem\]{
border-radius: 6.25rem;
}
.toc .toc\:p-1{
padding: 0.25rem;
}
.toc .toc\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.toc .toc\:pl-5{
padding-left: 1.25rem;
}
.toc .toc\:pl-4{
padding-left: 1rem;
}
.toc .toc\:pl-6{
padding-left: 1.5rem;
}
[dir="ltr"] .ltr\:right-2\.5{
right: 0.625rem;
}
[dir="ltr"] .ltr\:right-2{
right: 0.5rem;
}
[dir="ltr"] .ltr\:-left-5{
left: -1.25rem;
}
[dir="ltr"] .ltr\:-right-5{
right: -1.25rem;
}
[dir="ltr"] .ltr\:left-0{
left: 0px;
}
[dir="ltr"] .ltr\:right-3\.5{
right: 0.875rem;
}
[dir="ltr"] .ltr\:right-3{
right: 0.75rem;
}
[dir="ltr"] .ltr\:right-12{
right: 3rem;
}
[dir="ltr"] .ltr\:ml-1\.5{
margin-left: 0.375rem;
}
[dir="ltr"] .ltr\:ml-1{
margin-left: 0.25rem;
}
[dir="ltr"] .ltr\:mr-1\.5{
margin-right: 0.375rem;
}
[dir="ltr"] .ltr\:mr-1{
margin-right: 0.25rem;
}
[dir="ltr"] .ltr\:ml-16{
margin-left: 4rem;
}
[dir="ltr"] .ltr\:mr-2{
margin-right: 0.5rem;
}
[dir="ltr"] .ltr\:-mr-1{
margin-right: -0.25rem;
}
[dir="ltr"] .ltr\:mr-5{
margin-right: 1.25rem;
}
[dir="ltr"] .ltr\:ml-0\.5{
margin-left: 0.125rem;
}
[dir="ltr"] .ltr\:ml-0{
margin-left: 0px;
}
[dir="ltr"] .ltr\:rotate-180{
--tw-rotate: 180deg;
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));
}
[dir="ltr"] .ltr\:justify-start{
justify-content: flex-start;
}
[dir="ltr"] .ltr\:justify-end{
justify-content: flex-end;
}
[dir="ltr"] .ltr\:justify-center{
justify-content: center;
}
[dir="ltr"] .ltr\:pl-3{
padding-left: 0.75rem;
}
[dir="ltr"] .ltr\:pr-3{
padding-right: 0.75rem;
}
[dir="ltr"] .ltr\:pl-1{
padding-left: 0.25rem;
}
[dir="ltr"] .ltr\:pr-20{
padding-right: 5rem;
}
[dir="ltr"] .ltr\:text-left{
text-align: left;
}
[dir="ltr"] .ltr\:text-center{
text-align: center;
}
[dir="ltr"] .ltr\:text-right{
text-align: right;
}
[dir="rtl"] .rtl\:items-right{
align-items: flex-end;
}
[dir="rtl"] .rtl\:items-left{
align-items: flex-start;
}
[dir="rtl"] .rtl\:justify-left{
justify-content: flex-start;
}
{
justify-content: flex-start;
}
[dir="rtl"] .rtl\:justify-right{
justify-content: flex-end;
}
{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:items-left{
align-items: flex-start;
}
[dir="rtl"] .rtl\:items-right{
align-items: flex-end;
}
[dir="rtl"] .rtl\:justify-left{
justify-content: flex-start;
}
{
justify-content: flex-start;
}
[dir="rtl"] .rtl\:-justify-right, [dir="rtl"] [dir="rtl"] .rtl\:-justify-right{
justify-content: flex-start;
}
[dir="rtl"] .rtl\:justify-right{
justify-content: flex-end;
}
{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:-justify-left, [dir="rtl"] [dir="rtl"] .rtl\:-justify-left{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:-justify-center, [dir="rtl"] [dir="rtl"] .rtl\:-justify-center{
justify-content: center;
}
[dir="rtl"] .rtl\:justify-left{
justify-content: flex-start;
}
{
justify-content: flex-start;
}
[dir="rtl"] .rtl\:justify-right{
justify-content: flex-end;
}
{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:items-left{
align-items: flex-start;
}
[dir="rtl"] .rtl\:items-right{
align-items: flex-end;
}
.media-gallery__wrapper [dir="rtl"] .rtl\:slider-nav{
height: 2.5rem;
width: 2.5rem;
border-radius: 9999px;
transition-property: transform;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
background-color: rgba(var(--color-secondary-button-no-alpha));
color: rgba(var(--color-secondary-button-text));
}
.media-gallery__wrapper [dir="rtl"] .rtl\:slider-nav:disabled{
cursor: not-allowed;
}
.media-gallery__wrapper [dir="rtl"] .rtl\:slider-nav {
box-shadow: none;
filter: none;
overflow: hidden;
}
.media-gallery__wrapper [dir="rtl"] .rtl\:slider-nav:before{
position: absolute;
top: 50%;
left: 50%;
height: 2.5rem;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 0.1;
--tw-scale-y: 0.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));
border-radius: 9999px;
opacity: 0;
--tw-content: '';
content: var(--tw-content);
background-color: rgba(var(--color-secondary-button-text-no-alpha) / 0.2);
filter: blur(5px);
transition: transform var(--button-animation-duration), opacity var(--button-animation-duration), background-color var(--button-animation-duration), width var(--button-animation-duration), height var(--button-animation-duration);
}
[dir="rtl"] .rtl\:webkit-text-right {
text-align: -webkit-right;
}
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow{
display: none;
height: 54px;
width: 54px;
border-radius: 9999px;
transition-property: transform;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
background-color: rgba(var(--color-secondary-button-no-alpha));
color: rgba(var(--color-secondary-button-text));
}
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow:disabled{
cursor: not-allowed;
}
@media (min-width: 1024px){
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow{
display: flex;
}
}
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow {
box-shadow: none;
filter: none;
overflow: hidden;
}
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow:before{
position: absolute;
top: 50%;
left: 50%;
height: 2.5rem;
width: 1.25rem;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
--tw-scale-x: 0.1;
--tw-scale-y: 0.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));
border-radius: 9999px;
opacity: 0;
--tw-content: '';
content: var(--tw-content);
background-color: rgba(var(--color-secondary-button-text-no-alpha) / 0.2);
filter: blur(5px);
transition: transform var(--button-animation-duration), opacity var(--button-animation-duration), background-color var(--button-animation-duration), width var(--button-animation-duration), height var(--button-animation-duration);
}
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
left: 0px;
--tw-translate-x: 0.5rem;
--tw-rotate: 180deg;
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));
}
[dir="rtl"] [dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
right: 0px;
left: auto;
--tw-translate-x: -0.5rem;
--tw-rotate: 0deg;
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));
}
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow.slider-nav-next{
right: 0px;
--tw-translate-x: -0.5rem;
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));
}
[dir="rtl"] [dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow.slider-nav-next{
left: 0px;
right: auto;
--tw-translate-x: 0.5rem;
--tw-rotate: 180deg;
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));
}
.hidden-nav[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow{
display: none;
}
@media (hover: hover) and (pointer: fine) {
@media (min-width: 1024px){
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
--tw-translate-x: -110%;
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));
}
[dir="rtl"] [dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
--tw-translate-x: 110%;
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));
}
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow.slider-nav-next{
--tw-translate-x: 110%;
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));
}
[dir="rtl"] [dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow.slider-nav-next{
--tw-translate-x: -110%;
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));
}
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
--tw-translate-x: -110%;
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));
}
[dir="rtl"] [dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
--tw-translate-x: 110%;
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));
}
[dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow.slider-nav-next{
--tw-translate-x: 110%;
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));
}
[dir="rtl"] [dir="rtl"] .rtl\:slider-nav.slider-nav__button-arrow.slider-nav-next{
--tw-translate-x: -110%;
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));
}
}
}
[dir="rtl"] .rtl\:left-0{
left: 0px;
}
[dir="rtl"] .rtl\:-right-0\.5{
right: -0.125rem;
}
[dir="rtl"] .rtl\:-right-0{
right: -0px;
}
[dir="rtl"] .rtl\:right-auto{
right: auto;
}
[dir="rtl"] .rtl\:left-2\.5{
left: 0.625rem;
}
[dir="rtl"] .rtl\:left-2{
left: 0.5rem;
}
[dir="rtl"] .rtl\:left-auto{
left: auto;
}
[dir="rtl"] .rtl\:right-0{
right: 0px;
}
[dir="rtl"] .rtl\:-right-5{
right: -1.25rem;
}
[dir="rtl"] .rtl\:-left-5{
left: -1.25rem;
}
[dir="rtl"] .rtl\:left-0\.5{
left: 0.125rem;
}
[dir="rtl"] .rtl\:right-4{
right: 1rem;
}
[dir="rtl"] .rtl\:left-5{
left: 1.25rem;
}
[dir="rtl"] .rtl\:left-4{
left: 1rem;
}
[dir="rtl"] .rtl\:left-3\.5{
left: 0.875rem;
}
[dir="rtl"] .rtl\:left-3{
left: 0.75rem;
}
[dir="rtl"] .rtl\:left-12{
left: 3rem;
}
[dir="rtl"] .rtl\:right-2{
right: 0.5rem;
}
[dir="rtl"] .rtl\:ml-1{
margin-left: 0.25rem;
}
[dir="rtl"] .rtl\:mr-0{
margin-right: 0px;
}
[dir="rtl"] .rtl\:mr-1\.5{
margin-right: 0.375rem;
}
[dir="rtl"] .rtl\:mr-1{
margin-right: 0.25rem;
}
[dir="rtl"] .rtl\:ml-1\.5{
margin-left: 0.375rem;
}
[dir="rtl"] .rtl\:mr-16{
margin-right: 4rem;
}
[dir="rtl"] .rtl\:ml-0{
margin-left: 0px;
}
[dir="rtl"] .rtl\:ml-2{
margin-left: 0.5rem;
}
[dir="rtl"] .rtl\:mr-2{
margin-right: 0.5rem;
}
[dir="rtl"] .rtl\:mt-0{
margin-top: 0px;
}
[dir="rtl"] .rtl\:-ml-1{
margin-left: -0.25rem;
}
[dir="rtl"] .rtl\:ml-2\.5{
margin-left: 0.625rem;
}
[dir="rtl"] .rtl\:ml-5{
margin-left: 1.25rem;
}
[dir="rtl"] .rtl\:mr-5{
margin-right: 1.25rem;
}
[dir="rtl"] .rtl\:-mr-0\.5{
margin-right: -0.125rem;
}
[dir="rtl"] .rtl\:-mr-0{
margin-right: -0px;
}
[dir="rtl"] .rtl\:mr-0\.5{
margin-right: 0.125rem;
}
[dir="rtl"] .rtl\:mr-4{
margin-right: 1rem;
}
[dir="rtl"] .rtl\:translate-x-1{
--tw-translate-x: 0.25rem;
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));
}
[dir="rtl"] .rtl\:-translate-x-1{
--tw-translate-x: -0.25rem;
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));
}
[dir="rtl"] .rtl\: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));
}
[dir="rtl"] .rtl\: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));
}
[dir="rtl"] .rtl\:rotate-180{
--tw-rotate: 180deg;
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));
}
[dir="rtl"] .rtl\:rotate-0{
--tw-rotate: 0deg;
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));
}
[dir="rtl"] .rtl\: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));
}
[dir="rtl"] .rtl\:-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));
}
[dir="rtl"] .rtl\:flex-row{
flex-direction: row;
}
[dir="rtl"] .rtl\:flex-row-reverse{
flex-direction: row-reverse;
}
[dir="rtl"] .rtl\:items-start{
align-items: flex-start;
}
[dir="rtl"] .rtl\:items-end{
align-items: flex-end;
}
[dir="rtl"] .rtl\:items-center{
align-items: center;
}
[dir="rtl"] .rtl\:justify-start{
justify-content: flex-start;
}
[dir="rtl"] .rtl\:justify-end{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:justify-center{
justify-content: center;
}
{
justify-content: center;
}
[dir="rtl"] .rtl\:self-start{
align-self: flex-start;
}
[dir="rtl"] .rtl\:border-r{
border-right-width: 1px;
}
[dir="rtl"] .rtl\:border-l-0{
border-left-width: 0px;
}
[dir="rtl"] .rtl\:border-l{
border-left-width: 1px;
}
[dir="rtl"] .rtl\:border-r-0{
border-right-width: 0px;
}
[dir="rtl"] .rtl\:pl-0{
padding-left: 0px;
}
[dir="rtl"] .rtl\:pr-5{
padding-right: 1.25rem;
}
[dir="rtl"] .rtl\:pl-6{
padding-left: 1.5rem;
}
[dir="rtl"] .rtl\:pr-0{
padding-right: 0px;
}
[dir="rtl"] .rtl\:pr-12{
padding-right: 3rem;
}
[dir="rtl"] .rtl\:pl-20{
padding-left: 5rem;
}
[dir="rtl"] .rtl\:pr-7{
padding-right: 1.75rem;
}
[dir="rtl"] .rtl\:pr-3{
padding-right: 0.75rem;
}
[dir="rtl"] .rtl\:pr-4{
padding-right: 1rem;
}
[dir="rtl"] .rtl\:pl-\[22px\]{
padding-left: 22px;
}
[dir="rtl"] .rtl\:pl-3{
padding-left: 0.75rem;
}
[dir="rtl"] .rtl\:pr-2{
padding-right: 0.5rem;
}
[dir="rtl"] .rtl\:pl-4{
padding-left: 1rem;
}
[dir="rtl"] .rtl\:pr-1{
padding-right: 0.25rem;
}
[dir="rtl"] .rtl\:pl-10{
padding-left: 2.5rem;
}
[dir="rtl"] .rtl\:text-left{
text-align: left;
}
[dir="rtl"] .rtl\:text-right{
text-align: right;
}
[dir="rtl"] .rtl\:text-start{
text-align: start;
}
[dir="rtl"] .rtl\:text-end{
text-align: end;
}
[dir="rtl"] [dir="rtl"] .rtl\:text-start{
text-align: right;
}
[dir="rtl"] [dir="rtl"] .rtl\:text-end{
text-align: left;
}
[dir="ltr"] [dir="rtl"] .rtl\:text-end{
text-align: right;
}
[dir="ltr"] [dir="rtl"] .rtl\:text-start{
text-align: left;
}
[dir="rtl"] .rtl\:before\:right-0::before{
content: var(--tw-content);
right: 0px;
}
[dir="rtl"] .rtl\:before\:left-auto::before{
content: var(--tw-content);
left: auto;
}
[dir="rtl"] .rtl\:before\:ml-0::before{
content: var(--tw-content);
margin-left: 0px;
}
[dir="rtl"] .rtl\:before\:-mr-3::before{
content: var(--tw-content);
margin-right: -0.75rem;
}
[dir="rtl"] .rtl\:before\:rotate-180::before{
content: var(--tw-content);
--tw-rotate: 180deg;
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));
}
[dir="rtl"] .rtl\:before\:text-right::before{
content: var(--tw-content);
text-align: right;
}
[dir="rtl"] .rtl\:hover\:flex-row-reverse:hover{
flex-direction: row-reverse;
}
.section-hero-slideshow-horizontal .dark .dark\:bg-transparent {
background: transparent;
}
.dark .dark\:relative{
position: relative;
}
.dark .dark\:inline-block{
display: inline-block;
}
.dark .dark\:hidden{
display: none;
}
.dark .dark\:bg-transparent{
background-color: transparent;
}
@media (max-width: 767px){
.sm\:\!right-2{
right: 0.5rem !important;
}
.sm\:\!left-2{
left: 0.5rem !important;
}
.sm\:h-full{
height: 100%;
}
.sm\:w-full{
width: 100%;
}
.sm\:pl-0\.5{
padding-left: 0.125rem;
}
.sm\:pl-0{
padding-left: 0px;
}
.sm\:pb-0{
padding-bottom: 0px;
}
.sm\:shadow-cart-drawer-header{
--tw-shadow: 0 4px 6px rgba(var(--color-heading-no-alpha) / 0.1);
--tw-shadow-colored: 0 4px 6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[dir="ltr"] .ltr\:sm\:text-left{
text-align: left;
}
[dir="rtl"] .rtl\:sm\:text-right{
text-align: right;
}
}
@media (min-width: 768px){
.md\:items-right{
align-items: flex-end;
}
.md\:items-left{
align-items: flex-start;
}
.md\:grid-initial {
grid: initial
}
.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;
}
{
justify-content: flex-start;
}
.md\:justify-right{
justify-content: flex-end;
}
{
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;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.md\:\!swiffy-slider.enable-effect-hover,
body.scrollbar.md\:\!swiffy-slider.enable-effect-hover {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.md\:\!swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button,
body.scrollbar.md\:\!swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.md\:swiffy-slider.enable-effect-hover{
overflow: hidden;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.md\:swiffy-slider.enable-effect-hover,
body.scrollbar.md\:swiffy-slider.enable-effect-hover {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.md\:swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button,
body.scrollbar.md\:swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.md\:justify-left{
justify-content: flex-start;
}
{
justify-content: flex-start;
}
.md\:-justify-right, [dir="rtl"] .md\:-justify-right{
justify-content: flex-start;
}
.md\:justify-right{
justify-content: flex-end;
}
{
justify-content: flex-end;
}
.md\:-justify-left, [dir="rtl"] .md\:-justify-left{
justify-content: flex-end;
}
.md\:-justify-center, [dir="rtl"] .md\:-justify-center{
justify-content: center;
}
.md\:justify-left{
justify-content: flex-start;
}
{
justify-content: flex-start;
}
.md\:justify-right{
justify-content: flex-end;
}
{
justify-content: flex-end;
}
.md\:items-left{
align-items: flex-start;
}
.md\:items-right{
align-items: flex-end;
}
.md\:webkit-text-center {
text-align: -webkit-center;
}
.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;
}
.section-hero-slideshow-horizontal .md\:\!swiffy-slider[data-effect="fade"] > .slider-container > .slide-item.is-active {
animation: none !important;
}
.section-hero-slideshow-horizontal .md\:swiffy-slider[data-effect="fade"] > .slider-container > .slide-item.is-active {
animation: none;
}
.section-hero-slideshow-horizontal .md\:bg-transparent {
background: transparent;
}
.md\:pointer-events-none{
pointer-events: none;
}
.md\:absolute{
position: absolute;
}
.md\:relative{
position: relative;
}
.md\:sticky{
position: sticky;
}
.md\:-inset-5{
top: -1.25rem;
right: -1.25rem;
bottom: -1.25rem;
left: -1.25rem;
}
.md\:top-0{
top: 0px;
}
.md\:left-0{
left: 0px;
}
.md\:-top-4{
top: -1rem;
}
.md\:left-2{
left: 0.5rem;
}
.md\:right-2{
right: 0.5rem;
}
.md\:top-1\/2{
top: 50%;
}
.md\:top-auto{
top: auto;
}
.md\:top-3{
top: 0.75rem;
}
.md\:-top-4\.5{
top: -1.125rem;
}
.md\:-right-3\.5{
right: -0.875rem;
}
.md\:-right-3{
right: -0.75rem;
}
.md\:top-5{
top: 1.25rem;
}
.md\:left-5{
left: 1.25rem;
}
.md\:right-0{
right: 0px;
}
.md\:top-\[calc\(50\%-10px\)\]{
top: calc(50% - 10px);
}
.md\:left-\[calc\(50\%-10px\)\]{
left: calc(50% - 10px);
}
.md\:right-auto{
right: auto;
}
.md\:top-\[calc\(100\%\+10px\)\]{
top: calc(100% + 10px);
}
.md\:right-3{
right: 0.75rem;
}
.md\:left-3{
left: 0.75rem;
}
.md\:bottom-0{
bottom: 0px;
}
.md\:bottom-10{
bottom: 2.5rem;
}
.md\:bottom-5{
bottom: 1.25rem;
}
.md\:right-5{
right: 1.25rem;
}
.md\:bottom-8{
bottom: 2rem;
}
.md\:left-8{
left: 2rem;
}
.md\:right-8{
right: 2rem;
}
.md\:bottom-auto{
bottom: auto;
}
.md\:z-\[19\]{
z-index: 19;
}
.md\:z-\[60\]{
z-index: 60;
}
.md\:z-10{
z-index: 10;
}
.md\:z-20{
z-index: 20;
}
.md\:z-\[29\]{
z-index: 29;
}
.md\:order-1{
order: 1;
}
.md\:order-2{
order: 2;
}
.md\:order-3{
order: 3;
}
.md\:col-span-2{
grid-column: span 2 / span 2;
}
.md\:col-span-5{
grid-column: span 5 / span 5;
}
.md\:col-span-6{
grid-column: span 6 / span 6;
}
.md\:col-span-4{
grid-column: span 4 / span 4;
}
.md\:col-span-3{
grid-column: span 3 / span 3;
}
.md\:col-span-1{
grid-column: span 1 / span 1;
}
.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\:-m-0{
margin: -0px;
}
.md\:m-0\.5{
margin: 0.125rem;
}
.md\:m-0{
margin: 0px;
}
.md\:-mx-0\.5{
margin-left: -0.125rem;
margin-right: -0.125rem;
}
.md\:-mx-0{
margin-left: -0px;
margin-right: -0px;
}
.md\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.md\:mx-0{
margin-left: 0px;
margin-right: 0px;
}
.md\:my-3\.5{
margin-top: 0.875rem;
margin-bottom: 0.875rem;
}
.md\:my-3{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.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-7{
margin-left: -1.75rem;
margin-right: -1.75rem;
}
.md\:mx-7\.5{
margin-left: 1.875rem;
margin-right: 1.875rem;
}
.md\:mx-7{
margin-left: 1.75rem;
margin-right: 1.75rem;
}
.md\:my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.md\:mr-0{
margin-right: 0px;
}
.md\:ml-14{
margin-left: 3.5rem;
}
.md\:mr-14{
margin-right: 3.5rem;
}
.md\:ml-0{
margin-left: 0px;
}
.md\:mb-3{
margin-bottom: 0.75rem;
}
.md\:mt-5{
margin-top: 1.25rem;
}
.md\:mt-3\.5{
margin-top: 0.875rem;
}
.md\:mt-3{
margin-top: 0.75rem;
}
.md\:mr-3{
margin-right: 0.75rem;
}
.md\:mt-0{
margin-top: 0px;
}
.md\:ml-4{
margin-left: 1rem;
}
.md\:mt-4{
margin-top: 1rem;
}
.md\:mr-4{
margin-right: 1rem;
}
.md\:mb-\[30px\]{
margin-bottom: 30px;
}
.md\:mt-6{
margin-top: 1.5rem;
}
.md\:mb-0{
margin-bottom: 0px;
}
.md\:mt-2\.5{
margin-top: 0.625rem;
}
.md\:mt-2{
margin-top: 0.5rem;
}
.md\:mt-8{
margin-top: 2rem;
}
.md\:mt-16{
margin-top: 4rem;
}
.md\:mt-10{
margin-top: 2.5rem;
}
.md\:mb-8{
margin-bottom: 2rem;
}
.md\:mt-20{
margin-top: 5rem;
}
.md\:mb-9{
margin-bottom: 2.25rem;
}
.md\:mb-11{
margin-bottom: 2.75rem;
}
.md\:mb-3\.5{
margin-bottom: 0.875rem;
}
.md\:mt-7\.5{
margin-top: 1.875rem;
}
.md\:mt-7{
margin-top: 1.75rem;
}
.md\:mb-7\.5{
margin-bottom: 1.875rem;
}
.md\:mb-7{
margin-bottom: 1.75rem;
}
.md\:mt-\[30px\]{
margin-top: 30px;
}
.md\:mt-9{
margin-top: 2.25rem;
}
.md\:mb-5{
margin-bottom: 1.25rem;
}
.md\:ml-3{
margin-left: 0.75rem;
}
.md\:mb-6\.5{
margin-bottom: 1.625rem;
}
.md\:mb-6{
margin-bottom: 1.5rem;
}
.md\:mb-1{
margin-bottom: 0.25rem;
}
.md\:mb-14{
margin-bottom: 3.5rem;
}
.md\:-mt-\[54px\]{
margin-top: -54px;
}
.md\:-mb-\[54px\]{
margin-bottom: -54px;
}
.md\:-mb-8{
margin-bottom: -2rem;
}
.md\:mb-2\.5{
margin-bottom: 0.625rem;
}
.md\:mb-2{
margin-bottom: 0.5rem;
}
.md\:mb-4{
margin-bottom: 1rem;
}
.md\:mt-4\.5{
margin-top: 1.125rem;
}
.md\:ml-\[-30px\]{
margin-left: -30px;
}
.md\:mr-\[-30px\]{
margin-right: -30px;
}
.md\:mr-6{
margin-right: 1.5rem;
}
.md\:ml-6{
margin-left: 1.5rem;
}
.md\:-mb-7\.5{
margin-bottom: -1.875rem;
}
.md\:-mb-7{
margin-bottom: -1.75rem;
}
.md\:mt-0\.5{
margin-top: 0.125rem;
}
.md\:mb-1\.5{
margin-bottom: 0.375rem;
}
.md\:mt-1{
margin-top: 0.25rem;
}
.md\:block{
display: block;
}
.md\:\!block{
display: block !important;
}
.md\:inline-block{
display: inline-block;
}
.md\:flex{
display: flex;
}
.md\:\!flex{
display: flex !important;
}
.md\:inline-flex{
display: inline-flex;
}
.md\:grid{
display: grid;
}
.md\:hidden{
display: none;
}
.md\:\!hidden{
display: none !important;
}
.md\:aspect-auto{
aspect-ratio: auto;
}
.md\:aspect-square{
aspect-ratio: 1 / 1;
}
.md\:aspect-4\/3{
aspect-ratio: 4 / 3;
}
.md\:aspect-2\/3{
aspect-ratio: 2 / 3;
}
.md\:aspect-16\/9{
aspect-ratio: 16 / 9;
}
.md\:aspect-3\/4{
aspect-ratio: 3 / 4;
}
.md\:h-full{
height: 100%;
}
.md\:h-auto{
height: auto;
}
.md\:h-7{
height: 1.75rem;
}
.md\:\!h-auto{
height: auto !important;
}
.md\:h-0{
height: 0px;
}
.md\:h-\[60px\]{
height: 60px;
}
.md\:h-6{
height: 1.5rem;
}
.md\:h-16{
height: 4rem;
}
.md\:h-10{
height: 2.5rem;
}
.md\:h-\[140px\]{
height: 140px;
}
.md\:h-\[550px\]{
height: 550px;
}
.md\:h-5\.5{
height: 1.375rem;
}
.md\:h-5{
height: 1.25rem;
}
.md\:h-\[68px\]{
height: 68px;
}
.md\:h-\[calc\(var\(--body-font-size\)\*1\.6\+28px\)\]{
height: calc(var(--body-font-size) * 1.6 + 28px);
}
.md\:h-2\.5{
height: 0.625rem;
}
.md\:h-2{
height: 0.5rem;
}
.md\:h-4{
height: 1rem;
}
.md\:h-1\/2{
height: 50%;
}
.md\:h-8{
height: 2rem;
}
.md\:h-\[80px\]{
height: 80px;
}
.md\:h-\[100px\]{
height: 100px;
}
.md\:h-7\.5{
height: 1.875rem;
}
.md\:h-14{
height: 3.5rem;
}
.md\:h-9{
height: 2.25rem;
}
.md\:h-\[500px\]{
height: 500px;
}
.md\:h-\[600px\]{
height: 600px;
}
.md\:h-\[650px\]{
height: 650px;
}
.md\:h-\[450px\]{
height: 450px;
}
.md\:h-\[750px\]{
height: 750px;
}
.md\:h-\[100vh\]{
height: 100vh;
}
.md\:h-\[400px\]{
height: 400px;
}
.md\:max-h-\[100vh\]{
max-height: 100vh;
}
.md\:max-h-\[200px\]{
max-height: 200px;
}
.md\:max-h-\[none\]{
max-height: none;
}
.md\:max-h-\[90vh\]{
max-height: 90vh;
}
.md\:max-h-\[80vh\]{
max-height: 80vh;
}
.md\:max-h-96{
max-height: 24rem;
}
.md\:max-h-\[85vh\]{
max-height: 85vh;
}
.md\:max-h-\[650px\]{
max-height: 650px;
}
.md\:max-h-\[calc\(90vh-280px\)\]{
max-height: calc(90vh - 280px);
}
.md\:max-h-\[calc\(100vh-16px\)\]{
max-height: calc(100vh - 16px);
}
.md\:max-h-\[60vh\]{
max-height: 60vh;
}
.md\:min-h-\[38px\]{
min-height: 38px;
}
.md\:min-h-\[650px\]{
min-height: 650px;
}
.md\:min-h-\[28px\]{
min-height: 28px;
}
.md\:min-h-\[500px\]{
min-height: 500px;
}
.md\:min-h-0{
min-height: 0px;
}
.md\:min-h-\[unset\]{
min-height: unset;
}
.md\:min-h-\[182px\]{
min-height: 182px;
}
.md\:min-h-\[44px\]{
min-height: 44px;
}
.md\:w-3\/4{
width: 75%;
}
.md\:w-1\/2{
width: 50%;
}
.md\:w-7{
width: 1.75rem;
}
.md\:w-full{
width: 100%;
}
.md\:w-12{
width: 3rem;
}
.md\:w-32{
width: 8rem;
}
.md\:w-6{
width: 1.5rem;
}
.md\:w-auto{
width: auto;
}
.md\:w-2\/3{
width: 66.666667%;
}
.md\:w-1\/5{
width: 20%;
}
.md\:w-4\.5{
width: 1.125rem;
}
.md\:w-4{
width: 1rem;
}
.md\:w-16{
width: 4rem;
}
.md\:w-1\/6{
width: 16.666667%;
}
.md\:w-\[calc\(16\.67\%\+16px\)\]{
width: calc(16.67% + 16px);
}
.md\:w-4\/12{
width: 33.333333%;
}
.md\:w-2\/12{
width: 16.666667%;
}
.md\:w-1\/4{
width: 25%;
}
.md\:w-80{
width: 20rem;
}
.md\:w-\[750px\]{
width: 750px;
}
.md\:w-\[70px\]{
width: 70px;
}
.md\:w-10{
width: 2.5rem;
}
.md\:w-\[140px\]{
width: 140px;
}
.md\:w-\[35\%\]{
width: 35%;
}
.md\:w-\[65\%\]{
width: 65%;
}
.md\:w-1\/3{
width: 33.333333%;
}
.md\:w-3\/5{
width: 60%;
}
.md\:w-5\.5{
width: 1.375rem;
}
.md\:w-5{
width: 1.25rem;
}
.md\:w-\[487px\]{
width: 487px;
}
.md\:w-\[68px\]{
width: 68px;
}
.md\:w-\[130px\]{
width: 130px;
}
.md\:w-\[90px\]{
width: 90px;
}
.md\:w-w-18{
width: 4.5rem;
}
.md\:w-\[calc\(100\%\+60px\)\]{
width: calc(100% + 60px);
}
.md\:w-2\.5{
width: 0.625rem;
}
.md\:w-2{
width: 0.5rem;
}
.md\:w-\[76px\]{
width: 76px;
}
.md\:w-max{
width: -moz-max-content;
width: max-content;
}
.md\:w-5\/6{
width: 83.333333%;
}
.md\:w-\[116px\]{
width: 116px;
}
.md\:w-\[calc\(100\%-116px\)\]{
width: calc(100% - 116px);
}
.md\:w-\[calc\(57\.33\%-32px\)\]{
width: calc(57.33% - 32px);
}
.md\:w-\[calc\(20\%\+16px\)\]{
width: calc(20% + 16px);
}
.md\:w-\[16\.67\%\]{
width: 16.67%;
}
.md\:w-\[75px\]{
width: 75px;
}
.md\:w-\[100px\]{
width: 100px;
}
.md\:w-\[80px\]{
width: 80px;
}
.md\:w-8{
width: 2rem;
}
.md\:w-\[60px\]{
width: 60px;
}
.md\:w-7\.5{
width: 1.875rem;
}
.md\:w-14{
width: 3.5rem;
}
.md\:w-20{
width: 5rem;
}
.md\:w-9{
width: 2.25rem;
}
.md\:w-\[calc\(var\(--product-info-media-width\)\)\]{
width: calc(var(--product-info-media-width));
}
.md\:min-w-\[300px\]{
min-width: 300px;
}
.md\:min-w-\[160px\]{
min-width: 160px;
}
.md\:min-w-\[270px\]{
min-width: 270px;
}
.md\:min-w-\[22px\]{
min-width: 22px;
}
.md\:min-w-\[40px\]{
min-width: 40px;
}
.md\:min-w-\[82px\]{
min-width: 82px;
}
.md\:min-w-\[10px\]{
min-width: 10px;
}
.md\:min-w-\[10rem\]{
min-width: 10rem;
}
.md\:min-w-\[100px\]{
min-width: 100px;
}
.md\:min-w-0{
min-width: 0px;
}
.md\:max-w-4xl{
max-width: 56rem;
}
.md\:max-w-\[800px\]{
max-width: 800px;
}
.md\:max-w-\[400px\]{
max-width: 400px;
}
.md\:max-w-\[280px\]{
max-width: 280px;
}
.md\:max-w-\[600px\]{
max-width: 600px;
}
.md\:max-w-\[750px\]{
max-width: 750px;
}
.md\:max-w-\[15\.5rem\]{
max-width: 15.5rem;
}
.md\:max-w-\[var\(--max-width-block-text\)\]{
max-width: var(--max-width-block-text);
}
.md\:max-w-xl{
max-width: 36rem;
}
.md\:max-w-none{
max-width: none;
}
.md\:max-w-\[430px\]{
max-width: 430px;
}
.md\:max-w-\[80\%\]{
max-width: 80%;
}
.md\:max-w-full{
max-width: 100%;
}
.md\:flex-1{
flex: 1 1 0%;
}
.md\:flex-auto{
flex: 1 1 auto;
}
.md\:shrink-0{
flex-shrink: 0;
}
.md\:grow-0{
flex-grow: 0;
}
.md\:grow{
flex-grow: 1;
}
.md\:basis-1\/3{
flex-basis: 33.333333%;
}
.md\:basis-1\/5{
flex-basis: 20%;
}
.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-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\:-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-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-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-\[10\%\]{
--tw-translate-x: -10%;
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-\[10\%\]{
--tw-translate-x: 10%;
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-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\:-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-grab{
cursor: grab;
}
.md\:cursor-default{
cursor: default;
}
.md\:grid-cols-none{
grid-template-columns: none;
}
.md\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-\[1\.5fr_1\.5fr_1fr\]{
grid-template-columns: 1.5fr 1.5fr 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{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.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;
}
{
justify-content: center;
}
.md\:justify-between{
justify-content: space-between;
}
.md\:gap-10{
gap: 2.5rem;
}
.md\:gap-2\.5{
gap: 0.625rem;
}
.md\:gap-2{
gap: 0.5rem;
}
.md\:gap-7\.5{
gap: 1.875rem;
}
.md\:gap-7{
gap: 1.75rem;
}
.md\:gap-\[var\(--spacing-column\)\]{
gap: var(--spacing-column);
}
.md\:gap-\[30px\]{
gap: 30px;
}
.md\:gap-8{
gap: 2rem;
}
.md\:gap-20{
gap: 5rem;
}
.md\:gap-1\.5{
gap: 0.375rem;
}
.md\:gap-1{
gap: 0.25rem;
}
.md\:gap-5{
gap: 1.25rem;
}
.md\:gap-3\.5{
gap: 0.875rem;
}
.md\:gap-3{
gap: 0.75rem;
}
.md\:gap-12{
gap: 3rem;
}
.md\:gap-4{
gap: 1rem;
}
.md\:gap-6{
gap: 1.5rem;
}
.md\:gap-y-2{
row-gap: 0.5rem;
}
.md\:gap-y-0{
row-gap: 0px;
}
.md\:gap-x-\[4\%\]{
-moz-column-gap: 4%;
column-gap: 4%;
}
.md\:gap-x-4{
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.md\:gap-y-10{
row-gap: 2.5rem;
}
.md\:gap-x-8{
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.md\:gap-x-2{
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.md\:gap-x-5{
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.md\:gap-y-3{
row-gap: 0.75rem;
}
.md\:self-start{
align-self: flex-start;
}
.md\:self-end{
align-self: flex-end;
}
.md\:overflow-auto{
overflow: auto;
}
.md\:overflow-visible{
overflow: visible;
}
.md\:overflow-y-auto{
overflow-y: auto;
}
.md\:overflow-y-visible{
overflow-y: visible;
}
.md\:overflow-y-scroll{
overflow-y: scroll;
}
.md\:whitespace-nowrap{
white-space: nowrap;
}
@media (min-width: 768px){
.md\:md\:whitespace-nowrap{
white-space: nowrap;
}
}
.md\:rounded-\[var\(--rounded-corners\)\]{
border-radius: var(--rounded-corners);
}
.md\:rounded-none{
border-radius: 0px;
}
.md\:rounded-\[10px\]{
border-radius: 10px;
}
.md\:rounded-\[var\(--border-radius-drawer\)\]{
border-radius: var(--border-radius-drawer);
}
.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-t{
border-top-width: 1px;
}
.md\:border-b{
border-bottom-width: 1px;
}
.md\:border-t-0{
border-top-width: 0px;
}
.md\:border-b-0{
border-bottom-width: 0px;
}
.md\:border-l{
border-left-width: 1px;
}
.md\:border-solid{
border-style: solid;
}
.md\:border-none{
border-style: none;
}
.md\:bg-transparent{
background-color: transparent;
}
.md\:p-0\.5{
padding: 0.125rem;
}
.md\:p-0{
padding: 0px;
}
.md\:p-\[60px\]{
padding: 60px;
}
.md\:p-5{
padding: 1.25rem;
}
.md\:p-3{
padding: 0.75rem;
}
.md\:p-\[25px\]{
padding: 25px;
}
.md\:p-8{
padding: 2rem;
}
.md\:p-10{
padding: 2.5rem;
}
.md\:p-\[30px\]{
padding: 30px;
}
.md\:p-2{
padding: 0.5rem;
}
.md\:p-1\.5{
padding: 0.375rem;
}
.md\:p-1{
padding: 0.25rem;
}
.md\:p-4{
padding: 1rem;
}
.md\:p-7\.5{
padding: 1.875rem;
}
.md\:p-7{
padding: 1.75rem;
}
.md\:p-6\.5{
padding: 1.625rem;
}
.md\:p-6{
padding: 1.5rem;
}
.md\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.md\:py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.md\:px-\[3\%\]{
padding-left: 3%;
padding-right: 3%;
}
.md\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.md\:px-\[45px\]{
padding-left: 45px;
padding-right: 45px;
}
.md\:py-\[35px\]{
padding-top: 35px;
padding-bottom: 35px;
}
.md\:px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.md\:px-2\.5{
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.md\:px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.md\:py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.md\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.md\:px-12{
padding-left: 3rem;
padding-right: 3rem;
}
.md\:py-20{
padding-top: 5rem;
padding-bottom: 5rem;
}
.md\:py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.md\:px-3\.5{
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.md\:px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.md\:px-7\.5{
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.md\:px-7{
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.md\:py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.md\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.md\:px-4\.5{
padding-left: 1.125rem;
padding-right: 1.125rem;
}
.md\:py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.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-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.md\:py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.md\:py-\[14px\]{
padding-top: 14px;
padding-bottom: 14px;
}
.md\:py-2\.5{
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.md\:py-1\.5{
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.md\:py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.md\:px-20{
padding-left: 5rem;
padding-right: 5rem;
}
.md\:pl-3{
padding-left: 0.75rem;
}
.md\:pr-2\.5{
padding-right: 0.625rem;
}
.md\:pr-2{
padding-right: 0.5rem;
}
.md\:pt-3{
padding-top: 0.75rem;
}
.md\:pb-3{
padding-bottom: 0.75rem;
}
.md\:pr-0{
padding-right: 0px;
}
.md\:pb-2\.5{
padding-bottom: 0.625rem;
}
.md\:pt-2\.5{
padding-top: 0.625rem;
}
.md\:pb-2{
padding-bottom: 0.5rem;
}
.md\:pt-2{
padding-top: 0.5rem;
}
.md\:pb-7{
padding-bottom: 1.75rem;
}
.md\:pb-4{
padding-bottom: 1rem;
}
.md\:pt-12{
padding-top: 3rem;
}
.md\:pr-12{
padding-right: 3rem;
}
.md\:pb-12{
padding-bottom: 3rem;
}
.md\:pl-12{
padding-left: 3rem;
}
.md\:pl-6{
padding-left: 1.5rem;
}
.md\:pr-6{
padding-right: 1.5rem;
}
.md\:pt-5{
padding-top: 1.25rem;
}
.md\:pt-0{
padding-top: 0px;
}
.md\:pb-0{
padding-bottom: 0px;
}
.md\:pl-20{
padding-left: 5rem;
}
.md\:pr-20{
padding-right: 5rem;
}
.md\:pt-40{
padding-top: 10rem;
}
.md\:pb-40{
padding-bottom: 10rem;
}
.md\:pt-7\.5{
padding-top: 1.875rem;
}
.md\:pb-5{
padding-bottom: 1.25rem;
}
.md\:pt-7{
padding-top: 1.75rem;
}
.md\:pt-3\.5{
padding-top: 0.875rem;
}
.md\:pb-3\.5{
padding-bottom: 0.875rem;
}
.md\:pr-10{
padding-right: 2.5rem;
}
.md\:pl-10{
padding-left: 2.5rem;
}
.md\:pt-4{
padding-top: 1rem;
}
.md\:pl-8{
padding-left: 2rem;
}
.md\:pr-8{
padding-right: 2rem;
}
.md\:pb-\[60px\]{
padding-bottom: 60px;
}
.md\:pb-8{
padding-bottom: 2rem;
}
.md\:pb-10{
padding-bottom: 2.5rem;
}
.md\:pb-7\.5{
padding-bottom: 1.875rem;
}
.md\:pb-16{
padding-bottom: 4rem;
}
.md\:pr-3\.5{
padding-right: 0.875rem;
}
.md\:pl-3\.5{
padding-left: 0.875rem;
}
.md\:pr-3{
padding-right: 0.75rem;
}
.md\:pl-2\.5{
padding-left: 0.625rem;
}
.md\:pl-2{
padding-left: 0.5rem;
}
.md\:pt-8{
padding-top: 2rem;
}
.md\:pl-0{
padding-left: 0px;
}
.md\:pl-7\.5{
padding-left: 1.875rem;
}
.md\:pr-7\.5{
padding-right: 1.875rem;
}
.md\:pl-7{
padding-left: 1.75rem;
}
.md\:pr-7{
padding-right: 1.75rem;
}
.md\:pt-\[54px\]{
padding-top: 54px;
}
.md\:pb-\[54px\]{
padding-bottom: 54px;
}
.md\:pb-1{
padding-bottom: 0.25rem;
}
.md\:pl-4\.5{
padding-left: 1.125rem;
}
.md\:pr-4\.5{
padding-right: 1.125rem;
}
.md\:pl-4{
padding-left: 1rem;
}
.md\:pr-4{
padding-right: 1rem;
}
.md\:pt-0\.5{
padding-top: 0.125rem;
}
.md\:pb-0\.5{
padding-bottom: 0.125rem;
}
.md\:pb-6{
padding-bottom: 1.5rem;
}
.md\:pt-1{
padding-top: 0.25rem;
}
.md\:pt-1\.5{
padding-top: 0.375rem;
}
.md\:pt-6{
padding-top: 1.5rem;
}
.md\:pl-9{
padding-left: 2.25rem;
}
.md\:pr-9{
padding-right: 2.25rem;
}
.md\:pl-5\.5{
padding-left: 1.375rem;
}
.md\:pr-5\.5{
padding-right: 1.375rem;
}
.md\:pl-5{
padding-left: 1.25rem;
}
.md\:pr-5{
padding-right: 1.25rem;
}
.md\:pb-\[var\(--swiffy-slider-indicator-outside-size\)\]{
padding-bottom: var(--swiffy-slider-indicator-outside-size);
}
.md\:pb-1\.5{
padding-bottom: 0.375rem;
}
.md\:pt-4\.5{
padding-top: 1.125rem;
}
.md\:pb-4\.5{
padding-bottom: 1.125rem;
}
.md\:pr-6\.5{
padding-right: 1.625rem;
}
.md\:pl-6\.5{
padding-left: 1.625rem;
}
.md\:pb-\[56\%\]{
padding-bottom: 56%;
}
.md\:pb-\[150\%\]{
padding-bottom: 150%;
}
.md\:pb-\[100\%\]{
padding-bottom: 100%;
}
.md\:pb-\[133\%\]{
padding-bottom: 133%;
}
.md\:pb-\[75\%\]{
padding-bottom: 75%;
}
.md\:pb-\[0px\]{
padding-bottom: 0px;
}
.md\:pb-\[4px\]{
padding-bottom: 4px;
}
.md\:pb-\[8px\]{
padding-bottom: 8px;
}
.md\:pb-\[12px\]{
padding-bottom: 12px;
}
.md\:pb-\[16px\]{
padding-bottom: 16px;
}
.md\:pb-\[20px\]{
padding-bottom: 20px;
}
.md\:pb-\[24px\]{
padding-bottom: 24px;
}
.md\:pb-\[28px\]{
padding-bottom: 28px;
}
.md\:pb-\[32px\]{
padding-bottom: 32px;
}
.md\:pb-\[36px\]{
padding-bottom: 36px;
}
.md\:pb-\[40px\]{
padding-bottom: 40px;
}
.md\:pb-\[44px\]{
padding-bottom: 44px;
}
.md\:pb-\[48px\]{
padding-bottom: 48px;
}
.md\:pb-\[52px\]{
padding-bottom: 52px;
}
.md\:pb-\[56px\]{
padding-bottom: 56px;
}
.md\:pb-\[64px\]{
padding-bottom: 64px;
}
.md\:pb-\[68px\]{
padding-bottom: 68px;
}
.md\:pb-\[72px\]{
padding-bottom: 72px;
}
.md\:pb-\[76px\]{
padding-bottom: 76px;
}
.md\:pb-\[80px\]{
padding-bottom: 80px;
}
.md\:pb-\[84px\]{
padding-bottom: 84px;
}
.md\:pb-\[88px\]{
padding-bottom: 88px;
}
.md\:pb-\[92px\]{
padding-bottom: 92px;
}
.md\:pb-\[96px\]{
padding-bottom: 96px;
}
.md\:pb-\[100px\]{
padding-bottom: 100px;
}
.md\:pt-\[0px\]{
padding-top: 0px;
}
.md\:pt-\[4px\]{
padding-top: 4px;
}
.md\:pt-\[8px\]{
padding-top: 8px;
}
.md\:pt-\[12px\]{
padding-top: 12px;
}
.md\:pt-\[16px\]{
padding-top: 16px;
}
.md\:pt-\[20px\]{
padding-top: 20px;
}
.md\:pt-\[24px\]{
padding-top: 24px;
}
.md\:pt-\[28px\]{
padding-top: 28px;
}
.md\:pt-\[32px\]{
padding-top: 32px;
}
.md\:pt-\[36px\]{
padding-top: 36px;
}
.md\:pt-\[40px\]{
padding-top: 40px;
}
.md\:pt-\[44px\]{
padding-top: 44px;
}
.md\:pt-\[48px\]{
padding-top: 48px;
}
.md\:pt-\[52px\]{
padding-top: 52px;
}
.md\:pt-\[56px\]{
padding-top: 56px;
}
.md\:pt-\[60px\]{
padding-top: 60px;
}
.md\:pt-\[64px\]{
padding-top: 64px;
}
.md\:pt-\[68px\]{
padding-top: 68px;
}
.md\:pt-\[72px\]{
padding-top: 72px;
}
.md\:pt-\[76px\]{
padding-top: 76px;
}
.md\:pt-\[80px\]{
padding-top: 80px;
}
.md\:pt-\[84px\]{
padding-top: 84px;
}
.md\:pt-\[88px\]{
padding-top: 88px;
}
.md\:pt-\[92px\]{
padding-top: 92px;
}
.md\:pt-\[96px\]{
padding-top: 96px;
}
.md\:pt-\[100px\]{
padding-top: 100px;
}
.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\:line-clamp-none{
-webkit-line-clamp: unset;
}
.md\:pe-0{
padding-inline-end: 0px;
}
[dir="rtl"] .md\:text-start{
text-align: right;
}
[dir="ltr"] .md\:text-start{
text-align: left;
}
.md\:color-border-\[rgba\(var\(--color-text\)\2c 0\.2\)\]{
border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.md\:color-bg-\[rgba\(var\(--color-background\)\2c 1\)\]{
background-color: rgba(var(--color-background-no-alpha) / 1);
}
.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-auto{
height: auto;
}
.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-\[95vh\]{
height: 95vh;
}
.promotion.md\:promotion\:h-\[90vh\]{
height: 90vh;
}
.promotion.md\:promotion\:h-\[100vh\]{
height: 100vh;
}
.promotion.md\:promotion\:pb-0{
padding-bottom: 0px;
}
.quick-view .md\:quick-view\:mb-2\.5{
margin-bottom: 0.625rem;
}
.quick-view .md\:quick-view\:mb-2{
margin-bottom: 0.5rem;
}
.quick-view .md\:quick-view\:pb-\[var\(--swiffy-slider-indicator-outside-size\)\]{
padding-bottom: var(--swiffy-slider-indicator-outside-size);
}
.quick-view .md\:quick-view\:pb-0{
padding-bottom: 0px;
}
.search-page .search-page\:md\:slider-item-show2 {
--swiffy-slider-item-count: 2;
}
.search-page .md\:search-page\:\!flex{
display: flex !important;
}
.search-page .search-page\:md\:max-w-full{
max-width: 100%;
}
.search-page .search-page\:md\:flex-col{
flex-direction: column;
}
.search-page .md\:search-page\:gap-y-7\.5{
row-gap: 1.875rem;
}
.search-page .md\:search-page\:gap-y-7{
row-gap: 1.75rem;
}
.search-page .search-page\:md\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.search-page .md\:search-page\:py-3\.5{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.search-page .md\:search-page\:py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.search-page .md\:search-page\:pt-5{
padding-top: 1.25rem;
}
.search-page .md\:search-page\:pb-3{
padding-bottom: 0.75rem;
}
.list-layout .md\:list-layout\:text-small {
font-size: var(--body-font-size-small);
line-height: 1.6;
}
.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\:mt-3{
margin-top: 0.75rem;
}
.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-full{
width: 100%;
}
.list-layout .md\:list-layout\:w-fit{
width: -moz-fit-content;
width: fit-content;
}
.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\:shrink-0{
flex-shrink: 0;
}
.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 .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-8{
padding: 2rem;
}
.list-layout .md\:list-layout\:p-5{
padding: 1.25rem;
}
.list-layout .md\:list-layout\:p-0{
padding: 0px;
}
.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\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.list-layout .md\:list-layout\:pt-3{
padding-top: 0.75rem;
}
.list-layout .md\:list-layout\:pr-7{
padding-right: 1.75rem;
}
.list-layout .md\:list-layout\:pt-7{
padding-top: 1.75rem;
}
.list-layout .md\:list-layout\:pt-0{
padding-top: 0px;
}
.list-layout .md\:list-layout\:pb-\[30\%\]{
padding-bottom: 30%;
}
.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;
}
.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\:line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
[dir="rtl"] .list-layout .md\:list-layout\:text-start{
text-align: right;
}
[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;
}
[dir="ltr"] .md\:ltr\:right-3{
right: 0.75rem;
}
[dir="ltr"] .ltr\:md\:left-auto{
left: auto;
}
[dir="ltr"] .md\:ltr\:pl-4{
padding-left: 1rem;
}
[dir="ltr"] .ltr\:md\:pl-5{
padding-left: 1.25rem;
}
[dir="ltr"] .ltr\:md\:pr-\[70px\]{
padding-right: 70px;
}
{
justify-content: flex-start;
justify-content: flex-end;
justify-content: flex-start;
}
[dir="rtl"] .rtl\:md\:-justify-right, [dir="rtl"] [dir="rtl"] .rtl\:md\:-justify-right{
justify-content: flex-start;
}
[dir="rtl"] .md\:rtl\:-justify-right, [dir="rtl"] [dir="rtl"] .md\:rtl\:-justify-right{
justify-content: flex-start;
}
[dir="rtl"] .rtl\:md\:-justify-right, [dir="rtl"] [dir="rtl"] .rtl\:md\:-justify-right{
justify-content: flex-start;
}
[dir="rtl"] .md\:rtl\:-justify-right, [dir="rtl"] [dir="rtl"] .md\:rtl\:-justify-right{
justify-content: flex-start;
}
{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:md\:-justify-left, [dir="rtl"] [dir="rtl"] .rtl\:md\:-justify-left{
justify-content: flex-end;
}
[dir="rtl"] .md\:rtl\:-justify-left, [dir="rtl"] [dir="rtl"] .md\:rtl\:-justify-left{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:md\:-justify-left, [dir="rtl"] [dir="rtl"] .rtl\:md\:-justify-left{
justify-content: flex-end;
}
[dir="rtl"] .md\:rtl\:-justify-left, [dir="rtl"] [dir="rtl"] .md\:rtl\:-justify-left{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:md\:-justify-center, [dir="rtl"] [dir="rtl"] .rtl\:md\:-justify-center{
justify-content: center;
}
[dir="rtl"] .md\:rtl\:-justify-center, [dir="rtl"] [dir="rtl"] .md\:rtl\:-justify-center{
justify-content: center;
}
[dir="rtl"] .rtl\:md\:-justify-center, [dir="rtl"] [dir="rtl"] .rtl\:md\:-justify-center{
justify-content: center;
}
[dir="rtl"] .md\:rtl\:-justify-center, [dir="rtl"] [dir="rtl"] .md\:rtl\:-justify-center{
justify-content: center;
}
{
justify-content: flex-start;
justify-content: flex-end;
}
[dir="rtl"] .rtl\:md\:webkit-text-center {
text-align: -webkit-center;
}
[dir="rtl"] .md\:rtl\:left-3{
left: 0.75rem;
}
[dir="rtl"] .rtl\:md\:left-auto{
left: auto;
}
[dir="rtl"] .rtl\:md\:right-5{
right: 1.25rem;
}
[dir="rtl"] .rtl\:md\:right-auto{
right: auto;
}
[dir="rtl"] .rtl\:md\:left-5{
left: 1.25rem;
}
[dir="rtl"] .rtl\:md\:mr-4{
margin-right: 1rem;
}
[dir="rtl"] .rtl\:md\:ml-0{
margin-left: 0px;
}
[dir="rtl"] .rtl\:md\:flex-row{
flex-direction: row;
}
[dir="rtl"] .md\:rtl\:flex-row{
flex-direction: row;
}
[dir="rtl"] .rtl\:md\:flex-row-reverse{
flex-direction: row-reverse;
}
[dir="rtl"] .md\:rtl\:flex-row-reverse{
flex-direction: row-reverse;
}
[dir="rtl"] .rtl\:md\:items-start{
align-items: flex-start;
}
[dir="rtl"] .rtl\:md\:items-end{
align-items: flex-end;
}
[dir="rtl"] .rtl\:md\:items-center{
align-items: center;
}
[dir="rtl"] .rtl\:md\:justify-start{
justify-content: flex-start;
}
[dir="rtl"] .rtl\:md\:justify-end{
justify-content: flex-end;
}
{
justify-content: center;
}
[dir="rtl"] .rtl\:md\:self-start{
align-self: flex-start;
}
[dir="rtl"] .rtl\:md\:self-end{
align-self: flex-end;
}
[dir="rtl"] .md\:rtl\:pr-4{
padding-right: 1rem;
}
[dir="rtl"] .rtl\:md\:pr-7\.5{
padding-right: 1.875rem;
}
[dir="rtl"] .rtl\:md\:pr-7{
padding-right: 1.75rem;
}
[dir="rtl"] .rtl\:md\:pr-5{
padding-right: 1.25rem;
}
[dir="rtl"] .rtl\:md\:pl-\[70px\]{
padding-left: 70px;
}
[dir="rtl"] .rtl\:md\:text-right{
text-align: right;
}
[dir="rtl"] .list-layout .md\:rtl\:list-layout\:left-0{
left: 0px;
}
[dir="rtl"] .list-layout .md\:rtl\:list-layout\:right-auto{
right: auto;
}
[dir="rtl"] .list-layout .md\:rtl\:list-layout\:flex-row-reverse{
flex-direction: row-reverse;
}
[dir="rtl"] .list-layout .md\:rtl\:list-layout\:justify-end{
justify-content: flex-end;
}
[dir="rtl"] .list-layout .rtl\:md\:list-layout\:pr-0{
padding-right: 0px;
}
[dir="rtl"] .list-layout .rtl\:md\:list-layout\:pl-7{
padding-left: 1.75rem;
}
.dark .list-layout .md\:dark\:list-layout\:p-5{
padding: 1.25rem;
}
.dark .list-layout .md\:dark\:list-layout\:p-0{
padding: 0px;
}
}
@media (min-width: 1024px){
.lg\:items-right{
align-items: flex-end;
}
.lg\:items-left{
align-items: flex-start;
}
.lg\:slider-item-show1 {
--swiffy-slider-item-count: 1;
}
.lg\:slider-item-show2 {
--swiffy-slider-item-count: 2;
}
.lg\:slider-item-show3 {
--swiffy-slider-item-count: 3;
}
.lg\:slider-item-show4 {
--swiffy-slider-item-count: 4;
}
.lg\:slider-item-show5 {
--swiffy-slider-item-count: 5;
}
.lg\:slider-item-show6 {
--swiffy-slider-item-count: 6;
}
.lg\:slider-item-show7 {
--swiffy-slider-item-count: 7;
}
.lg\:slider-item-show8 {
--swiffy-slider-item-count: 8;
}
.lg\:slider-item-show9 {
--swiffy-slider-item-count: 9;
}
.lg\:slider-item-show10 {
--swiffy-slider-item-count: 10;
}
.lg\:slider-item-show11 {
--swiffy-slider-item-count: 11;
}
.lg\:slider-item-show12 {
--swiffy-slider-item-count: 12;
}
.lg\: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){
.lg\:promotion-alignment--top-left{
left: 1.25rem;
}
}
.lg\: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));
}
.lg\: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){
.lg\:promotion-alignment--top-right{
right: 1.25rem;
}
}
.lg\: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){
.lg\:promotion-alignment--center-left{
left: 1.25rem;
}
}
.lg\: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));
}
.lg\: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){
.lg\:promotion-alignment--center-right{
right: 1.25rem;
}
}
.lg\: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){
.lg\:promotion-alignment--bottom-left{
left: 1.25rem;
}
}
.lg\: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));
}
.lg\: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){
.lg\:promotion-alignment--bottom-right{
right: 1.25rem;
}
}
.lg\: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));
}
.lg\:justify-left{
justify-content: flex-start;
}
{
justify-content: flex-start;
}
.lg\:justify-right{
justify-content: flex-end;
}
{
justify-content: flex-end;
}
.lg\:items-left{
align-items: flex-start;
}
.lg\:items-right{
align-items: flex-end;
}
.lg\:\!swiffy-slider.enable-effect-hover{
overflow: hidden;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.lg\:\!swiffy-slider.enable-effect-hover,
body.scrollbar.lg\:\!swiffy-slider.enable-effect-hover {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.lg\:\!swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button,
body.scrollbar.lg\:\!swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.lg\:justify-left{
justify-content: flex-start;
}
{
justify-content: flex-start;
}
.lg\:-justify-right, [dir="rtl"] .lg\:-justify-right{
justify-content: flex-start;
}
.lg\:justify-right{
justify-content: flex-end;
}
{
justify-content: flex-end;
}
.lg\:-justify-left, [dir="rtl"] .lg\:-justify-left{
justify-content: flex-end;
}
.lg\:-justify-center, [dir="rtl"] .lg\:-justify-center{
justify-content: center;
}
.lg\:justify-left{
justify-content: flex-start;
}
{
justify-content: flex-start;
}
.lg\:justify-right{
justify-content: flex-end;
}
{
justify-content: flex-end;
}
.lg\:items-left{
align-items: flex-start;
}
.lg\:items-right{
align-items: flex-end;
}
.section-hero-slideshow-horizontal .lg\:\!swiffy-slider[data-effect="fade"] > .slider-container > .slide-item.is-active {
animation: none !important;
}
.section-hero-slideshow-horizontal .lg\:bg-transparent {
background: transparent;
}
.lg\:pointer-events-none{
pointer-events: none;
}
.lg\:static{
position: static;
}
.lg\:absolute{
position: absolute;
}
.lg\:sticky{
position: sticky;
}
.lg\:left-\[489px\]{
left: 489px;
}
.lg\:right-\[489px\]{
right: 489px;
}
.lg\:top-0{
top: 0px;
}
.lg\:bottom-5{
bottom: 1.25rem;
}
.lg\:order-2{
order: 2;
}
.lg\:col-span-2{
grid-column: span 2 / span 2;
}
.lg\:col-span-3{
grid-column: span 3 / span 3;
}
.lg\:col-span-4{
grid-column: span 4 / span 4;
}
.lg\:col-span-5{
grid-column: span 5 / span 5;
}
.lg\:col-span-6{
grid-column: span 6 / span 6;
}
.lg\:col-span-1{
grid-column: span 1 / span 1;
}
.lg\:row-span-1{
grid-row: span 1 / span 1;
}
.lg\:row-span-2{
grid-row: span 2 / span 2;
}
.lg\:row-span-3{
grid-row: span 3 / span 3;
}
.lg\:row-span-4{
grid-row: span 4 / span 4;
}
.lg\:row-span-5{
grid-row: span 5 / span 5;
}
.lg\:row-span-6{
grid-row: span 6 / span 6;
}
.lg\:m-4{
margin: 1rem;
}
.lg\:m-6{
margin: 1.5rem;
}
.lg\:m-8{
margin: 2rem;
}
.lg\:m-10{
margin: 2.5rem;
}
.lg\:-mx-0\.5{
margin-left: -0.125rem;
margin-right: -0.125rem;
}
.lg\:-mx-0{
margin-left: -0px;
margin-right: -0px;
}
.lg\:mx-1{
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.lg\:mt-4{
margin-top: 1rem;
}
.lg\:mt-5{
margin-top: 1.25rem;
}
.lg\:mt-0{
margin-top: 0px;
}
.lg\:mb-12{
margin-bottom: 3rem;
}
.lg\:mb-14{
margin-bottom: 3.5rem;
}
.lg\:mt-3{
margin-top: 0.75rem;
}
.lg\:mb-10{
margin-bottom: 2.5rem;
}
.lg\:mb-3\.5{
margin-bottom: 0.875rem;
}
.lg\:mb-3{
margin-bottom: 0.75rem;
}
.lg\:mb-0{
margin-bottom: 0px;
}
.lg\:ml-0{
margin-left: 0px;
}
.lg\:mr-0{
margin-right: 0px;
}
.lg\:ml-auto{
margin-left: auto;
}
.lg\:mr-auto{
margin-right: auto;
}
.lg\:ml-14{
margin-left: 3.5rem;
}
.lg\:mb-5{
margin-bottom: 1.25rem;
}
.lg\:mr-7\.5{
margin-right: 1.875rem;
}
.lg\:mr-7{
margin-right: 1.75rem;
}
.lg\:mr-1\.5{
margin-right: 0.375rem;
}
.lg\:mr-1{
margin-right: 0.25rem;
}
.lg\:ml-10{
margin-left: 2.5rem;
}
.lg\:mr-10{
margin-right: 2.5rem;
}
.lg\:ml-8{
margin-left: 2rem;
}
.lg\:mr-8{
margin-right: 2rem;
}
.lg\:ml-6{
margin-left: 1.5rem;
}
.lg\:mr-6{
margin-right: 1.5rem;
}
.lg\:mr-4{
margin-right: 1rem;
}
.lg\:ml-4{
margin-left: 1rem;
}
.lg\:block{
display: block;
}
.lg\:\!block{
display: block !important;
}
.lg\:inline-block{
display: inline-block;
}
.lg\:flex{
display: flex;
}
.lg\:inline-flex{
display: inline-flex;
}
.lg\:grid{
display: grid;
}
.lg\:hidden{
display: none;
}
.lg\:\!hidden{
display: none !important;
}
.lg\:aspect-auto{
aspect-ratio: auto;
}
.lg\:h-6{
height: 1.5rem;
}
.lg\:h-full{
height: 100%;
}
.lg\:h-7{
height: 1.75rem;
}
.lg\:h-0{
height: 0px;
}
.lg\:h-\[650px\]{
height: 650px;
}
.lg\:h-9{
height: 2.25rem;
}
.lg\:h-\[44px\]{
height: 44px;
}
.lg\:h-\[400px\]{
height: 400px;
}
.lg\:h-\[450px\]{
height: 450px;
}
.lg\:h-\[550px\]{
height: 550px;
}
.lg\:h-\[750px\]{
height: 750px;
}
.lg\:h-\[100vh\]{
height: 100vh;
}
.lg\:max-h-\[100vh\]{
max-height: 100vh;
}
.lg\:max-h-\[calc\(100\%-30px\)\]{
max-height: calc(100% - 30px);
}
.lg\:w-6{
width: 1.5rem;
}
.lg\:w-\[48\%\]{
width: 48%;
}
.lg\:w-1\/2{
width: 50%;
}
.lg\:w-3\/4{
width: 75%;
}
.lg\:w-7{
width: 1.75rem;
}
.lg\:w-full{
width: 100%;
}
.lg\:w-\[810px\]{
width: 810px;
}
.lg\:w-fit{
width: -moz-fit-content;
width: fit-content;
}
.lg\:w-1\/3{
width: 33.333333%;
}
.lg\:w-2\/3{
width: 66.666667%;
}
.lg\:w-\[367px\]{
width: 367px;
}
.lg\:w-9{
width: 2.25rem;
}
.lg\:w-1\/5{
width: 20%;
}
.lg\:w-36{
width: 9rem;
}
.lg\:w-\[44px\]{
width: 44px;
}
.lg\:w-3\/5{
width: 60%;
}
.lg\:w-auto{
width: auto;
}
.lg\:w-\[130px\]{
width: 130px;
}
.lg\:w-\[46\%\]{
width: 46%;
}
.lg\:w-1\/4{
width: 25%;
}
.lg\:w-1\/6{
width: 16.666667%;
}
.lg\:w-\[30\%\]{
width: 30%;
}
.lg\:w-\[20\%\]{
width: 20%;
}
.lg\:w-\[10\%\]{
width: 10%;
}
.lg\:w-\[37\.5\%\]{
width: 37.5%;
}
.lg\:w-\[25\.0\%\]{
width: 25.0%;
}
.lg\:w-\[12\.5\%\]{
width: 12.5%;
}
.lg\:min-w-\[400px\]{
min-width: 400px;
}
.lg\:min-w-\[unset\]{
min-width: unset;
}
.lg\:min-w-\[36px\]{
min-width: 36px;
}
.lg\:min-w-\[200px\]{
min-width: 200px;
}
.lg\:min-w-full{
min-width: 100%;
}
.lg\:max-w-\[300px\]{
max-width: 300px;
}
.lg\:max-w-\[200px\]{
max-width: 200px;
}
.lg\:max-w-\[310px\]{
max-width: 310px;
}
.lg\:max-w-\[450px\]{
max-width: 450px;
}
.lg\:max-w-4xl{
max-width: 56rem;
}
.lg\:max-w-\[var\(--page-width\)\]{
max-width: var(--page-width);
}
.lg\:max-w-\[calc\(var\(--page-width\)\/8\)\]{
max-width: calc(var(--page-width) / 8);
}
.lg\:max-w-\[62\.5\%\]{
max-width: 62.5%;
}
.lg\:max-w-\[75\.0\%\]{
max-width: 75.0%;
}
.lg\:max-w-\[87\.5\%\]{
max-width: 87.5%;
}
.lg\:flex-none{
flex: none;
}
.lg\:grow-0{
flex-grow: 0;
}
.lg\:origin-top{
transform-origin: top;
}
.lg\:scroll-px-0\.5{
scroll-padding-left: 0.125rem;
scroll-padding-right: 0.125rem;
}
.lg\:scroll-px-0{
scroll-padding-left: 0px;
scroll-padding-right: 0px;
}
.lg\:grid-flow-row{
grid-auto-flow: row;
}
.lg\:grid-cols-none{
grid-template-columns: none;
}
.lg\:grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.lg\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.lg\:grid-cols-8{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.lg\:grid-cols-9{
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.lg\:grid-cols-10{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.lg\:grid-cols-11{
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.lg\:grid-cols-12{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.lg\:flex-row{
flex-direction: row;
}
.lg\:flex-row-reverse{
flex-direction: row-reverse;
}
.lg\:flex-col{
flex-direction: column;
}
.lg\:flex-wrap{
flex-wrap: wrap;
}
.lg\:flex-nowrap{
flex-wrap: nowrap;
}
.lg\:items-start{
align-items: flex-start;
}
.lg\:items-stretch{
align-items: stretch;
}
.lg\:justify-start{
justify-content: flex-start;
}
.lg\:justify-center{
justify-content: center;
}
{
justify-content: center;
}
.lg\:gap-4{
gap: 1rem;
}
.lg\:gap-\[30px\]{
gap: 30px;
}
.lg\:gap-0{
gap: 0px;
}
.lg\:gap-5{
gap: 1.25rem;
}
.lg\:gap-1\.5{
gap: 0.375rem;
}
.lg\:gap-1{
gap: 0.25rem;
}
.lg\:gap-x-5{
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.lg\:gap-x-10{
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.lg\:gap-y-3{
row-gap: 0.75rem;
}
.lg\:gap-y-\[18px\]{
row-gap: 18px;
}
.lg\:gap-x-\[8\%\]{
-moz-column-gap: 8%;
column-gap: 8%;
}
.lg\:self-start{
align-self: flex-start;
}
.lg\:self-end{
align-self: flex-end;
}
.lg\:self-center{
align-self: center;
}
.lg\:overflow-visible{
overflow: visible;
}
.lg\:overflow-y-auto{
overflow-y: auto;
}
.lg\:overflow-y-hidden{
overflow-y: hidden;
}
.lg\:whitespace-normal{
white-space: normal;
}
.lg\:rounded-none{
border-radius: 0px;
}
.lg\:rounded-\[20px\]{
border-radius: 20px;
}
.lg\:border-b{
border-bottom-width: 1px;
}
.lg\:border-b-\[0\.5px\]{
border-bottom-width: 0.5px;
}
.lg\:border-t-0{
border-top-width: 0px;
}
.lg\:border-t{
border-top-width: 1px;
}
.lg\:border-r{
border-right-width: 1px;
}
.lg\:border-l-0{
border-left-width: 0px;
}
.lg\:bg-transparent{
background-color: transparent;
}
.lg\:p-1\.5{
padding: 0.375rem;
}
.lg\:p-1{
padding: 0.25rem;
}
.lg\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:px-\[2\.5\%\]{
padding-left: 2.5%;
padding-right: 2.5%;
}
.lg\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.lg\:py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.lg\:py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.lg\:px-6\.5{
padding-left: 1.625rem;
padding-right: 1.625rem;
}
.lg\:py-6\.5{
padding-top: 1.625rem;
padding-bottom: 1.625rem;
}
.lg\:py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.lg\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.lg\:py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.lg\:px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.lg\:px-0\.5{
padding-left: 0.125rem;
padding-right: 0.125rem;
}
.lg\:px-7{
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.lg\:py-3\.5{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.lg\:pt-3{
padding-top: 0.75rem;
}
.lg\:pb-3{
padding-bottom: 0.75rem;
}
.lg\:pl-0{
padding-left: 0px;
}
.lg\:pr-0{
padding-right: 0px;
}
.lg\:pt-9{
padding-top: 2.25rem;
}
.lg\:pb-7{
padding-bottom: 1.75rem;
}
.lg\:pb-0{
padding-bottom: 0px;
}
.lg\:pt-0{
padding-top: 0px;
}
.lg\:pb-1\.5{
padding-bottom: 0.375rem;
}
.lg\:pt-1\.5{
padding-top: 0.375rem;
}
.lg\:pl-4{
padding-left: 1rem;
}
.lg\:pr-4{
padding-right: 1rem;
}
.lg\:pb-2{
padding-bottom: 0.5rem;
}
.lg\:pt-2{
padding-top: 0.5rem;
}
.lg\:pl-5{
padding-left: 1.25rem;
}
.lg\:pr-5{
padding-right: 1.25rem;
}
.lg\:pb-1{
padding-bottom: 0.25rem;
}
.lg\:pt-1{
padding-top: 0.25rem;
}
.lg\:pt-6{
padding-top: 1.5rem;
}
.lg\:pt-4{
padding-top: 1rem;
}
.lg\:pb-4{
padding-bottom: 1rem;
}
.lg\:pt-3\.5{
padding-top: 0.875rem;
}
.lg\:pb-\[2\.25\%\]{
padding-bottom: 2.25%;
}
.lg\:pt-\[2\.25\%\]{
padding-top: 2.25%;
}
.lg\:pt-10{
padding-top: 2.5rem;
}
.lg\:pb-10{
padding-bottom: 2.5rem;
}
.lg\:pb-3\.5{
padding-bottom: 0.875rem;
}
.lg\:pt-\[15px\]{
padding-top: 15px;
}
.lg\:pb-\[15px\]{
padding-bottom: 15px;
}
.lg\:pb-\[56\.25\%\]{
padding-bottom: 56.25%;
}
.lg\:pl-12{
padding-left: 3rem;
}
.lg\:pr-12{
padding-right: 3rem;
}
.lg\:pr-7{
padding-right: 1.75rem;
}
.lg\:pb-5{
padding-bottom: 1.25rem;
}
.lg\:pr-\[15px\]{
padding-right: 15px;
}
.lg\:pl-\[15px\]{
padding-left: 15px;
}
.lg\:pb-\[30\%\]{
padding-bottom: 30%;
}
.lg\:pt-2\.5{
padding-top: 0.625rem;
}
.lg\:pb-2\.5{
padding-bottom: 0.625rem;
}
.lg\:pb-\[75\%\]{
padding-bottom: 75%;
}
.lg\:pb-\[56\%\]{
padding-bottom: 56%;
}
.lg\:pb-\[133\%\]{
padding-bottom: 133%;
}
.lg\:pr-7\.5{
padding-right: 1.875rem;
}
.lg\:pb-\[150\%\]{
padding-bottom: 150%;
}
.lg\:pb-\[100\%\]{
padding-bottom: 100%;
}
.lg\:text-left{
text-align: left;
}
.lg\:text-center{
text-align: center;
}
.lg\:text-right{
text-align: right;
}
.lg\:delay-\[calc\(var\(--segmented-banner-animation-duration-desktop\)\*0\.5\)\]{
transition-delay: calc(var(--segmented-banner-animation-duration-desktop) * 0.5);
}
.lg\:line-clamp-1{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.hover\:lg\:opacity-0:hover{
opacity: 0;
}
.hover\:lg\:opacity-100:hover{
opacity: 1;
}
.lg\:hover\:color-text-\[rgba\(var\(--color-button-link\)\)\]:hover{
color: rgba(var(--color-button-link));
}
.lg\:hover\:color-text-\[rgba\(var\(--color-link\)\)\]:hover{
color: rgba(var(--color-link));
}
.search-page .search-page\:lg\:slider-item-show3 {
--swiffy-slider-item-count: 3;
}
.search-page .lg\:search-page\:\!flex{
display: flex !important;
}
.search-page .lg\:search-page\:\!hidden{
display: none !important;
}
.list-layout .lg\:list-layout\:col-span-1{
grid-column: span 1 / span 1;
}
.list-layout .lg\:list-layout\:col-span-2{
grid-column: span 2 / span 2;
}
.list-layout .lg\:list-layout\:row-span-1{
grid-row: span 1 / span 1;
}
.list-layout .lg\:list-layout\:row-span-2{
grid-row: span 2 / span 2;
}
.list-layout .lg\:list-layout\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
[dir="ltr"] .ltr\:lg\:mr-1{
margin-right: 0.25rem;
}
[dir="ltr"] .ltr\:lg\:pr-4{
padding-right: 1rem;
}
{
justify-content: flex-start;
justify-content: flex-end;
justify-content: flex-start;
}
[dir="rtl"] .rtl\:lg\:-justify-right, [dir="rtl"] [dir="rtl"] .rtl\:lg\:-justify-right{
justify-content: flex-start;
}
[dir="rtl"] .lg\:rtl\:-justify-right, [dir="rtl"] [dir="rtl"] .lg\:rtl\:-justify-right{
justify-content: flex-start;
}
[dir="rtl"] .rtl\:lg\:-justify-right, [dir="rtl"] [dir="rtl"] .rtl\:lg\:-justify-right{
justify-content: flex-start;
}
[dir="rtl"] .lg\:rtl\:-justify-right, [dir="rtl"] [dir="rtl"] .lg\:rtl\:-justify-right{
justify-content: flex-start;
}
{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:lg\:-justify-left, [dir="rtl"] [dir="rtl"] .rtl\:lg\:-justify-left{
justify-content: flex-end;
}
[dir="rtl"] .lg\:rtl\:-justify-left, [dir="rtl"] [dir="rtl"] .lg\:rtl\:-justify-left{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:lg\:-justify-left, [dir="rtl"] [dir="rtl"] .rtl\:lg\:-justify-left{
justify-content: flex-end;
}
[dir="rtl"] .lg\:rtl\:-justify-left, [dir="rtl"] [dir="rtl"] .lg\:rtl\:-justify-left{
justify-content: flex-end;
}
[dir="rtl"] .rtl\:lg\:-justify-center, [dir="rtl"] [dir="rtl"] .rtl\:lg\:-justify-center{
justify-content: center;
}
[dir="rtl"] .lg\:rtl\:-justify-center, [dir="rtl"] [dir="rtl"] .lg\:rtl\:-justify-center{
justify-content: center;
}
[dir="rtl"] .rtl\:lg\:-justify-center, [dir="rtl"] [dir="rtl"] .rtl\:lg\:-justify-center{
justify-content: center;
}
[dir="rtl"] .lg\:rtl\:-justify-center, [dir="rtl"] [dir="rtl"] .lg\:rtl\:-justify-center{
justify-content: center;
}
{
justify-content: flex-start;
justify-content: flex-end;
}
[dir="rtl"] .rtl\:lg\:mr-0{
margin-right: 0px;
}
[dir="rtl"] .rtl\:lg\:ml-7\.5{
margin-left: 1.875rem;
}
[dir="rtl"] .rtl\:lg\:ml-7{
margin-left: 1.75rem;
}
[dir="rtl"] .rtl\:lg\:ml-1\.5{
margin-left: 0.375rem;
}
[dir="rtl"] .rtl\:lg\:ml-1{
margin-left: 0.25rem;
}
[dir="rtl"] .rtl\:lg\:flex-row{
flex-direction: row;
}
[dir="rtl"] .rtl\:lg\:flex-row-reverse{
flex-direction: row-reverse;
}
{
justify-content: center;
}
[dir="rtl"] .rtl\:lg\:border-l{
border-left-width: 1px;
}
[dir="rtl"] .rtl\:lg\:border-r-0{
border-right-width: 0px;
}
[dir="rtl"] .rtl\:lg\:pl-5{
padding-left: 1.25rem;
}
[dir="rtl"] .rtl\:lg\:pl-4{
padding-left: 1rem;
}
[dir="rtl"] .lg\:rtl\:pl-7\.5{
padding-left: 1.875rem;
}
[dir="rtl"] .lg\:rtl\:pl-7{
padding-left: 1.75rem;
}
[dir="rtl"] .rtl\:lg\:pl-7\.5{
padding-left: 1.875rem;
}
[dir="rtl"] .rtl\:lg\:pl-7{
padding-left: 1.75rem;
}
[dir="rtl"] .rtl\:lg\:text-right{
text-align: right;
}
}
@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: 1280px){
.xl\:slider-item-show1 {
--swiffy-slider-item-count: 1;
}
.xl\:slider-item-show2 {
--swiffy-slider-item-count: 2;
}
.xl\:slider-item-show3 {
--swiffy-slider-item-count: 3;
}
.xl\:slider-item-show4 {
--swiffy-slider-item-count: 4;
}
.xl\:slider-item-show5 {
--swiffy-slider-item-count: 5;
}
.xl\:slider-item-show6 {
--swiffy-slider-item-count: 6;
}
.xl\:slider-item-show7 {
--swiffy-slider-item-count: 7;
}
.xl\:slider-item-show8 {
--swiffy-slider-item-count: 8;
}
.xl\:slider-item-show9 {
--swiffy-slider-item-count: 9;
}
.xl\:slider-item-show10 {
--swiffy-slider-item-count: 10;
}
.xl\:slider-item-show11 {
--swiffy-slider-item-count: 11;
}
.xl\:slider-item-show12 {
--swiffy-slider-item-count: 12;
}
.xl\:\!swiffy-slider.enable-effect-hover{
overflow: hidden;
}
@media (hover: hover) and (pointer: fine), (min-width: 678px) {
body.scrollbar-body.xl\:\!swiffy-slider.enable-effect-hover,
body.scrollbar.xl\:\!swiffy-slider.enable-effect-hover {
padding-right: 3px;
overflow-y: hidden;
}
body.scrollbar-body.xl\:\!swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button,
body.scrollbar.xl\:\!swiffy-slider.enable-effect-hover .product-comparison-overlay__widget-button {
margin-right: 3px;
}
}
.section-hero-slideshow-horizontal .xl\:\!swiffy-slider[data-effect="fade"] > .slider-container > .slide-item.is-active {
animation: none !important;
}
.xl\:-mx-0\.5{
margin-left: -0.125rem;
margin-right: -0.125rem;
}
.xl\:-mx-0{
margin-left: -0px;
margin-right: -0px;
}
.xl\:block{
display: block;
}
.xl\:flex{
display: flex;
}
.xl\:grid{
display: grid;
}
.xl\:hidden{
display: none;
}
.xl\:w-\[10\.5rem\]{
width: 10.5rem;
}
.xl\:w-\[222px\]{
width: 222px;
}
.xl\:w-1\/2{
width: 50%;
}
.xl\:w-1\/3{
width: 33.333333%;
}
.xl\:w-1\/4{
width: 25%;
}
.xl\:w-1\/5{
width: 20%;
}
.xl\:w-1\/6{
width: 16.666667%;
}
.xl\:w-\[30\%\]{
width: 30%;
}
.xl\:w-\[20\%\]{
width: 20%;
}
.xl\:w-\[10\%\]{
width: 10%;
}
.xl\:max-w-\[1170px\]{
max-width: 1170px;
}
.xl\:max-w-none{
max-width: none;
}
.xl\:max-w-\[70\.0\%\]{
max-width: 70.0%;
}
.xl\:max-w-\[80\.0\%\]{
max-width: 80.0%;
}
.xl\:max-w-\[90\.0\%\]{
max-width: 90.0%;
}
.xl\:grid-cols-none{
grid-template-columns: none;
}
.xl\:grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xl\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xl\:grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.xl\:grid-cols-8{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.xl\:grid-cols-9{
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.xl\:grid-cols-10{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.xl\:grid-cols-11{
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.xl\:grid-cols-12{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.xl\:flex-wrap{
flex-wrap: wrap;
}
.xl\:justify-start{
justify-content: flex-start;
}
.xl\:justify-center{
justify-content: center;
}
.xl\:gap-x-20{
-moz-column-gap: 5rem;
column-gap: 5rem;
}
}
@media (min-width: 1536px){
.\32xl\:block{
display: block;
}
.\32xl\:hidden{
display: none;
}
.\32xl\:max-h-\[77vh\]{
max-height: 77vh;
}
.\32xl\:justify-center{
justify-content: center;
}
}
@media (min-width: 768px) and (max-width: 1023px){
.md-lg\:h-full{
height: 100%;
}
.md-lg\:pb-0{
padding-bottom: 0px;
}
}
@media (max-width: 1023px){
.max-lg\:top-0{
top: 0px;
}
.max-lg\:h-full{
height: 100%;
}
.max-lg\:w-full{
width: 100%;
}
.max-lg\:transition-none{
transition-property: none;
}
}