/** Shopify CDN: Minification failed

Line 3864:25 Unexpected "{"
Line 3896:1 Unexpected "{"

**/
@charset "UTF-8";
/*!
 * Splide.js
 * Version  : 4.1.3
 * License  : MIT
 * Copyright: 2022 Naotoshi Fujita
 */
.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}
.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}
.splide--rtl{direction:rtl}
.splide__pagination li{display:inline-block;list-style-type:none;pointer-events:auto}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide{position:relative;visibility:hidden}
.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0;padding:0}
.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none;margin:0;position:relative}
.splide__track{overflow:hidden;position:relative;z-index:0}
/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
* {
  box-sizing: border-box; /* 1 */
  border: 0 solid #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
  box-sizing: border-box; /* 1 */
  border: 0 solid #e5e7eb; /* 2 */
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
button:disabled,
[role="button"]:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }
*,
*::before,
*::after {
  border-color: rgba(var(--colors-line-and-border),1);
}
@keyframes effectHover {
  100% {
    left: 125%;
  } 
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hideMe{
  0%{
    opacity: 1;
  }
  99.99%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    display: none;
  }
}
@keyframes Xpulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}
@keyframes fadeInY {
  from {
    opacity: 0;
    transform: translateY(var(--fade-translate-y, 20px));
  }
  to { 
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes moveUp {
  from {
    opacity: .7;
    transform: translateY(100%);
  }
  to { 
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-move-up {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 100%;
  }
}
@supports (-webkit-touch-callout: none){
  .input-search, #x-cart-discount-field{
    font-size: 16px;
  }
}
.mg-blink .x-anm:has(.svg-star) {
  margin-left: 12px;
  margin-right: 6px;
}
.mg-blink:has(.x-icon-caret) .x-anm:has(.svg-star) {
  margin-right: 0;
}
.icon-payment svg {
  fill: none;
}
.scrollbar-stable {
  scrollbar-gutter: stable;
}
.rotating-effect {
  width: 110%;
  margin-left: -5%;
  transition: all 0.02s ease-in;
  position: relative;
}
.transparent-header header.open-menu {
  background: rgba(var(--background-color-header));
  color: rgba(var(--colors-text));
}
.animate-Xpulse{
  animation:Xpulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}
.slideshow-vertical-content {
  --colors-heading: var(--image-treatment-text);
}
@media (max-width: 768px) {
  .input-radio:checked+.color-watches.active-swatch .option-value-tooltip{
    opacity: 1;
    z-index: 10;
  }
  .product-form__input .color-watches.active-swatch {
    overflow: unset
  }
}
.pagination-card li {
  width: 100%;
}
.btn-pagination.is-active {
  background: rgba(var(--colors-transition-arrows),1);
}
.btn-pagination {
  background: rgba(var(--colors-transition-arrows),0.1);
}
.featured-collection .animate-fade-in
{
  animation: fadeIn 0.5s ease-in;
}
.animate-hide-me {
  animation: hideMe 3s forwards;
}
.width-nutrition-bar {
  width: 0;
}
.width-nutrition-bar.active {
  transition: width 1s ease-in-out;
  width: var(--width--loading-bar);
}
@keyframes colorPulse {
  0% {
    color: rgba(var(--colors-text),0.6);
  }
  50% {
    color: rgb(var(--colors-pulse-speech));
  }
  100% {
    color: rgba(var(--colors-text),0.6);
  }
}
body{line-height:1.375;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  background: rgba(var(--colors-background));
  color: rgb(var(--colors-text))}
.shipping-rate option {
  background-color: rgba(var(--background-color),1);
}
header {
  grid-template-columns: 2fr 3fr 2fr;
}
.mobile-center-left #SearchOpen{position:absolute;left:2.5rem}
.choose-options-mobile button.mobile-center-left #SearchOpen {
  display: none;
}
.mobile-center-right #SearchOpen{position:absolute;right:2.5rem}
.choose-options-mobile button.mobile-center-right #SearchOpen {
  display: none;
}
.search__speech.search__speech-listening {
  animation: colorPulse 2s infinite;
  opacity: 1;
}
.position-left .child {
  left: -100%
}
.position-left .icon-child {
  transform: rotate(90deg);
}
.active-image .image-table, .active-row .icon-tick {
  opacity: 100;
}
.active-row.hidden {
  display: flex;
}
.list-style-none li {
  list-style: none;
}
.list-style-none ul {
  padding-left: 0;
}
.drop-zone-wrap--inactive .drop-zone {
  height: 0;
  overflow: hidden;
  opacity: 0;
  border: none;
}
.drop-zone-wrap--inactive .drop-zone__thumb {
  display: flex;
}
.drop-zone-wrap--error .drop-zone, .required-picker~.drop-zone {
  border-color: rgba(var(--color-error));
}
.drop-zone-wrap--error .error-max-file {
  display: block;
}
.required-picker~.text-required {
  display: block;
}
.customization-picker.required-picker {
  border-color: rgba(var(--color-error));
}
.next-price .x-badge-container {
  display: flex;
}
.mobile-bottom .btn-quickadd {
  bottom: 8px;
}
.animate_transition_image {
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: var(--transition-card-loading);
}
.animate_zoom_image {
  transform: scale(var(--zoom, 1));
  transform-origin: var(--x) var(--y);
  opacity: 0;
}
.active.animate_transition_image {
  opacity: 1;
  will-change: opacity;
}
.animate_slideshow__box, .animate_transition_slide__box {
  opacity: 0;
  transform: translate(-4rem);
  transition-property: transform,opacity;
  transition-timing-function: ease-in;
  transition-duration: var(--transition-slideshow);
}
.animate_slideshow__box, .animate_transition_slide__box-right {
  opacity: 0;
  transform: translate(4rem);
  transition-property: transform,opacity;
  transition-timing-function: ease-in;
  transition-duration: var(--transition-slideshow);
}
.slide-animation {
  transition-property: transform,opacity;
}
.active.animate_transition_slide__box, 
.active.animate_transition_slide__box-right, 
.x-splide-slide.is-active .animate_slideshow__box,
.disable-animation-slideshow .animate_transition_slide__box,
.disable-animation-slideshow .animate_transition_slide__box-right, .is-active>.hero-text>.table-cell>.animate_transition_slide__box {
  opacity: 1;
  transform: translate(0);
  will-change: transform, opacity;
}
.animate_slideshow__image, .animate_transition_slide__image {
  transform: scale(1.2);
  transition-property: transform opacity;
  transition-timing-function: ease-in;
  transition-duration: var(--transition-slideshow);
}
.preload-image .animate_slideshow__image, .preload-image .animate_transition_slide__image,
.disable-animation-slideshow .animate_slideshow__image,
.disable-animation-slideshow .animate_transition_slide__image {
  transform: scale(1);
}
.x-splide-slide.is-active .animate_slideshow__image, .active.animate_transition_slide__image,  .is-active>.relative>.animate_transition_slide__image{
  transform: scale(1);
}
.x-splide-slide.is-active .active-slide-fade {
  display: block;
}
.x-splide-slide:not([aria-roledescription]) .active-slide-fade-first {
  display: block;
}
.section-header {
  color: rgba(var(--colors-text));
}
.background-header {
  background: rgb(var(--background-color-header));
}
.sticky-header {
  position: fixed;
  z-index: 50;
  top: 0;
  width: 100%;
  color: rgba(var(--colors-text));
  box-shadow: 0 5px 15px 0 rgba(var(--colors-text), 0.1);
}
.sticky-header.on-scroll-up-animation {
  transition: all 0.4s ease-in-out;
}
.sticky-header.always-animation {
  animation: slideDown 0.4s ease-out;
}
.sticky-header.header-up {
  top: 0;
  transform: translateY(calc(-1 * (var(--top-header) - var(--announcement-height))));
}
.sticky-header .sticky-header-content {
  position: relative;
}
.transparent-header .sticky-header-active .logo-name, .dark .transparent-header .sticky-header-active .logo-name {
  color: rgb(var(--colors-heading));
}
.color-text-header,
h1.color-text-header,
.is-sticky .transparent-header .sticky-header-active .header,
.is-scrolled .transparent-header .sticky-header-active .header,
.transparent-header .sticky-header-active:has(.hamburger-menu-container.h-hamburger) .header,
.dark .is-sticky .transparent-header .sticky-header-active .header,
.dark .is-scrolled .transparent-header .sticky-header-active .header,
.dark .transparent-header .sticky-header-active:has(.hamburger-menu-container.h-hamburger) .header {
  color: rgba(var(--colors-text));
}
.background-footer {
  background: rgb(var(--background-color-footer));
}
.menu-opening.menu-drawer {
  transform: translate(0);
  visibility: visible;
  transition-property: transform,visibility;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  will-change: transform;
}
.menu-drawer {
  transition: 0.5s ease-in-out;
}
.text-column-with-icon, 
.map,
.featured-product,
.image-with-text,
.age-popup,
.promo-popup,
.testimonial,
.text-column-with-image,
.product-description,
.collection-description,
.promotion-block,
.block-collection-link {
  --colors-text: var(--colors-text-secondary);
  --colors-heading: var(--colors-heading-secondary);
}
.sticky-footer,
.sticky-footer h1,
.sticky-footer h2,
.sticky-footer h3,
.sticky-footer h4,
.sticky-footer h5,
.sticky-footer h6 {
  color: rgb(var(--colors-text-footer));
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.dot {
  background: rgba(var(--color-cart-dot), 0.2);
}
.dot.swiper-pagination-bullet-active {
  background: rgba(var(--color-cart-dot), 1);
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6, .category-title {
  text-transform: var(--heading-text-tranform);
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: rgba(var(--colors-heading));
  overflow-wrap:break-word;
  line-height:1.25;
}
h1, .h1 {
  font-size: var(--h1-font-size-mobile);
}
h2, .h2 {
  font-size: var(--h2-font-size-mobile);
}
h3, .h3 {
  font-size: var(--h3-font-size-mobile);
}
h4, .h4 {
  font-size: var(--h4-font-size-mobile);
}
h5, .h5 {
  font-size: var(--h5-font-size-mobile);
}
h6, .h6 {
  font-size: var(--h6-font-size-mobile);
}
[role="button"],
[type="button"],
.button {
  border-radius: var(--border-radius);
  font-family: var(--font-button);
  font-weight: var(--font-button-weight);
  font-style: var(--font-button-style);
  position:relative;
  z-index:10;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none; 
}
  .is-active>[role="button"]>.animate_transition_slide__image,   .is-active>
[type="button"]>.animate_transition_slide__image,   .is-active>
.button>.animate_transition_slide__image{
  transform: scale(1);
}
button{border-radius:0px;border-style:none;
  background: transparent}
button.button-outline, .button.button-outline {
  background: rgba(var(--background-secondary-button),1);
  color: rgb(var(--colors-secondary-button));
  box-shadow: inset 0 0 0 1px rgba(var(--colors-line-secondary-button),1);
  border: none;
  transition: 0.3s;
}
.button.button-text-link,
button.button-text-link {
  color: rgb(var(--colors-text-link));
  position: relative;
  display: inline-flex;
  border-color: transparent;
  padding: 10px 15px;
}
.button.button-text-link::before,
button.button-text-link::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: rgb(var(--colors-text-link));
  transition: all ease 0.4s;
}
.button.button-text-link::after,
button.button-text-link::after {
  content: "";
  width: 0;
  left: 0;
  transition: all ease 0.8s;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: rgb(var(--colors-text-link));
}
.header__inline-menu {
  font-family: var(--font-menu);
  font-weight: var(--font-menu-weight);
  font-style: var(--font-menu-style);
}
.font_menu-normal {
  font-weight: var(--font-body-weight);
}
.font-inherit{
  font-weight: inherit;
}
@keyframes initial-loading {
  0% {
    transform: translate(-6.4rem);
  }
  50% {
    transform: translate(2.6rem);
  }
  to {
    transform: translate(-6.4rem);
  }
}
.paginate-dots-card-product {
  background: rgba(var(--image-treatment-text));
  opacity: 0.5;
}
.paginate-dots-card-product.is-active {
  background: rgba(var(--image-treatment-text));
  opacity: 1;
}
.text-default{
  font-size: var(--base-font-size-mobile);
}
.text-small{
  font-size: var(--font-size-small-mobile);
}
.text-medium{
  font-size: var(--font-size-medium-mobile);
}
.text-normal{
  font-size: var(--font-size-normal-mobile);
}
.text-large{
  font-size: var(--font-size-large-mobile);
}
.loading-bar {
  background-color: rgba(var(--colors-text), 0.2);
  position:relative;
  display:inline-block;
  height:0.125rem;
  width:10rem;
  overflow:hidden;
}
  .is-active>.loading-bar>.animate_transition_slide__image{
  transform: scale(1);
}
.loading-bar::before {
  content: "";
  transform: translate(-5.4rem);
  animation: initial-loading 1.5s ease infinite;
  background-color: rgba(var(--colors-text), 1);
  position:absolute;
  height:100%;
  width:4rem;
}
.choose-options-mobile button.loading-bar::before {
  display: none;
}
.loading-cover {
  transition-property: opacity,visibility;
  transition-timing-function: ease;
  pointer-events:none;
  height:50%;
  width:100%;
  text-align:center;
  transition-duration:1000ms;   
}
.base-link a{
  position: relative;
}
p.nav-link:not(.effect-inline):after,
a.nav-link:not(.effect-inline):after,
.base-link a:after,
a.effect-inline:after{
  content: "";
  display: block;
  position: absolute;
  transform: scaleX(0);
  left: 0;
  right: 0;
  bottom: 0px;
  border-bottom: 1px solid rgba(var(--colors-text-link), 1);
  transform-origin:  100% 0%;
  transition: transform 0.15s linear;
}
.rte a,
.button-link {
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
  background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%,100% 100%;
  background-repeat: no-repeat;
  transition: background-size 250ms;
}
a.effect-inline,
p.effect-inline {
  color: rgb(var(--colors-text-link));
}
parallax-movement {
  transition: all .25s ease;
  height:  var(--height-parallax);
  display: block;
  width: 100%;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.eurus [type='checkbox'],
.eurus [type='radio'] {
  -webkit-appearance: none;
}
.eurus [type='text'],
.eurus [type='email'],
.eurus [type='url'],
.eurus [type='password'],
.eurus [type='number'],
.eurus [type='date'],
.eurus [type='datetime-local'],
.eurus [type='month'],
.eurus [type='search'],
.eurus [type='tel'],
.eurus [type='time'],
.eurus [type='week'],
.eurus [multiple],
.eurus textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}
.eurus select {
  -webkit-appearance: none;
}
.checkbox_shipping_insurance:checked+label:after {
  display: block;
}
.checkbox_shipping_insurance:checked+label {
  background-color: rgba(var(--colors-button));
  border-color: rgba(var(--colors-button));
}
.checkbox-checked:checked:after{
  content: '';
  position:absolute;
  top:40%;
  left:50%;
  height:40%;
  width:60%;
  --tw-translate-x:-50%;
  --tw-translate-y:-50%;
  --tw-rotate:-45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-left-width:2px;
  border-bottom-width:2px;
  border-style:solid;
  border-color:rgba(var(--colors-background));
}
.choose-options-mobile button.checkbox-checked:checked:after {
  display: none;
}
.radio-checked:checked:after{
  content: '';
  background-color: rgba(var(--colors-text-link));
  position:absolute;
  top:50%;
  left:50%;
  height:50%;
  width:50%;
  --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;
}
.choose-options-mobile button.radio-checked:checked:after {
  display: none;
}
.hide-scrollbar::-webkit-scrollbar, 
.hide-scrollbar::-moz-scrollbar{display:none}
.active-row.hide-scrollbar::-webkit-scrollbar, .active-row
.hide-scrollbar::-moz-scrollbar {
  display: flex;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  overflow:auto;
}
.hide-spin-input::-webkit-outer-spin-button,
.hide-spin-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.x-section {
  margin-top: var(--advanced-sections-spacing);
  margin-bottom: var(--advanced-sections-spacing);
}
.image-treatment-overlay {
  background: rgba(var(--image-treatment-overlay));
}
.image-treatment-text {
  color: rgba(var(--image-treatment-text));
}
* {
  scrollbar-width: auto;
}
.outer-spin-button::-webkit-outer-spin-button,
.outer-spin-button::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.outer-spin-button {
  -moz-appearance: textfield;
}
svg{fill:currentColor}
.divider {
  transform: translateY(var(--divider-spacing)px);
}
.size-chart table tr {
  border-width: 1px;
}
.x-slider-item .pagination-link:after {
  content: "";
  display: block;
  position: absolute;
  transform: scaleX(0);
  left: 0;
  right: 0;
  bottom: 0px;
  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%;
}
.additional-note.rte p{
  margin: 0;
}
.text-body{line-height:1.375;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  background: rgba(var(--colors-background));
  color: rgb(var(--colors-text))}
.anm-fade-element {
  visibility: hidden;
  opacity: 0;
  transform: translateY(var(--fade-translate-y, 20px));
  transition: opacity var(--transition-card-loading) ease, transform var(--transition-card-loading) ease, visibility var(--transition-card-loading) ease;
  animation: fadeInY var(--transition-card-loading) cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: 0.15s;
  will-change: opacity, transform, visibility;
}
.anm-fade-element.is-visible {
  animation-play-state: running;
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.anm-fade-paragraph .anm-fade-element {
  --fade-translate-y: 20px;
}
.anm-move-up {
  opacity: 0.7;
  animation: moveUp 1000ms cubic-bezier(0.3, 1, 0.3, 1) both paused;
  animation-delay: 0.15s;
  will-change: transform, opacity;
}
.anm-move-up.active-anm-heading {
  animation-play-state: running;
  opacity: 1;
}
.highlight.hl-font {
  font-family: var(--font-heading-highlight);
  font-style: var(--font-heading-highlight-style);
  font-weight: var(--font-heading-highlight-weight);
  color: var(--color-highlight);
  font-size: var(--heading-highlight-font-size);
}
.svg-underline path {
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  transition: stroke-dashoffset 1.5s ease-in-out;
}
.svg-circle path {
  stroke-dasharray: 2000;
  stroke-dashoffset: -2000;
  transition: stroke-dashoffset 1.5s ease-in-out;
}
.highlight-anm-start .svg-star {
  opacity: 1;
}
.highlight-anm-start .svg-star.animation-bling {
  animation: bling 1s ease-in-out infinite;
}
@keyframes bling {
  0%, 100% {
      opacity: 1;
  }
  50% {
      opacity: 0;
  }
}
.rotateY-180 {
  transform: rotateY(180deg);
}
.highlight-anm-end .svg-underline path {
  stroke-dashoffset: 3000;
  transition-delay: 0s;
  transition: stroke-dashoffset 1.5s cubic-bezier(0.2, 0.8, 0.4, 1);
}
.highlight-anm-end .svg-circle path {
  stroke-dashoffset: -2000;
}
.highlight-anm-start .svg-underline path, .highlight-anm-start .svg-circle path {
  stroke-dashoffset: 0;
}
.highlight-anm-start.hl-underline {
  transition: color .3s cubic-bezier(0.06, 0.14, 0.8, 0.91);
  transition-delay: 0.4s;
  color:  var(--color-highlight);
}
.highlight-anm-end.hl-underline {
  transition: color .3s cubic-bezier(0.06, 0.14, 0.8, 0.91);
  transition-delay: 0.4s;
}
button.button-arrow-mobile, .button.button-arrow-mobile {
  color: rgb(var(--colors-button-text-hover));
  background: var(--colors-button-hover);
  border-radius: 50px;
}
.estimate-content p{display:inline-block}
@media (max-width: 767px) {
  .label-stl-desktop .label-container, .label-stl-desktop .x-badge-container {
    display: none;
  }
}
.skeleton-image{
  background-color: #c9c9c9;
  z-index: -1;
}
.animate_transition_card__image {
  transform: scale(1.1);
  transition-property: transform;
  transition-timing-function: ease-in;
  transition-duration: var(--transition-card-loading);
}
.active.lazy_active.animate_transition_card__image {
  transform: scale(1);
  opacity: 1;
  will-change: transform, opacity;
}
@media screen and (hover: none) and (min-width: 1024px) {
  .button--quickview.group-hover\:lg\:block, .button--quickview.lg\:group-hover\:block {
    display: block;
  }
  .button-quickview-icon.lg\:group-hover\:opacity-100,
  .quick-view-container.lg\:group-hover\:opacity-100 {
    opacity: 1;
  }
  .button-quickview-icon.lg\:group-hover\:opacity-100,
  .quick-view-container.lg\:group-hover\:translate-y-0 {
    transform: translateY(0)
  }
  
}
@media (min-width: 1025px) {
  button.button_rounded::before{border-radius:9999px;transition-property:none}
  button.button-rounded-desktop {
    border-radius: var(--border-radius);
  }
}
.hide-btn .choose_option_atc, .hide-icon .choose_option_atc{
  display: none;
}
.hide-btn .choose_option_quickview, .hide-icon .choose_option_quickview{
  display: block;
}
.bottom_atc .choose_option_atc{
  display: block
}
.bottom_atc .choose_option_quickview{
  display: none
}
.text-highlight {
  background-clip: text;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-image: linear-gradient(to right, rgba(var(--colors-heading)) var(--highlight-fill-stop), rgba(var(--colors-heading), 0.3) var(--highlight-unfill-stop));
}
.x-card-highlighted-featured .rte p {
  margin-top: 0;
}
.x-card-highlighted-featured .rte ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.x-card-highlighted-featured .rte li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.x-card-highlighted-featured .rte li:last-child {
  margin-bottom: 0;
}
.icon-animation{
  will-change: transform;
  transition: transform 250ms ease;
}
.icon-close-animation {
  transition: transform .5s cubic-bezier(.3, 1, .3, 1);
  width: 16px;
  height: 16px;
}
.icon-close-container, .button.icon-close-container {
  background-color: rgba(var(--colors-text), 0.3);
  color: rgba(var(--colors-text), 1);
  padding: 12px;
}
.x-slide-animation{
  opacity: 0;
}
.is-ready-to-animate .x-slide-animation {
  animation: slide-move-up 500ms ease-in-out;
  animation-delay: var(--delay-time);
  will-change: transform, opacity;
  animation-fill-mode: forwards;
}
.button.button-solid.disable-btn-animation:before, 
button.button-solid.disable-btn-animation:before {
  display: none;
}
/* Disable animations only when the button is disabled */
button.button-solid.disable-action-btn-animation:disabled::before {
  display: none;
}
.border-loading {
  border-style: solid;
  border-top-color: transparent !important;
  border-width: 2px;
  border-radius: 50%;
}
.content-visibility-auto {
  content-visibility: auto;
}
.content-visibility-hidden {
  content-visibility: hidden;
}
.content-visibility-visible {
  content-visibility: visible;
}
.container{width:100%}
.\!container{width:100% !important}
@media (min-width: 640px){
.container{max-width:640px}
.\!container{max-width:640px !important}}
@media (min-width: 768px){
.container{max-width:768px}
.\!container{max-width:768px !important}}
@media (min-width: 1024px){
.container{max-width:1024px}
.\!container{max-width:1024px !important}}
@media (min-width: 1280px){
.container{max-width:1280px}
.\!container{max-width:1280px !important}}
@media (min-width: 1536px){
.container{max-width:1536px}
.\!container{max-width:1536px !important}}
.bg-none{
    background: none;
  }
.bg-theme-secondary {
    color: rgb(var(--colors-text-secondary));
    background: rgba(var(--colors-background-secondary));
  }
.bg-theme-secondary h1,
  .bg-theme-secondary .h1,
  .bg-theme-secondary h2,
  .bg-theme-secondary .h2,
  .bg-theme-secondary h3,
  .bg-theme-secondary .h3,
  .bg-theme-secondary h4,
  .bg-theme-secondary .h4,
  .bg-theme-secondary h5, 
  .bg-theme-secondary .h5, 
  .bg-theme-secondary h6,
  .bg-theme-secondary .h6 {
    color: rgba(var(--colors-heading-secondary));
  }
.page-width {
    max-width: calc(var(--page-width) + 40px);
    margin-right:auto;
    margin-left:auto;
    padding-right:1.25rem;
    padding-left:1.25rem;
  }
.page-width-mobile{margin-right:auto;margin-left:auto;padding-right:1.25rem;padding-left:1.25rem}
.full-width-mobile.page-width{padding-right:0px;padding-left:0px}
.full-width-mobile.full-width{padding-right:0px;padding-left:0px}
.carousel-mobile.page-width-mobile{padding-left:0px;padding-right:0px}
.carousel-mobile.full-width-mobile{padding-left:0px;padding-right:0px}
.full-width{padding-left:1.25rem;padding-right:1.25rem}
.ltr{
  direction: ltr;
}
.rtl{
  direction: rtl;
}
.link-active,
  .effect-inline {
    color: rgb(var(--colors-text-link));
  }
.shopify-challenge__error, 
  .shopify-challenge__container .shopify-challenge__message{margin-bottom:1rem;margin-top:1rem}
.shopify-challenge__container .shopify-challenge__button{
    background: var(--colors-button-hover);
    color: rgb(var(--colors-button-text-hover));
    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;
  }
#MainContent .shopify-challenge__container, .shopify-challenge__container .g-recaptcha{margin-bottom:1.25rem}
.image-second-hover{will-change:transform}
@media screen and (hover: none) and (min-width: 1024px) {
  .button-quickview-icon.image-second-hover, 
  .quick-view-container.image-second-hover {
    opacity: 1;
  }
  .button-quickview-icon.image-second-hover {
    transform: translateY(0)
  }
  
}
.image-first-hover-slide-anm{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:var(--transition-image-hover);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);will-change:right}
.price {
    color: rgba(var(--colors-price));
  }
.price-sale {
    color: rgba(var(--colors-price-sale));
  }
.p-break-words {
    word-break: break-word;
  }
.skip-to-content {
    height: 0.1rem;
    width: 0.1rem;
    transition-property: color,background-color;
    transition-duration: 0.5s;
    clip: rect(0 0 0 0);
  }
.promo-popup-open-left {
    writing-mode: tb-rl;
    --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));
  }
