/** Shopify CDN: Minification failed

Line 10855:0 Unexpected "/"

**/
@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: 16px;
  --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);
}
.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;
}
.slider-container.slider-transform {
  overflow: unset;
  transition: transform var(--swiffy-slider-animation-duration) cubic-bezier(0.25, 0.1, 0.25, 1);
}
.slider-container > * {
  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-ratio .slider-container > *::after {*/
.slider-item-ratio .slider-container {
  /*display: block;*/
  padding-bottom: calc(100% / (var(--swiffy-slider-item-ratio)));
  /*content: "";*/
}
.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-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-indicators > *.active,
.section-hero-slideshow-horizontal .slider-indicator:hover {
  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: rgba(var(--color-heading-no-alpha) / 0.2);
  background-clip: padding-box;
  transition: background-color 0.4s ease;
}
.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-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 {
  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;
}
.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-round .slider-nav::before {
  background-color: var(--swiffy-slider-nav-light);
}
.slider-nav-round .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.slider-nav-next::after {
  transform: rotate(180deg);
}
.slider-nav.slider-nav-next {
  right: 0;
  left: unset;
}
.slider-nav-visible .slider-nav.is-visible {
  visibility: visible;
  pointer-events: auto;
}
.slider-nav-dark .slider-nav {
  opacity: 0.6;
}
.slider-item-snapstart {
  --swiffy-slider-snap-align: start;
}
.slider-item-nogap {
  --swiffy-slider-item-gap: 0px;
}
.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;
}
.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 {
  position: absolute;
  width: 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;
  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;
}
.swiffy-slider.invisible-slide {
  visibility: hidden;
}
.image-pagination-wrapper{
  will-change: transform;
  transition-property: transform,opacity;
  transition-timing-function: ease-in;
  transition-duration: 0.3s;
}
\!swiffy-slider > .slider-container {
  grid-auto-flow: initial;
  grid-auto-rows: initial;
  grid-auto-columns: initial;
}
@keyframes fadeInSlide {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slideLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-400%);
  }
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*! tailwindcss v3.4.18 | 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.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
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. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. 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-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
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-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: 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,
input:where([type='button']),
input:where([type='reset']),
input:where([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;
}
/*
Reset default styling for dialogs.
*/
dialog {
  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;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
*,
*::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,
.heading-custom,
.heading-small,
.heading-large,
.heading-medium,
.heading-extra-large {
  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));
}
.heading-center {
  justify-content: center;
  text-align: center;
}
.heading-right {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.heading-left {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.heading-left .section-heading {
  text-align: left;
}
.heading-right .section-heading {
  text-align: right;
}
.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-small {
  --button-padding-y-mobile: 10px;
  --button-padding-x-mobile: 12px;
  --button-padding-y-desktop: 10px;
  --button-padding-x-desktop: 16px;
}
.button-medium {
  --button-padding-y-mobile: 12px;
  --button-padding-x-mobile: 16px;
  --button-padding-y-desktop: 12px;
  --button-padding-x-desktop: 24px;
}
.button-large {
  --button-padding-y-mobile: 14px;
  --button-padding-x-mobile: 24px;
  --button-padding-y-desktop: 14px;
  --button-padding-x-desktop: 32px;
}
.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;
}
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));
}
.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;
}
.shopify-payment-button .shopify-payment-button__button--unbranded[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}
.shopify-challenge__button:hover {
  background: rgba(var(--color-button));
  color: rgba(var(--color-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[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-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);
}
.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;
}
.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 .main-nav-mobile,
#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));
}
.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);
}
.mega-menu-wrapper {
  width: calc(100vw - 3px);
  left: 0;
  position: fixed !important;
  top: calc(var(--header-bottom-position) - var(--padding-bottom-section)) !important;
}
#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));
}
.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-card__title>a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: var(--title-line-limit-mobile, unset);
}
.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);
}
.image-responsive-fp {
  -o-object-position: var(--fp-mobile, center);
     object-position: var(--fp-mobile, center);
}
.loading-bar {
  background-color: rgba(var(--color-line-and-border));
  position: relative;
  display: inline-block;
  height: 0.125rem;
  width: 10rem;
  overflow: hidden;
}
.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);
}
.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;
}
.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;
}
.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;
}
.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}
.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;
  inset: 0px;
}
.tooltip-icon-estimate:hover .tooltip-popup,
.tooltip-icon-estimate .tooltip-popup:hover{
  display: flex;
  flex-direction: column;
}
@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;
}
.maximize-theme-light\:block {
  display: block !important;
}
.maximize-theme-dark\:block {
  display: none !important;
}
.maximize-theme.dark .maximize-theme-dark\:block {
  display: block !important;
}
.maximize-theme.dark .maximize-theme-light\:block {
  display: none !important;
}
.triangle-right {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left-width: 6px;
}
.triangle-down {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top-width: 6px;
}
.triangle-up {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom-width: 6px;
}
.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);
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
.webkit-text-left {
    text-align: -webkit-left;
  }
.webkit-text-center {
    text-align: -webkit-center;
  }
.webkit-text-right {
    text-align: -webkit-right;
  }
.\!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;
}
.align-start{
  left: 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 !important;
  }
.bg-none {
    background: none;
  }
.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);
  }
.subheading-small {
    font-size: var(--subheading-font-size-small);
  }
.subheading-medium {
    font-size: var(--subheading-font-size-medium);
  }
.subheading-large {
    font-size: var(--subheading-font-size-large);
  }
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) !important;
  }
.bg-secondary {
    background-color: rgba(var(--color-heading-no-alpha) / 0.06);
  }
.select-toggle.active,
  .select-toggle.active .icon{
  color: rgba(var(--color-highlight));
}
.will-change-unset {
    will-change: unset;
  }
.label-required {
    color: #ff0000;
  }
.-outline-offset-1 {
    outline-offset: -1px;
  }
.\!cursor-inherit {
    cursor: inherit !important;
  }
.cursor-inherit {
    cursor: inherit;
  }
.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-filter-aside-content-top {
    top: calc(var(--height-header, 0px) + var(--announcement-height) + var(--height-sticky-filter) + 1.25rem);
  }
.tab-title-small {
    font-size: calc(var(--h5-font-size) * 0.7);
  }
.tab-title-medium {
    font-size: var(--h5-font-size);
  }
.tab-title-large {
    font-size: calc(var(--h5-font-size) * 1.2);
  }
.scroll-hint-icon{
  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;
    animation: chevronDrop 2000ms infinite;
}
.scroll-hint-icon-1 {
    animation-delay: 0ms;
  }
.scroll-hint-icon-2 {
    animation-delay: 200ms;
  }
.scroll-hint-icon-3 {
    animation-delay: 400ms;
  }
@keyframes chevronDrop {
    0% {
      opacity: 0;
      transform: translateY(-10px) rotate(90deg);
    }

    50% {
      opacity: 1;
      transform: translateY(0) rotate(90deg);
    }

    100% {
      opacity: 0;
      transform: translateY(10px) rotate(90deg);
    }
  }
/* 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));
}
.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));
}
.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));
}
.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));
}
.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));
}
.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));
}
.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;
}
/* .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;
    overflow: hidden;
    display: inline-block;
    height: 2px;
    flex-grow: 1;
    border-radius: 0.375rem;
  }
.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 !important;
  }
.swiffy-slider.enable-effect-hover {
    overflow: hidden;
  }
.rte::after{
  clear: both;
  content: var(--tw-content);
  display: block;
}
.rte p {
    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;
}
.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;
}
.rte ul.product-details__richtext__payments{
  margin-top: 0px;
  margin-bottom: 0px;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.rte ol{
  margin-top: 1rem;
  margin-bottom: 1rem;
  list-style-position: outside;
  list-style-type: decimal;
  padding-left: 1.25rem;
}
.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);
}
.rte blockquote:where([dir="ltr"], [dir="ltr"] *)::before{
  content: var(--tw-content);
  margin-right: 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;
  }
/* ── 1. Layout & Grid ──────────────────────────────────────────── */
.main-nav{
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
}
.main-menu .main-nav-item{
  padding-left: 1rem;
  padding-right: 1rem;
}
.header-center .logo-link{
  text-align: center;
}
.main-nav .first-menu-item:first-of-type .item-spacing:first-of-type {
    padding-inline-start: 0;
  }
.main-nav .first-menu-item:last-of-type .item-spacing:first-of-type {
    padding-inline-end: 0;
  }
/* ── 2. Theme Mode Toggle ──────────────────────────────────────── */
.toggle-body-inner {
    position: relative;
    display: flex;
    width: 200%;
    will-change: transform;
    transition: transform 0.3s !important;
    --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;
  }
.toggle-body-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 0;
    transform: translateY(-50%);
    transition: none;
    overflow: hidden;
    border-radius: 50px;
    height: 1.5rem;
    width: 1.5rem;
    background-color: rgba(var(--color-button-text-no-alpha) / 0.4);
  }
.dark .toggle-theme-mode .toggle-body-inner{
  --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));
}
.dark .toggle-theme-mode .toggle-body-inner::after,
  .dark .toggle-theme-mode .icon-toggle-theme-mode-loading {
    left: auto;
    right: 50%;
    margin-right: 0;
  }
.icon-toggle-theme-mode-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 0;
    overflow: hidden;
    transform: translateY(-50%);
    height: 1.5rem;
    width: 1.5rem;
    padding: 0.25rem;
  }
.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;
}
/* ── 3. Navigation & Menu Items ────────────────────────────────── */
.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: 1.75rem;
}
.header-top .menu-label{
  bottom: 65%;
}
.product-mega-menu.is-open .product-menu-list {
    display: block;
  }
/* ── 4. Cart & Account Icons ───────────────────────────────────── */
#cart-icon{
  display: flex;
  align-items: center;
}
.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;
}
/* ── 5. Mobile Navigation ──────────────────────────────────────── */
.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;
}
.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;
  }
#x-header-mobile .select-listbox{
  inset-inline-start: 0px;
  bottom: 100%;
  top: auto;
  margin-bottom: 1px;
  width: 100%;
}
[dir="ltr"] #x-header-mobile .select-listbox{
  left: 0px;
}
#x-header-mobile .utility-social ul{
  flex-wrap: wrap;
  justify-content: center;
}
#x-header-mobile .select-toggle{
  justify-content: center;
}
/* ── 6. Drawer Menu ────────────────────────────────────────────── */
.drawer-menu-on-main-header .header-search{
  height: 2.75rem;
}
.drawer-menu.menu-not-title .button-category{
  height: 50px;
  width: 50px;
  border-radius: 9999px;
}
/* ── 7. Search ─────────────────────────────────────────────────── */
.transparent-header .x-header-content:not(.sticky-header-active) .header-search:not(:has(.form-search-wrapper.is-open)) {
    --color-background: transparent;
    --color-background-header: transparent;
  }
.header-search {
    background: rgba(var(--color-background-header)) !important;
  }
.header-search__scrim--compact {
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
.header-search__bar--compact {
    max-width: 1200px;
    background: rgba(var(--color-background-header));
  }
.header-search__results {
    --input-search-to-top: 0px;
  }
.header-search__results--full {
    height: calc(var(--viewport-height) - var(--input-search-to-top) - 40px);
  }
.header-search__results--compact .header-search__compact-max-height {
    max-height: calc(var(--viewport-height) - var(--input-search-to-top) - 100px);
  }
.form-search-wrapper.full-layout.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));
    animation: fadeContent 0.5s linear;
    z-index: 51;
}
.form-search-wrapper.full-layout.is-open .form-button{
  margin-top: -0.25rem;
}
#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;
}
.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));
}
.footer-collapsed div:first-child{
  margin-top: 0px;
}
.footer-collapse__label{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.footer-collapse__label:where([dir="ltr"], [dir="ltr"] *){
  padding-right: 1.75rem;
  padding-left: 0.625rem;
}
.footer-collapse__content{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.footer-collapse__content>*:first-child{
  padding-top: 0.625rem;
}
.footer-collapse__content>*:last-child{
  padding-bottom: 0.875rem;
}
.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;
}
.footer__newsletter .text-field__label {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
html:not([data-qv]) .product-card__widget-quick-view {
    display: none !important;
  }
.product-card__wrapper {
    padding: 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);
  }
.text-align-unset {
    text-align: unset;
  }
.icon-with-text__tooltip__wrapper .icon-with-text__icon{
  display: none;
}
.icon-with-text__tooltip__wrapper .icon-with-text__heading {
    font-size: var(--h6-font-size);
    line-height: var(--line-height-heading);
  }
.icon-with-text__tooltip__wrapper .icon-with-text__text {
    font-size: var(--body-font-size-x-small);
    line-height: 1.6;
  }
.icon-with-text__tooltip__wrapper .icon-with-text__heading,
  .icon-with-text__tooltip__wrapper .icon-with-text__text{
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}
.content-flashsale-horizontal{
  display: flex;
  flex-direction: column;
}
.content-flashsale-horizontal .flash-sale-text{
  row-gap: 0.625rem;
}
.content-flashsale-vertical{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.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;
  }
.product-comparison-grid__content {
    scroll-padding-left: 2px;
    scroll-padding-right: 2px;
  }
.product-comparison-grid__content[data-drag-started-scroll='true']{
  cursor: grabbing !important;
  scroll-snap-type: none !important;
}
.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:not(.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:not(.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);
  }
.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;
    }
  }
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));
  }
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));
  }
.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;
}
.block-product-media-gallery{
  width: 100%;
  flex-shrink: 0;
}
.drawer__wrapper{
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 70;
  height: 100%;
  width: 100%;
}
.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.text-field__wrapper:has(input:focus),.drawer__container:focus
  .text-field__wrapper:has(textarea:focus),.drawer__container:focus
  .dropdown-field__wrapper:has(select:focus){
  border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.drawer__container:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.drawer__content{
  max-height: 100%;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 1rem;
  padding-left: 1rem;
}
.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;
}
.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));
}
.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);
}
.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));
}
.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;
}
.popup-container .scrollbar-body::-webkit-scrollbar-thumb {
    background: rgba(var(--color-scrollbar));
  }
.promo-popup__container {
    scrollbar-width: none;
  }
.promo-popup__container::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
  }
.promo-popup__container{
  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);
}
html::-webkit-scrollbar {
    width: 3px;
  }
.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-hidden::-webkit-scrollbar {
    display: none;
    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;
}
.block-text-button__container {
    overflow: hidden;
  }
.block-text-button-text-active-invisible{
  visibility: hidden;
  position: relative;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  font-weight: 600;
  word-break: break-word;
    overflow: hidden;
}
.block-text-button-text-effect-1{
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  word-break: break-word;
}
.is-focus-button .block-text-button-text-effect-1{
  opacity: 0;
}
.block-text-button-text-effect-1 {
    overflow: hidden;
  }
.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));
  white-space: nowrap;
  word-break: break-word;
}
.is-focus-button .block-text-button-text-effect-2{
  opacity: 0;
}
.block-text-button-text-effect-2 {
    overflow: hidden;
  }
.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%;
  }
.featured-collections__collection-title{
  position: relative;
  cursor: pointer;
  text-align: left;
  background: var(--gradient-background, "none");
}
.featured-collections__collection-title:focus-visible {
    outline-offset: -1px;
  }
.featured-collections__collection-title:where([dir="ltr"], [dir="ltr"] *){
  border-left-width: 2px;
}
.featured-collections__collection-title {
    overflow: hidden;
  }
.featured-collections__collection-title::before {
    content: '';
    pointer-events: none;
    position: absolute;
    inset: 0px;
    --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));
    background-color: rgba(var(--color-text-no-alpha) / 0.12);
  border-radius: inherit;
  }
.featured-collections__collection-title.is-active::before{
  --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));
}
.promotional-collections__tab{
  border-color: rgba(var(--color-text-no-alpha) / 0.12);
  color: rgba(var(--color-text));
    --color-button-hover: var(--color-text-no-alpha) / 0.12;
    --color-button-text-hover: var(--color-heading);
}
.promotional-collections__tab.is-active{
  border-color: transparent;
  background-color: rgba(var(--color-text-no-alpha) / 0.12);
  color: rgba(var(--color-heading));
    --color-button-hover: var(--color-text-no-alpha) / 0;
}
.featured-collections__tab{
  border-color: rgba(var(--color-text-no-alpha) / 0.12);
  color: rgba(var(--color-text));
}
.featured-collections__tab.is-active{
  border-color: rgba(var(--color-heading));
  color: rgba(var(--color-heading));
}
.bundle-tabs__item {
    --color-button-hover: var(--color-text-no-alpha) / 0.12;
    --color-button-text-hover: var(--color-heading);
  }
.bundle-tabs__item.is-active {
    --color-button-hover: var(--color-text-no-alpha) / 0;
  }
.scroll-nav{
  position: absolute;
  top: 50%;
  z-index: 10;
  --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;
}
.scroll-nav:focus-visible {
    outline-offset: -1px;
  }
.scroll-nav{
  display: flex;
  height: 100%;
  width: 30px;
  min-width: 30px;
  align-items: center;
}
.scroll-nav:where([dir="ltr"], [dir="ltr"] *){
  justify-content: flex-end;
}
.scroll-nav svg{
  height: 1rem;
  width: 1rem;
  min-width: 16px;
}
.scroll-nav.scroll-nav-prev:where([dir="ltr"], [dir="ltr"] *){
  left: -0px;
  --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));
}
.scroll-nav.scroll-nav-prev {
    background: linear-gradient(to left, rgba(var(--color-background-no-alpha)) 50%, rgba(var(--color-background-no-alpha) / 0.5) 80%, transparent 100%);
  }
.scroll-nav.scroll-nav-next:where([dir="ltr"], [dir="ltr"] *){
  right: -0px;
}
.scroll-nav.scroll-nav-next {
    background: linear-gradient(to left, rgba(var(--color-background-no-alpha)) 50%, rgba(var(--color-background-no-alpha) / 0.5) 80%, transparent 100%);
  }
.collection-title[aria-disabled="true"]{
  cursor: not-allowed;
  opacity: 0.4;
}
.collection-title .collection-button-loading-icon{
  visibility: hidden;
}
.collection-title.next-tab-active .collection-button-loading-icon{
  visibility: visible;
}
.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-link{
  position: relative;
  display: inline-flex;
  border-color: transparent;
    color: rgba(var(--color-button-link));
}
html[dir="ltr"] .button-link {
    direction: ltr;
  }
/* Flow default */
.button-link.anm-button-flow {
    color: rgba(var(--color-button-link));
    background: 
      linear-gradient(rgba(var(--color-button-link-label-hover)), rgba(var(--color-button-link-label-hover))),
      linear-gradient(rgba(var(--color-button-link)), rgba(var(--color-button-link)));
    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;
    border-radius: unset;
  }
/* Rise default */
.button-link.anm-button-rise::before{
  right: 0px;
}
.button-link.anm-button-rise::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(var(--color-button-link));
    transition: all ease calc(var(--button-text-link-animation-duration)*2);
  }
.button-link.anm-button-rise::after{
  left: 0px;
}
.button-link.anm-button-rise::after {
    content: "";
    width: 0;
    left: 0;
    transition: all ease var(--button-text-link-animation-duration);
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color: rgba(var(--color-button-link-label-hover));
  }
/* Arrow push default */
.button-link.anm-button-arrow_push .text-link-underline {
    width: 100%;
    height: 1px;
    background-color: rgba(var(--color-button-link));
  }
.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%);
  }
.select-button {
    padding: .75rem 1rem;
  }
.select-button:not(:focus-visible) {
    outline: 1px solid rgba(var(--color-text-no-alpha) / 0.2);
  }
.sticky-atc-action .select-button:not(:focus-visible) {
    border: 1px solid rgba(var(--color-text-no-alpha) / 0.2);
    outline: none;
  }
.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: auto;
    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;
    z-index: 51;
    max-height: 16rem;
  }
.select-options-wrapper:not(:focus-visible) {
    outline: 1px solid color-mix(in srgb, rgba(var(--color-text)) 12%, transparent);
    outline-offset: -1px;
  }
.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 {
    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;
}
.modal-title__button-close{
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
}
.modal-title__button-close:where([dir="ltr"], [dir="ltr"] *){
  margin-right: -0.5rem;
}
.modal-title-padding-x{
  padding-right: 1rem;
  padding-left: 1rem;
}
.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;
}
.modal__button-close-absolute{
  position: absolute;
  top: 0.5rem;
  z-index: 30;
  display: flex;
}
.modal__button-close-absolute:where([dir="ltr"], [dir="ltr"] *){
  right: 0.5rem;
}
.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));
  }
.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.text-field__wrapper:has(input:focus),.flash-message:focus
  .text-field__wrapper:has(textarea:focus),.flash-message:focus
  .dropdown-field__wrapper:has(select:focus){
  border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.flash-message:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.success-message {
    background: linear-gradient(rgba(var(--success-message-color-no-alpha) / 0.1), rgba(var(--success-message-color-no-alpha) / 0.1)), rgba(var(--color-background));
    color: rgba(var(--success-message-color));
  }
.error-message{
  color: rgba(var(--error-message-color));
    background: linear-gradient(rgba(var(--error-message-color-no-alpha) / 0.1), rgba(var(--error-message-color-no-alpha) / 0.1)), rgba(var(--color-background));
}
.discount-message{
  color: rgba(var(--color-sale-price));
    background: linear-gradient(rgba(var(--color-sale-price-no-alpha) / 0.1), rgba(var(--color-sale-price-no-alpha) / 0.1)), rgba(var(--color-background));
}
/* .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;
}
.slider-nav.slider-nav__button-arrow {
    box-shadow: none;
    filter: none;
    overflow: hidden;
  }
.slider-nav.slider-nav__button-arrow:not(.slider-nav-next){
  left: 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));
}
.slider-nav.slider-nav__button-arrow:not(.slider-nav-next) svg{
  --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.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));
}
.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))];*/
/*}*/
.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:not(.outline-none):has(input:focus),
  .text-field__wrapper:not(.outline-none):has(textarea:focus),
  .dropdown-field__wrapper:not(.outline-none):has(select:focus){
  outline-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.text-field__wrapper.outline-none:has(input:focus),
  .text-field__wrapper.outline-none:has(textarea:focus),
  .dropdown-field__wrapper.outline-none:has(select:focus){
  border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.text-field__wrapper.\!outline-none:has(input:focus),
  .text-field__wrapper.\!outline-none:has(textarea:focus),
  .dropdown-field__wrapper.\!outline-none:has(select:focus){
  border-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;
  }
.text-field__has-button:where([dir="ltr"], [dir="ltr"] *){
  padding-right: 0.375rem;
}
.quick-help-popup__email-form.text-field__has-button{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.quick-help-popup__email-form.text-field__has-button:where([dir="ltr"], [dir="ltr"] *){
  padding-right: 0.25rem;
}
.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;
  }
.text-field__label:where([dir="ltr"], [dir="ltr"] *){
  left: 0px;
}
.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));
}
.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:focus.text-field__wrapper:has(input:focus),.text-field__input:focus
  .text-field__wrapper:has(textarea:focus),.text-field__input:focus
  .dropdown-field__wrapper:has(select:focus){
  border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.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;
}
.quick-help-popup__email-form.text-field__has-button .text-field__input{
  padding-top: 0px;
  padding-left: 0.75rem;
  padding-right: 0.625rem;
}
.quick-help-popup__email-form.text-field__has-button .text-field__input::-moz-placeholder{
  opacity: 1;
}
.quick-help-popup__email-form.text-field__has-button .text-field__input::placeholder{
  opacity: 1;
}
.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.text-field__wrapper:has(input:focus),.dropdown-field__input:focus
  .text-field__wrapper:has(textarea:focus),.dropdown-field__input:focus
  .dropdown-field__wrapper:has(select:focus){
  border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.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;
  }
.dropdown-field__label:where([dir="ltr"], [dir="ltr"] *){
  left: 0px;
}
.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%;
}
.video__button {
    background-color: rgba(192 192 192 / 0.2);
    --color-bg-button-hover: rgba(192 192 192 / 0.4);
    color: #ffffff;
    position: relative;
    aspect-ratio: 1 / 1;
    width: clamp(24px,14%,40px);
    border-radius: 9999px;
  }
.video__button-icon{
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50%;
  width: 50%;
  --tw-translate-y: -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));
  transition-duration: 200ms;
}
.button-play:not(.is-playing) .icon-pause, 
  .button-play.is-playing .icon-play{
  display: none;
}
.button-play.is-playing .icon-pause, 
  .button-play:not(.is-playing) .icon-play{
  display: flex;
}
.button-sound-control {
    transition: opacity 400ms ease-in-out, transform 400ms ease-in-out;
    --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;
    will-change: transform;
  }
.button-sound-control.is-muted .icon-unmute,
  .button-sound-control:not(.is-muted) .icon-mute{
  display: none;
}
.button-sound-control:not(.is-muted) .icon-unmute,
  .button-sound-control.is-muted .icon-mute{
  display: flex;
}
.buttons-video__wrapper.show-controls:has(.started-video){
  display: none;
}
.buttons-video__wrapper:has(> .button-play:not(.started-video)) > .button-sound-control{
  pointer-events: none;
  --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));
  opacity: 0;
}
.buttons-video__wrapper{
  pointer-events: none;
  position: absolute;
  z-index: 20;
  display: flex;
  width: 100%;
  gap: 0.25rem;
  padding: min(16px,5%);
}
.external-video iframe,
  .external-video .video-mp4 {
    background: #000000;
  }
.external-video.zoom-media iframe,
  .external-video.zoom-media .video-mp4 {
    background: transparent;
  }