.promo-popup-open-right {
    writing-mode: tb-rl;
    writing-mode: vertical-lr;
  }
.header-full-width .cart-popup {
    max-width: 100%;
  }
.ease-popup { 
    transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
  }
.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}
.scrollbar::-webkit-scrollbar{height:0.25rem;width:0.25rem;border-radius:0.75rem;border-width:0px}
.scrollbar::-webkit-scrollbar-thumb{border-radius:0.75rem;background-color:rgba(var(--colors-text))}
.scrollbar {
        scrollbar-color: rgba(var(--colors-text)) transparent;
        scrollbar-width: thin;
    }
.media-slide[aria-roledescription], 
  .media-slide:not(:first-child){height:0px}
.media-slide.is-active,  .media-slide.image-zoom[aria-roledescription]{height:100%}
.input-radio.disabled+label{position:relative;overflow:hidden;color:rgba(var(--colors-text),0.5)}
  .is-active>.input-radio.disabled+label>.animate_transition_slide__image{
  transform: scale(1);
}
.input-radio.disabled+label::after{position:absolute;top:50%;left:-5px;right:-5px;height:0px;--tw-rotate:-30deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) 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-bottom-width:1px;content:var(--tw-content);border-style:solid}
.input-radio.disabled+.color-watches-disable{position:relative;overflow:hidden;--tw-bg-opacity:0.5}
  .is-active>.input-radio.disabled+.color-watches-disable>.animate_transition_slide__image{
  transform: scale(1);
}
.input-radio.disabled+.color-watches-disable::after{position:absolute;top:50%;left:0px;height:0px;width:100%;--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));border-bottom-width:1px;content:var(--tw-content);border-style:solid}
.input-radio:checked+.color-watches{position:relative;border-color:rgb(var(--background-color),1);background-color:transparent;--tw-shadow:0 0 0 2px rgba(var(--colors-heading));--tw-shadow-colored:0 0 0 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);transition-duration:100ms}
  .is-active>.input-radio:checked+.color-watches>.animate_transition_slide__image{
  transform: scale(1);
}
.input-radio:checked+.color-watches-card{background-color:transparent}
.input-radio:checked+label{border-color:rgb(var(--colors-text),1);background-color:rgb(var(--colors-text),1);color:rgb(var(--background-color),1);transition-duration:100ms}
.color-watches.custom-color-swatch:before{border-radius:0px}
.input-radio:checked+.custom-color-swatch{
    background: none;
    overflow:hidden;
    background-image:none;
  }
.input-radio:checked+.custom-color-swatch:before{border-radius:0px;border-style:none}
.customize-swatch .input-radio:checked+label{background-color:transparent}
.shopify-payment-button__more-options{margin-bottom:0.75rem;padding-bottom:0.25rem;line-height:1;color:rgb(var(--colors-text),1);-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:4px}
.shopify-payment-button__more-options:disabled{cursor:not-allowed}
.button-product .shopify-cleanslate{width:100%}
.payment-button .shopify-payment-button__button--unbranded {
    border-radius: var(--border-radius);
    font-family: var(--font-button);
    font-weight: var(--font-button-weight);
    font-style: var(--font-button-style);
    transition: none;
    border: none;
    height: auto;
    position:relative;
    z-index:10;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    border-width:0px;
    padding-top:0.875rem;
    padding-bottom:0.875rem}
  .is-active>.payment-button .shopify-payment-button__button--unbranded>.animate_transition_slide__image{
  transform: scale(1);
}
.payment-button .shopify-payment-button__button--unbranded:disabled{cursor:not-allowed;border-top-width:1px;border-bottom-width:1px;border-left-width:0px;border-right-width:0px;border-color:transparent}
.payment-button .shopify-payment-button__button--unbranded::before {
    transition: none;
    width: 100%;
  }
.button-slide-product {
    background: rgb(var(--colors-text),0.2);
  }
button[aria-disabled="true"]{display:none}
.active-rowbutton[aria-disabled="true"] {
  display: flex;
}
.shopify-payment-button__button--hidden{margin-bottom:1.25rem;margin-top:0px;display:none;padding-top:0px;padding-bottom:0px}
.active-row.shopify-payment-button__button--hidden {
  display: flex;
}
.shopify-payment-button__button{line-height:1.375}
.hide-scrollbar::-webkit-scrollbar{display:none}
.active-row.hide-scrollbar::-webkit-scrollbar {
  display: flex;
}
.hide-scrollbar::-moz-scrollbar{display:none}
.active-row.hide-scrollbar::-moz-scrollbar {
  display: flex;
}
.accordion + .accordion{margin-top:-1rem;border-top-width:0px}
.x-block-text-icon + .x-block-text-icon{margin-top:-1rem}
.complementory-border + .complementory-border{border-top-width:1px;border-style:solid}
.x-badges-product-detail .x-badge-text{padding-left:1.25rem;padding-right:1.25rem;padding-top:0.5rem;padding-bottom:0.5rem}
.x-badges-product-detail .label-countdown{display:inline-block;min-width:110px;text-align:center}
.x-badges-product-detail img{height:6rem;width:auto;-o-object-fit:contain;object-fit:contain}
.x-badges-product-detail .label-img:not(.product-info-custom-label){width:100%}
.x-badges-product-detail .x-badge-container{text-align:start}
.x-badges-product-detail .icon-label{height:var(calc(var(--base-font-size-mobile) * 1.2));width:calc(var(--base-font-size-mobile) * 1.2)}
.loop-subscription-group-selling-plans-container .loop-selling-plan-selector {
    background: var(--background-color);
  }
.loop-subscription-group-selling-plans-container .loop-selling-plan-selector-option{background-color:rgba(var(--background-color))}
.heading-center{justify-content:center;text-align:center}
.heading-right{display:flex;flex-direction:row-reverse;flex-wrap:wrap}
.heading-right .section-header, .heading-right h2{text-align:end}
.heading-left{display:flex;flex-direction:row;flex-wrap:wrap}
.heading-left .section-header, .heading-left h2{text-align:start}
.splide-progress {
    background: rgba(var(--colors-line-and-border-base),0.2);
  }
.splide-progress-bar {
    background: rgba(var(--colors-heading-base));
    transition: all 400ms ease;
    height:3px;
  }
.color-watches[data-swatch]:before {
    content: '';
    pointer-events:none;
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    display:block;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }
.choose-options-mobile button.color-watches[data-swatch]:before {
  display: none;
}
.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}
.input-date-time {
    -webkit-min-logical-width: calc(100%);
  }
.input-date-time::-webkit-date-and-time-value {
    text-align: left;
  }
.input-date-time::-webkit-calendar-picker-indicator {
    cursor: pointer;
    width: 20px;
    height: 19px;
  }
.feature-icon-item .rte ul{margin-top:0.5rem;margin-bottom:0.5rem;padding-left:0.125rem}
[data-media-option]{display:none}
.active-row[data-media-option] {
  display: flex;
}
[data-media-option].media_active{display:block}
.color-watches {
    border: 4px solid rgba(var(--background-color));
    box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(var(--colors-line-and-border),1);
  }
.swatch-small{height:1.75rem;width:1.75rem}
.swatch-medium{height:2rem;width:2rem}
.swatch-large{height:38px;width:38px}
.product-info .swatch-medium{height:38px;width:38px}
.product-info .swatch-large{height:4rem;width:4rem}
.product-info .swatch-small{height:1.75rem;width:1.75rem}
.choose-options-mobile .choose-option-info{text-align:left}
.color-watches.color-swatch-natural{height:-moz-fit-content;height:fit-content}
.color-watches.color-swatch-natural::before{position:relative;height:0px;border-width:0px;padding-bottom:var(--ratio-image);transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);content:var(--tw-content);transition-duration:200ms}
.min-w-4{min-width:1rem}
.min-w-8{min-width:2rem}
.min-w-12{min-width:3rem}
.min-w-16{min-width:4rem}
.min-w-36{min-width:9rem}
.min-h-2{min-height:0.5rem}
.min-h-3{min-height:0.75rem}
.min-h-4{min-height:1rem}
.min-h-5{min-height:1.25rem}
.min-h-6{min-height:1.5rem}
.min-h-7{min-height:1.75rem}
.min-h-8{min-height:2rem}
.min-h-9{min-height:2.25rem}
.min-h-10{min-height:2.5rem}
@supports not (-webkit-touch-callout: none) {
    .video-hero iframe {
      width: 100%;
      height: 300%;
    }
  }
.content-article-spacing-2{
        background-color: rgba(var(--colors-text), 0.05);
        width:100%;
        padding:1.75rem;
        padding-bottom:1.5rem;
    }
.content-article-bg-2{width:66.666667%;padding-left:1.25rem;padding-top:1rem;padding-bottom:1rem;padding-right:1.25rem}
.blog-image-desktop-top .content-article-default-2{width:66.666667%;padding-right:0px;padding-left:1.25rem}
.blog-image-desktop-left .content-article-default-2{width:66.666667%;padding-left:1.25rem}
.blog-image-desktop-top .content-article-default-rtl-2{width:66.666667%;padding-left:0px;padding-right:1.25rem}
.blog-image-desktop-left .content-article-default-rtl-2{width:66.666667%;padding-right:1.25rem}
.blog-image-desktop-top .content-article-2{float:left}
.blog-image-desktop-left .content-article-2{float:left}
.content-article-spacing-1{
        background-color: rgba(var(--colors-text), 0.05);
        padding-top:1.75rem;
        padding-bottom:1.75rem;
        padding-left:1.75rem;
        padding-right:1.75rem;  
    }
.content-article-bg-1{padding-left:1.75rem;padding-top:1.25rem;padding-bottom:1.5rem}
.content-article-default-rtl-1,  .content-article-default-1{padding-top:1.25rem}
.article-1{display:flex;flex-direction:column}
.article-bg-1{
        background-color: rgba(var(--colors-text), 0.05);
    }
.article-bg-2{
        background-color: rgba(var(--colors-text), 0.05);
    }
.blog-image-desktop-top .article-layout-2{float:left;width:33.333333%}
.blog-image-desktop-top .article-layout-2::before{display:block;content:var(--tw-content);height:0px}
.blog-image-desktop-left .article-layout-2{float:left;width:33.333333%}
.blog-image-desktop-left .article-layout-2::before{display:block;content:var(--tw-content);height:0px}
.blog-image-desktop-top .article-layout-rtl-2{float:right;width:33.333333%}
.blog-image-desktop-top .article-layout-rtl-2::before{display:block;content:var(--tw-content);height:0px}
.blog-image-desktop-left .article-layout-rtl-2{float:right;width:33.333333%}
.blog-image-desktop-left .article-layout-rtl-2::before{display:block;content:var(--tw-content);height:0px}
.article-layout-1{width:100%}
.blog-image-desktop-left.article-2{padding-top:1.25rem;padding-bottom:1.25rem}
.blog-position-right{flex-direction:row-reverse}
.blog-position-left .list-blog{padding-left:1.25rem}
.blog-position-right .list-blog{padding-right:1.25rem}
.dynamic-checkout__content undefined .shopify-cleanslate{width:100%}
.dynamic-checkout__content div[role="button"] {
        border-radius: var(--border-radius) !important;
    }
.dynamic-checkout__content .shopify-cleanslate li{height:3rem !important}
.dynamic-checkout__content li div[role="button"]{height:3rem !important}
.dynamic-checkout__content .shopify-cleanslate ul {
        display: block !important;
    }
.dynamic-checkout__content .shopify-cleanslate li, .dynamic-checkout__content li div[role=button], #dynamic-checkout-cart li iframe {
        height: 48px!important;
        border-radius: var(--border-radius)!important;
        overflow:hidden;
    }
.rte::after{clear:both;content:var(--tw-content);display:block}
.rte p{margin-top:0.5rem;line-height:1.5}
.rte p:last-child{margin-bottom:0.5rem}
.rte p {
    font-weight: initial;
  }
.rte.shipping-insurance-text p{margin-top:0px}
.rte.shipping-insurance-text p:last-child{margin-bottom:0px}
.rte table{margin-top:0.5rem;table-layout:fixed;
    font-weight: initial;
    word-break: break-word}
.rte table td{border-width:1px;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;padding-right:0.5rem}
.rte img{margin-bottom:0.5rem;display:inline;height:auto;max-width:100%}
.rte iframe{display:inline;max-width:100%}
.rte li{margin-top:0.5rem;margin-bottom:0.5rem;
    font-weight: initial;
    list-style: inherit}
.rte li:last-child{margin-bottom:0px}
.rte blockquote > *{margin-left:-0.5rem;margin-top:0px;margin-right:-0.5rem;margin-bottom:0px}
.rte a{position:relative;margin-top:0.5rem;margin-bottom:0.5rem;color:rgba(var(--colors-text-link));text-decoration-thickness:1px}
  .is-active>.rte a>.animate_transition_slide__image{
  transform: scale(1);
}
.rte ul{margin-top:1rem;margin-bottom:1rem;list-style-position:outside;list-style-type:disc;padding-left:1.25rem}
.rte ul {
    list-style-position: inside;
  }
.rte li > :first-child{display:inline}
.pl0-ul.rte ul{padding-left:0px}
.rte ol{margin-top:1rem;margin-bottom:1rem;list-style-position:outside;list-style-type:decimal;padding-left:1.25rem}
.rte ol {
    list-style-position: inside;
  }
.rte blockquote{display:inline-flex}
.rte h1,
  .rte h2,
  .rte h3,
  .rte h4,
  .rte h2,
  .rte h6 {
    margin-block-start: 1em;
    margin-block-end: 0.5em;
  }
.label-square{padding:1rem}
.label-circle{display:flex;aspect-ratio:1 / 1;min-width:6rem;flex-direction:column;justify-content:center;border-radius:9999px;padding:1rem}
.label-top-flag{min-width:4rem;justify-content:flex-end;border-radius:0px;padding-top:0.75rem;padding-left:0.5rem;padding-right:0.5rem}
.label-top-flag::after{position:absolute;left:0px;right:0px;top:0px;bottom:0px;z-index:-10;--tw-translate-y:46%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:var(--tw-content);border-radius:50%}
.label-bottom-flag{bottom:0px;min-width:4rem;justify-content:flex-start;border-radius:0px;padding-bottom:0.75rem;padding-left:0.5rem;padding-right:0.5rem}
.label-bottom-flag::after{position:absolute;left:0px;right:0px;top:0px;bottom:0px;z-index:-10;--tw-translate-y:-46%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:var(--tw-content);border-radius:50%}
.label-angle-top-left {
    -webkit-clip-path: inset(0 -100%);
            clip-path: inset(0 -100%);
    transform-origin: 50% 0;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    left:0px;
    top:0px;
    min-width:100px;
    --tw-translate-x:-50%;
    --tw-rotate:-45deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-bottom:0.5rem;
    padding-right:1.25rem;
    padding-left:1.25rem;
    padding-top:2rem;
  }
.label-angle-top-right {
    -webkit-clip-path: inset(0 -100%);
            clip-path: inset(0 -100%);
    transform-origin: 50% 0;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    right:0px;
    top:0px;
    min-width:100px;
    --tw-translate-x:50%;
    --tw-rotate:45deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-bottom:0.5rem;
    padding-right:1.25rem;
    padding-left:1.25rem;
    padding-top:2rem;
  }
.label-angle-bottom-left {
    -webkit-clip-path: inset(0 -100%);
            clip-path: inset(0 -100%);
    transform-origin: 50% 100%;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    left:0px;
    bottom:0px;
    min-width:100px;
    --tw-translate-x:-50%;
    --tw-rotate:45deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-bottom:2rem;
    padding-right:1.25rem;
    padding-left:1.25rem;
    padding-top:0.75rem;
  }
.label-angle-bottom-right {
    -webkit-clip-path: inset(0 -100%);
            clip-path: inset(0 -100%);
    transform-origin: 50% 100%;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    right:0px;
    bottom:0px;
    min-width:100px;
    --tw-translate-x:50%;
    --tw-rotate:-45deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-bottom:2rem;
    padding-right:1.25rem;
    padding-left:1.25rem;
    padding-top:0.75rem;
  }