.zoom-media{
  position: relative;
  height: 100%;
  max-height: 100%;
  width: 100%;
  align-self: center;
    max-width: calc(100dvh * var(--aspect-ratio-zoom-media));
}
.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 !important;
}
.visible{
  visibility: visible;
}
.\!invisible{
  visibility: hidden !important;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.\!static{
  position: static !important;
}
.static{
  position: static;
}
.\!fixed{
  position: fixed !important;
}
.fixed{
  position: fixed;
}
.\!absolute{
  position: absolute !important;
}
.absolute{
  position: absolute;
}
.\!relative{
  position: relative !important;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.-inset-3{
  inset: -0.75rem;
}
.-inset-3\.5{
  inset: -0.875rem;
}
.-inset-5{
  inset: -1.25rem;
}
.inset-0{
  inset: 0px;
}
.\!-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-0{
  left: -0px;
}
.-left-0\.5{
  left: -0.125rem;
}
.-left-1{
  left: -0.25rem;
}
.-left-2{
  left: -0.5rem;
}
.-left-2\.5{
  left: -0.625rem;
}
.-left-24{
  left: -6rem;
}
.-left-3{
  left: -0.75rem;
}
.-left-5{
  left: -1.25rem;
}
.-left-8{
  left: -2rem;
}
.-left-px{
  left: -1px;
}
.-right-0{
  right: -0px;
}
.-right-1{
  right: -0.25rem;
}
.-right-2{
  right: -0.5rem;
}
.-right-2\.5{
  right: -0.625rem;
}
.-right-24{
  right: -6rem;
}
.-right-3{
  right: -0.75rem;
}
.-right-4{
  right: -1rem;
}
.-right-5{
  right: -1.25rem;
}
.-right-8{
  right: -2rem;
}
.-right-px{
  right: -1px;
}
.-top-0{
  top: -0px;
}
.-top-0\.5{
  top: -0.125rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-14{
  top: -3.5rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-2\.5{
  top: -0.625rem;
}
.-top-3{
  top: -0.75rem;
}
.-top-4{
  top: -1rem;
}
.-top-5{
  top: -1.25rem;
}
.-top-6{
  top: -1.5rem;
}
.-top-8{
  top: -2rem;
}
.-top-9{
  top: -2.25rem;
}
.-top-\[15px\]{
  top: -15px;
}
.-top-full{
  top: -100%;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-1\.5{
  bottom: 0.375rem;
}
.bottom-10{
  bottom: 2.5rem;
}
.bottom-14{
  bottom: 3.5rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-2\.5{
  bottom: 0.625rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-6\.5{
  bottom: 1.625rem;
}
.bottom-8{
  bottom: 2rem;
}
.bottom-9{
  bottom: 2.25rem;
}
.bottom-\[100\%\]{
  bottom: 100%;
}
.bottom-auto{
  bottom: auto;
}
.bottom-full{
  bottom: 100%;
}
.bottom-px{
  bottom: 1px;
}
.end-0{
  inset-inline-end: 0px;
}
.end-1{
  inset-inline-end: 0.25rem;
}
.end-10{
  inset-inline-end: 2.5rem;
}
.end-4{
  inset-inline-end: 1rem;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.left-1\.5{
  left: 0.375rem;
}
.left-1\/2{
  left: 50%;
}
.left-10{
  left: 2.5rem;
}
.left-12{
  left: 3rem;
}
.left-2{
  left: 0.5rem;
}
.left-2\.5{
  left: 0.625rem;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-5{
  left: 1.25rem;
}
.left-6{
  left: 1.5rem;
}
.left-8{
  left: 2rem;
}
.left-\[6\%\]{
  left: 6%;
}
.left-\[calc\(50\%\+var\(--left-tooltip\)\)\]{
  left: calc(50% + var(--left-tooltip));
}
.left-\[calc\(50\%-10px\)\]{
  left: calc(50% - 10px);
}
.left-\[calc\(50\%-24px\)\]{
  left: calc(50% - 24px);
}
.left-\[calc\(50\%-8px\)\]{
  left: calc(50% - 8px);
}
.left-auto{
  left: auto;
}
.left-full{
  left: 100%;
}
.right-0{
  right: 0px;
}
.right-0\.5{
  right: 0.125rem;
}
.right-1{
  right: 0.25rem;
}
.right-1\.5{
  right: 0.375rem;
}
.right-10{
  right: 2.5rem;
}
.right-12{
  right: 3rem;
}
.right-2{
  right: 0.5rem;
}
.right-2\.5{
  right: 0.625rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-6{
  right: 1.5rem;
}
.right-7{
  right: 1.75rem;
}
.right-8{
  right: 2rem;
}
.right-auto{
  right: auto;
}
.right-full{
  right: 100%;
}
.start-0{
  inset-inline-start: 0px;
}
.start-72{
  inset-inline-start: 18rem;
}
.start-80{
  inset-inline-start: 20rem;
}
.start-full{
  inset-inline-start: 100%;
}
.top-0{
  top: 0px;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-1\/4{
  top: 25%;
}
.top-10{
  top: 2.5rem;
}
.top-2{
  top: 0.5rem;
}
.top-2\.5{
  top: 0.625rem;
}
.top-20{
  top: 5rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-5{
  top: 1.25rem;
}
.top-6{
  top: 1.5rem;
}
.top-8{
  top: 2rem;
}
.top-\[40\%\]{
  top: 40%;
}
.top-\[calc\(50\%-10px\)\]{
  top: calc(50% - 10px);
}
.top-\[calc\(50\%-24px\)\]{
  top: calc(50% - 24px);
}
.top-\[calc\(50\%-6px\)\]{
  top: calc(50% - 6px);
}
.top-\[calc\(50\%-8px\)\]{
  top: calc(50% - 8px);
}
.top-\[var\(--header-bottom-position\)\]{
  top: var(--header-bottom-position);
}
.top-\[var\(--input-search-to-top\)\]{
  top: var(--input-search-to-top);
}
.top-auto{
  top: auto;
}
.top-full{
  top: 100%;
}
.isolate{
  isolation: isolate;
}
.-z-10{
  z-index: -10;
}
.-z-20{
  z-index: -20;
}
.-z-\[1\]{
  z-index: -1;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[19\]{
  z-index: 19;
}
.z-\[31\]{
  z-index: 31;
}
.z-\[41\]{
  z-index: 41;
}
.z-\[51\]{
  z-index: 51;
}
.z-\[60\]{
  z-index: 60;
}
.z-\[70\]{
  z-index: 70;
}
.z-\[99999\]{
  z-index: 99999;
}
.-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-3{
  grid-column: span 3 / span 3;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-span-5{
  grid-column: span 5 / span 5;
}
.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-2{
  grid-row: span 2 / span 2;
}
.row-span-3{
  grid-row: span 3 / span 3;
}
.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 !important;
}
.-m-0{
  margin: -0px;
}
.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-auto{
  margin: auto;
}
.\!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-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-2\.5{
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.-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;
}
.-my-\[5px\]{
  margin-top: -5px;
  margin-bottom: -5px;
}
.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}
.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-7{
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-0\.5{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-2\.5{
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[var\(--spacing-between-heading-and-content\)\]{
  margin-top: var(--spacing-between-heading-and-content);
  margin-bottom: var(--spacing-between-heading-and-content);
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.-mb-0{
  margin-bottom: -0px;
}
.-mb-0\.5{
  margin-bottom: -0.125rem;
}
.-mb-2{
  margin-bottom: -0.5rem;
}
.-mb-4{
  margin-bottom: -1rem;
}
.-mb-7{
  margin-bottom: -1.75rem;
}
.-mb-8{
  margin-bottom: -2rem;
}
.-ml-0{
  margin-left: -0px;
}
.-ml-0\.5{
  margin-left: -0.125rem;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-3{
  margin-left: -0.75rem;
}
.-ml-4{
  margin-left: -1rem;
}
.-mr-0{
  margin-right: -0px;
}
.-mr-0\.5{
  margin-right: -0.125rem;
}
.-mr-1{
  margin-right: -0.25rem;
}
.-mr-2{
  margin-right: -0.5rem;
}
.-mr-3{
  margin-right: -0.75rem;
}
.-mr-4{
  margin-right: -1rem;
}
.-mt-0{
  margin-top: -0px;
}
.-mt-0\.5{
  margin-top: -0.125rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-1\.5{
  margin-top: -0.375rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-3{
  margin-top: -0.75rem;
}
.-mt-5{
  margin-top: -1.25rem;
}
.-mt-6{
  margin-top: -1.5rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-11{
  margin-bottom: 2.75rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-14{
  margin-bottom: 3.5rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-3\.5{
  margin-bottom: 0.875rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-5\.5{
  margin-bottom: 1.375rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-7{
  margin-bottom: 1.75rem;
}
.mb-7\.5{
  margin-bottom: 1.875rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-9{
  margin-bottom: 2.25rem;
}
.mb-\[26px\]{
  margin-bottom: 26px;
}
.mb-\[9px\]{
  margin-bottom: 9px;
}
.mb-\[var\(--padding-bottom-product-template-block\)\]{
  margin-bottom: var(--padding-bottom-product-template-block);
}
.mb-\[var\(--spacing-between-heading-and-content\)\]{
  margin-bottom: var(--spacing-between-heading-and-content);
}
.me-1{
  margin-inline-end: 0.25rem;
}
.me-2{
  margin-inline-end: 0.5rem;
}
.me-3{
  margin-inline-end: 0.75rem;
}
.me-4{
  margin-inline-end: 1rem;
}
.ml-0{
  margin-left: 0px;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-10{
  margin-left: 2.5rem;
}
.ml-14{
  margin-left: 3.5rem;
}
.ml-16{
  margin-left: 4rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-2\.5{
  margin-left: 0.625rem;
}
.ml-20{
  margin-left: 5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-7{
  margin-left: 1.75rem;
}
.ml-8{
  margin-left: 2rem;
}
.ml-9{
  margin-left: 2.25rem;
}
.ml-\[-16px\]{
  margin-left: -16px;
}
.ml-auto{
  margin-left: auto;
}
.mr-0{
  margin-right: 0px;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-10{
  margin-right: 2.5rem;
}
.mr-14{
  margin-right: 3.5rem;
}
.mr-16{
  margin-right: 4rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-2\.5{
  margin-right: 0.625rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-5{
  margin-right: 1.25rem;
}
.mr-6{
  margin-right: 1.5rem;
}
.mr-7{
  margin-right: 1.75rem;
}
.mr-8{
  margin-right: 2rem;
}
.mr-9{
  margin-right: 2.25rem;
}
.mr-\[-16px\]{
  margin-right: -16px;
}
.mr-auto{
  margin-right: auto;
}
.ms-1{
  margin-inline-start: 0.25rem;
}
.ms-10{
  margin-inline-start: 2.5rem;
}
.ms-2{
  margin-inline-start: 0.5rem;
}
.ms-3{
  margin-inline-start: 0.75rem;
}
.ms-4{
  margin-inline-start: 1rem;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-14{
  margin-top: 3.5rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-3\.5{
  margin-top: 0.875rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-5\.5{
  margin-top: 1.375rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-6\.5{
  margin-top: 1.625rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-7\.5{
  margin-top: 1.875rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-9{
  margin-top: 2.25rem;
}
.mt-\[3px\]{
  margin-top: 3px;
}
.mt-\[var\(--spacing-between-heading-and-content\)\]{
  margin-top: var(--spacing-between-heading-and-content);
}
.mt-auto{
  margin-top: auto;
}
.box-border{
  box-sizing: border-box;
}
.box-content{
  box-sizing: content-box;
}
.\!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-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-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.line-clamp-5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.line-clamp-none{
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.\!flex{
  display: flex !important;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.table-cell{
  display: table-cell;
}
.table-row{
  display: table-row;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.aspect-1\/1{
  aspect-ratio: 1 / 1;
}
.aspect-16\/9{
  aspect-ratio: 16 / 9;
}
.aspect-2\/3{
  aspect-ratio: 2 / 3;
}
.aspect-3\/4{
  aspect-ratio: 3 / 4;
}
.aspect-4\/3{
  aspect-ratio: 4 / 3;
}
.aspect-\[1\/1\]{
  aspect-ratio: 1/1;
}
.aspect-\[16\/9\]{
  aspect-ratio: 16/9;
}
.aspect-\[2\/3\]{
  aspect-ratio: 2/3;
}
.aspect-\[3\/4\]{
  aspect-ratio: 3/4;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-auto{
  aspect-ratio: auto;
}
.aspect-natural{
  aspect-ratio: auto;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.size-full{
  width: 100%;
  height: 100%;
}
.\!h-1{
  height: 0.25rem !important;
}
.\!h-2{
  height: 0.5rem !important;
}
.\!h-3{
  height: 0.75rem !important;
}
.\!h-4{
  height: 1rem !important;
}
.\!h-8{
  height: 2rem !important;
}
.\!h-9{
  height: 2.25rem !important;
}
.\!h-auto{
  height: auto !important;
}
.\!h-full{
  height: 100% !important;
}
.h-0{
  height: 0px;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-1\/2{
  height: 50%;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-4{
  height: 1rem;
}
.h-4\.5{
  height: 1.125rem;
}
.h-40{
  height: 10rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-6\.5{
  height: 1.625rem;
}
.h-7{
  height: 1.75rem;
}
.h-7\.5{
  height: 1.875rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[100vh\]{
  height: 100vh;
}
.h-\[15\%\]{
  height: 15%;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[1em\]{
  height: 1em;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[200px\]{
  height: 200px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[250px\]{
  height: 250px;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[34px\]{
  height: 34px;
}
.h-\[35\%\]{
  height: 35%;
}
.h-\[350px\]{
  height: 350px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[46px\]{
  height: 46px;
}
.h-\[500px\]{
  height: 500px;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[550px\]{
  height: 550px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[60px\]{
  height: 60px;
}
.h-\[650px\]{
  height: 650px;
}
.h-\[700px\]{
  height: 700px;
}
.h-\[70px\]{
  height: 70px;
}
.h-\[88px\]{
  height: 88px;
}
.h-\[90px\]{
  height: 90px;
}
.h-\[90vh\]{
  height: 90vh;
}
.h-\[94vh\]{
  height: 94vh;
}
.h-\[calc\(var\(--body-font-size\)\*1\.4\)\]{
  height: calc(var(--body-font-size) * 1.4);
}
.h-\[calc\(var\(--body-font-size\)\*1\.6\)\]{
  height: calc(var(--body-font-size) * 1.6);
}
.h-\[calc\(var\(--body-font-size\)\*1\.6\+20px\)\]{
  height: calc(var(--body-font-size) * 1.6 + 20px);
}
.h-\[calc\(var\(--body-font-size\)\*1\.6\+28px\)\]{
  height: calc(var(--body-font-size) * 1.6 + 28px);
}
.h-\[var\(--icon-size\)\]{
  height: var(--icon-size);
}
.h-\[var\(--rating-star-size\)\]{
  height: var(--rating-star-size);
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-max{
  height: -moz-max-content;
  height: max-content;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.max-h-0{
  max-height: 0px;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-52{
  max-height: 13rem;
}
.max-h-64{
  max-height: 16rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[140px\]{
  max-height: 140px;
}
.max-h-\[16rem\]{
  max-height: 16rem;
}
.max-h-\[200px\]{
  max-height: 200px;
}
.max-h-\[360px\]{
  max-height: 360px;
}
.max-h-\[40vh\]{
  max-height: 40vh;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[90\%\]{
  max-height: 90%;
}
.max-h-\[calc\(75vh-96px\)\]{
  max-height: calc(75vh - 96px);
}
.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-\[none\]{
  max-height: none;
}
.max-h-\[unset\]{
  max-height: unset;
}
.max-h-fit{
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.max-h-full{
  max-height: 100%;
}
.max-h-none{
  max-height: none;
}
.min-h-0{
  min-height: 0px;
}
.min-h-5{
  min-height: 1.25rem;
}
.min-h-6{
  min-height: 1.5rem;
}
.min-h-7{
  min-height: 1.75rem;
}
.min-h-\[0\.5rem\]{
  min-height: 0.5rem;
}
.min-h-\[1\.5rem\]{
  min-height: 1.5rem;
}
.min-h-\[100vh\]{
  min-height: 100vh;
}
.min-h-\[12px\]{
  min-height: 12px;
}
.min-h-\[150px\]{
  min-height: 150px;
}
.min-h-\[18px\]{
  min-height: 18px;
}
.min-h-\[1px\]{
  min-height: 1px;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[20px\]{
  min-height: 20px;
}
.min-h-\[22px\]{
  min-height: 22px;
}
.min-h-\[24px\]{
  min-height: 24px;
}
.min-h-\[24rem\]{
  min-height: 24rem;
}
.min-h-\[250px\]{
  min-height: 250px;
}
.min-h-\[420px\]{
  min-height: 420px;
}
.min-h-\[44px\]{
  min-height: 44px;
}
.min-h-\[450px\]{
  min-height: 450px;
}
.min-h-\[45px\]{
  min-height: 45px;
}
.min-h-\[50vh\]{
  min-height: 50vh;
}
.min-h-\[var\(--rating-star-size\)\]{
  min-height: var(--rating-star-size);
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-1{
  width: 0.25rem !important;
}
.\!w-10{
  width: 2.5rem !important;
}
.\!w-3{
  width: 0.75rem !important;
}
.\!w-4{
  width: 1rem !important;
}
.\!w-8{
  width: 2rem !important;
}
.\!w-9{
  width: 2.25rem !important;
}
.\!w-\[46px\]{
  width: 46px !important;
}
.\!w-\[50px\]{
  width: 50px !important;
}
.\!w-full{
  width: 100% !important;
}
.w-0{
  width: 0px;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-1\/5{
  width: 20%;
}
.w-1\/6{
  width: 16.666667%;
}
.w-10{
  width: 2.5rem;
}
.w-10\/12{
  width: 83.333333%;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/12{
  width: 16.666667%;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-3\/5{
  width: 60%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\.5{
  width: 1.125rem;
}
.w-4\/12{
  width: 33.333333%;
}
.w-4\/5{
  width: 80%;
}
.w-40{
  width: 10rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\/12{
  width: 41.666667%;
}
.w-5\/6{
  width: 83.333333%;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-6\.5{
  width: 1.625rem;
}
.w-60{
  width: 15rem;
}
.w-7{
  width: 1.75rem;
}
.w-7\.5{
  width: 1.875rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-96{
  width: 24rem;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[14px\]{
  width: 14px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[1em\]{
  width: 1em;
}
.w-\[22px\]{
  width: 22px;
}
.w-\[25\%\]{
  width: 25%;
}
.w-\[30\%\]{
  width: 30%;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[30px\]{
  width: 30px;
}
.w-\[340px\]{
  width: 340px;
}
.w-\[34px\]{
  width: 34px;
}
.w-\[45\%\]{
  width: 45%;
}
.w-\[48px\]{
  width: 48px;
}
.w-\[50\%\]{
  width: 50%;
}
.w-\[50px\]{
  width: 50px;
}
.w-\[60px\]{
  width: 60px;
}
.w-\[70px\]{
  width: 70px;
}
.w-\[84px\]{
  width: 84px;
}
.w-\[88px\]{
  width: 88px;
}
.w-\[90px\]{
  width: 90px;
}
.w-\[92px\]{
  width: 92px;
}
.w-\[calc\(100\%\+1px\)\]{
  width: calc(100% + 1px);
}
.w-\[calc\(100\%\+32px\)\]{
  width: calc(100% + 32px);
}
.w-\[calc\(100\%-100px\)\]{
  width: calc(100% - 100px);
}
.w-\[calc\(100\%-20px\)\]{
  width: calc(100% - 20px);
}
.w-\[calc\(100\%-32px\)\]{
  width: calc(100% - 32px);
}
.w-\[calc\(50\%-0\.3125rem\)\]{
  width: calc(50% - 0.3125rem);
}
.w-\[calc\(var\(--body-font-size\)\*1\.4\)\]{
  width: calc(var(--body-font-size) * 1.4);
}
.w-\[calc\(var\(--body-font-size\)\*1\.6\)\]{
  width: calc(var(--body-font-size) * 1.6);
}
.w-\[calc\(var\(--body-font-size\)\*2\)\]{
  width: calc(var(--body-font-size) * 2);
}
.w-\[var\(--icon-size\)\]{
  width: var(--icon-size);
}
.w-\[var\(--progress-bar-active-width\)\]{
  width: var(--progress-bar-active-width);
}
.w-\[var\(--rating-star-size\)\]{
  width: var(--rating-star-size);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-min{
  width: -moz-min-content;
  width: min-content;
}
.w-px{
  width: 1px;
}
.w-screen{
  width: 100vw;
}
.w-w-18{
  width: 4.5rem;
}
.min-w-0{
  min-width: 0px;
}
.min-w-12{
  min-width: 3rem;
}
.min-w-4{
  min-width: 1rem;
}
.min-w-6{
  min-width: 1.5rem;
}
.min-w-7{
  min-width: 1.75rem;
}
.min-w-7\.5{
  min-width: 1.875rem;
}
.min-w-8{
  min-width: 2rem;
}
.min-w-\[10px\]{
  min-width: 10px;
}
.min-w-\[110px\]{
  min-width: 110px;
}
.min-w-\[120px\]{
  min-width: 120px;
}
.min-w-\[12px\]{
  min-width: 12px;
}
.min-w-\[16px\]{
  min-width: 16px;
}
.min-w-\[18px\]{
  min-width: 18px;
}
.min-w-\[1rem\]{
  min-width: 1rem;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[20px\]{
  min-width: 20px;
}
.min-w-\[24px\]{
  min-width: 24px;
}
.min-w-\[266px\]{
  min-width: 266px;
}
.min-w-\[30\%\]{
  min-width: 30%;
}
.min-w-\[300px\]{
  min-width: 300px;
}
.min-w-\[30px\]{
  min-width: 30px;
}
.min-w-\[33\%\]{
  min-width: 33%;
}
.min-w-\[34px\]{
  min-width: 34px;
}
.min-w-\[35\%\]{
  min-width: 35%;
}
.min-w-\[36px\]{
  min-width: 36px;
}
.min-w-\[42px\]{
  min-width: 42px;
}
.min-w-\[48px\]{
  min-width: 48px;
}
.min-w-\[50\%\]{
  min-width: 50%;
}
.min-w-\[60px\]{
  min-width: 60px;
}
.min-w-\[6rem\]{
  min-width: 6rem;
}
.min-w-\[70px\]{
  min-width: 70px;
}
.min-w-\[8px\]{
  min-width: 8px;
}
.min-w-\[90\%\]{
  min-width: 90%;
}
.min-w-fit{
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-full{
  min-width: 100%;
}
.min-w-max{
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-0{
  max-width: 0px;
}
.max-w-3{
  max-width: 0.75rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-48{
  max-width: 12rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-96{
  max-width: 24rem;
}
.max-w-\[100px\]{
  max-width: 100px;
}
.max-w-\[100vw\]{
  max-width: 100vw;
}
.max-w-\[11rem\]{
  max-width: 11rem;
}
.max-w-\[12ch\]{
  max-width: 12ch;
}
.max-w-\[13rem\]{
  max-width: 13rem;
}
.max-w-\[196px\]{
  max-width: 196px;
}
.max-w-\[250px\]{
  max-width: 250px;
}
.max-w-\[30\%\]{
  max-width: 30%;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[31rem\]{
  max-width: 31rem;
}
.max-w-\[380px\]{
  max-width: 380px;
}
.max-w-\[40\%\]{
  max-width: 40%;
}
.max-w-\[400px\]{
  max-width: 400px;
}
.max-w-\[440px\]{
  max-width: 440px;
}
.max-w-\[500px\]{
  max-width: 500px;
}
.max-w-\[510px\]{
  max-width: 510px;
}
.max-w-\[570px\]{
  max-width: 570px;
}
.max-w-\[578px\]{
  max-width: 578px;
}
.max-w-\[600px\]{
  max-width: 600px;
}
.max-w-\[650px\]{
  max-width: 650px;
}
.max-w-\[80px\]{
  max-width: 80px;
}
.max-w-\[85\%\]{
  max-width: 85%;
}
.max-w-\[90\%\]{
  max-width: 90%;
}
.max-w-\[9rem\]{
  max-width: 9rem;
}
.max-w-\[calc\(100\%\*2\/3\)\]{
  max-width: calc(100% * 2 / 3);
}
.max-w-\[var\(--max-width-tooltip\)\]{
  max-width: var(--max-width-tooltip);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-min{
  max-width: -moz-min-content;
  max-width: min-content;
}
.max-w-none{
  max-width: none;
}
.max-w-screen-md{
  max-width: 768px;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.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{
  flex-shrink: 1;
}
.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;
}
.grow-\[2\]{
  flex-grow: 2;
}
.basis-0{
  flex-basis: 0px;
}
.basis-1{
  flex-basis: 0.25rem;
}
.basis-1\/5{
  flex-basis: 20%;
}
.basis-2{
  flex-basis: 0.5rem;
}
.basis-20{
  flex-basis: 5rem;
}
.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-bottom-left{
  transform-origin: bottom left;
}
.origin-center{
  transform-origin: center;
}
.origin-left{
  transform-origin: left;
}
.origin-top{
  transform-origin: top;
}
.origin-top-left{
  transform-origin: top left;
}
.\!-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 !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-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 !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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-4{
  --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));
}
.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-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));
}
.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));
}
.\!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-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-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-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-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-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));
}
.-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-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-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-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-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-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-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-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 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;
}
.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 spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.\!cursor-not-allowed{
  cursor: not-allowed !important;
}
.cursor-auto{
  cursor: auto;
}
.cursor-default{
  cursor: default;
}
.cursor-grab{
  cursor: grab;
}
.cursor-grabbing{
  cursor: grabbing;
}
.cursor-none{
  cursor: none;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.cursor-zoom-in{
  cursor: zoom-in;
}
.cursor-zoom-out{
  cursor: zoom-out;
}
.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;
}
.snap-start{
  scroll-snap-align: start;
}
.snap-always{
  scroll-snap-stop: always;
}
.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-outside{
  list-style-position: outside;
}
.\!list-none{
  list-style-type: none !important;
}
.list-disc{
  list-style-type: disc;
}
.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-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-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-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 !important;
}
.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-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-14{
  gap: 3.5rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-20{
  gap: 5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-6\.5{
  gap: 1.625rem;
}
.gap-7{
  gap: 1.75rem;
}
.gap-7\.5{
  gap: 1.875rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[0\.625rem\]{
  gap: 0.625rem;
}
.gap-\[15px\]{
  gap: 15px;
}
.gap-\[3px\]{
  gap: 3px;
}
.gap-\[var\(--spacing-between-heading-and-content\)\]{
  gap: var(--spacing-between-heading-and-content);
}
.gap-x-0{
  -moz-column-gap: 0px;
       column-gap: 0px;
}
.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-1\.5{
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.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-2\.5{
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.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-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-6\.5{
  -moz-column-gap: 1.625rem;
       column-gap: 1.625rem;
}
.gap-x-7{
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}
.gap-x-7\.5{
  -moz-column-gap: 1.875rem;
       column-gap: 1.875rem;
}
.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-x-\[15px\]{
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.gap-x-\[30px\]{
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.gap-x-\[7px\]{
  -moz-column-gap: 7px;
       column-gap: 7px;
}
.gap-x-\[80px\]{
  -moz-column-gap: 80px;
       column-gap: 80px;
}
.gap-y-0{
  row-gap: 0px;
}
.gap-y-0\.5{
  row-gap: 0.125rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-10{
  row-gap: 2.5rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-2\.5{
  row-gap: 0.625rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.gap-y-5{
  row-gap: 1.25rem;
}
.gap-y-7{
  row-gap: 1.75rem;
}
.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 !important;
}
.overflow-hidden{
  overflow: hidden;
}
.\!overflow-visible{
  overflow: visible !important;
}
.overflow-visible{
  overflow: visible;
}
.overflow-scroll{
  overflow: scroll;
}
.overflow-x-auto{
  overflow-x: auto;
}
.\!overflow-y-auto{
  overflow-y: auto !important;
}
.overflow-y-auto{
  overflow-y: auto;
}
.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 !important;
}
.overscroll-none{
  overscroll-behavior: none;
}
.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;
}
.text-wrap{
  text-wrap: wrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.break-normal{
  overflow-wrap: normal;
  word-break: normal;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-md{
  border-radius: 0.375rem !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[100px\]{
  border-radius: 100px;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[10px_4px\]{
  border-radius: 10px 4px;
}
.rounded-\[20px\]{
  border-radius: 20px;
}
.rounded-\[22px\]{
  border-radius: 22px;
}
.rounded-\[4px\]{
  border-radius: 4px;
}
.rounded-\[var\(--border-radius-drawer\)\]{
  border-radius: var(--border-radius-drawer);
}
.rounded-\[var\(--border-radius-flash-message\)\]{
  border-radius: var(--border-radius-flash-message);
}
.rounded-\[var\(--border-radius-popup\)\]{
  border-radius: var(--border-radius-popup);
}
.rounded-\[var\(--rounded-corners\)\]{
  border-radius: var(--rounded-corners);
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.\!rounded-b-none{
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-t-2xl{
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !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-\[10px\]{
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rounded-b-\[20px\]{
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.rounded-b-\[var\(--rounded-corners\)\]{
  border-bottom-right-radius: var(--rounded-corners);
  border-bottom-left-radius: var(--rounded-corners);
}
.rounded-b-md{
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-b-none{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-e-full{
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}
.rounded-l-\[10px\]{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rounded-l-\[var\(--rounded-corners\)\]{
  border-top-left-radius: var(--rounded-corners);
  border-bottom-left-radius: var(--rounded-corners);
}
.rounded-r-\[10px\]{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.rounded-r-\[var\(--rounded-corners\)\]{
  border-top-right-radius: var(--rounded-corners);
  border-bottom-right-radius: var(--rounded-corners);
}
.rounded-s-full{
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}
.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-\[10px\]{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-t-\[var\(--border-radius-drawer\)\]{
  border-top-left-radius: var(--border-radius-drawer);
  border-top-right-radius: var(--border-radius-drawer);
}
.rounded-t-\[var\(--rounded-corners\)\]{
  border-top-left-radius: var(--rounded-corners);
  border-top-right-radius: var(--rounded-corners);
}
.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;
}
.\!border-0{
  border-width: 0px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.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-r{
  border-right-width: 1px !important;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-0{
  border-bottom-width: 0px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-b-8{
  border-bottom-width: 8px;
}
.border-b-\[2px\]{
  border-bottom-width: 2px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-0{
  border-left-width: 0px;
}
.border-l-\[2px\]{
  border-left-width: 2px;
}
.border-r{
  border-right-width: 1px;
}
.border-r-0{
  border-right-width: 0px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-t-\[12px\]{
  border-top-width: 12px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-dotted{
  border-style: dotted;
}
.\!border-none{
  border-style: none !important;
}
.border-none{
  border-style: none;
}
.border-\[rgba\(var\(--color-background-header\)\)\]{
  border-color: rgba(var(--color-background-header));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-black\/\[0\.06\]{
  border-color: rgb(0 0 0 / 0.06);
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-inherit{
  border-color: inherit;
}
.border-transparent{
  border-color: transparent;
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-l-white{
  --tw-border-opacity: 1;
  border-left-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-t-white{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-opacity-80{
  --tw-border-opacity: 0.8;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#dcdcdc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(var\(--color-background\)\)\]{
  background-color: rgba(var(--color-background));
}
.bg-\[rgba\(var\(--color-button\)\)\]{
  background-color: rgba(var(--color-button));
}
.bg-\[rgba\(var\(--color-secondary-button\)\)\]{
  background-color: rgba(var(--color-secondary-button));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-inherit{
  background-color: inherit;
}
.bg-neutral-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-300{
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity, 1));
}
.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-teal-600{
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-opacity-30{
  --tw-bg-opacity: 0.3;
}
.\!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-none{
  background-image: none;
}
.bg-auto{
  background-size: auto;
}
.bg-cover{
  background-size: cover;
}
.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-3{
  padding: 0.75rem !important;
}
.\!p-4{
  padding: 1rem !important;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-16{
  padding: 4rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.p-\[3px\]{
  padding: 3px;
}
.p-\[5px\]{
  padding: 5px;
}
.p-\[7px\]{
  padding: 7px;
}
.p-\[9px\]{
  padding: 9px;
}
.p-px{
  padding: 1px;
}
.\!px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-14{
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-20{
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[4\.5\%\]{
  padding-left: 4.5%;
  padding-right: 4.5%;
}
.px-\[5px\]{
  padding-left: 5px;
  padding-right: 5px;
}
.px-\[var\(--button-padding-y-desktop\2c 12px\)\]{
  padding-left: var(--button-padding-y-desktop,12px);
  padding-right: var(--button-padding-y-desktop,12px);
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.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;
}
.py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[11px\]{
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-\[15px\]{
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[7px\]{
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}
.\!pb-0{
  padding-bottom: 0px !important;
}
.\!pl-5{
  padding-left: 1.25rem !important;
}
.\!pl-6{
  padding-left: 1.5rem !important;
}
.\!pr-0{
  padding-right: 0px !important;
}
.\!pr-5{
  padding-right: 1.25rem !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-0\.5{
  padding-bottom: 0.125rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-14{
  padding-bottom: 3.5rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-2\.5{
  padding-bottom: 0.625rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-28{
  padding-bottom: 7rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-3\.5{
  padding-bottom: 0.875rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-4\.5{
  padding-bottom: 1.125rem;
}
.pb-40{
  padding-bottom: 10rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-64{
  padding-bottom: 16rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pb-7\.5{
  padding-bottom: 1.875rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-9{
  padding-bottom: 2.25rem;
}
.pb-\[100\%\]{
  padding-bottom: 100%;
}
.pb-\[100\.0\%\]{
  padding-bottom: 100.0%;
}
.pb-\[133\%\]{
  padding-bottom: 133%;
}
.pb-\[133\.0\%\]{
  padding-bottom: 133.0%;
}
.pb-\[14px\]{
  padding-bottom: 14px;
}
.pb-\[150\%\]{
  padding-bottom: 150%;
}
.pb-\[150\.0\%\]{
  padding-bottom: 150.0%;
}
.pb-\[1px\]{
  padding-bottom: 1px;
}
.pb-\[4\.5\%\]{
  padding-bottom: 4.5%;
}
.pb-\[56\%\]{
  padding-bottom: 56%;
}
.pb-\[56\.25\%\]{
  padding-bottom: 56.25%;
}
.pb-\[66\%\]{
  padding-bottom: 66%;
}
.pb-\[75\%\]{
  padding-bottom: 75%;
}
.pb-\[75\.0\%\]{
  padding-bottom: 75.0%;
}
.pe-0{
  padding-inline-end: 0px;
}
.pe-10{
  padding-inline-end: 2.5rem;
}
.pe-2{
  padding-inline-end: 0.5rem;
}
.pe-2\.5{
  padding-inline-end: 0.625rem;
}
.pe-3{
  padding-inline-end: 0.75rem;
}
.pe-5{
  padding-inline-end: 1.25rem;
}
.pe-6{
  padding-inline-end: 1.5rem;
}
.pe-7{
  padding-inline-end: 1.75rem;
}
.pe-8{
  padding-inline-end: 2rem;
}
.pl-0{
  padding-left: 0px;
}
.pl-0\.5{
  padding-left: 0.125rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-1\.5{
  padding-left: 0.375rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-11{
  padding-left: 2.75rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-14{
  padding-left: 3.5rem;
}
.pl-16{
  padding-left: 4rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-20{
  padding-left: 5rem;
}
.pl-24{
  padding-left: 6rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-3\.5{
  padding-left: 0.875rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-4\.5{
  padding-left: 1.125rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-5\.5{
  padding-left: 1.375rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-6\.5{
  padding-left: 1.625rem;
}
.pl-7{
  padding-left: 1.75rem;
}
.pl-7\.5{
  padding-left: 1.875rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pl-\[15px\]{
  padding-left: 15px;
}
.pl-\[26px\]{
  padding-left: 26px;
}
.pl-\[332px\]{
  padding-left: 332px;
}
.pl-\[34px\]{
  padding-left: 34px;
}
.pr-0{
  padding-right: 0px;
}
.pr-0\.5{
  padding-right: 0.125rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-11{
  padding-right: 2.75rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-14{
  padding-right: 3.5rem;
}
.pr-16{
  padding-right: 4rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-20{
  padding-right: 5rem;
}
.pr-24{
  padding-right: 6rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-3\.5{
  padding-right: 0.875rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-4\.5{
  padding-right: 1.125rem;
}
.pr-5{
  padding-right: 1.25rem;
}
.pr-5\.5{
  padding-right: 1.375rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-6\.5{
  padding-right: 1.625rem;
}
.pr-7{
  padding-right: 1.75rem;
}
.pr-7\.5{
  padding-right: 1.875rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-9{
  padding-right: 2.25rem;
}
.pr-\[15px\]{
  padding-right: 15px;
}
.pr-\[22px\]{
  padding-right: 22px;
}
.pr-\[26px\]{
  padding-right: 26px;
}
.pr-\[332px\]{
  padding-right: 332px;
}
.pr-\[34px\]{
  padding-right: 34px;
}
.pr-\[9px\]{
  padding-right: 9px;
}
.ps-0{
  padding-inline-start: 0px;
}
.ps-1{
  padding-inline-start: 0.25rem;
}
.ps-10{
  padding-inline-start: 2.5rem;
}
.ps-2{
  padding-inline-start: 0.5rem;
}
.ps-4{
  padding-inline-start: 1rem;
}
.ps-5{
  padding-inline-start: 1.25rem;
}
.ps-6{
  padding-inline-start: 1.5rem;
}
.ps-7{
  padding-inline-start: 1.75rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-11{
  padding-top: 2.75rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-14{
  padding-top: 3.5rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-3\.5{
  padding-top: 0.875rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-4\.5{
  padding-top: 1.125rem;
}
.pt-40{
  padding-top: 10rem;
}
.pt-48{
  padding-top: 12rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-7\.5{
  padding-top: 1.875rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-9{
  padding-top: 2.25rem;
}
.pt-\[14px\]{
  padding-top: 14px;
}
.pt-\[4\.5\%\]{
  padding-top: 4.5%;
}
.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;
}
.font-sans{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[70\%\]{
  font-size: 70%;
}
.text-\[80\%\]{
  font-size: 80%;
}
.text-\[85\%\]{
  font-size: 85%;
}
.text-\[90\%\]{
  font-size: 90%;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-semibold{
  font-weight: 600 !important;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.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-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-\[0\]{
  line-height: 0;
}
.leading-\[1\.4\]{
  line-height: 1.4;
}
.leading-\[1\.6\]{
  line-height: 1.6;
}
.leading-\[initial\]{
  line-height: initial;
}
.leading-\[normal\]{
  line-height: normal;
}
.leading-loose{
  line-height: 2;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.text-\[rgba\(var\(--color-button-text\)\)\]{
  color: rgba(var(--color-button-text));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-current{
  color: currentColor;
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-inherit{
  color: inherit;
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.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 !important;
}
.\!opacity-100{
  opacity: 1 !important;
}
.\!opacity-60{
  opacity: 0.6 !important;
}
.opacity-0{
  opacity: 0;
}
.opacity-10{
  opacity: 0.1;
}
.opacity-100{
  opacity: 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-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.opacity-\[12\%\]{
  opacity: 12%;
}
.opacity-\[12\]{
  opacity: 12;
}
.opacity-\[6\%\]{
  opacity: 6%;
}
.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-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-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-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-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-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-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -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-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-gray-900{
  --tw-shadow-color: #111827;
  --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-0{
  outline-width: 0px;
}
.outline-1{
  outline-width: 1px;
}
.outline-2{
  outline-width: 2px;
}
.-outline-offset-1{
  outline-offset: -1px;
}
.-outline-offset-2{
  outline-offset: -2px;
}
.outline-offset-1{
  outline-offset: 1px;
}
.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);
}
.drop-shadow-md{
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px 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);
  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{
  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-none{
  transition-property: none !important;
}
.transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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;
  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;
}
.transition-all{
  transition-property: all;
  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-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-transform{
  transition-property: transform;
  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-1000{
  transition-delay: 1000ms;
}
.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-\[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-1000{
  transition-duration: 1000ms !important;
}
.duration-0{
  transition-duration: 0s;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-75{
  transition-duration: 75ms;
}
.duration-\[600ms\]{
  transition-duration: 600ms;
}
.duration-\[var\(--button-animation-duration\)\]{
  transition-duration: var(--button-animation-duration);
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  transition-timing-function: linear;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform{
  will-change: transform;
}
.content-none{
  --tw-content: none;
  content: var(--tw-content);
}
.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;
}
.pe-3{
  padding-inline-end: 0.75rem;
}
.ps-4{
  padding-inline-start: 1rem;
}
.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="ltr"] .end-0{
  right: 0px;
}
[dir="ltr"] .start-0{
  left: 0px;
}
[dir="ltr"] .end-1{
  right: 0.25rem;
}
[dir="ltr"] .end-4{
  right: 1rem;
}
[dir="ltr"] .end-10{
  right: 2.5rem;
}
[dir="ltr"] .start-72{
  left: 18rem;
}
[dir="ltr"] .start-80{
  left: 20rem;
}
[dir="ltr"] .start-full{
  left: 100%;
}
[dir="ltr"] .rounded-e-full{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
[dir="ltr"] .rounded-s-full{
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
[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-\[10px\]{
  clip-path: inset(0 0 0 0 round 10px);
}
.clip-path-none{
  clip-path: inset(0 0 0 0 round 0px);
}
.\!color-border-\[rgba\(var\(--color-border-header\)\)\]{
  border-color: rgba(var(--color-border-header)) !important;
}
.\!color-border-\[rgba\(var\(--color-text\)\2c 0\.12\)\]{
  border-color: rgba(var(--color-text-no-alpha) / 0.12) !important;
}
.color-bg-\[rgba\(var\(--background-color-label\)\)\]{
  background-color: rgba(var(--background-color-label));
}
.color-bg-\[rgba\(var\(--color-background\)\)\]{
  background-color: rgba(var(--color-background));
}
.color-bg-\[rgba\(var\(--color-breadcrumb-background\)\)\]{
  background-color: rgba(var(--color-breadcrumb-background));
}
.color-bg-\[rgba\(var\(--color-button\)\)\]{
  background-color: rgba(var(--color-button));
}
.color-bg-\[rgba\(var\(--color-button\)\2c 0\.12\)\]{
  background-color: rgba(var(--color-button-no-alpha) / 0.12);
}
.color-bg-\[rgba\(var\(--color-button-link\)\)\]{
  background-color: rgba(var(--color-button-link));
}
.color-bg-\[rgba\(var\(--color-cart\)\)\]{
  background-color: rgba(var(--color-cart));
}
.color-bg-\[rgba\(var\(--color-heading\)\)\]{
  background-color: rgba(var(--color-heading));
}
.color-bg-\[rgba\(var\(--color-heading\)\2c 0\.06\)\]{
  background-color: rgba(var(--color-heading-no-alpha) / 0.06);
}
.color-bg-\[rgba\(var\(--color-heading\)\2c 0\.12\)\]{
  background-color: rgba(var(--color-heading-no-alpha) / 0.12);
}
.color-bg-\[rgba\(var\(--color-heading\)\2c 0\.4\)\]{
  background-color: rgba(var(--color-heading-no-alpha) / 0.4);
}
.color-bg-\[rgba\(var\(--color-heading\)\2c 0\.6\)\]{
  background-color: rgba(var(--color-heading-no-alpha) / 0.6);
}
.color-bg-\[rgba\(var\(--color-in-stock\)\)\]{
  background-color: rgba(var(--color-in-stock));
}
.color-bg-\[rgba\(var\(--color-line-and-border\)\)\]{
  background-color: rgba(var(--color-line-and-border));
}
.color-bg-\[rgba\(var\(--color-overlay\)\)\]{
  background-color: rgba(var(--color-overlay));
}
.color-bg-\[rgba\(var\(--color-overlay\)\2c 0\.2\)\]{
  background-color: rgba(var(--color-overlay-no-alpha) / 0.2);
}
.color-bg-\[rgba\(var\(--color-sale-price\)\2c 0\.06\)\]{
  background-color: rgba(var(--color-sale-price-no-alpha) / 0.06);
}
.color-bg-\[rgba\(var\(--color-secondary-button\)\)\]{
  background-color: rgba(var(--color-secondary-button));
}
.color-bg-\[rgba\(var\(--color-secondary-button-no-alpha\)\2c 0\.4\)\]{
  background-color: rgba(var(--color-secondary-button-no-alpha) / 0.4);
}
.color-bg-\[rgba\(var\(--color-secondary-button-no-alpha\)\2c 0\.6\)\]{
  background-color: rgba(var(--color-secondary-button-no-alpha) / 0.6);
}
.color-bg-\[rgba\(var\(--color-text\)\2c 0\.05\)\]{
  background-color: rgba(var(--color-text-no-alpha) / 0.05);
}
.color-bg-\[rgba\(var\(--color-text\)\2c 0\.06\)\]{
  background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.color-bg-\[rgba\(var\(--color-text\)\2c 0\.1\)\]{
  background-color: rgba(var(--color-text-no-alpha) / 0.1);
}
.color-bg-\[rgba\(var\(--color-text\)\2c 0\.12\)\]{
  background-color: rgba(var(--color-text-no-alpha) / 0.12);
}
.color-bg-\[rgba\(var\(--color-text\)\2c 0\.2\)\]{
  background-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.color-bg-\[rgba\(var\(--color-text-header\)\2c 0\.06\)\]{
  background-color: rgba(var(--color-text-header-no-alpha) / 0.06);
}
.color-bg-\[rgba\(var\(--color-text-no-alpha\)\2c \.06\)\]{
  background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.color-bg-\[rgba\(var\(--element-background\)\)\]{
  background-color: rgba(var(--element-background));
}
.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\(--error-message-color\)\2c 0\.2\)\]{
  background-color: rgba(var(--error-message-color-no-alpha) / 0.2);
}
.color-bg-\[rgba\(var\(--product-card-bg\)\)\]{
  background-color: rgba(var(--product-card-bg));
}
.color-bg-\[var\(--element-background\)\]{
  background-color: var(--element-background);
}
.color-bg-gradient-\[rgba\(var\(--color-background\)\)\]{
  background: rgba(var(--color-background));
}
.color-bg-gradient-\[var\(--gradient-background\)\]{
  background: var(--gradient-background);
}
.color-border-\[rgba\(var\(--color-border-header\)\)\]{
  border-color: rgba(var(--color-border-header));
}
.color-border-\[rgba\(var\(--color-breadcrumb-text\)\)\]{
  border-color: rgba(var(--color-breadcrumb-text));
}
.color-border-\[rgba\(var\(--color-button\)\)\]{
  border-color: rgba(var(--color-button));
}
.color-border-\[rgba\(var\(--color-button-text\)\)\]{
  border-color: rgba(var(--color-button-text));
}
.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-heading\)\)\]{
  border-color: rgba(var(--color-heading));
}
.color-border-\[rgba\(var\(--color-heading\)\2c 0\.06\)\]{
  border-color: rgba(var(--color-heading-no-alpha) / 0.06);
}
.color-border-\[rgba\(var\(--color-heading\)\2c 0\.2\)\]{
  border-color: rgba(var(--color-heading-no-alpha) / 0.2);
}
.color-border-\[rgba\(var\(--color-heading\)\2c 0\.4\)\]{
  border-color: rgba(var(--color-heading-no-alpha) / 0.4);
}
.color-border-\[rgba\(var\(--color-highlight\)\)\]{
  border-color: rgba(var(--color-highlight));
}
.color-border-\[rgba\(var\(--color-line-and-border\)\)\]{
  border-color: rgba(var(--color-line-and-border));
}
.color-border-\[rgba\(var\(--color-text\)\)\]{
  border-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-border-\[rgba\(var\(--color-text\)\2c 0\.12\)\]{
  border-color: rgba(var(--color-text-no-alpha) / 0.12);
}
.color-border-\[rgba\(var\(--color-text\)\2c 0\.2\)\]{
  border-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.color-border-\[rgba\(var\(--color-text\)\2c 0\.6\)\]{
  border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.color-border-\[rgba\(var\(--error-message-color\)\)\]{
  border-color: rgba(var(--error-message-color));
}
.color-border-b-\[rgba\(var\(--color-background\)\)\]{
  border-bottom-color: rgba(var(--color-background));
}
.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-t-\[rgba\(var\(--color-background\)\)\]{
  border-top-color: rgba(var(--color-background));
}
.color-border-t-\[rgba\(var\(--color-text\)\2c 0\.06\)\]{
  border-top-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.color-border-t-\[rgba\(var\(--error-message-color\)\2c 0\.1\)\]{
  border-top-color: rgba(var(--error-message-color-no-alpha) / 0.1);
}
.color-border-t-\[rgba\(var\(--success-message-color\)\2c 0\.1\)\]{
  border-top-color: rgba(var(--success-message-color-no-alpha) / 0.1);
}
.color-fill-\[rgba\(var\(--color-text\)\2c 0\.4\)\]{
  fill: rgba(var(--color-text-no-alpha) / 0.4);
}
.color-fill-\[rgba\(var\(--rating-color\)\)\]{
  fill: rgba(var(--rating-color));
}
.color-outline-\[rgba\(var\(--color-text\)\2c 0\.2\)\]{
  outline-color: rgba(var(--color-text-no-alpha) / 0.2);
}
.color-outline-\[rgba\(var\(--error-background-color\)\)\]{
  outline-color: rgba(var(--error-background-color));
}
.color-outline-\[rgba\(var\(--error-message-color\)\)\]{
  outline-color: rgba(var(--error-message-color));
}
.color-text-\[rgba\(var\(--color-background\)\)\]{
  color: rgba(var(--color-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-text-\[rgba\(var\(--color-button\)\)\]{
  color: rgba(var(--color-button));
}
.color-text-\[rgba\(var\(--color-button-text\)\)\]{
  color: rgba(var(--color-button-text));
}
.color-text-\[rgba\(var\(--color-cart-text\)\)\]{
  color: rgba(var(--color-cart-text));
}
.color-text-\[rgba\(var\(--color-heading\)\)\]{
  color: rgba(var(--color-heading));
}
.color-text-\[rgba\(var\(--color-heading\)\2c 0\.12\)\]{
  color: rgba(var(--color-heading-no-alpha) / 0.12);
}
.color-text-\[rgba\(var\(--color-heading\)\2c 0\.4\)\]{
  color: rgba(var(--color-heading-no-alpha) / 0.4);
}
.color-text-\[rgba\(var\(--color-heading\)\2c 0\.6\)\]{
  color: rgba(var(--color-heading-no-alpha) / 0.6);
}
.color-text-\[rgba\(var\(--color-heading\)\2c 0\.8\)\]{
  color: rgba(var(--color-heading-no-alpha) / 0.8);
}
.color-text-\[rgba\(var\(--color-highlight\)\)\]{
  color: rgba(var(--color-highlight));
}
.color-text-\[rgba\(var\(--color-icon-footer\)\)\]{
  color: rgba(var(--color-icon-footer));
}
.color-text-\[rgba\(var\(--color-icon-header\)\)\]{
  color: rgba(var(--color-icon-header));
}
.color-text-\[rgba\(var\(--color-in-stock\)\)\]{
  color: rgba(var(--color-in-stock));
}
.color-text-\[rgba\(var\(--color-link\)\)\]{
  color: rgba(var(--color-link));
}
.color-text-\[rgba\(var\(--color-out-of-stock\)\)\]{
  color: rgba(var(--color-out-of-stock));
}
.color-text-\[rgba\(var\(--color-price\)\)\]{
  color: rgba(var(--color-price));
}
.color-text-\[rgba\(var\(--color-sale-price\)\)\]{
  color: rgba(var(--color-sale-price));
}
.color-text-\[rgba\(var\(--color-secondary-button-text\)\)\]{
  color: rgba(var(--color-secondary-button-text));
}
.color-text-\[rgba\(var\(--color-text\)\)\]{
  color: rgba(var(--color-text));
}
.color-text-\[rgba\(var\(--color-text\)\2c 0\.4\)\]{
  color: rgba(var(--color-text-no-alpha) / 0.4);
}
.color-text-\[rgba\(var\(--color-text\)\2c 0\.6\)\]{
  color: rgba(var(--color-text-no-alpha) / 0.6);
}
.color-text-\[rgba\(var\(--color-text\)\2c 0\.7\)\]{
  color: rgba(var(--color-text-no-alpha) / 0.7);
}
.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-text-label\)\)\]{
  color: rgba(var(--color-text-label));
}
.color-text-\[rgba\(var\(--colors-button\)\)\]{
  color: rgba(var(--colors-button));
}
.color-text-\[rgba\(var\(--error-background-color\)\)\]{
  color: rgba(var(--error-background-color));
}
.color-text-\[rgba\(var\(--error-message-color\)\)\]{
  color: rgba(var(--error-message-color));
}
.color-text-\[rgba\(var\(--rating-color\)\)\]{
  color: rgba(var(--rating-color));
}
.color-text-\[rgba\(var\(--success-message-color\)\)\]{
  color: rgba(var(--success-message-color));
}
.\[--button-padding-x-desktop\:24px\]{
  --button-padding-x-desktop: 24px;
}
.\[--button-padding-x-mobile\:16px\]{
  --button-padding-x-mobile: 16px;
}
.\[--icon-size\:16px\]{
  --icon-size: 16px;
}
.\[--rounded-corners\:0px\]{
  --rounded-corners: 0px;
}
.\[--swatch-option-height\:32px\]{
  --swatch-option-height: 32px;
}
.\[--swatch-option-width\:32px\]{
  --swatch-option-width: 32px;
}
.\[grid-area\:header-center\]{
  grid-area: header-center;
}
.\[grid-area\:header-left\]{
  grid-area: header-left;
}
.\[grid-area\:header-right\]{
  grid-area: header-right;
}
/*@import url(components/contact-form.css);*/
/* ═══════════════════════════════════════════════════════════════════
 * HEADER COMPONENT STYLES
 *
 * Sections:
 *   1. Layout & Grid
 *   2. Theme Mode Toggle
 *   3. Navigation & Menu Items
 *   4. Cart & Account Icons
 *   5. Mobile Navigation
 *   6. Drawer Menu
 *   7. Search
 *   8. Typography
 *   9. Transparent Header
 *  10. Utility & Misc
 * ═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
 * STYLES OUTSIDE @layer (higher specificity / non-component rules)
 * ═══════════════════════════════════════════════════════════════════ */
/* ── 8. Typography ───────────────────────────────────────────────── */
#x-header-container header,
#menu-navigation, .header-collapse-menu {
  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);
}
/* ── 9. Transparent Header ───────────────────────────────────────── */
.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), .header-collapse-menu, #x-header-container,
.transparent-header:has(.form-search-wrapper.is-open) #x-header-content {
  background: var(--gradient-background, "none");
  background-color: rgba(var(--color-background));
}
#x-header.transparent-header .sticky-header-active {
  background: var(--gradient-background, "none");
  background-color: rgba(var(--color-background));
}
.transparent-header .sticky-header-active .logo-name,
.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,
.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;
}
/* ── 10. Utility & Misc ──────────────────────────────────────────── */
/* Active menu item highlight */
#x-header-content a.active,
#x-header-content .menu-link.active,
.mobile-menu-item.active {
  color: rgba(var(--color-highlight));
}
/* Mobile overlay */
.header-mobile-overlay {
  background: rgba(var(--color-overlay));
  transition-property: opacity, visibility;
}
/* Mobile screen height */
.header-h-screen {
  height: calc(var(--viewport-height) - var(--header-bottom-position));
  max-height: 100vh;
}
/* Map frame visibility */
.toggle-menu.is-open .map-frame {
  visibility: visible;
}
/* Drawer menu hover states */
/* .drawer-menu-lv1:hover,
.drawer-menu-lv1:has(.toggle-menu.is-open) {
  background-color: rgba(var(--color-text-no-alpha) / 0.2);
} */
.drawer-menu-lv1:has(.toggle-menu.is-open) .sub-menu {
  color: rgba(var(--color-highlight));
}
/* Label weight overrides */
.product-menu-list .label-container,
.header-label__wrapper,
.contact-mega-menu .contact__fields,
.mobile-product-menu .label-container {
  font-weight: 400;
}
/* Shadow utility */
.shadow-header {
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
}
.dark .shadow-header {
  box-shadow: 0 6px 20px 0 rgba(255 255 255 / 0.1);
}
/* Z-index for mini-cart overlay */
.mini-cart-open {
  z-index: 60;
}
/* GPU hint override */
.will-change-none {
  will-change: unset !important;
}
/* Drawer menu heading color */
#DrawerMenu {
  --color-heading: var(--color-text);
}
/* Promotion block transparency */
.menu-promotion-block {
  background-color: transparent !important;
  background: transparent !important;
}
/* Social link padding */
.utility-social .social-link a {
  padding: 3px;
}
/* Swiffy slider gap */
.ss-contents__wrapper .swiffy-slider,
.psr-contents__wrapper .swiffy-slider {
  --swiffy-slider-item-gap: 14px;
}
/* Drawer menu width */
.drawer-menu .mega-menu {
  width: calc(100vw - 300px);
}
/* Scrollbar track offset */
.main-nav.scrollbar-horizontal::-webkit-scrollbar-track {
  margin-left: 15px;
}
/* ── Responsive: Header Grid ─────────────────────────────────────── */
.header-top {
  grid-template-areas: "header-left header-center header-right";
  grid-template-columns: 2fr 3fr 2fr;
}
.account-menu__overlay {
    background-color: rgba(var(--color-overlay));
    position: fixed;
    top: var(--overlay-header-offset-top, 0);
    right: 0px;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
}
.main-menu-scroll-prev {
  left: 0;
  justify-content: flex-start;
  background: linear-gradient(to right, rgba(var(--color-background-no-alpha)) 50%, rgba(var(--color-background-no-alpha) / 0.5) 80%, transparent 100%);
}
.main-menu-scroll-next {
  right: 0;
  justify-content: flex-end;
  background: linear-gradient(to left, rgba(var(--color-background-no-alpha)) 50%, rgba(var(--color-background-no-alpha) / 0.5) 80%, transparent 100%);
}
.main-menu-scroll-prev, .main-menu-scroll-next {
  min-width: 32px;
  width: 32px;
}
.header-container .scroll-nav svg {
  height: 12px;
  width: 12px;
  min-width: 12px;
}
.icon-with-text__text.truncate.rte > p{
  display: inline;
}
.product-card__image-wrapper .slider-indicators > * {
  height: 0.125rem;
  border: none;
}
slide-element:has(.icon-with-text-content-visible:hover) {
  z-index: 10;
}
.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.swatch-option__natural {
  --swatch-option-height: calc(var(--swatch-option-ratio) * var(--swatch-option-width));
}
.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):not(.variant-option-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: rgb(var(--color-text-no-alpha));
  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;
  opacity: 0;
  overflow: hidden;
}
.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);
}
/*@import url(components/sections/promotion-grid.css);*/
.product-info__label-wrapper .label-container {
  animation: fadeContent 500ms linear, slideHorizontal 300ms linear;
}
@keyframes slideHorizontal {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideHorizontalRTL {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0);
  }
}
/*@import url(components/sections/segmented-banner.css);*/
: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;
  }
}
.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));
}
.section-highlight-product-set .hotspot-content {
  transform: translateX(calc(-50% - var(--position-translate-x, 0px)));
}
/*@import url(components/sections/main-404.css);*/
/*@import url(components/sections/hero-slideshow-horizontal.css);*/
.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));
}
@-moz-document url-prefix() {
  span.text-link::after {
    background: transparent;
  }
}
/* 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;
}
.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%;
}
.anm-reveal-item-collection.anm-reveal-item-collection[data-active="false"], .anm-reveal-item[data-active="false"] {
  transform: translateY(20px);
  opacity: 0.01;
}
.anm-reveal-item-collection.anm-reveal-item-collection[data-active="true"], .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;
}
.card-fade-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fade-up var(--reveal-transition-duration, 0.6s) cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
  animation-delay: calc(var(--animation-order) * 100ms), calc(var(--animation-order) * 100ms + 100ms);
}
@keyframes fade-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.section-featured-collection .bg-center {
  background-position: center;
}
.section-featured-collection .bg-cover {
  background-size: cover
}
/* ═══════════════════════════════════════════════════════════════════
 * HEADER ANIMATION STYLES
 *
 * Organized into three sections:
 *   1. Sticky header transitions
 *   2. Dropdown menu animations
 *   3. Keyframe definitions
 * ═══════════════════════════════════════════════════════════════════ */
/* ── 1. Sticky Header ─────────────────────────────────────────────── */
section-header {
  position: relative;
}
.shopify-section.section-header {
  z-index: 50;
  width: 100%;
  will-change: top;
  box-shadow: 0px 10px 10px 0px rgba(var(--color-text-no-alpha)/.0);
  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; */
}
/* ── 2. Dropdown Menu Animations ──────────────────────────────────── */
/* Base transform origin for all toggle menus */
.toggle-menu {
  transform-origin: top;
}
/* Closed state — hidden & collapsed */
.toggle-menu:not(.drawer-mega-menu):not(.is-open) {
  opacity: 0;
  transform: scaleY(0);
}
/* Open state — visible & expanded */
.toggle-menu:not(.drawer-mega-menu).is-open {
  display: block;
  visibility: visible;
  opacity: 1;
  will-change: transform;
}
.toggle-menu-sub:not(.drawer-mega-menu).is-open {
  display: block;
}
/* Drawer mega-menu: clip-path based reveal (LTR) */
.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%);
}
/* Drawer mega-menu: clip-path based reveal (RTL) */
/* Mega-menu item stagger animation */
.mega-menu_list .mega-menu__item {
  opacity: 0;
  animation: fadeInUp var(--menu-delay-animation) ease-out forwards;
  animation-delay: var(--menu-item-delay-transition);
}
/* Promotion block animation */
.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;
}
/* Duration / delay utilities */
.duration-header-menu {
  transition-duration: var(--header-menu-transition-duration);
}
.delay-header-menu {
  transition-delay: var(--header-menu-transition-delay);
}
/* Animation headeer */
.hover-rect {
  position: absolute;
  background-color: rgba(var(--color-text-no-alpha) / .2);
  inset: 0px;
  transition: transform var(--menu-rect-hover-transition) cubic-bezier(0.7, 0, 0.3, 1);
  will-change: transform;
  transform: translateY(-101%);
}
.drawer-menu-lv1:has(.toggle-menu.is-open) .hover-rect, .product-menu-list .menu-item:has(.product-mega-menu_wrapper.is-open) .hover-rect {
  transform: translateY(0) !important;
}
.menu-item:has(> .toggle-menu.is-open) .icon-caret svg {
  transform: rotate(180deg);
}
.icon-caret svg {
  transition: transform var(--menu-icon-transition) linear;
}
.link-animation::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.1rem;
  transform: scaleX(0);
  border-top: 1px solid rgba(var(--color-highlight));
  width: 100%;
  will-change: transform;
  transition: transform var(--menu-link-animation) cubic-bezier(0.16, 1, 0.3, 1);
}
.link-animation {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
}
.link-animation:hover::after, .link:hover .link-animation::after {
  transform: scaleX(1);
}
/* ── 3. Keyframes ─────────────────────────────────────────────────── */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
}
@keyframes ping{
  75%, 100%{
    transform: scale(2.2);opacity:0
  }
}
.direction_link {
  position: relative;
  display: inline-flex;
  align-items: center; 
}
html[dir="ltr"] .direction_link {
  direction: ltr;
}
.direction_link.anm-button-arrow_push.view-all-link {
  color: rgba(var(--color-text-header));
}
.direction_link.anm-button-arrow_push {
  color: rgba(var(--color-button-link));
}
.direction_link .text-link-content,
.direction_link .text-link-arrow {
  display: inline-flex;
  align-items: center;
}
.product-comparison-grid__data-cell .button-link {
  width: -moz-fit-content;
  width: fit-content;
}
.menu-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;
}
.menu-highlight-anm-marker {
    background-size: 200% 100%;
}
.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-underline--active .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-underline--active {
    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-marker--active {
    background-size: 200% 100%;
}
.heading-highlight-color-change {
    transition: color var(--text-animation-duration) ease-in-out;
}
.heading-highlight-color-change--active {
    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-shadow--active {
    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;
}
.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);
}
.drop-shadow-small {
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
  will-change: transform;
}
.dark .drop-shadow-small {
  filter: drop-shadow(0px 2px 10px rgba(255, 255, 255, 0.1));
  will-change: transform;
}
custom-tooltip{
  position: relative;
}
.tooltip-popup-wrapper[data-tooltip-position="top"]{
  bottom: calc(100% + 10px);
  flex-direction: column;
}
.tooltip-popup-wrapper[data-tooltip-position="bottom"]{
  top: calc(100% + 10px);
  flex-direction: column-reverse;
}
.tooltip-popup-wrapper[data-tooltip-position="left"]{
  right: calc(100% + 10px);
  flex-direction: row;
}
.tooltip-popup-wrapper[data-tooltip-position="right"]{
  left: calc(100% + 10px);
  flex-direction: row-reverse;
}
.tooltip-popup-wrapper[data-tooltip-position="bottom"] .triangle-down{
  --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));
}
.tooltip-popup-wrapper[data-tooltip-position="left"] .triangle-down{
  --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));
}
.tooltip-popup-wrapper[data-tooltip-position="right "] .triangle-down{
  --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));
}
.tooltip-visible{
  pointer-events: auto;
  visibility: visible;
  z-index: unset;
}
slide-element {
  --slide-element-gap: 10px;
  --slide-effect-duration: 500ms;
}
slide-element .slide-element__list-items{
  position: relative;
  display: grid;
  width: 100%;
  overflow: hidden;
}
.gw-post-modal-product-view__button-icon{
  display: flex;
  justify-content: center;
}
.gw-post-modal-product-view__button--prev .gw-post-modal-product-view__button-icon--left:has(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));
}
.gw-dots.gw-list-reset-default-styles.gw-ig-gallery-slide-layout__dots{
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
}
.gw-video-player__controller{
  display: flex;
  align-items: center;
  justify-content: center;
}
.shopify-app-block.gw-full-width{
  margin-bottom: 0.375rem;
}
[x-cloak] {
  display: none !important;
}
.after\:round::after {
    content: var(--tw-content);
    border-radius: 9999px;
  }
.focus-within\:outline-none:focus-within.text-field__wrapper:has(input:focus),.focus-within\:outline-none:focus-within
  .text-field__wrapper:has(textarea:focus),.focus-within\:outline-none:focus-within
  .dropdown-field__wrapper:has(select:focus){
  border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.focus\:outline-none:focus.text-field__wrapper:has(input:focus),.focus\:outline-none:focus
  .text-field__wrapper:has(textarea:focus),.focus\:outline-none:focus
  .dropdown-field__wrapper:has(select:focus){
  border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.focus-visible\:-outline-offset-1:focus-visible {
    outline-offset: -1px;
  }
.focus-visible\:outline-none:focus-visible.text-field__wrapper:has(input:focus),.focus-visible\:outline-none:focus-visible
  .text-field__wrapper:has(textarea:focus),.focus-visible\:outline-none:focus-visible
  .dropdown-field__wrapper:has(select:focus){
  border-color: rgba(var(--color-text-no-alpha) / 0.6);
}
.ltr\:items-right:where([dir="ltr"], [dir="ltr"] *){
  align-items: flex-end;
}
.ltr\:items-left:where([dir="ltr"], [dir="ltr"] *){
  align-items: flex-start;
}
.ltr\:items-right:where([dir="ltr"], [dir="ltr"] *){
  align-items: flex-end;
}
.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\(--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\(--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\(--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\(--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\(--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);
}
.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, 1));
}
.placeholder\:text-pink-900::placeholder{
  --tw-text-opacity: 1;
  color: rgb(131 24 67 / var(--tw-text-opacity, 1));
}
.placeholder\:opacity-60::-moz-placeholder{
  opacity: 0.6;
}
.placeholder\:opacity-60::placeholder{
  opacity: 0.6;
}
.placeholder\:opacity-70::-moz-placeholder{
  opacity: 0.7;
}
.placeholder\:opacity-70::placeholder{
  opacity: 0.7;
}
.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\:-bottom-1::before{
  content: var(--tw-content);
  bottom: -0.25rem;
}
.before\:-bottom-2\.5::before{
  content: var(--tw-content);
  bottom: -0.625rem;
}
.before\:-bottom-3::before{
  content: var(--tw-content);
  bottom: -0.75rem;
}
.before\:-left-2\.5::before{
  content: var(--tw-content);
  left: -0.625rem;
}
.before\:-right-2\.5::before{
  content: var(--tw-content);
  right: -0.625rem;
}
.before\:-top-2\.5::before{
  content: var(--tw-content);
  top: -0.625rem;
}
.before\:bottom-1::before{
  content: var(--tw-content);
  bottom: 0.25rem;
}
.before\:left-0::before{
  content: var(--tw-content);
  left: 0px;
}
.before\:left-1::before{
  content: var(--tw-content);
  left: 0.25rem;
}
.before\:left-2::before{
  content: var(--tw-content);
  left: 0.5rem;
}
.before\:left-\[calc\(50\%-var\(--left-tooltip\)\)\]::before{
  content: var(--tw-content);
  left: calc(50% - var(--left-tooltip));
}
.before\:right-1::before{
  content: var(--tw-content);
  right: 0.25rem;
}
.before\:top-1::before{
  content: var(--tw-content);
  top: 0.25rem;
}
.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-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-\[calc\(100\%-8px\)\]::before{
  content: var(--tw-content);
  height: calc(100% - 8px);
}
.before\:w-0::before{
  content: var(--tw-content);
  width: 0px;
}
.before\:w-1\/3::before{
  content: var(--tw-content);
  width: 33.333333%;
}
.before\:w-2::before{
  content: var(--tw-content);
  width: 0.5rem;
}
.before\:w-4\.5::before{
  content: var(--tw-content);
  width: 1.125rem;
}
.before\:w-\[62px\]::before{
  content: var(--tw-content);
  width: 62px;
}
.before\:w-\[calc\(100\%-8px\)\]::before{
  content: var(--tw-content);
  width: calc(100% - 8px);
}
.before\:w-full::before{
  content: var(--tw-content);
  width: 100%;
}
.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-full::before{
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:rounded-md::before{
  content: var(--tw-content);
  border-radius: 0.375rem;
}
.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\: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-\[120\%\]::before{
  content: var(--tw-content);
  padding-bottom: 120%;
}
.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-\[150\%\]::before{
  content: var(--tw-content);
  padding-bottom: 150%;
}
.before\:pb-\[150\.0\%\]::before{
  content: var(--tw-content);
  padding-bottom: 150.0%;
}
.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-\[75\%\]::before{
  content: var(--tw-content);
  padding-bottom: 75%;
}
.before\:pb-\[75\.0\%\]::before{
  content: var(--tw-content);
  padding-bottom: 75.0%;
}
.before\:pl-2\.5::before{
  content: var(--tw-content);
  padding-left: 0.625rem;
}
.before\:pr-2\.5::before{
  content: var(--tw-content);
  padding-right: 0.625rem;
}
.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-\[\'\'\]::before{
  --tw-content: '';
  content: var(--tw-content);
}
.before\:content-\[attr\(data-label\)\]::before{
  --tw-content: attr(data-label);
  content: var(--tw-content);
}
.before\:color-bg-\[rgba\(var\(--color-text\)\2c 0\.06\)\]::before{
  content: var(--tw-content);
  background-color: rgba(var(--color-text-no-alpha) / 0.06);
}
.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);
}
.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\:\[--rounded-corners\:0px\]::before{
  content: var(--tw-content);
  --rounded-corners: 0px;
}
.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
.after\:left-0::after{
  content: var(--tw-content);
  left: 0px;
}
.after\:top-0::after{
  content: var(--tw-content);
  top: 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, 1));
}
.after\:bg-inherit::after{
  content: var(--tw-content);
  background-color: inherit;
}
.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);
}
.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\:\[--rounded-corners\:0px\]::after{
  content: var(--tw-content);
  --rounded-corners: 0px;
}
.last\:mb-3:last-child{
  margin-bottom: 0.75rem;
}
.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-0:empty{
  min-height: 0px;
}
.empty\:min-h-\[50px\]:empty{
  min-height: 50px;
}
.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-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\: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\: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\:bg-white\/20:hover{
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:text-current:hover{
  color: currentColor;
}
.hover\:opacity-0:hover{
  opacity: 0;
}
.hover\:opacity-100:hover{
  opacity: 1;
}
.hover\:opacity-70:hover{
  opacity: 0.7;
}
.hover\:opacity-90:hover{
  opacity: 0.9;
}
.hover\:color-bg-\[rgba\(var\(--color-secondary-background\)\)\]:hover{
  background-color: rgba(var(--color-secondary-background));
}
.hover\:color-bg-\[rgba\(var\(--color-text\)\2c 0\.12\)\]:hover{
  background-color: rgba(var(--color-text-no-alpha) / 0.12);
}
.hover\:color-border-\[rgba\(var\(--color-link\)\)\]:hover{
  border-color: rgba(var(--color-link));
}
.hover\:color-text-\[rgba\(var\(--color-button\)\)\]:hover{
  color: rgba(var(--color-button));
}
.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-highlight\)\)\]:hover{
  color: rgba(var(--color-highlight));
}
.hover\:color-text-\[rgba\(var\(--color-link\)\)\]:hover{
  color: rgba(var(--color-link));
}
.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\:z-20:focus-visible{
  z-index: 20;
}
.focus-visible\:z-50:focus-visible{
  z-index: 50;
}
.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-offset-1:focus-visible{
  outline-offset: -1px;
}
.focus-visible\:-outline-offset-2:focus-visible{
  outline-offset: -2px;
}
.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\: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-1{
  outline-width: 1px;
}
.peer:focus-visible ~ .peer-focus-visible\:outline-2{
  outline-width: 2px;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}
.has-\[\.icon-with-text-content-visible\:hover\]\:z-30:has(.icon-with-text-content-visible:hover){
  z-index: 30;
}
.is-focus .is-focus\:color-text-\[rgba\(var\(--color-highlight\)\)\]{
  color: rgba(var(--color-highlight));
}
.is-focus .is-focus\:color-text-\[rgba\(var\(--color-text\)\)\]{
  color: rgba(var(--color-text));
}
.is-focus-button .is-focus-button\:opacity-0{
  opacity: 0;
}
.quick-view .quick-view\:mb-2{
  margin-bottom: 0.5rem;
}
.quick-view .quick-view\:mt-0{
  margin-top: 0px;
}
.quick-view .quick-view\:w-7{
  width: 1.75rem;
}
.quick-view .quick-view\:w-full{
  width: 100%;
}
.quick-view .quick-view\:gap-x-0{
  -moz-column-gap: 0px;
       column-gap: 0px;
}
.quick-view .quick-view\:gap-y-3{
  row-gap: 0.75rem;
}
.quick-view .quick-view\:pl-3{
  padding-left: 0.75rem;
}
.quick-view .quick-view\:pr-3{
  padding-right: 0.75rem;
}
.quick-view .quick-view\:pt-0{
  padding-top: 0px;
}
.promotion--has-image.promotion--has-image\:w-\[54\%\]{
  width: 54%;
}
.list-layout .list-layout\:bottom-auto{
  bottom: auto;
}
.list-layout .list-layout\:top-full{
  top: 100%;
}
.list-layout .list-layout\:block{
  display: block;
}
.list-layout .list-layout\:hidden{
  display: none;
}
.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\: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-4{
  padding-left: 1rem;
}
.toc .toc\:pl-5{
  padding-left: 1.25rem;
}
.toc .toc\:pl-6{
  padding-left: 1.5rem;
}
.dark\:relative:is(.dark *){
  position: relative;
}
.dark\:inline-block:is(.dark *){
  display: inline-block;
}
.dark\:hidden:is(.dark *){
  display: none;
}
.dark\:border-white\/\[0\.08\]:is(.dark *){
  border-color: rgb(255 255 255 / 0.08);
}
.dark\:bg-transparent:is(.dark *){
  background-color: transparent;
}
.ltr\:-left-5:where([dir="ltr"], [dir="ltr"] *){
  left: -1.25rem;
}
.ltr\:-right-5:where([dir="ltr"], [dir="ltr"] *){
  right: -1.25rem;
}
.ltr\:left-0:where([dir="ltr"], [dir="ltr"] *){
  left: 0px;
}
.ltr\:right-0:where([dir="ltr"], [dir="ltr"] *){
  right: 0px;
}
.ltr\:right-0\.5:where([dir="ltr"], [dir="ltr"] *){
  right: 0.125rem;
}
.ltr\:right-12:where([dir="ltr"], [dir="ltr"] *){
  right: 3rem;
}
.ltr\:right-2\.5:where([dir="ltr"], [dir="ltr"] *){
  right: 0.625rem;
}
.ltr\:right-3\.5:where([dir="ltr"], [dir="ltr"] *){
  right: 0.875rem;
}
.ltr\:-mr-1:where([dir="ltr"], [dir="ltr"] *){
  margin-right: -0.25rem;
}
.ltr\:-mr-4:where([dir="ltr"], [dir="ltr"] *){
  margin-right: -1rem;
}
.ltr\:ml-0\.5:where([dir="ltr"], [dir="ltr"] *){
  margin-left: 0.125rem;
}
.ltr\:ml-1\.5:where([dir="ltr"], [dir="ltr"] *){
  margin-left: 0.375rem;
}
.ltr\:ml-2:where([dir="ltr"], [dir="ltr"] *){
  margin-left: 0.5rem;
}
.ltr\:ml-3:where([dir="ltr"], [dir="ltr"] *){
  margin-left: 0.75rem;
}
.ltr\:mr-1\.5:where([dir="ltr"], [dir="ltr"] *){
  margin-right: 0.375rem;
}
.ltr\:mr-2:where([dir="ltr"], [dir="ltr"] *){
  margin-right: 0.5rem;
}
.ltr\:mr-3:where([dir="ltr"], [dir="ltr"] *){
  margin-right: 0.75rem;
}
.ltr\:mr-5:where([dir="ltr"], [dir="ltr"] *){
  margin-right: 1.25rem;
}
.ltr\:translate-x-1\/2:where([dir="ltr"], [dir="ltr"] *){
  --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));
}
.ltr\:rotate-180:where([dir="ltr"], [dir="ltr"] *){
  --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));
}
.ltr\:items-center:where([dir="ltr"], [dir="ltr"] *){
  align-items: center;
}
.ltr\:justify-start:where([dir="ltr"], [dir="ltr"] *){
  justify-content: flex-start;
}
.ltr\:justify-end:where([dir="ltr"], [dir="ltr"] *){
  justify-content: flex-end;
}
.ltr\:justify-center:where([dir="ltr"], [dir="ltr"] *){
  justify-content: center;
}
.ltr\:border-l-0:where([dir="ltr"], [dir="ltr"] *){
  border-left-width: 0px;
}
.ltr\:pl-1:where([dir="ltr"], [dir="ltr"] *){
  padding-left: 0.25rem;
}
.ltr\:pl-3:where([dir="ltr"], [dir="ltr"] *){
  padding-left: 0.75rem;
}
.ltr\:pl-7\.5:where([dir="ltr"], [dir="ltr"] *){
  padding-left: 1.875rem;
}
.ltr\:pr-1:where([dir="ltr"], [dir="ltr"] *){
  padding-right: 0.25rem;
}
.ltr\:pr-20:where([dir="ltr"], [dir="ltr"] *){
  padding-right: 5rem;
}
.ltr\:pr-3:where([dir="ltr"], [dir="ltr"] *){
  padding-right: 0.75rem;
}
.ltr\:pr-4:where([dir="ltr"], [dir="ltr"] *){
  padding-right: 1rem;
}
.ltr\:pr-4\.5:where([dir="ltr"], [dir="ltr"] *){
  padding-right: 1.125rem;
}
.ltr\:text-left:where([dir="ltr"], [dir="ltr"] *){
  text-align: left;
}
.ltr\:text-center:where([dir="ltr"], [dir="ltr"] *){
  text-align: center;
}
.ltr\:text-right:where([dir="ltr"], [dir="ltr"] *){
  text-align: right;
}

.product-template__media img{object-fit:contain!important}
@media(min-width:1024px){.product-template__media{max-width:620px;margin:auto}}

/nav a,
.header__menu-item,
.list-menu__item,
.mega-menu__link {
  font-family: 'Lexend Zetta', sans-serif !important;
  letter-spacing: 0.04em;
}
.main-nav > li:nth-child(3) .mega-menu__panel {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  width: auto !important;
  min-width: 240px !important;
  max-width: 280px !important;
}
.main-nav > li:nth-child(3) .column-mega-menu-container {
  padding: 12px 16px !important;
}
.main-nav > li:nth-child(3) .mega-menu__item {
  margin-top: 4px !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  inset-inline-start: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  transition: max-height 0.35s ease !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel.is-open {
  max-height: 2000px !important;
}
.toggle-drawer-menu ul:has(.drawer-menu__sub-panel.is-open) > li.drawer-menu-lv1:not(:has(.drawer-menu__sub-panel.is-open)) {
  display: none !important;
}
.toggle-drawer-menu .drawer-menu-lv1:has(.drawer-menu__sub-panel.is-open) .sub-menu {
  background: rgba(0, 0, 0, 0.06) !important;
  border-left: 3px solid #F37321 !important;
}
.toggle-drawer-menu .drawer-menu-lv1:has(.drawer-menu__sub-panel.is-open) .sub-menu:hover {
  background: rgba(0, 0, 0, 0.12) !important;
  cursor: pointer !important;
}
.toggle-drawer-menu .drawer-menu-lv1:has(.drawer-menu__sub-panel.is-open) .icon-child {
  transform: rotate(180deg) !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel ul.grid,
.toggle-drawer-menu .drawer-menu__sub-panel .grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel > div {
  height: auto !important;
  overflow: visible !important;
  padding: 0 !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel .title {
  display: none !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel .mega-menu__item {
  padding: 0 !important;
  flex-direction: row !important;
  height: auto !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel .drawer-menu-item-lv-2 a,
.toggle-drawer-menu .drawer-menu__sub-panel .drawer-menu-item a {
  display: block !important;
  padding: 10px 24px !important;
  font-size: 0.9rem !important;
  line-height: 1.4 !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel .st1-l2-hdr {
  cursor: pointer !important;
  position: relative !important;
  padding-right: 40px !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel .st1-l2-hdr::after {
  content: '›' !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #F37321 !important;
  font-size: 1.1rem !important;
  font-weight: bold !important;
  transition: transform 0.2s !important;
  line-height: 1 !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel .st1-l2-hdr.st1-open::after {
  transform: translateY(-50%) rotate(90deg) !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel .st1-l2-hdr.st1-open {
  background: rgba(243, 115, 33, 0.06) !important;
  border-left: 3px solid #F37321 !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel .drawer-menu-item a {
  color: #424242 !important;
  font-size: 0.82rem !important;
  padding: 8px 24px 8px 32px !important;
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
}
.toggle-drawer-menu .drawer-menu__sub-panel .drawer-menu-item a:hover {
  color: #F37321 !important;
  background: rgba(243,115,33,0.04) !important;
}