.label-top-left{left:0.5rem;bottom:auto;right:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.label-top-left:not(.label-flag){top:0.5rem}
.label-top-right{right:0.5rem;bottom:auto;left:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.label-top-right:not(.label-flag){top:0.5rem}
.label-bottom-left{left:0.5rem;right:auto;top:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.label-bottom-left:not(.label-bottom-flag){bottom:0.5rem}
.label-bottom-right{right:0.5rem;top:auto;left:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.label-bottom-right:not(.label-bottom-flag){bottom:0.5rem}
.promotion-position-right{display:flex;flex-direction:column;flex-direction:column-reverse}
.promotion-position-left{display:flex;flex-direction:column}
input[type="range"].square-range::-webkit-slider-thumb {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background: rgb(var(--colors-background));
    border: 1px solid;
    pointer-events: all;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    border-color: rgba(var(--colors-line-and-border),1);
  }
input[type="range"].rounded-range::-webkit-slider-thumb {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background: rgb(var(--colors-background));
    border: 1px solid;
    border-radius: 9999px;
    pointer-events: all;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    border-color: rgba(var(--colors-line-and-border),1);
  }
input[type="range"].square-range::-moz-range-thumb {
    height: 16px;
    width: 16px;
    border: 1px solid;
    cursor: pointer;
    background: rgb(var(--colors-background));
    pointer-events: all;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    border-color: rgba(var(--colors-line-and-border),1);
    border-radius: 0;
  }
input[type="range"].rounded-range::-moz-range-thumb {
    height: 16px;
    width: 16px;
    border: 1px solid;
    cursor: pointer;
    background: rgb(var(--colors-background));
    pointer-events: all;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    border-color: rgba(var(--colors-line-and-border),1);
    border-radius: 9999px;
  }
.color-filter {
    border: 4px solid rgba(var(--background-color));
    box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(var(--colors-line-and-border),1);
  }
.input-color-filter:checked+.color-filter{--tw-shadow:0 0 0 2px rgba(var(--colors-text));--tw-shadow-colored:0 0 0 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)}
.color-filter[data-swatch-filter]::before {
    content: '';
    pointer-events:none;
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    border-radius:9999px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }
.choose-options-mobile button.color-filter[data-swatch-filter]::before {
  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: 0px;
        left: 0px;
        width: 100%;
        height: 65%;
        background-image: linear-gradient(rgba(var(--colors-text), 0), rgb(var(--background-color)));
    }
.image-small{height:1.75rem;width:1.75rem}
.image-medium{height:2.25rem;width:2.25rem}
.image-large{height:2.5rem;width:2.5rem}
.promotion-header{display:flex;flex-direction:column}
.mini-cart .rte p{line-height:1.25}
.x-search-popup.popup-hidden {
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: 0.5s height cubic-bezier(.73,.32,.34,1.5), 0.2s 0.1s opacity, 0.2s visibility, transform 1s cubic-bezier(.19,1,.22,1);
  }
.x-search-popup {
    opacity: 1;
    height: 175px;
    visibility: visible;
    transition: 0.5s height cubic-bezier(.73,.32,.34,1.5), opacity 0.2s linear, transform 1s cubic-bezier(.19,1,.22,1);
  }
.mobile-cart-note button:first-child{text-align:left}
.mobile-cart-note button:last-child{text-align:right}
#x-header-container {
    direction: ltr;
  }
.pointer-events-none{pointer-events:none}
.pointer-events-auto{pointer-events:auto}
.visible{visibility:visible}
.invisible{visibility:hidden}
.static{position:static}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.inset-0{top:0px;right:0px;bottom:0px;left:0px}
.right-0{right:0px}
.left-0{left:0px}
.bottom-0{bottom:0px}
.top-3{top:0.75rem}
.bottom-3{bottom:0.75rem}
.left-3{left:0.75rem}
.right-3{right:0.75rem}
.-left-5{left:-1.25rem}
.right-2{right:0.5rem}
.right-4{right:1rem}
.left-1{left:0.25rem}
.-right-5{right:-1.25rem}
.top-2{top:0.5rem}
.top-1\/2{top:50%}
.top-1{top:0.25rem}
.top-0{top:0px}
.bottom-14{bottom:3.5rem}
.bottom-5{bottom:1.25rem}
.top-full{top:100%}
.-top-3{top:-0.75rem}
.-right-3{right:-0.75rem}
.-top-0{top:-0px}
.bottom-2{bottom:0.5rem}
.right-1{right:0.25rem}
.right-5{right:1.25rem}
.left-5{left:1.25rem}
.left-2{left:0.5rem}
.-left-3{left:-0.75rem}
.top-4{top:1rem}
.-right-1{right:-0.25rem}
.top-auto{top:auto}
.top-6{top:1.5rem}
.left-6{left:1.5rem}
.bottom-6{bottom:1.5rem}
.right-6{right:1.5rem}
.top-5{top:1.25rem}
.bottom-12{bottom:3rem}
.-top-6{top:-1.5rem}
.bottom-8{bottom:2rem}
.top-10{top:2.5rem}
.left-10{left:2.5rem}
.right-10{right:2.5rem}
.right-7{right:1.75rem}
.right-14{right:3.5rem}
.-top-8{top:-2rem}
.bottom-4{bottom:1rem}
.right-9{right:2.25rem}
.left-9{left:2.25rem}
.-bottom-full{bottom:-100%}
.left-7{left:1.75rem}
.left-16{left:4rem}
.right-16{right:4rem}
.-top-2{top:-0.5rem}
.-left-14{left:-3.5rem}
.-right-14{right:-3.5rem}
.-right-2{right:-0.5rem}
.-left-2{left:-0.5rem}
.right-auto{right:auto}
.bottom-11{bottom:2.75rem}
.top-14{top:3.5rem}
.bottom-full{bottom:100%}
.left-72{left:18rem}
.-top-5{top:-1.25rem}
.left-full{left:100%}
.-top-1{top:-0.25rem}
.bottom-9{bottom:2.25rem}
.left-4{left:1rem}
.-top-14{top:-3.5rem}
.-bottom-16{bottom:-4rem}
.-bottom-3{bottom:-0.75rem}
.top-\[calc\(50\%-8px\)\]{top:calc(50% - 8px)}
.left-\[calc\(50\%-8px\)\]{left:calc(50% - 8px)}
.top-\[calc\(var\(--height-header\)\)\]{top:calc(var(--height-header))}
.top-\[calc\(var\(--height-header\)\+8px\)\]{top:calc(var(--height-header) + 8px)}
.-top-\[20\%\]{top:-20%}
.left-\[60\%\]{left:60%}
.-top-0\.5{top:-0.125rem}
.left-1\/2{left:50%}
.top-\[1px\]{top:1px}
.right-3\.5{right:0.875rem}
.left-2\.5{left:0.625rem}
.-right-1\.5{right:-0.375rem}
.-bottom-\[20\%\]{bottom:-20%}
.top-\[var\(--height-header\)\]{top:var(--height-header)}
.top-\[calc\(var\(--height-header\)\+var\(--height-sticky-filter\)\)\]{top:calc(var(--height-header) + var(--height-sticky-filter))}
.top-\[calc\(100\%\+12px\)\]{top:calc(100% + 12px)}
.bottom-\[85\%\]{bottom:85%}
.top-\[0\.625rem\]{top:0.625rem}
.top-\[calc\(var\(--height-header\)\+5rem\)\]{top:calc(var(--height-header) + 5rem)}
.left-3\.5{left:0.875rem}
.-top-2\.5{top:-0.625rem}
.-right-2\.5{right:-0.625rem}
.-left-2\.5{left:-0.625rem}
.right-1\.5{right:0.375rem}
.-left-3\.5{left:-0.875rem}
.-right-3\.5{right:-0.875rem}
.bottom-1{bottom:0.25rem}
.top-\[calc\(50\%-10px\)\]{top:calc(50% - 10px)}
.left-\[calc\(50\%-10px\)\]{left:calc(50% - 10px)}
.top-\[calc\(var\(--height-header\)\+70px\)\]{top:calc(var(--height-header) + 70px)}
.top-\[calc\(var\(--height-header\)\+1rem\)\]{top:calc(var(--height-header) + 1rem)}
.left-\[18rem\]{left:18rem}
.left-\[calc\(50\%\+var\(--left-tooltip\)\)\]{left:calc(50% + var(--left-tooltip))}
.-top-1\.5{top:-0.375rem}
.top-\[calc\(50\%-6px\)\]{top:calc(50% - 6px)}
.top-0\.5{top:0.125rem}
.top-\[unset\]{top:unset}
.isolate{isolation:isolate}
.z-50{z-index:50}
.z-10{z-index:10}
.z-0{z-index:0}
.-z-10{z-index:-10}
.z-40{z-index:40}
.z-20{z-index:20}
.-z-20{z-index:-20}
.z-30{z-index:30}
.z-\[9999\]{z-index:9999}
.z-\[100\]{z-index:100}
.z-\[60\]{z-index:60}
.z-\[45\]{z-index:45}
.z-\[19\]{z-index:19}
.z-\[70\]{z-index:70}
.z-\[15\]{z-index:15}
.z-\[90\]{z-index:90}
.z-\[2\]{z-index:2}
.z-\[1\]{z-index:1}
.z-\[51\]{z-index:51}
.order-3{order:3}
.order-1{order:1}
.order-2{order:2}
.order-last{order:9999}
.order-first{order:-9999}
.order-4{order:4}
.order-none{order:0}
.order-5{order:5}
.col-span-full{grid-column:1 / -1}
.col-span-1{grid-column:span 1 / span 1}
.col-span-5{grid-column:span 5 / span 5}
.col-span-4{grid-column:span 4 / span 4}
.col-span-3{grid-column:span 3 / span 3}
.col-span-2{grid-column:span 2 / span 2}
.col-start-1{grid-column-start:1}
.col-start-2{grid-column-start:2}
.col-start-3{grid-column-start:3}
.col-end-1{grid-column-end:1}
.col-end-4{grid-column-end:4}
.col-end-3{grid-column-end:3}
.row-span-3{grid-row:span 3 / span 3}
.row-span-1{grid-row:span 1 / span 1}
.row-span-2{grid-row:span 2 / span 2}
.float-right{float:right}
.float-left{float:left}
.clear-left{clear:left}
.clear-both{clear:both}
.m-5{margin:1.25rem}
.m-2{margin:0.5rem}
.m-1{margin:0.25rem}
.mx-2{margin-left:0.5rem;margin-right:0.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-4{margin-bottom:1rem}
.mr-1{margin-right:0.25rem}
.mr-0{margin-right:0px}
.ml-1{margin-left:0.25rem}
.mr-2{margin-right:0.5rem}
.ml-2{margin-left:0.5rem}
.mr-5{margin-right:1.25rem}
.mb-0\.5{margin-bottom:0.125rem}
.mb-0{margin-bottom:0px}
.mb-5{margin-bottom:1.25rem}
.ml-5{margin-left:1.25rem}
.mb-3{margin-bottom:0.75rem}
.mt-2{margin-top:0.5rem}
.mt-5{margin-top:1.25rem}
.mt-0{margin-top:0px}
.mr-3{margin-right:0.75rem}
.mt-3{margin-top:0.75rem}
.-mt-3{margin-top:-0.75rem}
.mb-2{margin-bottom:0.5rem}
.mt-1{margin-top:0.25rem}
.ml-3{margin-left:0.75rem}
.mt-8{margin-top:2rem}
.mt-4{margin-top:1rem}
.mb-1{margin-bottom:0.25rem}
.mb-9{margin-bottom:2.25rem}
.ml-0{margin-left:0px}
.mr-auto{margin-right:auto}
.ml-auto{margin-left:auto}
.mb-6{margin-bottom:1.5rem}
.mb-12{margin-bottom:3rem}
.mr-4{margin-right:1rem}
.ml-4{margin-left:1rem}
.mt-7{margin-top:1.75rem}
.mb-7{margin-bottom:1.75rem}
.mb-8{margin-bottom:2rem}
.mt-6{margin-top:1.5rem}
.mb-14{margin-bottom:3.5rem}
.-mr-2{margin-right:-0.5rem}
.mt-10{margin-top:2.5rem}
.mt-9{margin-top:2.25rem}
.mt-16{margin-top:4rem}
.mt-12{margin-top:3rem}
.mt-14{margin-top:3.5rem}
.mb-10{margin-bottom:2.5rem}
.mr-8{margin-right:2rem}
.ml-8{margin-left:2rem}
.mb-11{margin-bottom:2.75rem}
.mb-16{margin-bottom:4rem}
.-mt-6{margin-top:-1.5rem}
.mt-24{margin-top:6rem}
.ml-10{margin-left:2.5rem}
.mr-10{margin-right:2.5rem}
.-ml-4{margin-left:-1rem}
.-mr-3{margin-right:-0.75rem}
.mr-7{margin-right:1.75rem}
.-mb-px{margin-bottom:-1px}
.-mt-px{margin-top:-1px}
.mr-16{margin-right:4rem}
.ml-6{margin-left:1.5rem}
.mr-6{margin-right:1.5rem}
.ml-7{margin-left:1.75rem}
.mt-auto{margin-top:auto}
.mb-auto{margin-bottom:auto}
.-ml-0{margin-left:-0px}
.-mr-0{margin-right:-0px}
.-mr-px{margin-right:-1px}
.-ml-px{margin-left:-1px}
.mb-1\.5{margin-bottom:0.375rem}
.mt-0\.5{margin-top:0.125rem}
.ml-0\.5{margin-left:0.125rem}
.mt-2\.5{margin-top:0.625rem}
.mb-2\.5{margin-bottom:0.625rem}
.mt-\[2px\]{margin-top:2px}
.mt-1\.5{margin-top:0.375rem}
.mt-3\.5{margin-top:0.875rem}
.mb-3\.5{margin-bottom:0.875rem}
.mt-\[1px\]{margin-top:1px}
.mr-0\.5{margin-right:0.125rem}
.ml-1\.5{margin-left:0.375rem}
.mr-2\.5{margin-right:0.625rem}
.ml-2\.5{margin-left:0.625rem}
.ml-3\.5{margin-left:0.875rem}
.mr-1\.5{margin-right:0.375rem}
.ml-\[34px\]{margin-left:34px}
.mr-\[34px\]{margin-right:34px}
.mb-\[1px\]{margin-bottom:1px}
.mb-5\.5{margin-bottom:1.375rem}
.-ml-0\.5{margin-left:-0.125rem}
.-mr-0\.5{margin-right:-0.125rem}
.mr-\[5px\]{margin-right:5px}
.mt-\[25vh\]{margin-top:25vh}
.ml-\[2px\]{margin-left:2px}
.mt-\[25dvh\]{margin-top:25dvh}
.box-border{box-sizing:border-box}
.block{display:block}
.\!block{display:block !important}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.inline-flex{display:inline-flex}
.table{display:table}
.table-cell{display:table-cell}
.table-row{display:table-row}
.grid{display:grid}
.contents{display:contents}
.list-item{display:list-item}
.hidden{display:none}
.\!hidden{display:none !important}
.aspect-square{aspect-ratio:1 / 1}
.aspect-auto{aspect-ratio:auto}
.aspect-\[3\/2\]{aspect-ratio:3/2}
.aspect-4\/3{aspect-ratio:4 / 3}
.aspect-16\/9{aspect-ratio:16 / 9}
.aspect-\[9\/16\]{aspect-ratio:9/16}
.aspect-\[2\/3\]{aspect-ratio:2/3}
.aspect-\[3\/4\]{aspect-ratio:3/4}
.aspect-\[var\(--ratio-image-scrolling\)\]{aspect-ratio:var(--ratio-image-scrolling)}
.aspect-1\/1{aspect-ratio:1 / 1}
.aspect-2\/3{aspect-ratio:2 / 3}
.h-fit{height:-moz-fit-content;height:fit-content}
.h-full{height:100%}
.h-1{height:0.25rem}
.h-2{height:0.5rem}
.h-8{height:2rem}
.h-3{height:0.75rem}
.h-0{height:0px}
.h-auto{height:auto}
.h-11{height:2.75rem}
.h-4{height:1rem}
.h-9{height:2.25rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-10{height:2.5rem}
.h-px{height:1px}
.h-7{height:1.75rem}
.h-14{height:3.5rem}
.h-20{height:5rem}
.h-52{height:13rem}
.h-max{height:-moz-max-content;height:max-content}
.h-12{height:3rem}
.h-16{height:4rem}
.h-80{height:20rem}
.h-\[30px\]{height:30px}
.h-\[550px\]{height:550px}
.h-\[calc\(100\%-2rem\)\]{height:calc(100% - 2rem)}
.h-2\.5{height:0.625rem}
.h-\[70px\]{height:70px}
.h-\[60px\]{height:60px}
.h-\[35px\]{height:35px}
.h-\[18px\]{height:18px}
.h-\[100vh\]{height:100vh}
.h-3\.5{height:0.875rem}
.h-\[30\%\]{height:30%}
.h-\[1\.875rem\]{height:1.875rem}
.h-\[12\.5rem\]{height:12.5rem}
.h-\[2\.875rem\]{height:2.875rem}
.h-\[72px\]{height:72px}
.\!h-auto{height:auto !important}
.h-\[80px\]{height:80px}
.h-\[var\(--rating-star-size\)\]{height:var(--rating-star-size)}
.h-1\/2{height:50%}
.h-\[48px\]{height:48px}
.h-\[56px\]{height:56px}
.h-\[52px\]{height:52px}
.h-\[90vh\]{height:90vh}
.h-\[34px\]{height:34px}
.h-\[39px\]{height:39px}
.h-\[36px\]{height:36px}
.h-\[80vh\]{height:80vh}
.h-\[14\.5px\]{height:14.5px}
.h-\[80\%\]{height:80%}
.h-\[2\.5em\]{height:2.5em}
.h-\[45px\]{height:45px}
.h-0\.5{height:0.125rem}
.h-\[84px\]{height:84px}
.h-\[var\(--base-font-size\)\]{height:var(--base-font-size)}
.h-1\.5{height:0.375rem}
.h-\[500vh\]{height:500vh}
.h-\[75dvh\]{height:75dvh}
.h-\[600px\]{height:600px}
.h-\[650px\]{height:650px}
.h-\[700px\]{height:700px}
.h-\[250px\]{height:250px}
.h-\[300px\]{height:300px}
.h-\[400px\]{height:400px}
.h-\[500px\]{height:500px}
.h-\[94vh\]{height:94vh}
.h-\[200px\]{height:200px}
.h-\[350px\]{height:350px}
.max-h-full{max-height:100%}
.max-h-0{max-height:0px}
.max-h-36{max-height:9rem}
.max-h-max{max-height:-moz-max-content;max-height:max-content}
.max-h-fit{max-height:-moz-fit-content;max-height:fit-content}
.max-h-56{max-height:14rem}
.max-h-72{max-height:18rem}
.max-h-screen{max-height:100vh}
.max-h-96{max-height:24rem}
.max-h-60{max-height:15rem}
.max-h-64{max-height:16rem}
.max-h-\[180px\]{max-height:180px}
.max-h-\[15rem\]{max-height:15rem}
.max-h-\[375px\]{max-height:375px}
.max-h-\[67vh\]{max-height:67vh}
.max-h-\[calc\(85vh-96px\)\]{max-height:calc(85vh - 96px)}
.max-h-\[calc\(75vh-96px\)\]{max-height:calc(75vh - 96px)}
.max-h-\[60vh\]{max-height:60vh}
.max-h-\[90\%\]{max-height:90%}
.max-h-\[85vh\]{max-height:85vh}
.max-h-\[calc\(88vh-96px\)\]{max-height:calc(88vh - 96px)}
.max-h-\[600px\]{max-height:600px}
.max-h-\[400px\]{max-height:400px}
.max-h-\[48px\]{max-height:48px}
.max-h-\[56px\]{max-height:56px}
.max-h-\[90vh\]{max-height:90vh}
.max-h-\[232px\]{max-height:232px}
.max-h-\[200px\]{max-height:200px}
.max-h-\[240px\]{max-height:240px}
.max-h-\[100vw\]{max-height:100vw}
.max-h-\[80vh\]{max-height:80vh}
.max-h-\[2\.5em\]{max-height:2.5em}
.max-h-\[50vh\]{max-height:50vh}
.max-h-\[calc\(80vh-3rem\)\]{max-height:calc(80vh - 3rem)}
.max-h-\[calc\(75vh-var\(--height-header\)\)\]{max-height:calc(75vh - var(--height-header))}
.max-h-\[65vh\]{max-height:65vh}
.max-h-\[325px\]{max-height:325px}
.max-h-\[350px\]{max-height:350px}
.min-h-0{min-height:0px}
.min-h-screen{min-height:100vh}
.min-h-full{min-height:100%}
.min-h-max{min-height:-moz-max-content;min-height:max-content}
.min-h-fit{min-height:-moz-fit-content;min-height:fit-content}
.min-h-\[100\%\]{min-height:100%}
.min-h-\[100vh\]{min-height:100vh}
.min-h-\[76px\]{min-height:76px}
.min-h-\[60px\]{min-height:60px}
.min-h-\[55px\]{min-height:55px}
.min-h-\[49px\]{min-height:49px}
.min-h-\[450px\]{min-height:450px}
.min-h-\[20px\]{min-height:20px}
.min-h-\[0\.5rem\]{min-height:0.5rem}
.min-h-\[420px\]{min-height:420px}
.min-h-\[14px\]{min-height:14px}
.min-h-\[1\.25rem\]{min-height:1.25rem}
.min-h-\[72px\]{min-height:72px}
.min-h-\[24px\]{min-height:24px}
.min-h-\[40px\]{min-height:40px}
.min-h-\[8px\]{min-height:8px}
.min-h-\[50px\]{min-height:50px}
.min-h-\[64px\]{min-height:64px}
.min-h-\[45px\]{min-height:45px}
.min-h-\[200px\]{min-height:200px}
.min-h-\[300px\]{min-height:300px}
.min-h-\[1px\]{min-height:1px}
.min-h-\[calc\(75vh-80px\)\]{min-height:calc(75vh - 80px)}
.min-h-\[inherit\]{min-height:inherit}
.min-h-\[1em\]{min-height:1em}
.min-h-\[calc\(75dvh-80px\)\]{min-height:calc(75dvh - 80px)}
.min-h-\[250px\]{min-height:250px}
.min-h-\[400px\]{min-height:400px}
.min-h-\[500px\]{min-height:500px}
.min-h-\[90vh\]{min-height:90vh}
.min-h-\[94vh\]{min-height:94vh}
.w-full{width:100%}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-max{width:-moz-max-content;width:max-content}
.w-2{width:0.5rem}
.w-3{width:0.75rem}
.w-1{width:0.25rem}
.w-5{width:1.25rem}
.w-7{width:1.75rem}
.w-6{width:1.5rem}
.w-4{width:1rem}
.w-11{width:2.75rem}
.w-8{width:2rem}
.w-9{width:2.25rem}
.w-0{width:0px}
.w-auto{width:auto}
.w-12{width:3rem}
.w-10{width:2.5rem}
.w-px{width:1px}
.w-14{width:3.5rem}
.w-28{width:7rem}
.w-20{width:5rem}
.w-24{width:6rem}
.w-16{width:4rem}
.w-96{width:24rem}
.w-screen{width:100vw}
.w-72{width:18rem}
.w-56{width:14rem}
.w-48{width:12rem}
.w-60{width:15rem}
.w-\[30px\]{width:30px}
.w-2\.5{width:0.625rem}
.w-11\/12{width:91.666667%}
.w-\[12\%\]{width:12%}
.w-\[70px\]{width:70px}
.w-\[80\%\]{width:80%}
.w-3\/5{width:60%}
.w-\[60px\]{width:60px}
.w-\[35px\]{width:35px}
.w-\[18px\]{width:18px}
.w-1\/2{width:50%}
.w-\[86px\]{width:86px}
.w-3\.5{width:0.875rem}
.w-3\/4{width:75%}
.w-1\/3{width:33.333333%}
.w-2\/3{width:66.666667%}
.w-\[calc\(50\%-5px\)\]{width:calc(50% - 5px)}
.w-\[calc\(100\%-0\.875rem\)\]{width:calc(100% - 0.875rem)}
.w-\[120px\]{width:120px}
.w-\[calc\(100\%-1px\)\]{width:calc(100% - 1px)}
.w-5\/12{width:41.666667%}
.w-5\/6{width:83.333333%}
.w-1\/5{width:20%}
.w-4\/12{width:33.333333%}
.w-2\/12{width:16.666667%}
.w-\[1\.875rem\]{width:1.875rem}
.w-\[192px\]{width:192px}
.w-\[150px\]{width:150px}
.w-\[72px\]{width:72px}
.w-1\/4{width:25%}
.w-3\/6{width:50%}
.w-\[80px\]{width:80px}
.w-\[calc\(100\%-40px\)\]{width:calc(100% - 40px)}
.w-\[110\%\]{width:110%}
.w-2\/5{width:40%}
.w-\[var\(--rating-star-size\)\]{width:var(--rating-star-size)}
.w-10\/12{width:83.333333%}
.w-\[48px\]{width:48px}
.w-\[56px\]{width:56px}
.w-\[52px\]{width:52px}
.w-\[34px\]{width:34px}
.w-\[calc\(100\%\+8px\)\]{width:calc(100% + 8px)}
.w-\[calc\(100\%-150px-16px\)\]{width:calc(100% - 150px - 16px)}
.w-\[88px\]{width:88px}
.w-\[36px\]{width:36px}
.w-\[12\.5px\]{width:12.5px}
.w-\[90\%\]{width:90%}
.w-\[64px\]{width:64px}
.w-\[45px\]{width:45px}
.w-\[var\(--font-size-normal-mobile\)\]{width:var(--font-size-normal-mobile)}
.w-\[var\(--font-size-large\)\]{width:var(--font-size-large)}
.w-\[84px\]{width:84px}
.w-7\/12{width:58.333333%}
.w-\[15\.6rem\]{width:15.6rem}
.w-\[13rem\]{width:13rem}
.w-4\/5{width:80%}
.w-3\/12{width:25%}
.w-6\/12{width:50%}
.w-\[var\(--base-font-size\)\]{width:var(--base-font-size)}
.w-\[15\%\]{width:15%}
.w-\[85\%\]{width:85%}
.w-\[95\%\]{width:95%}
.w-\[calc\(100vw-32px\)\]{width:calc(100vw - 32px)}
.w-0\.5{width:0.125rem}
.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}
.min-w-0{min-width:0px}
.min-w-full{min-width:100%}
.min-w-max{min-width:-moz-max-content;min-width:max-content}
.min-w-\[30px\]{min-width:30px}
.min-w-\[30\%\]{min-width:30%}
.min-w-\[90\%\]{min-width:90%}
.min-w-\[130px\]{min-width:130px}
.min-w-\[86px\]{min-width:86px}
.min-w-\[24px\]{min-width:24px}
.min-w-\[120px\]{min-width:120px}
.min-w-\[290px\]{min-width:290px}
.min-w-\[100px\]{min-width:100px}
.min-w-\[90px\]{min-width:90px}
.min-w-\[56px\]{min-width:56px}
.min-w-\[1rem\]{min-width:1rem}
.min-w-\[3rem\]{min-width:3rem}
.min-w-\[40px\]{min-width:40px}
.min-w-\[14px\]{min-width:14px}
.min-w-\[300px\]{min-width:300px}
.min-w-\[150px\]{min-width:150px}
.min-w-\[72px\]{min-width:72px}
.min-w-\[22\.5rem\]{min-width:22.5rem}
.min-w-\[50px\]{min-width:50px}
.min-w-\[8px\]{min-width:8px}
.min-w-\[88px\]{min-width:88px}
.min-w-\[250px\]{min-width:250px}
.min-w-\[80px\]{min-width:80px}
.min-w-\[64px\]{min-width:64px}
.min-w-\[36px\]{min-width:36px}
.min-w-\[45px\]{min-width:45px}
.min-w-\[12px\]{min-width:12px}
.min-w-\[83px\]{min-width:83px}
.min-w-\[84px\]{min-width:84px}
.min-w-\[20px\]{min-width:20px}
.min-w-\[70px\]{min-width:70px}
.min-w-\[266px\]{min-width:266px}
.min-w-\[28px\]{min-width:28px}
.max-w-full{max-width:100%}
.max-w-xl{max-width:36rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-max{max-width:-moz-max-content;max-width:max-content}
.max-w-6xl{max-width:72rem}
.max-w-md{max-width:28rem}
.max-w-5xl{max-width:64rem}
.max-w-sm{max-width:24rem}
.max-w-2xl{max-width:42rem}
.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}
.max-w-7xl{max-width:80rem}
.max-w-xs{max-width:20rem}
.max-w-\[75\%\]{max-width:75%}
.max-w-\[86px\]{max-width:86px}
.max-w-\[13rem\]{max-width:13rem}
.max-w-\[80\%\]{max-width:80%}
.max-w-\[calc\(100\%-48px\)\]{max-width:calc(100% - 48px)}
.max-w-\[578px\]{max-width:578px}
.max-w-\[570px\]{max-width:570px}
.max-w-\[480px\]{max-width:480px}
.max-w-\[62rem\]{max-width:62rem}
.max-w-\[50\%\]{max-width:50%}
.max-w-\[500px\]{max-width:500px}
.max-w-\[90\%\]{max-width:90%}
.max-w-\[65\%\]{max-width:65%}
.max-w-\[30\%\]{max-width:30%}
.max-w-\[31rem\]{max-width:31rem}
.max-w-\[5\.25rem\]{max-width:5.25rem}
.max-w-\[250px\]{max-width:250px}
.max-w-\[400px\]{max-width:400px}
.max-w-\[48px\]{max-width:48px}
.max-w-\[56px\]{max-width:56px}
.max-w-\[200px\]{max-width:200px}
.max-w-\[168px\]{max-width:168px}
.max-w-\[530px\]{max-width:530px}
.max-w-\[240px\]{max-width:240px}
.max-w-\[142px\]{max-width:142px}
.max-w-\[64px\]{max-width:64px}
.max-w-\[330px\]{max-width:330px}
.max-w-\[40\%\]{max-width:40%}
.max-w-\[650px\]{max-width:650px}
.max-w-\[var\(--maxwidth-tooltip\)\]{max-width:var(--maxwidth-tooltip)}
.max-w-\[90px\]{max-width:90px}
.max-w-\[120px\]{max-width:120px}
.max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}
.max-w-\[520px\]{max-width:520px}
.max-w-\[550px\]{max-width:550px}
.max-w-\[600px\]{max-width:600px}
.max-w-\[700px\]{max-width:700px}
.max-w-\[750px\]{max-width:750px}
.max-w-\[800px\]{max-width:800px}
.max-w-\[620px\]{max-width:620px}
.max-w-\[670px\]{max-width:670px}
.max-w-\[720px\]{max-width:720px}
.max-w-\[770px\]{max-width:770px}
.max-w-\[820px\]{max-width:820px}
.max-w-\[calc\(100\%\/1\)\]{max-width:calc(100% / 1)}
.max-w-\[calc\(100\%\/2\)\]{max-width:calc(100% / 2)}
.max-w-\[calc\(100\%\/3\)\]{max-width:calc(100% / 3)}
.max-w-\[calc\(100\%\/4\)\]{max-width:calc(100% / 4)}
.flex-1{flex:1 1 0%}
.flex-auto{flex:1 1 auto}
.flex-shrink-0{flex-shrink:0}
.flex-shrink{flex-shrink:1}
.shrink{flex-shrink:1}
.shrink-0{flex-shrink:0}
.flex-grow{flex-grow:1}
.grow{flex-grow:1}
.basis-32{flex-basis:8rem}
.basis-52{flex-basis:13rem}
.basis-\[0\]{flex-basis:0}
.border-collapse{border-collapse:collapse}
.origin-center{transform-origin:center}
.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) 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-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-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{--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-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-2{--tw-translate-y:-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-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-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-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-x-5{--tw-translate-x:-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-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-2{--tw-translate-y: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-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-1\/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-x-1\/3{--tw-translate-x:-33.333333%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-1\/3{--tw-translate-x:33.333333%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-\[4px\]{--tw-translate-x:-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-x-\[var\(--offsetWidth\)\]{--tw-translate-x:var(--offsetWidth);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) 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-\[150\%\]{--tw-translate-y:-150%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) 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-\[150\%\]{--tw-translate-y:150%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) 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))}
.-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-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-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-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-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-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-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-\[1\.8\]{--tw-scale-x:1.8;--tw-scale-y:1.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))}
.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-none{transform:none}
@keyframes spin{
to{transform:rotate(360deg)}}
.animate-spin{animation:spin 1s linear infinite}
@keyframes ping{
75%, 100%{transform:scale(2);opacity:0}}
.animate-ping{animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite}
@keyframes pingHotspot{
0%{transform:scale(1)}
50%{transform:scale(2.3)}
100%{transform:scale(1)}}
.animate-\[pingHotspot_2s_ease-in-out_infinite\]{animation:pingHotspot 2s ease-in-out infinite}
@keyframes scrollX{
0%{transform:translateX(0%)}
100%{transform:translateX(-100%)}}
.animate-\[scrollX\]{animation:scrollX}
.cursor-pointer{cursor:pointer}
.cursor-grabbing{cursor:grabbing}
.cursor-grab{cursor:grab}
.cursor-not-allowed{cursor:not-allowed}
.cursor-default{cursor:default}
.cursor-auto{cursor:auto}
.cursor-zoom-in{cursor:zoom-in}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.resize{resize:both}
.list-inside{list-style-position:inside}
.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-\[calc\(100\%\/3\)\]{grid-auto-columns:calc(100% / 3)}
.grid-flow-col{grid-auto-flow:column}
.auto-rows-auto{grid-auto-rows:auto}
.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-\[110px_minmax\(110px\2c _1fr\)\]{grid-template-columns:110px minmax(110px, 1fr)}
.flex-row{flex-direction:row}
.flex-row-reverse{flex-direction:row-reverse}
.flex-col{flex-direction:column}
.flex-col-reverse{flex-direction:column-reverse}
.flex-wrap{flex-wrap:wrap}
.flex-nowrap{flex-wrap:nowrap}
.place-content-center{place-content:center}
.place-items-center{place-items:center}
.content-center{align-content:center}
.content-start{align-content:flex-start}
.content-end{align-content:flex-end}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-evenly{justify-content:space-evenly}
.justify-items-center{justify-items:center}
.gap-1{gap:0.25rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-7{gap:1.75rem}
.gap-0{gap:0px}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-2\.5{gap:0.625rem}
.gap-1\.5{gap:0.375rem}
.gap-0\.5{gap:0.125rem}
.gap-\[30px\]{gap:30px}
.gap-\[3px\]{gap:3px}
.gap-3\.5{gap:0.875rem}
.gap-x-1{-moz-column-gap:0.25rem;column-gap:0.25rem}
.gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem}
.gap-y-2{row-gap:0.5rem}
.gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem}
.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}
.gap-y-4{row-gap:1rem}
.gap-y-7{row-gap:1.75rem}
.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}
.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}
.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}
.gap-y-3{row-gap:0.75rem}
.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}
.gap-y-1{row-gap:0.25rem}
.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}
.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}
.gap-y-6{row-gap:1.5rem}
.gap-x-\[10px\]{-moz-column-gap:10px;column-gap:10px}
.gap-x-2\.5{-moz-column-gap:0.625rem;column-gap:0.625rem}
.gap-x-1\.5{-moz-column-gap:0.375rem;column-gap:0.375rem}
.gap-y-2\.5{row-gap:0.625rem}
.gap-x-\[4\%\]{-moz-column-gap:4%;column-gap:4%}
.gap-y-1\.5{row-gap:0.375rem}
.gap-x-3\.5{-moz-column-gap:0.875rem;column-gap:0.875rem}
.place-self-center{place-self:center}
.self-start{align-self:flex-start}
.self-end{align-self:flex-end}
.self-center{align-self:center}
.self-stretch{align-self:stretch}
.overflow-auto{overflow:auto}
.overflow-hidden{overflow:hidden}
.overflow-visible{overflow:visible}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-hidden{overflow-y:hidden}
.overflow-x-clip{overflow-x:clip}
.overflow-x-visible{overflow-x:visible}
.overflow-y-visible{overflow-y:visible}
.overflow-y-scroll{overflow-y:scroll}
.scroll-smooth{scroll-behavior:smooth}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-ellipsis{text-overflow:ellipsis}
.whitespace-normal{white-space:normal}
.whitespace-nowrap{white-space:nowrap}
.break-words{overflow-wrap:break-word}
.break-all{word-break:break-all}
.rounded-md{border-radius:0.375rem}
.rounded-full{border-radius:9999px}
.rounded{border-radius:0.25rem}
.rounded-none{border-radius:0px}
.rounded-2xl{border-radius:1rem}
.rounded-lg{border-radius:0.5rem}
.rounded-xl{border-radius:0.75rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-\[10px\]{border-radius:10px}
.rounded-\[var\(--border-radius\)\]{border-radius:var(--border-radius)}
.\!rounded-md{border-radius:0.375rem !important}
.rounded-\[4px\]{border-radius:4px}
.rounded-\[0\.625rem\]{border-radius:0.625rem}
.rounded-\[1\.25rem\]{border-radius:1.25rem}
.rounded-\[5px\]{border-radius:5px}
.rounded-\[6px\]{border-radius:6px}
.\!rounded-full{border-radius:9999px !important}
.\!rounded-none{border-radius:0px !important}
.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}
.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}
.rounded-b-\[10px\]{border-bottom-right-radius:10px;border-bottom-left-radius:10px}
.rounded-t-\[16px\]{border-top-left-radius:16px;border-top-right-radius:16px}
.rounded-tl-2xl{border-top-left-radius:1rem}
.rounded-br-2xl{border-bottom-right-radius:1rem}
.rounded-tl-md{border-top-left-radius:0.375rem}
.rounded-br-md{border-bottom-right-radius:0.375rem}
.rounded-tl-none{border-top-left-radius:0px}
.rounded-tr-none{border-top-right-radius:0px}
.rounded-bl-none{border-bottom-left-radius:0px}
.rounded-br-none{border-bottom-right-radius:0px}
.rounded-tl-\[10px\]{border-top-left-radius:10px}
.rounded-br-\[10px\]{border-bottom-right-radius:10px}
.border{border-width:1px}
.border-0{border-width:0px}
.border-2{border-width:2px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.border-x-0{border-left-width:0px;border-right-width:0px}
.border-x-\[1rem\]{border-left-width:1rem;border-right-width:1rem}
.border-t{border-top-width:1px}
.border-t-4{border-top-width:4px}
.border-b{border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.border-t-0{border-top-width:0px}
.border-l{border-left-width:1px}
.border-r{border-right-width:1px}
.border-l-0{border-left-width:0px}
.border-r-0{border-right-width:0px}
.border-b-\[0\.5px\]{border-bottom-width:0.5px}
.border-l-\[10px\]{border-left-width:10px}
.border-r-\[10px\]{border-right-width:10px}
.border-t-\[10px\]{border-top-width:10px}
.border-b-\[1rem\]{border-bottom-width:1rem}
.border-t-\[1rem\]{border-top-width:1rem}
.border-solid{border-style:solid}
.border-dashed{border-style:dashed}
.border-dotted{border-style:dotted}
.border-none{border-style:none}
.border-transparent{border-color:transparent}
.border-current{border-color:currentColor}
.border-\[rgb\(var\(--colors-text\)\2c 1\)\]{border-color:rgb(var(--colors-text),1)}
.border-\[rgba\(var\(--color-highlight\)\)\]{border-color:rgba(var(--color-highlight))}
.border-\[rgb\(var\(--colors-text\)\)\]{border-color:rgb(var(--colors-text))}
.border-\[rgb\(var\(--colors-line-and-border\)\)\]{border-color:rgb(var(--colors-line-and-border))}
.border-\[rgba\(var\(--colors-line-and-border\)\2c 0\.8\)\]{border-color:rgba(var(--colors-line-and-border),0.8)}
.border-\[rgba\(var\(--colors-text\)\)\]{border-color:rgba(var(--colors-text))}
.border-\[rgba\(var\(--colors-text-link\)\)\]{border-color:rgba(var(--colors-text-link))}
.border-\[rgba\(var\(--colors-heading\)\)\]{border-color:rgba(var(--colors-heading))}
.border-\[rgba\(var\(--color-error\)\)\]{border-color:rgba(var(--color-error))}
.border-\[rgba\(var\(--colors-line-and-border\)\)\]{border-color:rgba(var(--colors-line-and-border))}
.border-\[rgba\(var\(--background-color\)\)\]{border-color:rgba(var(--background-color))}
.border-\[rgba\(var\(--colors-text\)\2c 1\)\]{border-color:rgba(var(--colors-text),1)}
.border-x-transparent{border-left-color:transparent;border-right-color:transparent}
.border-l-transparent{border-left-color:transparent}
.border-r-transparent{border-right-color:transparent}
.border-b-\[rgba\(var\(--colors-heading\)\)\]{border-bottom-color:rgba(var(--colors-heading))}
.border-t-\[rgb\(var\(--colors-text\)\)\]{border-top-color:rgb(var(--colors-text))}
.border-b-\[rgba\(var\(--background-color\)\2c 1\)\]{border-bottom-color:rgba(var(--background-color),1)}
.border-t-\[rgba\(var\(--background-color\)\2c 1\)\]{border-top-color:rgba(var(--background-color),1)}
.bg-\[\#acacac\]{--tw-bg-opacity:1;background-color:rgb(172 172 172 / var(--tw-bg-opacity))}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}
.bg-inherit{background-color:inherit}
.bg-transparent{background-color:transparent}
.bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(229 229 229 / var(--tw-bg-opacity))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}
.bg-\[\#c9c9c9\]{--tw-bg-opacity:1;background-color:rgb(201 201 201 / var(--tw-bg-opacity))}
.bg-\[rgba\(var\(--colors-background\)\)\]{background-color:rgba(var(--colors-background))}
.bg-\[rgba\(var\(--color-highlight\)\)\]{background-color:rgba(var(--color-highlight))}
.bg-\[rgba\(var\(--colors-background-secondary\)\)\]{background-color:rgba(var(--colors-background-secondary))}
.bg-\[rgba\(var\(--background-color\)\)\]{background-color:rgba(var(--background-color))}
.bg-\[rgba\(var\(--colors-cart\)\)\]{background-color:rgba(var(--colors-cart))}
.bg-\[rgba\(var\(--background-color\)\2c 1\)\]{background-color:rgba(var(--background-color),1)}
.bg-\[rgba\(var\(--color-error\)\2c 0\.2\)\]{background-color:rgba(var(--color-error),0.2)}
.bg-\[rgba\(var\(--image-treatment-text\)\2c 0\.06\)\]{background-color:rgba(var(--image-treatment-text),0.06)}
.bg-\[rgba\(var\(--color-success\)\2c 0\.2\)\]{background-color:rgba(var(--color-success),0.2)}
.bg-\[rgba\(var\(--colors-text\)\2c 0\.05\)\]{background-color:rgba(var(--colors-text),0.05)}
.bg-\[rgba\(var\(--color-error\)\2c 0\.1\)\]{background-color:rgba(var(--color-error),0.1)}
.bg-\[rgba\(var\(--color-success\)\2c 0\.1\)\]{background-color:rgba(var(--color-success),0.1)}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\]{background-color:rgba(0,0,0,0.4)}
.bg-\[rgba\(var\(--colors-text\)\2c 0\.1\)\]{background-color:rgba(var(--colors-text),0.1)}
.bg-\[rgba\(var\(--colors-text\)\2c 1\)\]{background-color:rgba(var(--colors-text),1)}
.bg-\[rgba\(var\(--colors-heading\)\)\]{background-color:rgba(var(--colors-heading))}
.bg-\[rgb\(var\(--colors-background-secondary\)\)\]{background-color:rgb(var(--colors-background-secondary))}
.bg-\[rgba\(var\(--colors-background\)\2c 1\)\]{background-color:rgba(var(--colors-background),1)}
.bg-\[rgb\(var\(--colors-text\)\2c 0\.1\)\]{background-color:rgb(var(--colors-text),0.1)}
.bg-\[rgb\(var\(--colors-text\)\2c 0\.05\)\]{background-color:rgb(var(--colors-text),0.05)}
.bg-\[rgba\(var\(--colors-line-header\)\)\]{background-color:rgba(var(--colors-line-header))}
.\!bg-\[rgba\(var\(--background-color\)\2c 1\)\]{background-color:rgba(var(--background-color),1) !important}
.bg-\[rgba\(var\(--discount-label-color\)\)\]{background-color:rgba(var(--discount-label-color))}
.bg-\[rgba\(var\(--color-success\)\)\]{background-color:rgba(var(--color-success))}
.bg-\[rgba\(var\(--color-error\)\)\]{background-color:rgba(var(--color-error))}
.bg-\[rgba\(var\(--colors-text\)\2c 0\.2\)\]{background-color:rgba(var(--colors-text),0.2)}
.bg-\[rgba\(var\(--colors-background\)\2c 0\.2\)\]{background-color:rgba(var(--colors-background),0.2)}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\]{background-color:rgba(0,0,0,0.1)}
.bg-\[rgba\(var\(--colors-heading\)\2c 0\.2\)\]{background-color:rgba(var(--colors-heading),0.2)}
.bg-\[rgba\(var\(--colors-heading\)\2c 0\.6\)\]{background-color:rgba(var(--colors-heading),0.6)}
.bg-\[rgba\(var\(--colors-button\)\)\]{background-color:rgba(var(--colors-button))}
.bg-\[rgba\(var\(--colors-text\)\)\]{background-color:rgba(var(--colors-text))}
.bg-\[rgba\(var\(--image-treatment-text\)\2c 0\.3\)\]{background-color:rgba(var(--image-treatment-text),0.3)}
.bg-\[rgba\(var\(--colors-text\)\2c 0\.3\)\]{background-color:rgba(var(--colors-text),0.3)}
.bg-\[rgba\(var\(--colors-line-and-border\)\2c 0\.4\)\]{background-color:rgba(var(--colors-line-and-border),0.4)}
.bg-\[rgba\(var\(--colors-line-and-border\)\2c 0\.8\)\]{background-color:rgba(var(--colors-line-and-border),0.8)}
.bg-\[rgba\(var\(--colors-line-and-border\)\)\]{background-color:rgba(var(--colors-line-and-border))}
.bg-\[rgb\(var\(--colors-line-and-border\)\)\]{background-color:rgb(var(--colors-line-and-border))}
.bg-\[rgb\(var\(--color-success\)\)\]{background-color:rgb(var(--color-success))}
.bg-\[rgb\(var\(--background-color\)\)\]{background-color:rgb(var(--background-color))}
.bg-\[rgb\(var\(--colors-text-link\)\)\]{background-color:rgb(var(--colors-text-link))}
.bg-\[\#000000\]{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}
.bg-\[\#54c63a\]{--tw-bg-opacity:1;background-color:rgb(84 198 58 / var(--tw-bg-opacity))}
.bg-\[\#CE021E\]{--tw-bg-opacity:1;background-color:rgb(206 2 30 / var(--tw-bg-opacity))}
.bg-\[\#f4af29\]{--tw-bg-opacity:1;background-color:rgb(244 175 41 / var(--tw-bg-opacity))}
.bg-opacity-30{--tw-bg-opacity:0.3}
.bg-opacity-80{--tw-bg-opacity:0.8}
.bg-opacity-20{--tw-bg-opacity:0.2}
.bg-opacity-60{--tw-bg-opacity:0.6}
.bg-none{background-image:none}
.bg-gradient-radial{background-image:radial-gradient(rgba(var(--image-treatment-overlay),0.2) 0%, transparent 75%)}
.bg-auto{background-size:auto}
.bg-cover{background-size:cover}
.bg-clip-content{background-clip:content-box}
.fill-\[rgba\(var\(--colors-icon-rating\)\)\]{fill:rgba(var(--colors-icon-rating))}
.object-contain{-o-object-fit:contain;object-fit:contain}
.object-cover{-o-object-fit:cover;object-fit:cover}
.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}
.object-center{-o-object-position:center;object-position:center}
.object-bottom{-o-object-position:bottom;object-position:bottom}
.object-left{-o-object-position:left;object-position:left}
.object-left-bottom{-o-object-position:left bottom;object-position:left bottom}
.object-left-top{-o-object-position:left top;object-position:left top}
.object-right{-o-object-position:right;object-position:right}
.object-right-bottom{-o-object-position:right bottom;object-position:right bottom}
.object-right-top{-o-object-position:right top;object-position:right top}
.object-top{-o-object-position:top;object-position:top}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-0{padding-top:0px;padding-bottom:0px}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem}
.pb-2{padding-bottom:0.5rem}
.pt-2{padding-top:0.5rem}
.pl-4{padding-left:1rem}
.pt-1{padding-top:0.25rem}
.pb-1{padding-bottom:0.25rem}
.pl-2{padding-left:0.5rem}
.pr-2{padding-right:0.5rem}
.pt-0{padding-top:0px}
.pb-0{padding-bottom:0px}
.pt-3{padding-top:0.75rem}
.pb-3{padding-bottom:0.75rem}
.pl-3{padding-left:0.75rem}
.pr-3{padding-right:0.75rem}
.pr-4{padding-right:1rem}
.pr-5{padding-right:1.25rem}
.pl-5{padding-left:1.25rem}
.pt-4{padding-top:1rem}
.pb-4{padding-bottom:1rem}
.pr-6{padding-right:1.5rem}
.pl-6{padding-left:1.5rem}
.pl-7{padding-left:1.75rem}
.pr-7{padding-right:1.75rem}
.pl-1{padding-left:0.25rem}
.pr-1{padding-right:0.25rem}
.pl-0{padding-left:0px}
.pr-0{padding-right:0px}
.pt-5{padding-top:1.25rem}
.pb-5{padding-bottom:1.25rem}
.pt-7{padding-top:1.75rem}
.pr-8{padding-right:2rem}
.pb-7{padding-bottom:1.75rem}
.pb-9{padding-bottom:2.25rem}
.pt-6{padding-top:1.5rem}
.pr-10{padding-right:2.5rem}
.pl-8{padding-left:2rem}
.pl-10{padding-left:2.5rem}
.pt-8{padding-top:2rem}
.pb-8{padding-bottom:2rem}
.pt-24{padding-top:6rem}
.pb-36{padding-bottom:9rem}
.pl-12{padding-left:3rem}
.pr-12{padding-right:3rem}
.pl-9{padding-left:2.25rem}
.pr-9{padding-right:2.25rem}
.pb-6{padding-bottom:1.5rem}
.pt-10{padding-top:2.5rem}
.pb-12{padding-bottom:3rem}
.pt-9{padding-top:2.25rem}
.pb-10{padding-bottom:2.5rem}
.pt-12{padding-top:3rem}
.pt-16{padding-top:4rem}
.pb-16{padding-bottom:4rem}
.pr-20{padding-right:5rem}
.pt-14{padding-top:3.5rem}
.\!pt-2{padding-top:0.5rem !important}
.\!pb-2{padding-bottom:0.5rem !important}
.pb-14{padding-bottom:3.5rem}
.pb-11{padding-bottom:2.75rem}
.pr-14{padding-right:3.5rem}
.pb-28{padding-bottom:7rem}
.pt-2\.5{padding-top:0.625rem}
.pb-2\.5{padding-bottom:0.625rem}
.pb-\[56\.25\%\]{padding-bottom:56.25%}
.pt-1\.5{padding-top:0.375rem}
.pb-1\.5{padding-bottom:0.375rem}
.pr-2\.5{padding-right:0.625rem}
.pl-2\.5{padding-left:0.625rem}
.pl-1\.5{padding-left:0.375rem}
.pr-1\.5{padding-right:0.375rem}
.pt-0\.5{padding-top:0.125rem}
.pb-0\.5{padding-bottom:0.125rem}
.pt-3\.5{padding-top:0.875rem}
.pb-3\.5{padding-bottom:0.875rem}
.\!pl-5{padding-left:1.25rem !important}
.\!pr-5{padding-right:1.25rem !important}
.pb-\[100\%\]{padding-bottom:100%}
.pl-\[1px\]{padding-left:1px}
.pr-\[1px\]{padding-right:1px}
.pr-3\.5{padding-right:0.875rem}
.pl-3\.5{padding-left:0.875rem}
.pl-0\.5{padding-left:0.125rem}
.pr-0\.5{padding-right:0.125rem}
.pl-\[4\.5rem\]{padding-left:4.5rem}
.pr-\[4\.5rem\]{padding-right:4.5rem}
.pl-\[5px\]{padding-left:5px}
.pr-\[5px\]{padding-right:5px}
.pt-6\.5{padding-top:1.625rem}
.pb-6\.5{padding-bottom:1.625rem}
.\!pt-2\.5{padding-top:0.625rem !important}
.\!pb-2\.5{padding-bottom:0.625rem !important}
.pr-\[30px\]{padding-right:30px}
.pl-\[30px\]{padding-left:30px}
.pt-\[34px\]{padding-top:34px}
.pb-\[75\%\]{padding-bottom:75%}
.pb-\[1px\]{padding-bottom:1px}
.pb-\[67\%\]{padding-bottom:67%}
.pb-\[56\%\]{padding-bottom:56%}
.pl-4\.5{padding-left:1.125rem}
.pl-\[50\%\]{padding-left:50%}
.pl-6\.5{padding-left:1.625rem}
.pr-6\.5{padding-right:1.625rem}
.pb-\[55\.75\%\]{padding-bottom:55.75%}
.pl-\[20rem\]{padding-left:20rem}
.pl-\[18rem\]{padding-left:18rem}
.pb-\[150\%\]{padding-bottom:150%}
.pb-\[133\%\]{padding-bottom:133%}
.pb-\[50\%\]{padding-bottom:50%}
.pb-\[120\%\]{padding-bottom:120%}
.pb-\[100\.0\%\]{padding-bottom:100.0%}
.pr-5\.5{padding-right:1.375rem}
.pl-5\.5{padding-left:1.375rem}
.pb-\[300px\]{padding-bottom:300px}
.pb-\[350px\]{padding-bottom:350px}
.pb-\[400px\]{padding-bottom:400px}
.pb-\[150\.0\%\]{padding-bottom:150.0%}
.pb-\[75\.0\%\]{padding-bottom:75.0%}
.pb-\[133\.0\%\]{padding-bottom:133.0%}
.pr-\[8rem\]{padding-right:8rem}
.pr-\[20rem\]{padding-right:20rem}
.pr-\[28rem\]{padding-right:28rem}
.pl-\[8rem\]{padding-left:8rem}
.pl-\[28rem\]{padding-left:28rem}
.pr-4\.5{padding-right:1.125rem}
.pt-4\.5{padding-top:1.125rem}
.pb-4\.5{padding-bottom:1.125rem}
.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}
.align-super{vertical-align:super}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.text-7xl{font-size:4.5rem;line-height:1}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-\[85\%\]{font-size:85%}
.text-\[10px\]{font-size:10px}
.text-\[9px\]{font-size:9px}
.text-\[12px\]{font-size:12px}
.text-\[50\%\]{font-size:50%}
.text-\[120\%\]{font-size:120%}
.text-\[70\%\]{font-size:70%}
.text-\[115\%\]{font-size:115%}
.text-\[90\%\]{font-size:90%}
.text-\[100\%\]{font-size:100%}
.text-\[105\%\]{font-size:105%}
.text-\[110\%\]{font-size:110%}
.text-\[13px\]{font-size:13px}
.text-\[95\%\]{font-size:95%}
.text-\[80\%\]{font-size:80%}
.text-\[150\%\]{font-size:150%}
.text-\[0\.86625rem\]{font-size:0.86625rem}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-normal{font-weight:400}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}
.italic{font-style:italic}
.not-italic{font-style:normal}
.leading-normal{line-height:1.5}
.leading-none{line-height:1}
.leading-tight{line-height:1.25}
.leading-snug{line-height:1.375}
.leading-5{line-height:1.25rem}
.leading-6{line-height:1.5rem}
.leading-\[initial\]{line-height:initial}
.tracking-wider{letter-spacing:0.05em}
.tracking-widest{letter-spacing:0.1em}
.text-\[rgba\(var\(--colors-heading\)\2c 0\.3\)\]{color:rgba(var(--colors-heading),0.3)}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.text-current{color:currentColor}
.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}
.text-inherit{color:inherit}
.text-\[rgb\(var\(--colors-text\)\)\]{color:rgb(var(--colors-text))}
.text-\[rgba\(var\(--colors-heading\)\)\]{color:rgba(var(--colors-heading))}
.text-\[\#acacac\]{--tw-text-opacity:1;color:rgb(172 172 172 / var(--tw-text-opacity))}
.text-\[rgba\(var\(--colors-background\)\)\]{color:rgba(var(--colors-background))}
.text-\[rgba\(var\(--colors-text\)\)\]{color:rgba(var(--colors-text))}
.text-\[rgba\(var\(--color-success\)\)\]{color:rgba(var(--color-success))}
.text-\[rgba\(var\(--color-error\)\)\]{color:rgba(var(--color-error))}
.text-\[rgba\(var\(--colors-price\)\)\]{color:rgba(var(--colors-price))}
.text-\[rgba\(var\(--discount-label-text-color\)\)\]{color:rgba(var(--discount-label-text-color))}
.text-\[rgba\(var\(--colors-cart-text\)\)\]{color:rgba(var(--colors-cart-text))}
.text-\[rgba\(var\(--image-treatment-text\)\)\]{color:rgba(var(--image-treatment-text))}
.text-\[rgb\(var\(--colors-text-link\)\)\]{color:rgb(var(--colors-text-link))}
.text-\[rgb\(var\(--colors-text-header\)\)\]{color:rgb(var(--colors-text-header))}
.text-\[rgba\(var\(--background-color\)\2c 1\)\]{color:rgba(var(--background-color),1)}
.text-\[rgba\(var\(--background-color\)\)\]{color:rgba(var(--background-color))}
.text-\[rgb\(var\(--colors-text-secondary\)\)\]{color:rgb(var(--colors-text-secondary))}
.text-\[rgba\(var\(--colors-text-link\)\)\]{color:rgba(var(--colors-text-link))}
.text-\[rgb\(var\(--colors-heading\)\)\]{color:rgb(var(--colors-heading))}
.text-\[rgb\(var\(--colors-text\)\2c 0\.3\)\]{color:rgb(var(--colors-text),0.3)}
.text-\[\#5D5D5D\]{--tw-text-opacity:1;color:rgb(93 93 93 / var(--tw-text-opacity))}
.text-\[\#282928\]{--tw-text-opacity:1;color:rgb(40 41 40 / var(--tw-text-opacity))}
.text-\[rgba\(var\(--colors-button\)\)\]{color:rgba(var(--colors-button))}
.text-\[rgba\(var\(--colors-line-and-border\)\)\]{color:rgba(var(--colors-line-and-border))}
.text-\[rgba\(var\(--colors-text-secondary\)\)\]{color:rgba(var(--colors-text-secondary))}
.text-\[rgb\(var\(--colors-button-text\)\)\]{color:rgb(var(--colors-button-text))}
.text-\[rgba\(var\(--colors-transition-arrows\)\)\]{color:rgba(var(--colors-transition-arrows))}
.text-\[rgba\(var\(--colors-button-text\)\)\]{color:rgba(var(--colors-button-text))}
.text-\[\#A90000\]{--tw-text-opacity:1;color:rgb(169 0 0 / var(--tw-text-opacity))}
.text-\[rgba\(var\(--color-highlight\)\)\]{color:rgba(var(--color-highlight))}
.text-\[rgb\(var\(--background-color\)\)\]{color:rgb(var(--background-color))}
.text-\[rgb\(var\(--colors-icon-rating\)\)\]{color:rgb(var(--colors-icon-rating))}
.text-\[rgb\(var\(--colors-text\)\2c 0\.7\)\]{color:rgb(var(--colors-text),0.7)}
.text-\[rgb\(var\(--colors-text\)\2c 1\)\]{color:rgb(var(--colors-text),1)}
.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}
.underline-offset-2{text-underline-offset:2px}
.opacity-0{opacity:0}
.opacity-100{opacity:1}
.opacity-70{opacity:0.7}
.opacity-30{opacity:0.3}
.opacity-40{opacity:0.4}
.opacity-60{opacity:0.6}
.opacity-90{opacity:0.9}
.opacity-80{opacity:0.8}
.opacity-50{opacity:0.5}
.opacity-20{opacity:0.2}
.opacity-75{opacity:0.75}
.opacity-10{opacity:0.1}
.mix-blend-normal{mix-blend-mode:normal}
.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-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-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-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-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-\[0_0_6px_-4px_rgba\(var\(--colors-text\)\)\]{--tw-shadow:0 0 6px -4px rgba(var(--colors-text));--tw-shadow-colored:0 0 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-\[0_0_0_1px_rgba\(var\(--color-error\)\)\]{--tw-shadow:0 0 0 1px rgba(var(--color-error));--tw-shadow-colored:0 0 0 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-\[4px_8px_16px_0_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{--tw-shadow:4px 8px 16px 0 rgba(0,0,0,0.2);--tw-shadow-colored:4px 8px 16px 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-\[4px_8px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{--tw-shadow:4px 8px 16px 0px rgba(0,0,0,0.2);--tw-shadow-colored:4px 8px 16px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_-4px_10px_-1px_rgba\(var\(--colors-text\)\2c \.1\)\]{--tw-shadow:0 -4px 10px -1px rgba(var(--colors-text),.1);--tw-shadow-colored:0 -4px 10px -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)}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.outline{outline-style:solid}
.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)}
.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)}
.blur-sm{--tw-blur:blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-none{transition-property:none}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.delay-100{transition-delay:100ms}
.delay-200{transition-delay:200ms}
.delay-\[100ms\]{transition-delay:100ms}
.delay-\[200ms\]{transition-delay:200ms}
.delay-\[300ms\]{transition-delay:300ms}
.delay-\[400ms\]{transition-delay:400ms}
.delay-\[500ms\]{transition-delay:500ms}
.delay-\[600ms\]{transition-delay:600ms}
.delay-\[700ms\]{transition-delay:700ms}
.delay-\[800ms\]{transition-delay:800ms}
.delay-\[900ms\]{transition-delay:900ms}
.delay-\[1000ms\]{transition-delay:1000ms}
.delay-\[1100ms\]{transition-delay:1100ms}
.duration-500{transition-duration:500ms}
.duration-300{transition-duration:300ms}
.duration-1000{transition-duration:1000ms}
.duration-200{transition-duration:200ms}
.duration-150{transition-duration:150ms}
.duration-100{transition-duration:100ms}
.duration-\[var\(--transition-card-image-hover\)\]{transition-duration:var(--transition-card-image-hover)}
.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}
.ease-linear{transition-timing-function:linear}
.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-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.\[grid-area\:iconsRight\]{grid-area:iconsRight}
.\[grid-area\:drawer\]{grid-area:drawer}
.\[grid-area\:icons\]{grid-area:icons}
.\[grid-area\:heading\]{grid-area:heading}
.\[grid-area\:navigation\]{grid-area:navigation}
.\[grid-area\:search\]{grid-area:search}
.shopify-email-marketing-confirmation__container{padding-top:44px;padding-bottom:44px}
.shopify-email-marketing-confirmation__container h1{margin-bottom:1rem}
.shopify-email-marketing-confirmation__container p{margin-bottom:1rem}
.shopify-email-marketing-confirmation__container a{-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:2px}
.choose-options-mobile button.absolute {
  display: none;
}
.choose-options-mobile .choose-options {
  min-height: 300px;
}
.table_info_details li,  .table_info_label{display:flex;justify-content:space-between;gap:3rem;border-style:solid;padding-top:0.5rem;padding-bottom:0.5rem;
  border-color: var(--border-color)}
.table_info_label{border-bottom-width:2px}
.table_info_details li{border-bottom-width:1px}
.table_info_details li:last-child{border-bottom-width:0px}
.dynamic-checkout__content undefined .shopify-cleanslate * {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    background: rgba(var(--colors-background));
    color: rgb(var(--colors-text));
    font-size: var(--base-font-size-mobile)!important;
}
.shopify-payment-button .shopify-cleanslate [type="submit"],
.dynamic-checkout__content .shopify-cleanslate [type="submit"] {
    border-radius: var(--border-radius)!important;
    font-family: var(--font-button);
    font-weight: var(--font-button-weight);
    height: auto!important;
    line-height: 1.5!important;
    padding: 0.75rem 0!important;
    display: initial!important;
    font-size: var(--base-font-size-mobile)!important;
}
.gpo-container .gpo-app {
  padding-top: 10px;
}
.gpo-container .gpo-app .gpo-label {
  margin-bottom: 12px;
}
.corners-app .gpo-app .gpo-input, 
.corners-app .gpo-app .gpo-color-picker, 
.corners-app .gpo-app .gpo-dropzone, 
.corners-app .gpo-app .gpo-select select, 
.corners-app .gpo-app .gpo-select select,
.corners-app .gpo-app .gpo-swatches.buttons input + label {
  border-radius: 6px;
}
.gpo-container .gpo-app .gpo-swatches.color-swatches input+label .top-color {
  display: block;
  width: 24px;
  height: 24px;
}
.pp_tracking_content{padding-right:1.25rem !important;padding-left:1.25rem !important}
.pp_tracking_input input{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem}
.pp_tracking_button button{padding-top:1rem;padding-bottom:1rem;padding-left:2rem;padding-right:2rem;transition-duration:300ms;
    background-color: rgba(var(--colors-button));
    color: rgba(var(--colors-button-text))}
/* recommendation product card */
.pp_recommend_title{padding-bottom:1rem}
.product-recommendation__card{padding-top:0px !important;padding-bottom:1rem !important}
.product-recommendation__card {
    background: var(--card-product-bg);
    text-align: var(--card-product-alignment);
}
.product-img__wrapper{position:relative}
  .is-active>.product-img__wrapper>.animate_transition_slide__image{
  transform: scale(1);
}
.product-img__wrapper {
    padding-bottom: var(--card-product-ratio);
    height: var(--card-product-img-height);
}
.product-img__wrapper .product__img{top:0px;height:100%;-o-object-fit:cover;object-fit:cover;
    position: var(--card-product-img-position)}
.swiper-slide .product-recommendation__card .product__title{padding-top:1rem}
.swiper-slide .product-recommendation__card .product__title {
    padding-right: var(--card-product-padding-mobile);
    padding-left: var(--card-product-padding-mobile);
}
.swiper-slide .product-recommendation__card .product__price {
    padding: 0 var(--card-product-padding-mobile);
}
.shopify-block.shopify-app-block:has(.gw-rv-reviews-slider-widget-placeholder,.gw-rv-mini-slider-widget-placeholder,.gw-rv-main-widget-placeholder) {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 767px){
  .gw-rv-reviews-slider-widget-placeholder {
    padding-left: 10%;
    padding-right: 10%;
  }
}
.shopify-block.shopify-app-block:has(wishlist-button-block) + .accordion {
    margin-top: 1.25rem;
    border-top-width: 0px;
}
.x-block-product-complementary wishlist-button-collection wk-button.wk-floating {
    display: none;
}
wishlist-button-collection wk-button.wk-floating {
    z-index: 9999;
}
button.wishlist-page-widget, div.wishlist-engine-button {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.bulk_action li label {
    padding-left: 5px;
}
.swym-button.swym-add-to-wishlist {
    z-index: 100;
}
.swym-wishlist-item {
    border-radius: 0;
}
[x-cloak] { display: none !important; }
.placeholder\:text-current::-moz-placeholder{color:currentColor}
.placeholder\:text-current::placeholder{color:currentColor}
.placeholder\:text-\[rgb\(var\(--colors-text\)\)\]::-moz-placeholder{color:rgb(var(--colors-text))}
.placeholder\:text-\[rgb\(var\(--colors-text\)\)\]::placeholder{color:rgb(var(--colors-text))}
.placeholder\:text-\[rgba\(var\(--colors-text\)\2c 0\.5\)\]::-moz-placeholder{color:rgba(var(--colors-text),0.5)}
.placeholder\:text-\[rgba\(var\(--colors-text\)\2c 0\.5\)\]::placeholder{color:rgba(var(--colors-text),0.5)}
.placeholder\:opacity-0::-moz-placeholder{opacity:0}
.placeholder\:opacity-0::placeholder{opacity:0}
.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}
.before\:bg-image-treatment::before{
    content:var(--tw-content);
    background: rgba(var(--image-treatment-text));
  }
.before\:absolute::before{content:var(--tw-content);position:absolute}
.before\:left-0::before{content:var(--tw-content);left:0px}
.before\:top-0::before{content:var(--tw-content);top:0px}
.before\:right-0::before{content:var(--tw-content);right:0px}
.before\:bottom-0::before{content:var(--tw-content);bottom:0px}
.before\:-bottom-3\.5::before{content:var(--tw-content);bottom:-0.875rem}
.before\:left-2::before{content:var(--tw-content);left:0.5rem}
.before\:-bottom-3::before{content:var(--tw-content);bottom:-0.75rem}
.before\:-bottom-1::before{content:var(--tw-content);bottom:-0.25rem}
.before\:left-\[calc\(50\%-var\(--left-tooltip\)\)\]::before{content:var(--tw-content);left:calc(50% - var(--left-tooltip))}
.before\:float-left::before{content:var(--tw-content);float:left}
.before\:-ml-\[5px\]::before{content:var(--tw-content);margin-left:-5px}
.before\:block::before{content:var(--tw-content);display:block}
.before\:h-0::before{content:var(--tw-content);height:0px}
.before\:h-full::before{content:var(--tw-content);height:100%}
.before\:h-1\/2::before{content:var(--tw-content);height:50%}
.before\:h-2::before{content:var(--tw-content);height:0.5rem}
.before\:w-1\/3::before{content:var(--tw-content);width:33.333333%}
.before\:w-full::before{content:var(--tw-content);width:100%}
.before\:w-0::before{content:var(--tw-content);width:0px}
.before\:w-2::before{content:var(--tw-content);width:0.5rem}
.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\: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-full::before{content:var(--tw-content);border-radius:9999px}
.before\:rounded-md::before{content:var(--tw-content);border-radius:0.375rem}
.before\:border::before{content:var(--tw-content);border-width:1px}
.before\:border-l::before{content:var(--tw-content);border-left-width:1px}
.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-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-\[rgb\(var\(--colors-background-secondary\)\)\]::before{content:var(--tw-content);background-color:rgb(var(--colors-background-secondary))}
.before\:pb-\[100\.0\%\]::before{content:var(--tw-content);padding-bottom:100.0%}
.before\:pb-\[100\%\]::before{content:var(--tw-content);padding-bottom:100%}
.before\:pr-2\.5::before{content:var(--tw-content);padding-right:0.625rem}
.before\:pr-2::before{content:var(--tw-content);padding-right:0.5rem}
.before\:pl-2\.5::before{content:var(--tw-content);padding-left:0.625rem}
.before\:pl-2::before{content:var(--tw-content);padding-left:0.5rem}
.before\:pb-\[75\.0\%\]::before{content:var(--tw-content);padding-bottom:75.0%}
.before\:pb-\[56\.25\%\]::before{content:var(--tw-content);padding-bottom:56.25%}
.before\:pb-\[150\.0\%\]::before{content:var(--tw-content);padding-bottom:150.0%}
.before\:pb-\[150\%\]::before{content:var(--tw-content);padding-bottom:150%}
.before\:pb-\[133\%\]::before{content:var(--tw-content);padding-bottom:133%}
.before\:pb-\[133\.0\%\]::before{content:var(--tw-content);padding-bottom:133.0%}
.before\:pb-\[75\%\]::before{content:var(--tw-content);padding-bottom:75%}
.before\:pb-\[56\%\]::before{content:var(--tw-content);padding-bottom:56%}
.before\:text-left::before{content:var(--tw-content);text-align:left}
.before\:text-right::before{content:var(--tw-content);text-align:right}
.before\:uppercase::before{content:var(--tw-content);text-transform:uppercase}
.before\:opacity-40::before{content:var(--tw-content);opacity:0.4}
.before\:content-\[\'\'\]::before{--tw-content:'';content:var(--tw-content)}
.before\:content-\[attr\(data-label\)\]::before{--tw-content:attr(data-label);content:var(--tw-content)}
.after\:round::after{
        content:var(--tw-content);
        border-radius:9999px}
.after\:absolute::after{content:var(--tw-content);position:absolute}
.after\:right-0::after{content:var(--tw-content);right:0px}
.after\:top-1\/2::after{content:var(--tw-content);top:50%}
.after\:top-\[40\%\]::after{content:var(--tw-content);top:40%}
.after\:left-1\/2::after{content:var(--tw-content);left:50%}
.after\:bottom-0::after{content:var(--tw-content);bottom:0px}
.after\:left-\[10px\]::after{content:var(--tw-content);left:10px}
.after\:top-1::after{content:var(--tw-content);top:0.25rem}
.after\:left-1::after{content:var(--tw-content);left:0.25rem}
.after\:right-1::after{content:var(--tw-content);right:0.25rem}
.after\:bottom-1::after{content:var(--tw-content);bottom:0.25rem}
.after\:-z-10::after{content:var(--tw-content);z-index:-10}
.after\:hidden::after{content:var(--tw-content);display:none}
.after\:h-full::after{content:var(--tw-content);height:100%}
.after\:h-\[50\%\]::after{content:var(--tw-content);height:50%}
.after\:h-1\.5::after{content:var(--tw-content);height:0.375rem}
.after\:h-1::after{content:var(--tw-content);height:0.25rem}
.after\:w-full::after{content:var(--tw-content);width:100%}
.after\:w-0::after{content:var(--tw-content);width:0px}
.after\:w-3::after{content:var(--tw-content);width:0.75rem}
.after\:w-\[calc\(100\%-20px\)\]::after{content:var(--tw-content);width:calc(100% - 20px)}
.after\:-translate-y-2\.5::after{content:var(--tw-content);--tw-translate-y:-0.625rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.after\:-translate-y-2::after{content:var(--tw-content);--tw-translate-y:-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))}
.after\:translate-y-2\.5::after{content:var(--tw-content);--tw-translate-y:0.625rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.after\:translate-y-2::after{content:var(--tw-content);--tw-translate-y: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))}
.after\:-translate-y-1\/2::after{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))}
.after\:-translate-x-1\/2::after{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.after\:-rotate-45::after{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))}
.after\:rounded-\[10px\]::after{content:var(--tw-content);border-radius:10px}
.after\:border::after{content:var(--tw-content);border-width:1px}
.after\:border-l::after{content:var(--tw-content);border-left-width:1px}
.after\:border-l-2::after{content:var(--tw-content);border-left-width:2px}
.after\:border-b-2::after{content:var(--tw-content);border-bottom-width:2px}
.after\:border-l-0::after{content:var(--tw-content);border-left-width:0px}
.after\:border-b::after{content:var(--tw-content);border-bottom-width:1px}
.after\:border-solid::after{content:var(--tw-content);border-style:solid}
.after\:border-\[rgba\(var\(--colors-button-text\)\)\]::after{content:var(--tw-content);border-color:rgba(var(--colors-button-text))}
.after\:bg-white::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.after\:text-\[20px\]::after{content:var(--tw-content);font-size:20px}
.first\:w-full:first-child{width:100%}
.first\:pt-0:first-child{padding-top:0px}
.last\:border-b-0:last-child{border-bottom-width:0px}
.last\:after\:border-l-0:last-child::after{content:var(--tw-content);border-left-width:0px}
.checked\:border-\[rgba\(var\(--colors-text-link\)\)\]:checked{border-color:rgba(var(--colors-text-link))}
.checked\:border-\[rgba\(var\(--colors-button\)\)\]:checked{border-color:rgba(var(--colors-button))}
.checked\:bg-\[rgba\(var\(--colors-text-link\)\)\]:checked{background-color:rgba(var(--colors-text-link))}
.checked\:bg-\[rgba\(var\(--colors-button\)\)\]:checked{background-color:rgba(var(--colors-button))}
.empty\:mb-0:empty{margin-bottom:0px}
.empty\:hidden:empty{display:none}
.empty\:h-0:empty{height:0px}
.empty\:min-h-\[50px\]:empty{min-height:50px}
.empty\:min-h-0:empty{min-height:0px}
.empty\:border-b-0:empty{border-bottom-width:0px}
.disabled\:pointer-events-none:disabled{pointer-events:none}
.disabled\:hidden:disabled{display:none}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.disabled\:opacity-30:disabled{opacity:0.3}
.disabled\:opacity-60:disabled{opacity:0.6}
.disabled\:opacity-40:disabled{opacity:0.4}
.disabled\:opacity-70:disabled{opacity:0.7}
.is-active > .is-active\: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))}
.is-active > .is-active\:pb-\[100\%\]{padding-bottom:100%}
.is-active > .is-active\:opacity-100{opacity:1}
.is-active > .is-active\:duration-300{transition-duration:300ms}
.is-focus .is-focus\:link-active {
    color: rgb(var(--colors-text-link));
  }
.is-focus .is-focus\:text-\[rgba\(var\(--colors-text\)\)\]{color:rgba(var(--colors-text))}
.is-focus-child .is-focus-child\:effect-inline {
    color: rgb(var(--colors-text-link));
  }
.is-focus-subchild .is-focus-subchild\:effect-inline {
    color: rgb(var(--colors-text-link));
  }
.is-focus-button .is-focus-button\:opacity-0{opacity:0}
.pagination-bars .pagination-bars\:relative{position:relative}
.pagination-bars .pagination-bars\:overflow-hidden{overflow:hidden}
.pagination-bars .pagination-bars\:rounded-none{border-radius:0px}
.pagination-bars .pagination-bars\:after\:absolute::after{content:var(--tw-content);position:absolute}
.pagination-bars .pagination-bars\:after\:top-0::after{content:var(--tw-content);top:0px}
.pagination-bars .pagination-bars\:after\:bottom-0::after{content:var(--tw-content);bottom:0px}
.pagination-bars .pagination-bars\:after\:left-0::after{content:var(--tw-content);left:0px}
.pagination-bars .pagination-bars\:after\:-translate-x-full::after{content:var(--tw-content);--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))}
.pagination-bars .is-active.pagination-bars\:is-active-pagination\:before\:opacity-\[99\%\]::before{content:var(--tw-content);opacity:99%}
.pagination-bars .is-active.pagination-bars\:is-active-pagination\:after\:h-1\/2::after{content:var(--tw-content);height:50%}
@keyframes shimmerX{
100%{content:var(--tw-content);transform:translateX(0%)}}
.pagination-bars .is-active.pagination-bars\:is-active-pagination\:after\:animate-shimmerX_3s::after{content:var(--tw-content);animation:shimmerX 3s ease-out}
@keyframes shimmerX{
100%{content:var(--tw-content);transform:translateX(0%)}}
.pagination-bars .is-active.pagination-bars\:is-active-pagination\:after\:animate-shimmerX_4s::after{content:var(--tw-content);animation:shimmerX 4s ease-out}
@keyframes shimmerX{
100%{content:var(--tw-content);transform:translateX(0%)}}
.pagination-bars .is-active.pagination-bars\:is-active-pagination\:after\:animate-shimmerX_5s::after{content:var(--tw-content);animation:shimmerX 5s ease-out}
@keyframes shimmerX{
100%{content:var(--tw-content);transform:translateX(0%)}}
.pagination-bars .is-active.pagination-bars\:is-active-pagination\:after\:animate-shimmerX_6s::after{content:var(--tw-content);animation:shimmerX 6s ease-out}
@keyframes shimmerX{
100%{content:var(--tw-content);transform:translateX(0%)}}
.pagination-bars .is-active.pagination-bars\:is-active-pagination\:after\:animate-shimmerX_7s::after{content:var(--tw-content);animation:shimmerX 7s ease-out}
@keyframes shimmerX{
100%{content:var(--tw-content);transform:translateX(0%)}}
.pagination-bars .is-active.pagination-bars\:is-active-pagination\:after\:animate-shimmerX_8s::after{content:var(--tw-content);animation:shimmerX 8s ease-out}
@keyframes shimmerX{
100%{content:var(--tw-content);transform:translateX(0%)}}
.pagination-bars .is-active.pagination-bars\:is-active-pagination\:after\:animate-shimmerX_9s::after{content:var(--tw-content);animation:shimmerX 9s ease-out}
@keyframes shimmerX{
100%{content:var(--tw-content);transform:translateX(0%)}}
.pagination-bars .is-active.pagination-bars\:is-active-pagination\:after\:animate-shimmerX_10s::after{content:var(--tw-content);animation:shimmerX 10s ease-out}
.splide__slide--clone .splide__slide--clone\: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))}
.splide__slide--clone .splide__slide--clone\:opacity-60{opacity:0.6}
.splide-slideshow .slideshow\:h-\[95vh\]{height:95vh}
.input:not(:-moz-placeholder-shown)~.input_not_empty\:top-3{top:0.75rem}
.input:not(:placeholder-shown)~.input_not_empty\:top-3{top:0.75rem}
.input:not(:-moz-placeholder-shown)~.input_not_empty\:top-1{top:0.25rem}
.input:not(:placeholder-shown)~.input_not_empty\:top-1{top:0.25rem}
.input:not(:-moz-placeholder-shown)~.input_not_empty\:top-2{top:0.5rem}
.input:not(:placeholder-shown)~.input_not_empty\:top-2{top:0.5rem}
.input:not(:-moz-placeholder-shown)~.input_not_empty\:top-2\.5{top:0.625rem}
.input:not(:placeholder-shown)~.input_not_empty\:top-2\.5{top:0.625rem}
.input:not(:-moz-placeholder-shown)~.input_not_empty\:top-3\.5{top:0.875rem}
.input:not(:placeholder-shown)~.input_not_empty\:top-3\.5{top:0.875rem}
.input:not(:-moz-placeholder-shown)~.input_not_empty\:text-xs{font-size:0.75rem;line-height:1rem}
.input:not(:placeholder-shown)~.input_not_empty\:text-xs{font-size:0.75rem;line-height:1rem}
.quick-view .quick-view\:top-0{top:0px}
.quick-view .quick-view\:pb-2{padding-bottom:0.5rem}
.search-page .search-page\:max-h-\[45vh\]{max-height:45vh}
.search-page .search-page\:bg-\[rgba\(var\(--background-color\)\)\]{background-color:rgba(var(--background-color))}
.no-collage .no-collage\:mb-2{margin-bottom:0.5rem}
.promotion--has-image.promotion--has-image\:w-\[54\%\]{width:54%}
.active-hotspot .active-hotspot\:scale-\[1\.8\]{--tw-scale-x:1.8;--tw-scale-y:1.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))}
.unavailable .unavailable\:hidden{display:none}
.type-aside .type-aside\:hidden{display:none}
.promotion-header .promotion-header\:mb-0{margin-bottom:0px}
.dark .dark\:absolute{position:absolute}
.dark .dark\:relative{position:relative}
.dark .dark\:mb-6{margin-bottom:1.5rem}
.dark .dark\:mb-0{margin-bottom:0px}
.dark .dark\:block{display:block}
.dark .dark\:grid{display:grid}
.dark .dark\:hidden{display:none}
.dark .dark\:h-auto{height:auto}
.dark .dark\:max-h-0{max-height:0px}
.dark .dark\:bg-transparent{background-color:transparent}
.dark .dark\:p-0{padding:0px}
.dark .dark\:pr-0{padding-right:0px}
.dark .dark\:pl-0{padding-left:0px}
.dark .dark\:pr-5{padding-right:1.25rem}
.dark .dark\:pt-24{padding-top:6rem}
.dark .dark\:pb-28{padding-bottom:7rem}
.dark .dark\:pt-0{padding-top:0px}
.dark .dark\:pb-0{padding-bottom:0px}
.dark .dark\:pt-8{padding-top:2rem}
.dark .dark\:pb-8{padding-bottom:2rem}
.dark .dark\:pl-8{padding-left:2rem}
.dark .dark\:pr-8{padding-right:2rem}
.dark .dark\:pt-5{padding-top:1.25rem}
.dark .dark\:pb-5{padding-bottom:1.25rem}
.dark .dark\:pl-5{padding-left:1.25rem}
.dark .dark\:pb-1{padding-bottom:0.25rem}
.promotion-alignment--top-left, .promotion-alignment--top-center, .promotion-alignment--top-right {top:0.625rem;bottom:auto;--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, .promotion-alignment--center, .promotion-alignment--center-right{top:50%;bottom:auto;--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--bottom-left, .promotion-alignment--bottom-center, .promotion-alignment--bottom-right{top:auto;bottom:0.625rem;--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-left, .promotion-alignment--center-left, .promotion-alignment--bottom-left {left:0px;right:auto;--tw-translate-x:0px;}
.promotion-alignment--top-center, .promotion-alignment--center, .promotion-alignment--bottom-center {left:50%;right:auto;--tw-translate-x:-50%;}
.promotion-alignment--top-right, .promotion-alignment--center-right, .promotion-alignment--bottom-right {left:auto;right:0px;--tw-translate-x:0px;}
.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))}
.image-position-left, .image-position-right, .image-position-mobile-left, .image-position-mobile-right{display:flex}
.image-position-mobile-left{flex-direction:column}
.image-position-mobile-right{flex-direction:column-reverse}
.image-position-mobile-right .iwt-overlap{margin-bottom:-2.5rem}
.image-position-mobile-left .iwt-overlap{margin-top:-2.5rem}
.image-position-right .iwt-overlap, .image-position-left .iwt-overlap{z-index:10;padding-top:0.75rem}
.image-position-right .iwt-no-overlap, .image-position-left .iwt-no-overlap{padding-top:0.75rem}
.image-position-left.stacked .iwt-no-overlap{padding-top:2rem}
.image-position-mobile-left.image-with-text-overlap .button-sound-control{top:0.5rem;right:0.5rem}
.iwt-content{padding-right:1.25rem;padding-left:1.25rem;padding-bottom:0.75rem}

/********** My Code **********/

.mobile-navigation-modern-icon-bg {
  background-color: transparent !important;
}

@media (max-width: 768px) {
  .footer-col--4 {
    display: flex;
    flex-direction: column; /* stack content vertically if needed */
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%; /* ensure it spans full width */
    padding: 1rem 0; /* optional spacing */
  }

  .footer-col--1 > div,
.footer-col--2 > div,
.footer-col--3 > div,
  .footer-col--4 > div {
  width: 100%;
}

  #selector-social {
    display: flex;
    flex-direction: column;
    align-items: center;      /* horizontally center children */
    justify-content: center;  /* vertically center children if height allows */
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }

  .social-list {
    justify-content: center !important; /* override md:justify-start */
  }
}

@media (max-width: 834px) {
  .footer-col--4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    /*padding: 1rem 0;*/
  }

  #selector-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }

  .social-list {
    justify-content: center !important;
  }
}

@media (max-width: 1024px) {
  .footer-col--4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    /*padding-left: 0;*/
    
  }

  .footer-col--1,
  .footer-col--2,
  .footer-col--3 {
    display: flex;
    justify-content: center;
  }

  #selector-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }

  .social-list {
    justify-content: center !important;
  }
}

.button.scroll_top {
  background-color: #C4A989;
  color: #F8F5F0;
  /*border: 1px solid #1C1C1C;*/
  transition: background-color 0.5s ease; /*Smooth background color transition*/
 }


.button.scroll_top:hover {
  background-color: #A88561;
}

/*************** Color Swatches for product color variant ***************/

.color-watches.variant-11-1-1-8789618458798::before {
  background-color: #E6C27A !important;
}

.color-watches.variant-11-1-2-8789618458798::before {
  background-color: #B76E79 !important;
}

.color-watches.variant-11-1-3-8789618458798::before {
  background-color: #696969 !important;
}

/************* Loyalty Rewards Custom Code *************/

.BLOY-popup__watermark {
  display: none !important;
}
.BLOY-page__program_introdution {
  padding: 2rem 0 5rem 0;
}
.BLOY-page__title_header,
.BLOY-page__title_caption {
  color: #3e3a36;
}
.BLOY-page__title {
  margin-bottom: 24px !important;
}
.BLOY-button-page--primary {
  background-color: #c4a989 !important;
  border-radius: 6px;
  transition: all 0.25s ease !important;
}
.BLOY-button-page--primary:hover {
  background-color: #a68563 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  opacity: 1 !important;
}
.BLOY-button-page--secondary {
  background: transparent !important;
  border: 1.5px solid #3e3a36 !important;
  color: #3e3a36 !important;
  border-radius: 6px;
  transition: all 0.25s ease;
}
.BLOY-button-page--secondary:hover {
  background: #f4f2ef !important;
  color: #3e3a36 !important;
  border-color: #3e3a36 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}
.BLOY-button-page--primary:focus,
.BLOY-button-page--secondary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(196, 169, 137, 0.35);
}
@media (max-width: 768px) {
  /* Make sure the intro wrapper stacks */
  .BLOY-page__introdution,
  .BLOY-page__program_introdution,
  .BLOY-page__program_introdution {
    /* keeping this in case the app uses the typo class */
    display: flex !important;
    flex-direction: column !important;
    padding-bottom: 2rem;
  } /* Put the image first */
  .BLOY-page__introdution_image {
    order: -1 !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
  }
}
.BLOY-page__guide {
  padding: 4.5rem 0 !important;
}
@media (max-width: 768px) {
  .BLOY-page_guide-card {
    align-items: center !important; /* centers icon + text block */
    text-align: center !important; /* centers inline text */
  }
  .BLOY-page_guide-title,
  .BLOY-page_guide-content {
    text-align: center !important;
  }
}
@media (max-width: 768px) {
  .BLOY-page_guide-card {
    margin-bottom: 3.2rem !important;
  }
}
.BLOY-page__vip {
  padding: 5rem 0 !important;
}
@media (min-width: 1024px) {
  .BLOY-page__vip_tier_slider-wrapper {
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 24px; /* space between cards */
  }
  .BLOY-page__vip_tier_slider-wrapper > div {
    flex: 0 0 auto !important;
    width: 260px; /* controls card width */
  }
}
.BLOY-page__vip_tier_item,
.BLOY-page__earning__item,
.BLOY-page__redeem__item {
  background: #f6f3ee;
}
@media (min-width: 1024px) {
  .BLOY-page__vip_tier_slider-wrapper > div {
    transition: transform 260ms ease, box-shadow 260ms ease;
    will-change: transform;
  }
  .BLOY-page__vip_tier_slider-wrapper > div:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.1);
  }
}
.BLOY-page__earning,
.BLOY-page__redeem,
.BLOY-page__balance {
  padding: 4rem 0 !important;
}

.BLOY-page__collapsible_btn,
.BLOY-empty-state {
  background: #f6f3ee !important;
}
.BLOY-page__collapsible_content {
  background: #efe9e1 !important;
}
.BLOY-point-calculator__container {
  border-radius: 6px !important;
}
.BLOY-point-calculator {
  background: #c4a989 !important;
  color: #f8f5f0 !important;
}
.BLOY-widget {
  color: #f8f5f0;
}
.BLOY-widget:hover {
  background-color: #a68563 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}
.BLOY-card {
  background-color: #f8f5f0 !important;
} 

/* Mobile adjustment */
@media (max-width: 768px) {
  div.BLOY-widget,
  div.BLOY-popup {
    right: 25px !important;
  }
}
._myCustomWidget_1qtor_20:hover {
  background-color: #a68563 !important;
}

/* Match your custom-liquid heading + thin divider for rewards page */
.BLOY-page__title .BLOY-page__title_header{
  display:block !important;
  text-align:center !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  line-height:1.15 !important;
  font-size:clamp(32px,2.6vw,48px) !important;
  color:#1F1F1F !important;

  padding-bottom:22px !important;
  margin-bottom:18px !important;

  /* Divider as background (more reliable than ::after in some app DOMs) */
  background-image: linear-gradient(
    90deg,
    rgba(196,169,137,0) 0%,
    rgba(196,169,137,1) 50%,
    rgba(196,169,137,0) 100%
  ) !important;
  background-repeat:no-repeat !important;
  background-size:120px 1px !important;
  background-position:center calc(100% - 6px) !important;
}

/********** MATCH SITE HEADINGS FOR REWARDS PAGE **********/

.BLOY-page__title .BLOY-page__title_header{
  font-family: var(--font-heading-family) !important;

  font-weight: 500 !important;
  letter-spacing: .02em !important;
  line-height: 1.15 !important;

  /* match your section headings */
  font-size: clamp(32px, 2.6vw, 48px) !important;

  color: #1F1F1F !important;
  text-align: center !important;
}


/********** Email Signup Divider **********/

.heading-heading_mdT9U7.x-block-header {
  display: block !important;
  padding-bottom: 22px !important;
  font-size: clamp(1.875rem, 2.6vw, 2.5rem) !important;
  font-weight: 500 !important;
  background-image: linear-gradient(
    90deg,
    rgba(196, 169, 137, 0) 0%,
    rgba(196, 169, 137, 1) 50%,
    rgba(196, 169, 137, 0) 100%
  ) !important;

  background-repeat: no-repeat !important;
  background-size: min(120px, 28vw) 1px !important;
  background-position: center calc(100% - 8px) !important;
}

/********** Logo list title Divider **********/

/* Match your custom-liquid H2 + add thin luxury divider */
.heading-template--20164472340654__logo_list_Pz3NAq{
  /* heading style to match your custom liquid */
  text-align: center !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  line-height: 1.15 !important;
  font-size: clamp(1.875rem, 2.6vw, 2.5rem) !important;
  color: #1F1F1F !important;

  /* ensure it behaves like a block so the line can sit under it */
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;

  /* space for the divider */
  padding-bottom: 22px !important;

  /* thin divider line (CSS-only) */
  background-image: linear-gradient(
    90deg,
    rgba(196,169,137,0) 0%,
    rgba(196,169,137,1) 50%,
    rgba(196,169,137,0) 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: 120px 1px !important;
  background-position: center calc(100% - 6px) !important;
}

/* Narrow the hero text container + remove extra width expansion */
@media (min-width: 768px) {
  .hero-text .animate_transition_slide__box {
    max-width: 715px !important; /* luxury width */
  }
} /* Keep it from getting “wider” on smaller screens */
@media (max-width: 767px) {
  .hero-text .animate_transition_slide__box {
    max-width: 520px !important; /* mobile reading width */
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* NEW ARRIVAL label – force override */
.heading-columns_JLRjAP {
  font-size: 0.88rem !important;
  letter-spacing: 0.30em !important;
  text-transform: uppercase !important;
  color: #60977F !important;
  margin-bottom: 16px !important;
  display: block !important;
  font-weight: 700 !important;
  opacity: 0.9 !important;
  padding-top: 8px;
}

.md\:col-span-4 {
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 28px !important;
  margin: 0 30px !important;

  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.heading-heading_aggh6A,
.heading-heading_Kdfkpk,
.heading-heading_8yzmcn, {
  margin-top: 6px !important;
  margin-bottom: 16px !important;
}

 .image-treatment-text {
  margin-top: 6px !important;
 }

.rte ul {
  list-style: none !important;
}

.heading-template--20164472340654__logo_list_Pz3NAq,
.heading-template--20164472340654__e32885d8-0a8f-4c4f-8801-377d01cb7656,
.heading-template--20740642505005__4c9e1af5-c4c0-48cf-b771-49029eedd24f-slide-2
 {
  font-size: clamp(1.875rem, 2.6vw, 2.5rem) !important;
}

.image-treatment-text p {
  max-width: 560px !important;
  margin-inline: auto !important;
}

@media (min-width: 1310px) {
  .hero-text .animate_transition_slide__box {
    max-width: 900px !important;
  }
}

.heading-template--20740642505005__4c9e1af5-c4c0-48cf-b771-49029eedd24f-slide-2,
 {
  padding-bottom: 5px;
}

.hero-text .image-treatment-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hero-text .image-treatment-text p:last-of-type {
   font-size: 0.85em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.75;
  margin-bottom: 0 !important;
}