/** Shopify CDN: Minification failed

Line 757:0 Unexpected "/"

**/
@charset "UTF-8";
/*!
 * Splide.js
 * Version  : 4.1.3
 * License  : MIT
 * Copyright: 2022 Naotoshi Fujita
 */
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.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__track--ttb>.splide__list{display:block}
.splide__container{box-sizing:border-box;position:relative}
.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}
.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}
.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}
.splide__progress__bar{width:0}
.splide{position:relative;visibility:hidden}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}
.splide__slide img{vertical-align:bottom}
.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}
.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}
.splide__toggle.is-active .splide__toggle__pause{display:inline}
.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)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }
*,
*::before,
*::after {
  border-color: rgba(var(--colors-line-and-border),1);
}
*:focus-visible {
  outline-offset: 1px;
}
@keyframes effectHover {
  100% {
    left: 125%;
  } 
}

/* Adding of YOUR LOGO HERE image to product cards */
.product-image-wrapper {
  position: relative;
  display: inline-block;
}

.product-logo-overlay-mini {
  position: absolute;
  top: 0;
  right: 0;
  width: 25%; /* Adjust as needed */
  max-width: 200px; /* Optional: cap the size for very large images */
  height: auto;
  padding: 0.5%;
  z-index: 10;
}
/* === Overlay Container === */
.product-logo-wrapper {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 9999;
  width: 30%;
  max-width: 200px;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  pointer-events: auto;
}

.product-logo-wrapper.hidden {
  display: none;
}

/* === Inner Hover Effect Wrapper === */
.product-logo-inner {
  position: relative;
  padding: 6px;
  border-radius: 9999px;
  background-color: transparent;
  transition: box-shadow 0.3s, background-color 0.3s;
  display: inline-block;
}

.product-logo-wrapper:hover .product-logo-inner {
  background-color: white;
  box-shadow: 0 0 0 4px rgba(250, 131, 0, 0.4);
}

/* === Overlay Image === */
.product-logo-overlay {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}

/* === Spinner === */
.logo-spinner {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  max-width: 200px;
  aspect-ratio: 1 / 1;
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  pointer-events: none;
}

.logo-spinner::after {
  content: '';
  width: 32px;
  height: 32px;
  border: 4px solid #000;
  border-top: 4px solid #fa8300;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* === Fix for Splide arrows disappearing after overlay click === */
.splide__arrows {
  opacity: 1 !important;
  pointer-events: auto;
}
/*---------------*/


/*Light weight paren collection viewer to replace bloated theme collection viewer*/
.parent-collection-preview {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 1rem;
  text-align: center;
}

.product-row {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1rem;
  margin-top: 1rem;
}

.product-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.product-tile img {
  width: 100%;
  max-width: 150px;
  height: auto;
  border-radius: 6px;
}

.product-tile p {
  margin-top: 0.5rem;
  font-size: 0.9rem;
}

.view-all-link {
  margin-top: 1.5rem;
}

.view-all-link a {
  text-decoration: underline;
  font-weight: bold;
}

@media (max-width: 1024px) {
  .product-row {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 640px) {
  .product-row {
    grid-template-columns: repeat(4, 1fr);
  }
}

.parent-collection-preview-mobile {
  display: none;
}

@media (max-width: 768px) {
  .parent-collection-preview-mobile {
    display: block;
    margin-top: 0rem;
  }
    .hide-on-mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .product-page .product-image-wrapper, 
  .product-page .quick-view\:md\:pb-0.pb-7 {
    padding-bottom: 0 !important;
  }
}




/*----------------*/

button[aria-label*="chat_widget"].tawk-button {
  display: none !important;
}


.tawk-button {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
}

/*----------------*/



/* Adding of Organic Overlay image */
.organic-overlay {
  position: absolute;
  bottom: 12px;
  left: 12px;
  z-index: 9998;
  width: 80px;
  height: auto;
}

.organic-overlay-image {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}

/* Main Product Organic Badge */
.organic-badge-wrapper {
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 22%;
  max-width: 80px;
  z-index: 9998;
}

.organic-badge {
  width: 100%;
  height: auto;
  display: block;
}

/* Mini (Collection Tile) Badge */
.organic-badge-wrapper-mini {
  position: absolute;
  bottom: 8px;
  left: 8px;
  width: 20%;
  max-width: 60px;
  z-index: 10;
}

.organic-badge-mini {
  width: 100%;
  height: auto;
}
/*---------------*/

/* Permanent hiding of Live Product Options Discount */
.cl-po--discount {
  display: none !important;
}
/*---------------*/
/* Hiding of cart-drawer elements during refresh */
.bulk-discount-busy .cart-qty,
.bulk-discount-busy .cursor-pointer {
  pointer-events: none !important;
  opacity: 0.4 !important;
}

/*---------------*/

/* Hide default cart-drawer controls*/
.cart-item__quantity,
.cart-item__error {
  display: none !important;
}
/*---------------*/
/* Enforce consistent cart drawer styling no matter the page */
#update-cart .cart-item {
  display: flex !important;
  flex-direction: row !important;
  gap: 1rem !important;
  /*border-bottom: 1px solid rgba(var(--colors-line-and-border), 1);*/
  padding-bottom: 0.5rem;
  padding-right:1.5rem;
}

#update-cart .cart-item td {
  display: table-cell;
  vertical-align: top;
  padding: 0;
}

/* Fix the price wrapper appearance */
#update-cart .price {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: block;
}

#update-cart table th,
#update-cart table td {
  padding: 8px 12px;
  /*width: 50%;*/
  border: none !important;
  text-align: left;
  
}
/*---------------*/
#update-cart .cart-item .personalised-badge {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background-color: #16a34a !important; /* Tailwind green-600 */
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 4px 0 !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  z-index: 10 !important;
  display: block !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important;
  line-height: 1.2 !important;
}

/*---------------*/
/* Updated restyle for the LPO Edit button */
a[data-live-item-edit="1"] {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #fa8300;
  color: white;
  font-weight: 700;
  font-size: 0 !important; /* hide original */
  /*padding: 6px 0;*/
  border-radius: 4px;
  text-transform: uppercase;
  /*margin-top: 0.5rem;*/
  margin-top:0px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  transition: background-color 0.2s ease;
  position: static !important; /* <-- no longer absolute */
}

a[data-live-item-edit="1"]:hover {
  background-color: #e06f00;
}

a[data-live-item-edit="1"]::before {
  content: "Editar diseño";
  font-size: 12px;
  display: inline-block;
  font-weight: 600;
}
/*---------------*/
/* Hides the unwated cart-props given the LPO delay in providing the edit button HTML */
.cart-prop {
  display: none !important;
}
/*---------------*/
#CartDrawer-Overlay.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  border: 4px solid #fa8300;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*---------------*/
#apply-discount-btn {
  background-color: #fa8300 !important;
  color: #fff;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}

#apply-discount-btn:disabled {
  background-color: #e07b00; /* Duller orange */
  cursor: not-allowed;
  opacity: 0.7;
}
/*---------------*/
/* OVERRIDE THE PAYMENT BUTTON LAYOUT IN THE CART PAGE */
#dynamic-checkout-cart {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
}

#dynamic-checkout-cart > * {
  min-width: 250px !important; /* or whatever width fits all buttons nicely */
  width: 100% !important;
  max-width: 300px; /* optional cap */
}
/*---------------*/
/
.cart-prop{
  margin-top:0px !important;
}
/*---------------*/
.main-product-price{
  display:hidden !important;
}
/*---------------*/
.custom-qty-control {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  /*margin: 1rem 0;*/
}

.custom-qty-control .qty-minus,
.custom-qty-control .qty-plus {
  padding: 0.25rem 0.75rem;
  background-color: #e5e7eb; /* Tailwind gray-200 */
  border: none;
  border-radius: 4px;
  font-size: 1.25rem;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s;
}

.custom-qty-control .qty-minus:hover,
.custom-qty-control .qty-plus:hover {
  background-color: #fa8300; /* Tailwind gray-300 */
  color:white;
}

.custom-qty-control .qty-input {
  width: 4rem;
  text-align: center;
  border: 1px solid #d1d5db; /* Tailwind gray-300 */
  border-radius: 4px;
  padding: 0.25rem;
  font-size: 1rem;
}

.custom-qty-control .qty-remove {
  margin-left: 0.75rem;
  font-size: 1.25rem;
  color: #ef4444; /* Tailwind red-500 */
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}

.custom-qty-control .qty-remove:hover {
  color: #b91c1c; /* Tailwind red-700 */
}
/*---------------*/
.input-error {
  border: 2px solid #dc2626; /* Tailwind red-600 */
  background-color: #fef2f2;
}
/*---------------*/
/*TPO*/


.tpo-toggle-wrapper {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}

@keyframes tpo-wobble {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  75% {
    transform: rotate(-1deg);
  }
}

.tpo-toggle-btn.wobble {
  animation: tpo-wobble 1s infinite;
}

#tpo-toggle-buttons {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  justify-content: center;
}

.tpo-toggle-btn {
  flex: 1; /* make both buttons grow equally */
  max-width: 180px; /* optional: prevent them getting too wide */
  text-align: center;
  padding: 10px 16px;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.tpo-toggle-btn.selected {
  background-color: #fa8300;
  color: white;
  border-color: #fa8300;
}

.tpo-toggle-btn:not(.selected):hover {
  background-color: #fa9500;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}




.tpo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 16px;
   margin-top: 10px ;
  padding-bottom:20px !important;
  justify-items: center; /* Centers the items */
}


.tpo-options {
  width: 100%;
}

.tpo-thumbnail {
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  padding-bottom:15px;
  background: #fff;
  border: 1px solid transparent; /* Always has a border */
  border-radius: 4px; /* Consistent radius */
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  transition: border-color 0.2s ease;
  max-width: 180px; /* ✅ This prevents oversized growth */
  width:100%;
}

.tpo-thumbnail img {
  max-height: 100px;
  width: auto;
  object-fit: contain;
}

.tpo-thumbnail.selected {
  border-color: #fa8300;
}

.tpo-thumbnail.selected:hover {
  border-color: #fa8300;
}

.tpo-detail {
  display: block !important;
  width: 100%;
  box-sizing: border-box;
  margin-top:50px;
}

#tpo-detail-panel:empty {
  display: none !important;
}

.tpo-options.full {
  width: 100%;
  padding: 0 5px;
  box-sizing: border-box;
}

.tpo-method-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 columns, full width */
  gap: 12px;
  padding: 0;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
}

.tpo-method-button {
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 10px;
  background-color: #fff;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tpo-method-button:hover {
  border: 1px solid #ccc;
  box-shadow: 0 0 4px rgba(0,0,0,0.05);
}

.tpo-method-button.selected {
  border: 1px solid #fa8300;
}

.tpo-method-image-wrapper {
  position: relative;
  width: 100%;
  display: inline-block; /* Ensures it only wraps the image */
}


.tpo-method-icon {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  width: 100%;
  height: auto;
  object-fit: contain;
  padding: 5px;
  box-sizing: border-box;
  display: block;
}

.tpo-method-label {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-top: 6px;
}

.tpo-recommended-badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%); /* center horizontally and shift upward */
  background: #fff7f0;
  color: #fa8300;
  border: 1px solid #fa8300;
  font-size: 11px;
  /*font-weight: 600;*/
  padding: 2px 6px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  z-index: 2;
}



.tpo-step-heading {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding-bottom:10px !important;
  color: #333;
}

.tpo-step-number {
  color: #fa8300;
  margin-right: 6px;
}

.tpo-input-type-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom:10px;
}

.tpo-input-type-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  text-align: center;
  height: 140px;
  box-sizing: border-box;
}



.tpo-input-type-option:hover {
  border-color: #ccc;
}

.tpo-input-type-option.selected {
  border-color: #fa8300;
}



.tpo-input-type-label {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  margin-bottom: 4px;
  line-height: 1.2;
  height: 32px; /* ✅ Reserve consistent label height */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}



.tpo-input-type-icon {
  flex-grow: 1; /* ✅ Take all space above label */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}



.tpo-input-type-icon svg {
  width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
  object-fit: contain;
    transition: fill 0.2s ease;
}



.tpo-input-type-option:hover svg,
.tpo-input-type-option.selected svg {
  fill: #fa8300;
}

.tpo-copy-wrapper {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.tpo-copy-label {
  font-weight: 500;
  color: #333;
  font-size: 14px;
}

.tpo-copy-select {
  appearance: none;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  background: #fff url('data:image/svg+xml;utf8,<svg fill="%23666" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
  background-size: 16px 16px;
  color: #333;
  min-width: 200px;
  transition: border-color 0.2s ease;
  margin-bottom:10px;
}

.tpo-copy-select:focus {
  outline: none;
  border-color: #fa8300;
}



.tpo-unlink-badge {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.tpo-locked-fieldset {
  opacity: 0.5;
  border: none;
  padding: 0;
  margin: 0;
}

.tpo-options-interactive.tpo-dimmed {
  opacity: 0.4;
  pointer-events: none;
}

.tpo-options-interactive.tpo-dimmed * {
  cursor: default !important;
  pointer-events: none !important;
}

.tpo-options-inner {
  position: relative;
  z-index: 1;
}

.tpo-unlink-badge {
  z-index: 20;
  position: absolute;
}

.tpo-lock-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(250,131,0,0.1);
  pointer-events: all;
  margin-left:-10px;
  /*margin-right:-15px;*/
  border-radius:4px;
  height: calc(100% - 70px);
  width:calc(100% + 20px);
  margin-top: 80px;

  
}


.tpo-options.full {
  position: relative;
}

.tpo-unlink-btn {
  background: #fa8300;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 8px 12px !important;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  transition: background 0.2s ease;
  align-self: baseline; /* 👈 Ensures vertical center inside flex row */
  margin-top:2px;
}

.tpo-unlink-btn:hover {
  background: #e27000;
}

.tpo-tick-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  background: #fa8300;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tpo-thumbnail {
  position: relative;
}

.tpo-upload-wrapper {
  margin-bottom: 10px;
}

.tpo-upload-label {
  display: inline-block;
  background-color: #fa8300;
  color: white;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 18px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  user-select: none;
}

.tpo-upload-label:hover {
  background-color: #e37200;
}

.ql-editor {
  min-height: 150px; /* or 200px depending on your needs */
  padding: 10px;
}

.ql-toolbar .ql-formats {
  position: relative;
  z-index: 1; /* ensure toolbar items stack properly */
  margin-right:0px !important;
}

.ql-toolbar .ql-picker {
  z-index: 10; /* ensure dropdowns sit above icons */
}

.ql-toolbar .ql-picker-options {
  z-index: 100; /* ensure options dropdown is always on top */
}

/* Optional: add spacing between rows if you want a better layout */
.ql-toolbar.ql-snow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ql-toolbar .ql-formats {
  display: flex;
  gap: 4px; /* or even 2px if you want it tighter */
}

.ql-toolbar .ql-picker.ql-font + .ql-picker.ql-size {
  margin-left: 0; /* removes default spacing between font and size */
}

.tpo-same-as-wrapper {
  margin-top: 10px;
}

.tpo-same-as-label {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
}

.tpo-same-as-input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
}

.tpo-same-as-input:focus {
  outline: none;
  border-color: #fa8300;
  box-shadow: 0 0 0 2px rgba(250, 131, 0, 0.2); /* optional soft glow */
}

#tpo-design-note-wrapper {
  border: none !important;
  background: transparent;
  padding: 0 !important;
  margin: 20px 0;
}

#tpo-design-note-wrapper label {
  font-weight: 500;
  color: #333;
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
}

#tpo-design-note-wrapper input[type="text"] {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 14px;
  width: 100%;
  transition: border-color 0.2s ease;
}

#tpo-design-note-wrapper input[type="text"]:focus {
  outline: none;
  border-color: #fa8300;
  box-shadow: 0 0 0 2px rgba(250, 131, 0, 0.2);
}

.tpo-instructions-wrapper {
  margin-top: 30px;
}

.tpo-instructions-label {
  font-weight: 500;
  color: #333;
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
}

.tpo-instructions-textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  transition: border-color 0.2s ease;
}

.tpo-instructions-textarea:focus {
  outline: none;
  border-color: #fa8300;
  box-shadow: 0 0 0 2px rgba(250, 131, 0, 0.2);
}


.tpo-price-badge {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff7f0;
  color: #fa8300;
  border: 1px solid #fa8300;
  font-size: 11px;
  /*font-weight: 600;*/
  padding: 2px 6px;
  border-radius: 6px;
  z-index: 2;
  pointer-events: none;
}

.tpo-remove-btn {
  margin-top: 20px;
  background: #eee;
  border: 1px solid #ccc;
  padding: 8px 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.tpo-remove-btn:hover {
  background: #fa8300;
  color: white;
  border-color: #fa8300;
}


.tpo-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tpo-modal {
  background: white;
  padding: 20px 30px;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  text-align: center;
  max-width: 400px;
  width: 90%;
}

.tpo-modal-buttons {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
}

.tpo-modal-buttons button {
  padding: 8px 16px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}

#tpo-modal-cancel {
  background-color: #ccc;
}

#tpo-modal-confirm {
  background-color: #fa8300;
  color: white;
}

#tpo-modal-input {
  width: 100%;
  padding: 8px 12px;
  font-size: 1rem;
  border: 2px solid #ccc;
  border-radius: 6px;
  outline: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}

/* Orange focus like qty fields */
#tpo-modal-input:focus {
  border-color: #fa8300;
}

/* Modal OK button styling */
#tpo-modal-ok {
  background-color: #fa8300;
  color: white;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s ease;
}

#tpo-modal-ok:hover {
  background-color: #f57200;
}

.tpo-note-warning {
  font-size: 0.8rem;
  color: #d9534f;
  margin-top: 4px;
  margin-left: 2px;
}

#tpo-total-price-wrapper {
  position: relative;
  margin:5px 40px 5px 40px;
  border-top: 1px solid #fa8300;
  height: 1px;
}

#tpo-personalisation-wrapper {
  position: relative;
  margin:5px 40px 5px 40px;
  border-top: 1px solid #fa8300;
  height: 1px;
}


#tpo-total-price-badge-new {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff7f0;
  color: #fa8300;
  border: 1px solid #fa8300;
  font-size: 11px;
  /*font-weight: 600;*/
  padding: 2px 6px;
  border-radius: 6px;
  z-index: 2;
  pointer-events: none;
}

#tpo-personalisation-reference-badge
{
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff7f0;
  color: #fa8300;
  border: 1px solid #fa8300;
  font-size: 11px;
  /*font-weight: 600;*/
  padding: 2px 6px;
  border-radius: 6px;
  z-index: 2;
  pointer-events: none;
}

.tpo-chain-badge {
  position: absolute;
  top: 6px;
  left: 6px;
  background: #fa8300;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}



   #update-cart .force-border-b {
    border-bottom: 1px solid rgba(var(--colors-line-and-border), 1) !important;
    width: 100% !important; /* ← important fix */
    padding: 0 !important;   /* optional: tighter */
  }


#cart-personalised-badge-wrapper {
  position: relative;
  margin:5px 40px 5px 40px;
  border-top: 1px solid #fa8300;
  height: 1px;
}

#cart-personalised-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff7f0;
  color: #fa8300;
  border: 1px solid #fa8300;
  font-size: 11px;
  /*font-weight: 600;*/
  padding: 2px 6px;
  border-radius: 6px;
  z-index: 2;
  pointer-events: none;
}

.qty-input::-webkit-inner-spin-button,
.qty-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.qty-input {
  -moz-appearance: textfield; /* Firefox */
}

.qty-input:focus {
  outline: none;
  border-color: #fa8300;
  box-shadow: 0 0 0 1px #f97316;
}

.orange-cart-button {
  background-color: #fa8300;
  color: #fff;
  border: none;
  cursor: pointer;
  width: 100%;
  font-size: 1rem;
  text-align: center;
  border-radius: 0.25rem;
  font-family: inherit;
  transition: background-color 0.2s ease;
  padding: 0.75rem 1rem;
}

.cart-subtotal-container {
  margin-top: 1.5rem;
}

.cart-subtotal-block {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.cart-subtotal-label,
.cart-subtotal-price {
  margin: 0;
}

/* Small spacing between label and price */
.cart-subtotal-price {
  margin-left: 0.25rem;
}

/* Desktop layout: right-align and stack vertically if needed */
@media (min-width: 640px) {
  .cart-subtotal-block {
    justify-content: flex-end;
    text-align: right;
  }
}

.checkout-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; /* center on mobile */
  gap: 0.25rem; /* space between buttons */
  margin-top: 1rem;
}

@media (min-width: 640px) {
  .checkout-button-wrapper {
    align-items: flex-end; /* right-align on desktop */
  }
}


.cart-subtotal-block {
  display: flex;
  flex-direction: column;
  align-items: center; /* Mobile default */
  text-align: center;
}

@media (min-width: 640px) {
  .cart-subtotal-block {
    align-items: flex-end;  /* Align right on desktop */
    text-align: right;
  }
}

.cart-subtotal-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  text-align: center;
}

@media (min-width: 640px) {
  .cart-subtotal-row {
    justify-content: flex-end;
    text-align: right;
  }
}

.cart-subtotal-price {
  color: #fa8300;
  font-weight: bold;
  font-size: 1.125rem; /* 18px — slightly larger than default */
}

.cart-drawer-subtotal-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Hide the note container on mobile by default */
@media (max-width: 767px) {
  #note-container {
    display: none;
  }

  #note-container.active {
    display: block;
  }
}

.no-preview-message {
  background: #f9f9f9;
  border: 1px dashed #ccc;
  border-radius: 6px;
}


/* === Toolbar Buttons (Bold, Italic, etc.) === */

/* Active button stroke color (e.g. when Bold is active) */
.ql-toolbar button.ql-active .ql-stroke {
  stroke: #fa8300 !important;
}

/* Hover stroke for inactive buttons */
.ql-toolbar button:hover .ql-stroke {
  stroke: #fa8300 !important;
}

/* Hover stroke for active buttons */
.ql-toolbar button.ql-active:hover .ql-stroke {
  stroke: #fa8300 !important;
}

/* Optional: subtle background on hover */
.ql-toolbar button:hover {
  background-color: rgba(250, 131, 0, 0.08);
}


/* === Dropdowns (Font, Size, Color Picker) === */

/* Hover color on dropdown options */
.ql-picker-options .ql-picker-item:hover {
  color: #fa8300 !important;
  background-color: rgba(250, 131, 0, 0.08); /* optional highlight */
}

/* Selected dropdown item */
.ql-picker-options .ql-picker-item.ql-selected {
  color: #fa8300 !important;
}

/* Hover on selected item (fixes system blue flash) */
.ql-picker-options .ql-picker-item.ql-selected:hover {
  color: #fa8300 !important;
}

/* Active dropdown label (top of dropdown) */
.ql-picker-label.ql-active {
  color: black !important; /* Keep top label neutral when open */
}

/* Hover on dropdown label (top button) */
.ql-picker-label:hover {
  color: #fa8300 !important;
}

/* Dropdown arrow icon when label is active or hovered */
.ql-picker-label.ql-active .ql-stroke,
.ql-picker-label:hover .ql-stroke {
  stroke: #fa8300 !important;
}

/* Alignment dropdown item hover (change icon stroke) */
.ql-picker-options .ql-picker-item:hover .ql-stroke {
  stroke: #fa8300 !important;
}

/* Alignment dropdown selected item */
.ql-picker-options .ql-picker-item.ql-selected .ql-stroke {
  stroke: #fa8300 !important;
}

/* Alignment dropdown selected + hovered (extra-safe) */
.ql-picker-options .ql-picker-item.ql-selected:hover .ql-stroke {
  stroke: #fa8300 !important;
}

/* Underline button — recolor the underline line */
.ql-toolbar button.ql-active .ql-fill,
.ql-toolbar button:hover .ql-fill {
  fill: #fa8300 !important;
}



/* === General Editor Styling === */

/* Editor background */
.ql-editor {
  /*background-color: #fff !important;
  border: 1px solid #ccc;
  border-radius: 6px;*/
  padding: 1rem;
}

/* Redefine Quill size scale */
.ql-editor.ql-size-small {
  font-size: 18px !important;
}
.ql-editor.ql-size-normal {
  font-size: 20px !important;
}
.ql-editor.ql-size-large {
  font-size: 24px !important;
}
.ql-editor.ql-size-huge {
  font-size: 32px !important;
}

.ql-editor::selection {
  background-color: rgba(255, 255, 255, 0.3); /* semi-transparent white */
  color: #fff;
}

.ql-editor *::selection {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}


/* Set the base font-size for unformatted text (e.g., no size tag yet) */
.ql-editor {
  font-size: 18px !important;
}

/* Optional: hide buttons only on mobile when font dropdown is open */
@media (max-width: 768px) {
  .ql-hide {
    visibility: hidden !important;
  }
}

#quillPreviewModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; /* gets replaced by .active */
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5); /* backdrop dimming */
  z-index: 9999;
}


  #quillPreviewModal.active {
    display: flex;
  }

  #quillPreviewBox {
    background: white;
    padding: 1rem;
    border-radius: 8px;
    max-width: 600px;
    width: 90%;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
    text-align: center;
  }

  #quillPreviewContainer {
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: 0px;
    text-align: left;
    background: #fdfdfd;
    max-height: 400px;
    overflow-y: auto;
  }

  #closeQuillModal {
    background: #fa8300;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    font-weight: bold;
    font-size: 1rem;
    border-radius: 5px;
    cursor: pointer;
  }

  #closeQuillModal:hover {
    background: #e67400;
  }

.modal-content {
    top: 0px !important;
}

.tpo-fallback-submit {
  background-color: #fa8300;
  color: #fff;
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.tpo-fallback-submit:hover {
  background-color: #e47200;
}

.tpo-fallback-submit:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.stock-group-wrapper {
  border: 2px solid #fa8300;
  border-radius: 6px;
  padding: 1rem !important;
  margin-bottom: 0px !important;
  box-sizing: border-box;
}
.inner-stock-group-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px !important;
  margin:0px !important;
}


#stock-warning-table {
  border-collapse: collapse;
  width: 100% !important;
  font-size: 14px !important;
  margin:0px !important;
}

#stock-warning-table th,
#stock-warning-table td {
  border: 1px solid #ddd;
  padding: 0.75rem !important;
  vertical-align: middle; /* ✅ vertically center everything */
  width:100% !important;
}

#stock-warning-table th {
  background-color: #f8f8f8;
  font-weight: 600;
  color:black;
}

#stock-warning-table td:nth-child(2),
#stock-warning-table td:nth-child(3),
#stock-warning-table td:nth-child(4),
#stock-warning-table th:nth-child(2),
#stock-warning-table th:nth-child(3),
#stock-warning-table th:nth-child(4) {
  text-align: center !important;
}

#stock-warning-table th:nth-child(1),
#stock-warning-table td:nth-child(1){
  text-align: left !important;
}

#stock-warning-table-edge{
  border:none !important;
}

.supply-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.supply-green { background-color: #2ecc71; }   /* ✅ Full */
.supply-orange { background-color: #f39c12; }  /* 🟠 Partial */
.supply-red { background-color: #e74c3c; }     /* 🔴 None */

.tpo_image_upload_spinner {
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-top: 2px solid orange;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.ql-picker.ql-size .ql-picker-item::before,
.ql-picker.ql-size .ql-picker-label::before {
  content: none !important;
}

 /* FONT APPLICATION CLASSES */
.ql-font-anton { font-family: 'Anton', sans-serif; }
.ql-font-bebas_neue { font-family: 'Bebas Neue', sans-serif; }
.ql-font-bungee_shade { font-family: 'Bungee Shade', display; }
.ql-font-comfortaa { font-family: 'Comfortaa', sans-serif; }
.ql-font-dancing_script { font-family: 'Dancing Script', cursive; }
.ql-font-indie_flower { font-family: 'Indie Flower', cursive; }
.ql-font-lato { font-family: 'Lato', sans-serif; }
.ql-font-lobster_two { font-family: 'Lobster Two', cursive; }
.ql-font-lora { font-family: 'Lora', serif; }
.ql-font-medievalsharp { font-family: 'MedievalSharp', cursive; }
.ql-font-merriweather { font-family: 'Merriweather', serif; }
.ql-font-montserrat { font-family: 'Montserrat', sans-serif; }
.ql-font-oswald { font-family: 'Oswald', sans-serif; }
.ql-font-pacifico { font-family: 'Pacifico', cursive; }
.ql-font-permanent_marker { font-family: 'Permanent Marker', cursive; }
.ql-font-playfair_display { font-family: 'Playfair Display', serif; }
.ql-font-poppins { font-family: 'Poppins', sans-serif; }
.ql-font-rock_salt { font-family: 'Rock Salt', cursive; }
.ql-font-shadows_into_light { font-family: 'Shadows Into Light', cursive; }
.ql-font-source_code_pro { font-family: 'Source Code Pro', monospace; }
.ql-font-space_mono { font-family: 'Space Mono', monospace; }
.ql-font-unifrakturcook { font-family: 'UnifrakturCook', cursive; }

/* PICKER LABEL STYLES */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="anton"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="anton"]::before {
  content: "Anton"; font-family: 'Anton', sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="bebas_neue"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="bebas_neue"]::before {
  content: "Bebas Neue"; font-family: 'Bebas Neue', sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="bungee_shade"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="bungee_shade"]::before {
  content: "Bungee"; font-family: 'Bungee Shade', display;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="comfortaa"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="comfortaa"]::before {
  content: "Comfortaa"; font-family: 'Comfortaa', sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="dancing_script"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="dancing_script"]::before {
  content: "Dancing Script"; font-family: 'Dancing Script', cursive;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="indie_flower"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="indie_flower"]::before {
  content: "Indie Flower"; font-family: 'Indie Flower', cursive;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="lato"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="lato"]::before {
  content: "Lato"; font-family: 'Lato', sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="lobster_two"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="lobster_two"]::before {
  content: "Lobster Two"; font-family: 'Lobster Two', cursive;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="lora"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="lora"]::before {
  content: "Lora"; font-family: 'Lora', serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="medievalsharp"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="medievalsharp"]::before {
  content: "Medieval"; font-family: 'MedievalSharp', cursive;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="merriweather"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="merriweather"]::before {
  content: "Merriweather"; font-family: 'Merriweather', serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="montserrat"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="montserrat"]::before {
  content: "Montserrat"; font-family: 'Montserrat', sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="oswald"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="oswald"]::before {
  content: "Oswald"; font-family: 'Oswald', sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="pacifico"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="pacifico"]::before {
  content: "Pacifico"; font-family: 'Pacifico', cursive;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="permanent_marker"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="permanent_marker"]::before {
  content: "Marker Pen"; font-family: 'Permanent Marker', cursive;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="playfair_display"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="playfair_display"]::before {
  content: "Playfair"; font-family: 'Playfair Display', serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="poppins"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="poppins"]::before {
  content: "Poppins"; font-family: 'Poppins', sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="rock_salt"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="rock_salt"]::before {
  content: "Rock Salt"; font-family: 'Rock Salt', cursive;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="shadows_into_light"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="shadows_into_light"]::before {
  content: "Shadows Into Light"; font-family: 'Shadows Into Light', cursive;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="source_code_pro"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="source_code_pro"]::before {
  content: "Source Code"; font-family: 'Source Code Pro', monospace;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="space_mono"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="space_mono"]::before {
  content: "Space Mono"; font-family: 'Space Mono', monospace;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="unifrakturcook"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="unifrakturcook"]::before {
  content: "UnifrakturCook"; font-family: 'UnifrakturCook', cursive;
}


.ql-font .ql-picker-options {
  max-height: 200px; /* Adjust height as needed */
  overflow-y: auto;
}

.ql-font .ql-picker-options::-webkit-scrollbar {
  width: 8px;
}

.ql-font .ql-picker-options::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}



  .ql-align-center {
  text-align: center;
  }
  .ql-align-right {
    text-align: right;
  }
  .ql-align-justify {
    text-align: justify;
  }
  .ql-size-small {
    font-size: 0.75em;
  }
  .ql-size-large {
    font-size: 1.5em;
  }
  .ql-size-huge {
    font-size: 2.5em;
  }


/* Fill (track) color */
.noUi-connect {
  background: #fa8300 !important;
}

/* Hide category page banners on mobile */
  @media (max-width: 767px) {
    [id*="_banner"] {
      display: none !important;
    }
  }

.tpo-same-as-select {
  padding: 0.5rem;
  font-size: 1rem;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: white;
  color: black;
  appearance: none; /* Hide default arrow on some browsers */
  transition: border-color 0.2s ease;
}

.tpo-same-as-select:focus {
  outline: none;
  border-color: #fa8300;
  box-shadow: 0 0 0 2px rgba(250, 131, 0, 0.3);
}

  
/*---------------*/


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))}
header {
  grid-template-areas: "drawer heading icons";
  grid-template-columns: 2fr 3fr 2fr;
}
.section-header {
  color: rgba(var(--colors-text));
}
.background-header {
  background: rgb(var(--background-color-header));
}
.sticky-header {
  top: 0;
  position: fixed;
  z-index: 50;
  width: 100%;
  color: rgba(var(--colors-text));
  box-shadow: 0 -5px 15px 5px rgba(var(--colors-text), 0.1);
}
.sticky-header.on-scroll-up-animation {
  transition: transform 0.2s ease-in-out;
}
.sticky-header.always-animation {
  animation: slideDown 0.4s ease-out;
}
.sticky-header.header-up {
  transform: translateY(-100%);
}
.sticky-header .sticky-header-content {
  position: relative;
}
.transparent-header .sticky-header-active .logo-name {
  color: rgb(var(--colors-heading));
}
.dark .transparent-header .sticky-header-active .logo-name {
  color: rgb(var(--colors-heading));
}
.color-text-header,
h1.color-text-header,
.transparent-header .sticky-header-active header {
  color: rgba(var(--colors-text));
}
.dark .transparent-header .sticky-header-active header {
  color: rgba(var(--colors-text));
}
#shopify-section-header .button.button-solid:hover {
  color: rgb(var(--colors-button-text-hover));
}
#shopify-section-footer{
  color: rgba(var(--colors-text));  
}
.background-footer {
  background: rgb(var(--background-color-footer));
}
.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 {
  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 *::-moz-selection, .h1 *::-moz-selection, h2 *::-moz-selection, .h2 *::-moz-selection, h3 *::-moz-selection, .h3 *::-moz-selection, h4 *::-moz-selection, .h4 *::-moz-selection, h5 *::-moz-selection, .h5 *::-moz-selection, h6 *::-moz-selection, .h6 *::-moz-selection{background-color:rgba(var(--colors-heading),0.2)}
h1 *::selection,  .h1 *::selection, 
h2 *::selection,  .h2 *::selection, 
h3 *::selection,  .h3 *::selection, 
h4 *::selection,  .h4 *::selection, 
h5 *::selection,  .h5 *::selection, 
h6 *::selection,  .h6 *::selection{background-color:rgba(var(--colors-heading),0.2)}
h1::-moz-selection, .h1::-moz-selection, h2::-moz-selection, .h2::-moz-selection, h3::-moz-selection, .h3::-moz-selection, h4::-moz-selection, .h4::-moz-selection, h5::-moz-selection, .h5::-moz-selection, h6::-moz-selection, .h6::-moz-selection{background-color:rgba(var(--colors-heading),0.2)}
h1::selection,  .h1::selection, 
h2::selection,  .h2::selection, 
h3::selection,  .h3::selection, 
h4::selection,  .h4::selection, 
h5::selection,  .h5::selection, 
h6::selection,  .h6::selection{background-color:rgba(var(--colors-heading),0.2)}
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);
  color: rgb(var(--colors-button-text-hover));
  position:relative;
  z-index:10;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none; 
}
button{border-radius:0px;border-style:none;
  background: transparent}
.button-outline {
  background: transparent;
  color: rgb(var(--colors-secondary-button));
  box-shadow: inset 0 0 0 1px rgba(var(--colors-secondary-button),1);
  border: none;
  transition: 0.3s;
}
.button-outline:hover {
  box-shadow: inset 0 0 0 1px rgba(var(--colors-secondary-button),1);
  transition: 0.3s;
}
.button-action,
button.button-solid,
.button.button-solid {
  border: none;
  background: var(--colors-button-hover);
}
.header__inline-menu {
  font-family: var(--font-menu);
  font-weight: var(--font-menu-weight);
  font-style: var(--font-menu-style);
}
@keyframes initial-loading {
  0% {
    transform: translate(-6.4rem);
  }
  50% {
    transform: translate(2.6rem);
  }
  to {
    transform: translate(-6.4rem);
  }
}
.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;
}
.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;
}
.loading-cover {
  transition-property: opacity,visibility;
  transition-timing-function: ease;
  pointer-events:none;
  height:50%;
  width:100%;
  text-align:center;
  transition-duration:1000ms;   
}
a.effect-inline:hover {
  animation: line-in 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  animation-fill-mode: forwards;
}
.base-link a{
  position: relative;
}
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: -1px;
  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;
  -webkit-border-radius: 0;
}
.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));
}
.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;
}
.hide-scrollbar::-webkit-scrollbar, 
.hide-scrollbar::-moz-scrollbar{display:none}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-color: transparent transparent;
  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;
}
::-moz-selection {
  background-color: rgba(var(--colors-text), 0.2);
}
::selection {
  background-color: rgba(var(--colors-text), 0.2);
}
.image-treatment-text::-moz-selection {
  background-color: rgba(var(--image-treatment-text), 0.2);
}
.image-treatment-text::selection {
  background-color: rgba(var(--image-treatment-text), 0.2);
}
svg{fill:currentColor}
.divider {
  transform: translateY(var(--divider-spacing)px);
}
@media (min-width: 1024px) {
  h1, .h1 {
    font-size: var(--h1-font-size);
  }
  h2, .h2 {
    font-size: var(--h2-font-size);
  }
  h3, .h3 {
    font-size: var(--h3-font-size);
  }
  h4, .h4 {
    font-size: var(--h4-font-size);
  }
  h5, .h5 {
    font-size: var(--h5-font-size);
  }
  h6, .h6 {
    font-size: var(--h6-font-size);
  }
  .text-small{
    font-size: var(--font-size-small);
  }
  .text-medium{
    font-size: var(--font-size-medium);
  }
  .text-normal{
    font-size: var(--font-size-normal);
  }
  .text-large{
    font-size: var(--font-size-large);
  }

  .base-link a:hover {
    color: rgb(var(--colors-text-link));
  }
  .base-link a:hover:after,
  a.nav-link:not(.effect-inline):hover:after,
  a.effect-inline:hover:after {
    transform: scaleX(1);
    transform-origin:  0% 50%;
    color: rgb(var(--colors-text-link));
  }

  .rte a:hover,
  .button-link:hover {
    background-size: 0 0.1em, 100% 0.1em;
    background-position: 100% 100%, 0% 100%;
  }
  
  button.button-arrow {
    background: rgb(var(--colors-text), 0.3);
    color: rgb(var(--colors-text));
    box-shadow: none;
    border-radius: 50px;
  }
  button.button-arrow:hover {
    color: rgb(var(--colors-button-text-hover));
    background: var(--colors-button-hover);
  }
  .hover-text-link:hover {
    color: rgb(var(--colors-text-link));
  }
  .button-outline {
    box-shadow: inset 0 0 0 1px rgba(var(--colors-secondary-button),0.5);
  }
  button.none_border, 
  .button.none_border{border-width:0px}
  button.none_transition::before, 
  .button.none_transition::before{transition-property:none}
  button.button-solid,
  .button.button-solid {
    border: none;
    box-shadow: none;
    color: rgb(var(--colors-button-text));
    background: rgba(var(--colors-button));
    overflow: hidden;
    background-origin: border-box;
  }
  button.button-solid:hover,
  .button.button-solid:hover {
    transition-delay: 0.5s;
    transition-property: background-color;
    background-color: var(--colors-button-hover);
    color: rgba(var(--colors-button-text-hover));
    background-origin: border-box;
  }
  button.button-solid:before,
  .button.button-solid:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: var(--button-width);
    height: var(--button-height);
    background-color: var(--colors-button-hover);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: transform;
    transform: var(--button-transform);
    transform-origin: var(--button-transform-origin);
    transition: transform 0.5s ease;
  }
  button.button-solid:hover:before,
  .button.button-solid:hover:before {
    transform: rotate3d(0,0,1,0) translateZ(0);
    
  }
}
@media (min-width: 1025px) {
  button.button_rounded::before{border-radius:9999px;transition-property:none}
  button.button-rounded-desktop {
    border-radius: var(--border-radius);
  }
}
.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-image-treatment{
    background: rgba(var(--image-treatment-text));
  }
.page-width {
    max-width: var(--page-width);
    margin-left: auto;
    margin-right: auto;
  }
.rtl{
    direction: rtl;
  }
.ltr{
    direction: ltr;
  }
.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;
  }
@media (min-width: 1024px){
.shopify-challenge__container .shopify-challenge__button{padding-top:0.75rem;padding-bottom:0.75rem}}
#MainContent .shopify-challenge__container, 
  .shopify-challenge__container .g-recaptcha{margin-bottom:1.25rem}
@media (min-width: 1024px){
.image-first-hover{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
.group:hover .image-first-hover{opacity:0}
.image-hover{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);will-change:transform}
.image-hover:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .image-hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) 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-second-hover{will-change:transform}
@media (min-width: 1024px){
.image-second-hover{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
.group:hover .image-second-hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}}
.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);
  }
.skip-to-content:focus {
    height: auto;
    width: auto;
    clip: auto;
    z-index: 100;
  }
.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;
  }
/* type pagination */
.is-active-pagination:after {
    background-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.8) 100%,
      rgba(255, 255, 255, 0.9) 50%,
      rgba(255, 255, 255, 1) 0
    ); 
    animation-iteration-count: 1;
    content: "";
  }
.pagination-dots button:after{
    content: '';
    background: rgba(var(--image-treatment-text));
    margin-left:0.375rem;
    margin-right:0.375rem;
    height:0.5rem;
    width:0.5rem;
    border-radius:9999px;
    opacity:0.5;
  }
@media (min-width: 1024px){
.pagination-dots button:after{height:0.625rem;width:0.625rem}}
.pagination-dots button.is-active:after{
    content: '';
    --tw-scale-x:1.5;
    --tw-scale-y:1.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));
    opacity:1;
    transition-duration:300ms;
  }
.promotion-alignment--top-left{top:0.625rem;left:0px;bottom:auto;right:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@media (min-width: 1024px){
.promotion-alignment--top-left{left:1.25rem}}
.promotion-alignment--top-center{top:0.625rem;left:50%;bottom:auto;right:auto;--tw-translate-x:-50%;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.promotion-alignment--top-right{top:0.625rem;right:0px;bottom:auto;left:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@media (min-width: 1024px){
.promotion-alignment--top-right{right:1.25rem}}
.promotion-alignment--center-left{top:50%;left:0px;right:auto;bottom:auto;--tw-translate-y:-50%;--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@media (min-width: 1024px){
.promotion-alignment--center-left{left:1.25rem}}
.promotion-alignment--center{top:50%;left:50%;bottom:auto;right:auto;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.promotion-alignment--center-right{top:50%;right:0px;left:auto;bottom:auto;--tw-translate-y:-50%;--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@media (min-width: 1024px){
.promotion-alignment--center-right{right:1.25rem}}
.promotion-alignment--bottom-left{bottom:0.625rem;left:0px;right:auto;top:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@media (min-width: 1024px){
.promotion-alignment--bottom-left{left:1.25rem}}
.promotion-alignment--bottom-center{bottom:0.625rem;left:50%;right:auto;top:auto;--tw-translate-x:-50%;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.promotion-alignment--bottom-right{bottom:0.625rem;right:0px;top:auto;left:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@media (min-width: 1024px){
.promotion-alignment--bottom-right{right:1.25rem}}
.promotion-alignment--custom{top:auto;right:auto;bottom:auto;left:auto;--tw-translate-x:-50%;--tw-translate-y:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.round{border-radius:9999px}
.justify-left{justify-content:flex-start}
.justify-right{justify-content:flex-end}
.items-left{align-items:flex-start}
.items-right{align-items:flex-end}
.scrollbar::-webkit-scrollbar{height:0.25rem;width:0.25rem;border-radius:0.75rem;border-width:0px}
@media (min-width: 768px){
.scrollbar::-webkit-scrollbar{height:0.5rem;width:0.5rem}}
.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]{height:0px}
.media-slide.is-active{height:100%}
.input-radio.disabled+label{position:relative;overflow:hidden;color:rgba(var(--colors-text),0.5)}
.input-radio.disabled+label::after{position:absolute;top:50%;left:0px;height:0px;width:100%;--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}
.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-width:2px;border-color:rgb(var(--background-color),1);--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);transition-duration:100ms}
.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}
.input-radio:focus-visible+label{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:rgba(var(--colors-text),1)}
.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%}
@media (min-width: 1024px){
.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);
      color: rgb(var(--colors-button-text-hover));
      transition: none;
      background: var(--colors-button-hover);
      border: none;
      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}
.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}
@media (min-width: 768px){
.payment-button .shopify-payment-button__button--unbranded{padding-top:1rem;padding-bottom:1rem}}
.payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) {
      background-color: var(--colors-button-hover);
    }
.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}
.shopify-payment-button__button--hidden{margin-bottom:1.25rem;margin-top:0px;display:none;padding-top:0px;padding-bottom:0px}
.shopify-payment-button__button{line-height:1.375}
.hide-scrollbar::-webkit-scrollbar{display:none}
.hide-scrollbar::-moz-scrollbar{display:none}
.accordion + .accordion{margin-top:-1.25rem;border-top-width:0px}
.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}
@media (min-width: 768px){
.x-badges-product-detail .x-badge-text{padding-left:1.75rem;padding-right:1.75rem;padding-top:0.625rem;padding-bottom:0.625rem}}
.x-badges-product-detail .label-countdown{display:block;min-width:130px}
@media (min-width: 768px){
.x-badges-product-detail .label-countdown{min-width:150px}}
.x-badges-product-detail img{height:6rem;width:auto;-o-object-fit:contain;object-fit:contain}
@media (min-width: 768px){
.x-badges-product-detail img{height:8rem}}
.x-badges-product-detail .label-img{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)}
@media (min-width: 768px){
.x-badges-product-detail .icon-label{height:calc(var(--base-font-size) * 1.2);width:calc(var(--base-font-size) * 1.2)}}
.shopify-model-viewer-ui{position:absolute;left:0px;right:0px;top:0px;bottom:0px}
.shopify-model-viewer-ui model-viewer {
      --progress-bar-height: 2px;
      z-index:10;
      height:100%;
      width:100%;
      --tw-bg-opacity:1;
      background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay{position:absolute;top:0px;height:100%;width:100%}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{position:absolute;right:1rem;left:auto;bottom:1rem;z-index:10;display:none;flex-direction:column;border-width:1px;background-color:rgba(var(--background-color));opacity:0}
@media (min-width: 1024px){
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{display:flex}}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control{position:relative;height:2rem;width:2rem;background-color:transparent;padding:0px;color:rgb(var(--colors-text),0.7)}
@media (min-width: 1024px){
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control{height:2.75rem;width:2.75rem}}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon{height:2rem;width:2rem;fill:none}
@media (min-width: 1024px){
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon{height:2.75rem;width:2.75rem}}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing){display:none}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{position:absolute;top:50%;left:50%;z-index:10;height:3rem;width:3rem;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;border-style:solid;background-color:rgba(var(--background-color),1)}
@media (min-width: 1024px){
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{height:4rem;width:4rem}}
.shopify-model-viewer-ui__poster-control-icon{height:100%;width:100%}
.shopify-model-viewer-ui__sr-only{display:none}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen{display:none}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen{display:none}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen{display:block}
.shopify-model-viewer-ui .shopify-model-viewer-ui__disabled{z-index:0}
.shopify-model-viewer-ui:hover .shopify-model-viewer-ui__controls-area, 
    .shopify-model-viewer-ui.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area{opacity:1;transition-duration:300ms}
.product__xr-button[data-shopify-xr-hidden]{visibility:hidden;display:none}
.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{text-align:center}
.heading-right{display:flex;flex-direction:row-reverse;flex-wrap:wrap}
.heading-right h2{text-align:end}
.heading-left{display:flex;flex-direction:row;flex-wrap:wrap}
.heading-left h2{text-align:start}
.splide-progress {
      background: rgba(var(--colors-text),0.2);
    }
.splide-progress-bar {
      background: var(--colors-button-hover);
      transition: width 400ms ease;
      height:0.125rem;
      width:0px;
    }
.color-watches[data-swatch]:before {
      content: '';
      pointer-events:none;
      position:absolute;
      left:0px;
      top:0px;
      right:0px;
      bottom:0px;
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
    }
#shopify-product-reviews .spr-container {
    border-color: rgba(var(--colors-line-and-border),1);
    border-width:0px;
    border-bottom-width:1px;
    padding:1.25rem}
@media (min-width: 768px){
#shopify-product-reviews .spr-container{padding:1rem}}
@media (min-width: 1280px){
#shopify-product-reviews .spr-container{padding:0px;padding-bottom:1rem}}
.spr-container .spr-header{display:flex;flex-direction:column;align-items:center;justify-content:center}
.spr-header .spr-summary-caption{grid-column:span 2 / span 2;display:flex;justify-content:center}
.spr-header .spr-summary-actions-togglereviews{margin-top:2px}
@media (min-width: 768px){
.spr-header .spr-summary-actions-togglereviews{margin-top:0.25rem}}
.spr-header .spr-icon{font-size:100%}
@media (min-width: 768px){
.spr-header .spr-icon{font-size:120%}}
.spr-container .spr-summary{margin-bottom:1rem;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:1.25rem}
.spr-container .spr-summary::before{content:var(--tw-content);display:none}
.spr-container .spr-summary-actions{grid-column:span 2 / span 2;display:flex;justify-content:center}
.spr-container .spr-icon{--tw-text-opacity:1;color:rgb(255 164 34 / var(--tw-text-opacity))}
.spr-container .spr-summary-actions-newreview{border-width:1px;border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-top:0.625rem;padding-bottom:0.625rem}
@media (min-width: 768px){
.spr-container .spr-summary-actions-newreview{padding-top:0.75rem;padding-bottom:0.75rem}}
.spr-container .spr-form{margin-top:0px;padding-top:2.5rem}
.spr-container .spr-form-contact{display:flex;flex-wrap:wrap;justify-content:space-between}
.spr-container .spr-form-contact::before{content:var(--tw-content);display:none}
.spr-container .spr-form-contact::after{content:var(--tw-content);display:none}
.spr-container .spr-form-title{display:none}
.spr-container .spr-reviews{margin-top:0px}
.spr-container .spr-review{padding-top:1.25rem;padding-bottom:1.25rem}
.spr-container .spr-review:first-child{margin-top:0px}
.spr-container .spr-form-input-text,  .spr-container .spr-form-input-email,  .spr-container .spr-form-input-textarea{margin-top:0.375rem !important;border-width:1px;border-style:solid;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:0.5rem;padding-right:0.5rem}
.spr-container .spr-form-input-text:focus,  .spr-container .spr-form-input-email:focus,  .spr-container .spr-form-input-textarea:focus{outline:2px solid transparent;outline-offset:2px}
.spr-container .spr-form-input-text:focus-visible,  .spr-container .spr-form-input-email:focus-visible,  .spr-container .spr-form-input-textarea:focus-visible{outline:2px solid transparent;outline-offset:2px}
.spr-container .spr-form-contact-name,  .spr-container .spr-form-contact-email{width:100%}
@media (min-width: 768px){
.spr-container .spr-form-contact-name,  .spr-container .spr-form-contact-email{width:48%}}
.spr-container .spr-form-input{background-color:rgba(var(--background-color),1)}
.spr-container .spr-form-input.spr-starrating{margin-top:0.375rem !important}
.spr-container .spr-icon-star-empty:hover, .spr-container .spr-icon-star:hover {
    background-size: 0;
    background-position: 0;
    background-repeat: no-repeat;
    background: none;
  }
.spr-container .spr-button-primary.btn-primary {
    background: var(--colors-button-hover);
    border-color: var(--colors-button-hover);
    float:left;
    margin-bottom:2.5rem;
    cursor:pointer;
    border-width:0px;
    padding-top:0.75rem;
    padding-bottom:0.75rem;
    padding-left:1.75rem;
    padding-right:1.75rem;
    color:rgb(var(--colors-button-text-hover))}
.spr-container .spr-form-label {
    font-size: unset;
  }
.spr-container .spr-form-review-body{margin-bottom:0.5rem}
.spr-reviews .spr-icon{margin-right:0.25rem;font-size:100%}
.spr-reviews strong{font-weight:400;font-style:normal;color:rgb(var(--colors-text),1)}
.spr-reviews .spr-review-header-byline{font-size:100%;font-style:italic;color:rgb(var(--colors-text),1)}
.spr-reviews .spr-review-header-title {
    font-size: var(--h6-font-size-mobile);
    font-size:100%;
    font-weight:600;
    line-height:1.375;
    color:rgb(var(--colors-heading),1)}
.spr-reviews .spr-review-content-body {
    font-size: unset;
    line-height:1.375;
    color:rgb(var(--colors-text),1)}
.spr-reviews .spr-review-content{margin-bottom:1rem}
.spr-reviews .spr-review-reportreview{float:left;font-size:100%;font-style:italic;color:rgb(var(--colors-text),1);-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:2px}
.spr-reviews .spr-review-reportreview:hover{background-size:auto}
@media (min-width: 768px){
.spr-reviews .spr-review-reportreview{float:right}}
.spr-reviews .spr-review-reportreview:not(.button):not(.disable-effect):hover {
    background-size: 0;
  }
.spr-summary-starrating .spr-stars span{display:flex;gap:0.25rem}
.spr-summary-starrating{margin-top:2.5rem;margin-bottom:2.5rem}
.spr-container .spr-summary-starrating{margin-top:0px;margin-bottom:0px}
.spr-pagination .spr-pagination-page.is-active {
    background: var(--colors-button-hover);
    border-color: var(--colors-button-hover);
    display:flex;
    height:2.75rem;
    width:2.75rem;
    align-items:center;
    justify-content:center;
    border-radius:9999px;
    font-weight:400;
    color:rgb(var(--colors-button-text-hover))}
@media (min-width: 768px){
.spr-pagination .spr-pagination-page.is-active{height:3.5rem;width:3.5rem}}
.main-product .spr-pagination .is-active{height:2.75rem;width:2.75rem}
.spr-pagination>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;-moz-column-gap:1rem;column-gap:1rem;row-gap:1rem}
.spr-pagination a{padding-top:0.5rem;padding-left:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem}
.spr-pagination .spr-pagination-page a{display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:9999px;background-color:rgb(var(--colors-text),0.2);font-weight:400;color:rgb(var(--colors-text))}
@media (min-width: 768px){
.spr-pagination .spr-pagination-page a{height:3.5rem;width:3.5rem}}
.main-product .spr-pagination-page a{height:2.75rem;width:2.75rem}
.spr-pagination a:not(.button):not(.disable-effect):hover {
    background-size: 0;
    color:rgb(var(--colors-text))}
.spr-pagination .spr-pagination-next,  .spr-pagination .spr-pagination-prev{position:relative}
.spr-container .spr-pagination {
    border-color: rgba(var(--colors-line-and-border),0.8);
    border-top-width:1px;
    border-style:solid}
.spr-header .spr-summary-starrating + .spr-summary-caption{grid-column:span 1 / span 1}
.main-product #shopify-product-reviews .spr-container{padding-left:0px;padding-right:0px}
.spr-container .spr-form-label{padding-left:0.25rem}
.spr-container .spr-form-label::after{--tw-content:'*';content:var(--tw-content)}
.spr-container .spr-form-input-error .spr-icon{--tw-text-opacity:1;color:rgb(255 164 34 / var(--tw-text-opacity))}
.spr-container .spr-form-input-error, .spr-container .spr-form-input-error[type="text"], .spr-container .spr-form-input-error[type="email"] {
    border-color: rgba(var(--colors-line-and-border),1);
  }
.spr-container .spr-form-review .spr-icon{margin-right:0.75rem}
.spr-container .spr-form-message-success{margin-bottom:1.25rem;width:-moz-fit-content;width:fit-content;background-color:rgba(var(--color-success),0.2);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;color:rgba(var(--colors-text),1)}
.spr-container .spr-form-message-error{width:-moz-fit-content;width:fit-content;background-color:rgba(var(--color-error),0.2);color:rgba(var(--colors-text),1)}
.spr-container .spr-form {
    border-color: rgba(var(--colors-line-and-border),1);
  }
.spr-container .spr-review {
    border-color: rgba(var(--colors-line-and-border),0.8);
  }
.spr-container .spr-icon.spr-icon-star:not(.disable-effect):hover{--tw-text-opacity:1;color:rgb(255 164 34 / var(--tw-text-opacity))}
.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}
@media (min-width: 768px){
.content-article-bg-2{padding-bottom:0px;padding-top:1.25rem}}
.content-article-default-2{width:66.666667%;padding-left:0px;padding-right:0px;padding-left:1.25rem}
@media (min-width: 768px){
.content-article-default-2{padding-left:0px;padding-right:0px;padding-top:1.25rem}}
.content-article-2{float:left}
@media (min-width: 768px){
.content-article-2{float:none;width:auto}}
.content-article-spacing-1{
        background-color: rgba(var(--colors-text), 0.05);
        padding-left:1.75rem;
        padding-right:1.75rem;
        padding-top:1.75rem;
        padding-bottom:1.75rem;  
    }
.content-article-bg-1{
        background-color: rgba(var(--colors-text), 0.05);
        padding-left:1.75rem;
        padding-right:1.75rem;
        padding-top:1.25rem;
        padding-bottom:1.5rem;
    }
.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);
    }
.article-layout-2{float:left;width:33.333333%}
.article-layout-2::before{display:block;content:var(--tw-content);height:0px}
@media (min-width: 768px){
.article-layout-2{float:none;width:100%}}
.article-layout-1{width:100%}
a[href="/account/login#recover"]{-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:4px}
a[href="/account/login#recover"]:not(.button):not(.disable-effect):hover{
    background: none;
    background-image:none;
    color:rgba(var(--colors-text-link));
  }
.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;
    }
.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 table{table-layout:fixed}
@media (min-width: 768px){
.rte table td{padding-left:1.25rem;padding-right:1.25rem}}
.rte img{margin-bottom:0.5rem;height:auto;max-width:100%}
.rte li{margin-top:0.5rem;margin-bottom:0.5rem;
    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}
.rte ul{margin-top:1rem;margin-bottom:1rem;list-style-position:inside;list-style-type:disc;padding-left:1.25rem}
.rte ol{margin-top:1rem;margin-bottom:1rem;list-style-position:inside;list-style-type:decimal;padding-left:1.25rem}
.rte blockquote{display:inline-flex}
.label-square{padding:1rem}
.label-circle{display:flex;aspect-ratio:1 / 1;min-width:4rem;flex-direction:column;justify-content:center;border-radius:9999px;padding:1rem}
@media (min-width: 1024px){
.label-circle{padding:1.25rem}}
.label-top-flag{min-width:4rem;justify-content:flex-end;border-radius:0px;padding-top:0.75rem;padding-left:0.5rem;padding-right:0.5rem}
.label-top-flag::after{position:absolute;left:0px;right:0px;top:0px;bottom:0px;z-index:-10;--tw-translate-y:46%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:var(--tw-content);border-radius:50%}
@media (min-width: 1024px){
.label-top-flag{padding-top:1.25rem;padding-left:0.75rem;padding-right:0.75rem}}
.label-bottom-flag{bottom:0px;min-width:4rem;justify-content:flex-start;border-radius:0px;padding-bottom:0.75rem;padding-left:0.5rem;padding-right:0.5rem}
.label-bottom-flag::after{position:absolute;left:0px;right:0px;top:0px;bottom:0px;z-index:-10;--tw-translate-y:-46%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:var(--tw-content);border-radius:50%}
@media (min-width: 1024px){
.label-bottom-flag{padding-bottom:1.25rem;padding-left:0.75rem;padding-right:0.75rem}}
.label-angle-top-left {
    -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;
  }
@media (min-width: 1024px){
.label-angle-top-left{padding-right:2.5rem;padding-left:2.5rem;padding-top:3rem}}
.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;
  }
@media (min-width: 1024px){
.label-angle-top-right{padding-right:2.5rem;padding-left:2.5rem;padding-top:3rem}}
.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;
  }
@media (min-width: 1024px){
.label-angle-bottom-left{padding-bottom:3rem;padding-right:2.5rem;padding-left:2.5rem}}
.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;
  }
@media (min-width: 1024px){
.label-angle-bottom-right{padding-bottom:3rem;padding-right:2.5rem;padding-left:2.5rem}}
.label-top-left{left:1.25rem;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:1.25rem}
.label-top-right{right:1.25rem;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:1.25rem}
.label-bottom-left{left:1.25rem;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:1.25rem}
.label-bottom-right{right:1.25rem;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:1.25rem}
.button-play:hover span{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.promotion-position-right{display:flex;flex-direction:column;flex-direction:column-reverse}
@media (min-width: 768px){
.promotion-position-right{flex-direction:row;flex-direction:row-reverse}}
.promotion-position-left{display:flex;flex-direction:column}
@media (min-width: 768px){
.promotion-position-left{flex-direction:row}}
@media (min-width: 1024px){
.promotion-position-right.full-width, 
  .promotion-position-left.full-width{padding-right:1.25rem;padding-left:1.25rem}}
@media (min-width: 768px){
.promotion-position-left .card-title{margin-right:1.75rem}}
.promotion-position-left .card-title.no-full-width{margin-right:1.25rem;margin-left:1.25rem}
@media (min-width: 768px){
.promotion-position-left .card-title.no-full-width{margin-right:1.75rem}}
@media (min-width: 1024px){
.promotion-position-left .card-title.no-full-width{margin-left:0px}}
@media (min-width: 768px){
.promotion-position-left .card-title.full-width{margin-left:1.25rem}}
@media (min-width: 1024px){
.promotion-position-left .card-title.full-width{margin-left:0px}}
@media (min-width: 768px){
.promotion-position-right .card-title{margin-left:1.75rem}}
.promotion-position-right .card-title.no-full-width{margin-right:1.25rem;margin-left:1.25rem}
@media (min-width: 768px){
.promotion-position-right .card-title.no-full-width{margin-left:1.75rem}}
@media (min-width: 1024px){
.promotion-position-right .card-title.no-full-width{margin-right:0px}}
@media (min-width: 768px){
.promotion-position-right .card-title.full-width{margin-right:1.25rem}}
@media (min-width: 1024px){
.promotion-position-right .card-title.full-width{margin-right:0px}}
.image-position-right{display:flex;flex-direction:column-reverse}
@media (min-width: 768px){
.image-position-right{flex-direction:row-reverse}}
.image-position-left{display:flex;flex-direction:column}
@media (min-width: 768px){
.image-position-left{flex-direction:row}}
.iwt-content{padding-right:1.25rem;padding-left:1.25rem;padding-bottom:0.75rem}
@media (min-width: 768px){
.iwt-content{padding-left:3rem;padding-right:3rem;padding-top:2.5rem;padding-bottom:2.5rem}}
.image-position-right .iwt-overlap{z-index:10;margin-bottom:-2.5rem;padding-top:0.75rem}
@media (min-width: 768px){
.image-position-right .iwt-overlap{margin-bottom:0px;margin-right:-2.5rem;padding-top:2.5rem}}
.image-position-left .iwt-overlap{z-index:10;margin-top:-2.5rem;padding-top:0.75rem}
@media (min-width: 768px){
.image-position-left .iwt-overlap{margin-top:0px;margin-left:-2.5rem;padding-top:2.5rem}}
.image-position-right .iwt-no-overlap{padding-top:0.75rem}
@media (min-width: 768px){
.image-position-right .iwt-no-overlap{padding-top:2.5rem}}
@media (min-width: 1024px){
.image-position-right .iwt-no-overlap{padding-right:6rem;padding-left:2.75rem}}
.image-position-left.stacked .iwt-no-overlap{padding-top:2rem}
@media (min-width: 768px){
.image-position-left.stacked .iwt-no-overlap{padding-top:2.5rem}}
.image-position-left .iwt-no-overlap{padding-top:0.75rem}
@media (min-width: 768px){
.image-position-left .iwt-no-overlap{padding-top:2.5rem}}
@media (min-width: 1024px){
.image-position-left .iwt-no-overlap{padding-left:6rem;padding-right:2.75rem}}
@media (min-width: 768px){
.iwt-content-overlap{padding-top:2.5rem;padding-bottom:2.5rem}}
.pointer-events-none{pointer-events:none}
.pointer-events-auto{pointer-events:auto}
.visible{visibility:visible}
.invisible{visibility:hidden}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.inset-0{top:0px;right:0px;bottom:0px;left:0px}
.bottom-0{bottom:0px}
.top-1{top:0.25rem}
.bottom-1{bottom:0.25rem}
.left-1{left:0.25rem}
.right-1{right:0.25rem}
.left-0{left:0px}
.right-0{right:0px}
.top-1\/2{top:50%}
.-top-0{top:-0px}
.top-0{top:0px}
.right-4{right:1rem}
.top-4{top:1rem}
.left-5{left:1.25rem}
.top-3{top:0.75rem}
.right-2{right:0.5rem}
.right-3{right:0.75rem}
.left-2{left:0.5rem}
.-left-2{left:-0.5rem}
.right-5{right:1.25rem}
.top-5{top:1.25rem}
.bottom-12{bottom:3rem}
.top-10{top:2.5rem}
.right-10{right:2.5rem}
.right-7{right:1.75rem}
.top-full{top:100%}
.top-2{top:0.5rem}
.left-3{left:0.75rem}
.left-4{left:1rem}
.-right-1{right:-0.25rem}
.bottom-4{bottom:1rem}
.-top-5{top:-1.25rem}
.left-full{left:100%}
.left-12{left:3rem}
.top-20{top:5rem}
.bottom-full{bottom:100%}
.bottom-9{bottom:2.25rem}
.bottom-10{bottom:2.5rem}
.bottom-5{bottom:1.25rem}
.-bottom-3{bottom:-0.75rem}
.top-6{top:1.5rem}
.right-12{right:3rem}
.right-6{right:1.5rem}
.-top-2{top:-0.5rem}
.-top-3{top:-0.75rem}
.top-8{top:2rem}
.-top-full{top:-100%}
.bottom-8{bottom:2rem}
.left-7{left:1.75rem}
.-bottom-0{bottom:-0px}
.-left-16{left:-4rem}
.-top-6{top:-1.5rem}
.-left-24{left:-6rem}
.-left-28{left:-7rem}
.bottom-2{bottom:0.5rem}
.bottom-6{bottom:1.5rem}
.-top-0\.5{top:-0.125rem}
.left-1\/2{left:50%}
.right-3\.5{right:0.875rem}
.left-2\.5{left:0.625rem}
.left-3\.5{left:0.875rem}
.top-\[calc\(50\%-10px\)\]{top:calc(50% - 10px)}
.left-\[calc\(50\%-10px\)\]{left:calc(50% - 10px)}
.top-\[calc\(50\%-8px\)\]{top:calc(50% - 8px)}
.left-\[calc\(50\%-8px\)\]{left:calc(50% - 8px)}
.top-3\.5{top:0.875rem}
.-right-1\.5{right:-0.375rem}
.bottom-\[85\%\]{bottom:85%}
.top-0\.5{top:0.125rem}
.isolate{isolation:isolate}
.z-10{z-index:10}
.-z-10{z-index:-10}
.z-20{z-index:20}
.z-0{z-index:0}
.z-50{z-index:50}
.z-40{z-index:40}
.z-30{z-index:30}
.-z-20{z-index:-20}
.z-\[60\]{z-index:60}
.order-1{order:1}
.order-4{order:4}
.order-2{order:2}
.order-3{order:3}
.col-span-1{grid-column:span 1 / span 1}
.col-span-2{grid-column:span 2 / span 2}
.col-span-full{grid-column:1 / -1}
.col-span-4{grid-column:span 4 / span 4}
.col-span-3{grid-column:span 3 / span 3}
.col-span-5{grid-column:span 5 / span 5}
.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}
.col-end-5{grid-column-end:5}
.col-end-6{grid-column-end:6}
.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}
.row-start-1{grid-row-start:1}
.row-end-1{grid-row-end:1}
.float-right{float:right}
.float-left{float:left}
.m-auto{margin:auto}
.m-1{margin:0.25rem}
.-m-px{margin:-1px}
.m-5{margin:1.25rem}
.m-4{margin:1rem}
.m-6{margin:1.5rem}
.m-8{margin:2rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mx-5{margin-left:1.25rem;margin-right:1.25rem}
.my-2{margin-top:0.5rem;margin-bottom:0.5rem}
.mx-0{margin-left:0px;margin-right:0px}
.mx-1{margin-left:0.25rem;margin-right:0.25rem}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.my-3{margin-top:0.75rem;margin-bottom:0.75rem}
.mx-0\.5{margin-left:0.125rem;margin-right:0.125rem}
.mr-2{margin-right:0.5rem}
.mt-0{margin-top:0px}
.ml-0{margin-left:0px}
.mt-2{margin-top:0.5rem}
.mb-2{margin-bottom:0.5rem}
.ml-5{margin-left:1.25rem}
.mt-3{margin-top:0.75rem}
.mb-3{margin-bottom:0.75rem}
.mb-6{margin-bottom:1.5rem}
.mt-24{margin-top:6rem}
.mt-6{margin-top:1.5rem}
.mt-1{margin-top:0.25rem}
.mb-1{margin-bottom:0.25rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mr-1{margin-right:0.25rem}
.mr-5{margin-right:1.25rem}
.ml-auto{margin-left:auto}
.mr-auto{margin-right:auto}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.ml-1{margin-left:0.25rem}
.ml-2{margin-left:0.5rem}
.mb-9{margin-bottom:2.25rem}
.mt-9{margin-top:2.25rem}
.mt-16{margin-top:4rem}
.mt-7{margin-top:1.75rem}
.mb-7{margin-bottom:1.75rem}
.mt-12{margin-top:3rem}
.mb-8{margin-bottom:2rem}
.mt-8{margin-top:2rem}
.mt-14{margin-top:3.5rem}
.mr-0{margin-right:0px}
.ml-4{margin-left:1rem}
.mb-10{margin-bottom:2.5rem}
.mt-10{margin-top:2.5rem}
.ml-3{margin-left:0.75rem}
.mr-3{margin-right:0.75rem}
.mb-12{margin-bottom:3rem}
.mb-11{margin-bottom:2.75rem}
.mb-16{margin-bottom:4rem}
.mb-14{margin-bottom:3.5rem}
.mr-4{margin-right:1rem}
.ml-10{margin-left:2.5rem}
.mr-10{margin-right:2.5rem}
.mb-0{margin-bottom:0px}
.-ml-4{margin-left:-1rem}
.-mr-3{margin-right:-0.75rem}
.-ml-1{margin-left:-0.25rem}
.-mr-1{margin-right:-0.25rem}
.mr-6{margin-right:1.5rem}
.-ml-0{margin-left:-0px}
.ml-8{margin-left:2rem}
.mr-8{margin-right:2rem}
.mr-7{margin-right:1.75rem}
.-mt-8{margin-top:-2rem}
.mb-20{margin-bottom:5rem}
.-mt-4{margin-top:-1rem}
.mt-20{margin-top:5rem}
.mt-52{margin-top:13rem}
.mb-44{margin-bottom:11rem}
.mt-44{margin-top:11rem}
.mb-32{margin-bottom:8rem}
.-mt-6{margin-top:-1.5rem}
.-mt-3{margin-top:-0.75rem}
.-mr-4{margin-right:-1rem}
.mt-0\.5{margin-top:0.125rem}
.ml-0\.5{margin-left:0.125rem}
.mt-\[1px\]{margin-top:1px}
.mt-1\.5{margin-top:0.375rem}
.mb-1\.5{margin-bottom:0.375rem}
.mt-3\.5{margin-top:0.875rem}
.mr-2\.5{margin-right:0.625rem}
.mr-1\.5{margin-right:0.375rem}
.mb-3\.5{margin-bottom:0.875rem}
.mb-2\.5{margin-bottom:0.625rem}
.mr-0\.5{margin-right:0.125rem}
.mt-2\.5{margin-top:0.625rem}
.mb-0\.5{margin-bottom:0.125rem}
.ml-2\.5{margin-left:0.625rem}
.mt-\[25vh\]{margin-top:25vh}
.ml-1\.5{margin-left:0.375rem}
.ml-\[2px\]{margin-left:2px}
.block{display:block}
.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}
.hidden{display:none}
.aspect-square{aspect-ratio:1 / 1}
.aspect-auto{aspect-ratio:auto}
.aspect-1\/1{aspect-ratio:1 / 1}
.aspect-2\/3{aspect-ratio:2 / 3}
.aspect-16\/9{aspect-ratio:16 / 9}
.aspect-4\/3{aspect-ratio:4 / 3}
.h-full{height:100%}
.h-8{height:2rem}
.h-auto{height:auto}
.h-5{height:1.25rem}
.h-12{height:3rem}
.h-4{height:1rem}
.h-fit{height:-moz-fit-content;height:fit-content}
.h-3{height:0.75rem}
.h-2{height:0.5rem}
.h-9{height:2.25rem}
.h-10{height:2.5rem}
.h-0{height:0px}
.h-11{height:2.75rem}
.h-20{height:5rem}
.h-6{height:1.5rem}
.h-16{height:4rem}
.h-7{height:1.75rem}
.h-32{height:8rem}
.h-px{height:1px}
.h-14{height:3.5rem}
.h-1{height:0.25rem}
.h-screen{height:100vh}
.h-60{height:15rem}
.h-24{height:6rem}
.h-\[80\%\]{height:80%}
.h-\[110\%\]{height:110%}
.h-3\.5{height:0.875rem}
.h-2\.5{height:0.625rem}
.h-\[550px\]{height:550px}
.h-\[var\(--rating-star-size\)\]{height:var(--rating-star-size)}
.h-\[var\(--base-font-size\)\]{height:var(--base-font-size)}
.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-\[90vh\]{height:90vh}
.h-\[100vh\]{height:100vh}
.h-\[94vh\]{height:94vh}
.max-h-full{max-height:100%}
.max-h-0{max-height:0px}
.max-h-36{max-height:9rem}
.max-h-52{max-height:13rem}
.max-h-96{max-height:24rem}
.max-h-64{max-height:16rem}
.max-h-screen{max-height:100vh}
.max-h-72{max-height:18rem}
.max-h-16{max-height:4rem}
.max-h-32{max-height:8rem}
.max-h-40{max-height:10rem}
.max-h-60{max-height:15rem}
.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-\[100px\]{max-height:100px}
.max-h-\[90vh\]{max-height:90vh}
.max-h-\[50vh\]{max-height:50vh}
.max-h-\[65vh\]{max-height:65vh}
.min-h-full{min-height:100%}
.min-h-screen{min-height:100vh}
.min-h-\[100vh\]{min-height:100vh}
.min-h-\[450px\]{min-height:450px}
.min-h-\[20px\]{min-height:20px}
.min-h-\[100\%\]{min-height:100%}
.min-h-\[420px\]{min-height:420px}
.min-h-\[60px\]{min-height:60px}
.min-h-\[300px\]{min-height:300px}
.min-h-\[2rem\]{min-height:2rem}
.min-h-\[calc\(75vh-80px\)\]{min-height:calc(75vh - 80px)}
.min-h-\[inherit\]{min-height:inherit}
.min-h-\[45px\]{min-height:45px}
.min-h-\[250px\]{min-height:250px}
.min-h-\[400px\]{min-height:400px}
.min-h-\[500px\]{min-height:500px}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-full{width:100%}
.w-8{width:2rem}
.w-5{width:1.25rem}
.w-12{width:3rem}
.w-2{width:0.5rem}
.w-4{width:1rem}
.w-auto{width:auto}
.w-3{width:0.75rem}
.w-1{width:0.25rem}
.w-6{width:1.5rem}
.w-11{width:2.75rem}
.w-10{width:2.5rem}
.w-max{width:-moz-max-content;width:max-content}
.w-0{width:0px}
.w-28{width:7rem}
.w-20{width:5rem}
.w-14{width:3.5rem}
.w-24{width:6rem}
.w-16{width:4rem}
.w-32{width:8rem}
.w-px{width:1px}
.w-44{width:11rem}
.w-52{width:13rem}
.w-7{width:1.75rem}
.w-60{width:15rem}
.w-96{width:24rem}
.w-72{width:18rem}
.w-80{width:20rem}
.w-9{width:2.25rem}
.w-screen{width:100vw}
.w-\[90\%\]{width:90%}
.w-2\.5{width:0.625rem}
.w-3\.5{width:0.875rem}
.w-1\/3{width:33.333333%}
.w-2\/3{width:66.666667%}
.w-11\/12{width:91.666667%}
.w-1\/5{width:20%}
.w-1\/2{width:50%}
.w-4\/12{width:33.333333%}
.w-2\/12{width:16.666667%}
.w-10\/12{width:83.333333%}
.w-\[48\%\]{width:48%}
.w-\[40rem\]{width:40rem}
.w-3\/4{width:75%}
.w-1\/4{width:25%}
.w-\[var\(--rating-star-size\)\]{width:var(--rating-star-size)}
.w-\[var\(--font-size-large\)\]{width:var(--font-size-large)}
.w-\[44\%\]{width:44%}
.w-4\/5{width:80%}
.w-\[var\(--base-font-size\)\]{width:var(--base-font-size)}
.w-\[15\%\]{width:15%}
.w-\[85\%\]{width:85%}
.w-\[calc\(50\%-1px\)\]{width:calc(50% - 1px)}
.w-\[95\%\]{width:95%}
.w-\[50vw\]{width:50vw}
.w-\[40px\]{width:40px}
.w-\[50px\]{width:50px}
.w-\[60px\]{width:60px}
.w-\[70px\]{width:70px}
.w-\[80px\]{width:80px}
.w-\[90px\]{width:90px}
.w-\[100px\]{width:100px}
.w-\[110px\]{width:110px}
.w-\[120px\]{width:120px}
.w-\[130px\]{width:130px}
.w-\[140px\]{width:140px}
.w-\[150px\]{width:150px}
.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}
.min-w-max{min-width:-moz-max-content;min-width:max-content}
.min-w-full{min-width:100%}
.min-w-\[120px\]{min-width:120px}
.min-w-\[300px\]{min-width:300px}
.min-w-\[90\%\]{min-width:90%}
.min-w-\[45px\]{min-width:45px}
.min-w-\[50px\]{min-width:50px}
.max-w-full{max-width:100%}
.max-w-xl{max-width:36rem}
.max-w-3xl{max-width:48rem}
.max-w-sm{max-width:24rem}
.max-w-5xl{max-width:64rem}
.max-w-2xl{max-width:42rem}
.max-w-lg{max-width:32rem}
.max-w-xs{max-width:20rem}
.max-w-4xl{max-width:56rem}
.max-w-\[13rem\]{max-width:13rem}
.max-w-\[570px\]{max-width:570px}
.max-w-\[500px\]{max-width:500px}
.max-w-\[90\%\]{max-width:90%}
.max-w-\[86px\]{max-width:86px}
.max-w-\[650px\]{max-width:650px}
.max-w-\[31rem\]{max-width:31rem}
.max-w-\[950px\]{max-width:950px}
.max-w-\[530px\]{max-width:530px}
.max-w-\[83\%\]{max-width:83%}
.max-w-\[90px\]{max-width:90px}
.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}
.flex-1{flex:1 1 0%}
.flex-auto{flex:1 1 auto}
.flex-\[0_1_140px\]{flex:0 1 140px}
.flex-shrink-0{flex-shrink:0}
.shrink-0{flex-shrink:0}
.flex-grow{flex-grow:1}
.grow{flex-grow:1}
.border-collapse{border-collapse:collapse}
.origin-center{transform-origin:center}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-1{--tw-translate-x:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) 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-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-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-4{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-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-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-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\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-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-1\/3{--tw-translate-y:33.333333%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-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-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))}
.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-rotate-45{--tw-rotate:-45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-50{--tw-scale-x:.5;--tw-scale-y:.5;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-90{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.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))}
@keyframes spin{
to{transform:rotate(360deg)}}
.animate-spin{animation:spin 1s linear infinite}
@keyframes pulse{
50%{opacity:.5}}
.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) 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-grabbing{cursor:grabbing}
.cursor-pointer{cursor:pointer}
.cursor-grab{cursor:grab}
.cursor-not-allowed{cursor:not-allowed}
.cursor-zoom-in{cursor:zoom-in}
.cursor-auto{cursor:auto}
.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}
.list-decimal{list-style-type:decimal}
.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.break-inside-avoid-column{-moz-column-break-inside:avoid;break-inside:avoid-column}
.grid-flow-row-dense{grid-auto-flow:row dense}
.auto-rows-auto{grid-auto-rows:auto}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 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}
.content-center{align-content:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.items-baseline{align-items:baseline}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-1{gap:0.25rem}
.gap-3{gap:0.75rem}
.gap-7{gap:1.75rem}
.gap-9{gap:2.25rem}
.gap-2{gap:0.5rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-8{gap:2rem}
.gap-12{gap:3rem}
.gap-2\.5{gap:0.625rem}
.gap-1\.5{gap:0.375rem}
.gap-\[2px\]{gap:2px}
.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}
.gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem}
.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}
.gap-x-1{-moz-column-gap:0.25rem;column-gap:0.25rem}
.gap-y-2{row-gap:0.5rem}
.gap-y-6{row-gap:1.5rem}
.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}
.gap-y-3{row-gap:0.75rem}
.gap-y-4{row-gap:1rem}
.gap-y-1{row-gap:0.25rem}
.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}
.gap-x-\[4\%\]{-moz-column-gap:4%;column-gap:4%}
.gap-x-1\.5{-moz-column-gap:0.375rem;column-gap:0.375rem}
.gap-x-2\.5{-moz-column-gap:0.625rem;column-gap:0.625rem}
.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}
.self-start{align-self:flex-start}
.self-end{align-self:flex-end}
.self-center{align-self:center}
.overflow-auto{overflow:auto}
.overflow-hidden{overflow:hidden}
.overflow-y-auto{overflow-y:auto}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-scroll{overflow-y:scroll}
.scroll-smooth{scroll-behavior:smooth}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-normal{white-space:normal}
.whitespace-nowrap{white-space:nowrap}
.break-words{overflow-wrap:break-word}
.break-all{word-break:break-all}
.rounded-lg{border-radius:0.5rem}
.rounded-full{border-radius:9999px}
.rounded-none{border-radius:0px}
.rounded{border-radius:0.25rem}
.rounded-md{border-radius:0.375rem}
.rounded-sm{border-radius:0.125rem}
.border{border-width:1px}
.border-0{border-width:0px}
.border-2{border-width:2px}
.border-x-0{border-left-width:0px;border-right-width:0px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.border-t{border-top-width:1px}
.border-b{border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.border-t-0{border-top-width:0px}
.border-l-2{border-left-width:2px}
.border-l{border-left-width:1px}
.border-r{border-right-width:1px}
.border-b-0{border-bottom-width:0px}
.border-solid{border-style:solid}
.border-dashed{border-style:dashed}
.border-dotted{border-style:dotted}
.border-none{border-style:none}
.border-current{border-color:currentColor}
.border-\[rgba\(var\(--colors-text\)\2c 1\)\]{border-color:rgba(var(--colors-text),1)}
.border-\[rgba\(var\(--color-error\)\)\]{border-color:rgba(var(--color-error))}
.border-\[rgba\(var\(--background-color\)\)\]{border-color:rgba(var(--background-color))}
.border-\[rgba\(var\(--colors-line-and-border\)\)\]{border-color:rgba(var(--colors-line-and-border))}
.border-\[rgba\(var\(--color-success\)\)\]{border-color:rgba(var(--color-success))}
.border-\[rgb\(var\(--colors-text\)\2c 1\)\]{border-color:rgb(var(--colors-text),1)}
.bg-inherit{background-color:inherit}
.bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(229 229 229 / var(--tw-bg-opacity))}
.bg-transparent{background-color:transparent}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}
.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139 / var(--tw-bg-opacity))}
.bg-\[rgba\(var\(--colors-cart\)\)\]{background-color:rgba(var(--colors-cart))}
.bg-\[\#c9c9c9\]{--tw-bg-opacity:1;background-color:rgb(201 201 201 / var(--tw-bg-opacity))}
.bg-\[rgba\(var\(--image-treatment-text\)\2c 0\.3\)\]{background-color:rgba(var(--image-treatment-text),0.3)}
.bg-\[rgba\(var\(--background-color\)\)\]{background-color:rgba(var(--background-color))}
.bg-\[rgba\(var\(--color-success\)\2c 0\.2\)\]{background-color:rgba(var(--color-success),0.2)}
.bg-\[rgba\(var\(--color-error\)\2c 0\.2\)\]{background-color:rgba(var(--color-error),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-\[\#C9C9C9\]{--tw-bg-opacity:1;background-color:rgb(201 201 201 / var(--tw-bg-opacity))}
.bg-\[rgba\(var\(--colors-text\)\2c 0\.1\)\]{background-color:rgba(var(--colors-text),0.1)}
.bg-\[rgba\(var\(--background-color\)\2c 1\)\]{background-color:rgba(var(--background-color),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-\[\#acacac\]{--tw-bg-opacity:1;background-color:rgb(172 172 172 / var(--tw-bg-opacity))}
.bg-\[rgba\(var\(--colors-background\)\)\]{background-color:rgba(var(--colors-background))}
.bg-\[rgba\(var\(--colors-text\)\2c 0\.2\)\]{background-color:rgba(var(--colors-text),0.2)}
.bg-\[rgba\(var\(--colors-text\)\)\]{background-color:rgba(var(--colors-text))}
.bg-\[\#f4af29\]{--tw-bg-opacity:1;background-color:rgb(244 175 41 / 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-opacity-30{--tw-bg-opacity:0.3;display:none}
.bg-opacity-0{--tw-bg-opacity:0}
.bg-opacity-50{--tw-bg-opacity:0.5}
.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}
.fill-blue-600{fill:#2563eb}
.fill-\[\#ffa422\]{fill:#ffa422}
.object-contain{-o-object-fit:contain;object-fit:contain}
.object-cover{-o-object-fit:cover;object-fit:cover}
.object-center{-o-object-position:center;object-position:center}
.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}
.p-2{padding:0.5rem}
.p-5{padding:1.25rem}
.p-4{padding:1rem}
.p-3{padding:0.75rem}
.p-1{padding:0.25rem}
.p-7{padding:1.75rem}
.p-16{padding:4rem}
.p-14{padding:3.5rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.p-2\.5{padding:0.625rem}
.p-3\.5{padding:0.875rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.pl-2{padding-left:0.5rem}
.pr-2{padding-right:0.5rem}
.pt-0\.5{padding-top:0.125rem}
.pb-0\.5{padding-bottom:0.125rem}
.pt-0{padding-top:0px}
.pb-0{padding-bottom:0px}
.pt-2{padding-top:0.5rem}
.pb-2{padding-bottom:0.5rem}
.pl-6{padding-left:1.5rem}
.pr-6{padding-right:1.5rem}
.pl-5{padding-left:1.25rem}
.pr-5{padding-right:1.25rem}
.pt-4{padding-top:1rem}
.pb-4{padding-bottom:1rem}
.pl-4{padding-left:1rem}
.pr-4{padding-right:1rem}
.pt-3{padding-top:0.75rem}
.pb-3{padding-bottom:0.75rem}
.pt-5{padding-top:1.25rem}
.pb-1{padding-bottom:0.25rem}
.pr-8{padding-right:2rem}
.pr-10{padding-right:2.5rem}
.pl-8{padding-left:2rem}
.pt-8{padding-top:2rem}
.pb-8{padding-bottom:2rem}
.pl-3{padding-left:0.75rem}
.pr-3{padding-right:0.75rem}
.pr-0{padding-right:0px}
.pb-5{padding-bottom:1.25rem}
.pt-1{padding-top:0.25rem}
.pt-6{padding-top:1.5rem}
.pb-10{padding-bottom:2.5rem}
.pl-7{padding-left:1.75rem}
.pr-7{padding-right:1.75rem}
.pt-24{padding-top:6rem}
.pb-36{padding-bottom:9rem}
.pl-1{padding-left:0.25rem}
.pr-1{padding-right:0.25rem}
.pl-12{padding-left:3rem}
.pr-12{padding-right:3rem}
.pl-9{padding-left:2.25rem}
.pr-9{padding-right:2.25rem}
.pb-7{padding-bottom:1.75rem}
.pl-10{padding-left:2.5rem}
.pt-7{padding-top:1.75rem}
.pb-9{padding-bottom:2.25rem}
.pt-10{padding-top:2.5rem}
.pb-12{padding-bottom:3rem}
.pb-6{padding-bottom:1.5rem}
.pt-12{padding-top:3rem}
.pt-16{padding-top:4rem}
.pb-16{padding-bottom:4rem}
.pl-0{padding-left:0px}
.pt-9{padding-top:2.25rem}
.pt-14{padding-top:3.5rem}
.pr-16{padding-right:4rem}
.pr-24{padding-right:6rem}
.pb-14{padding-bottom:3.5rem}
.pr-14{padding-right:3.5rem}
.pl-72{padding-left:18rem}
.pb-28{padding-bottom:7rem}
.pb-11{padding-bottom:2.75rem}
.pt-20{padding-top:5rem}
.pl-20{padding-left:5rem}
.pr-20{padding-right:5rem}
.pl-14{padding-left:3.5rem}
.pl-32{padding-left:8rem}
.pr-32{padding-right:8rem}
.pt-2\.5{padding-top:0.625rem}
.pb-2\.5{padding-bottom:0.625rem}
.pr-2\.5{padding-right:0.625rem}
.pl-2\.5{padding-left:0.625rem}
.pt-3\.5{padding-top:0.875rem}
.pb-3\.5{padding-bottom:0.875rem}
.pt-1\.5{padding-top:0.375rem}
.pb-1\.5{padding-bottom:0.375rem}
.pl-1\.5{padding-left:0.375rem}
.pr-1\.5{padding-right:0.375rem}
.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}
.pb-\[75\%\]{padding-bottom:75%}
.pb-\[125\%\]{padding-bottom:125%}
.pb-\[65\%\]{padding-bottom:65%}
.pb-\[56\.25\%\]{padding-bottom:56.25%}
.pb-\[100\.0\%\]{padding-bottom:100.0%}
.pb-\[100\%\]{padding-bottom:100%}
.pb-\[150\%\]{padding-bottom:150%}
.pb-\[56\%\]{padding-bottom:56%}
.pb-\[50\%\]{padding-bottom:50%}
.pb-\[120\%\]{padding-bottom:120%}
.pb-\[150\.0\%\]{padding-bottom:150.0%}
.pb-\[75\.0\%\]{padding-bottom:75.0%}
.pb-\[3px\]{padding-bottom:3px}
.pb-\[6px\]{padding-bottom:6px}
.pb-\[9px\]{padding-bottom:9px}
.pb-\[12px\]{padding-bottom:12px}
.pb-\[15px\]{padding-bottom:15px}
.pb-\[18px\]{padding-bottom:18px}
.pb-\[21px\]{padding-bottom:21px}
.pb-\[24px\]{padding-bottom:24px}
.pb-\[27px\]{padding-bottom:27px}
.pb-\[30px\]{padding-bottom:30px}
.pb-\[33px\]{padding-bottom:33px}
.pb-\[36px\]{padding-bottom:36px}
.pb-\[39px\]{padding-bottom:39px}
.pb-\[42px\]{padding-bottom:42px}
.pb-\[45px\]{padding-bottom:45px}
.pb-\[48px\]{padding-bottom:48px}
.pb-\[51px\]{padding-bottom:51px}
.pb-\[54px\]{padding-bottom:54px}
.pb-\[57px\]{padding-bottom:57px}
.pb-\[60px\]{padding-bottom:60px}
.pb-\[63px\]{padding-bottom:63px}
.pb-\[66px\]{padding-bottom:66px}
.pb-\[69px\]{padding-bottom:69px}
.pb-\[72px\]{padding-bottom:72px}
.pb-\[75px\]{padding-bottom:75px}
.pt-\[3px\]{padding-top:3px}
.pt-\[6px\]{padding-top:6px}
.pt-\[9px\]{padding-top:9px}
.pt-\[12px\]{padding-top:12px}
.pt-\[15px\]{padding-top:15px}
.pt-\[18px\]{padding-top:18px}
.pt-\[21px\]{padding-top:21px}
.pt-\[24px\]{padding-top:24px}
.pt-\[27px\]{padding-top:27px}
.pt-\[30px\]{padding-top:30px}
.pt-\[33px\]{padding-top:33px}
.pt-\[36px\]{padding-top:36px}
.pt-\[39px\]{padding-top:39px}
.pt-\[42px\]{padding-top:42px}
.pt-\[45px\]{padding-top:45px}
.pt-\[48px\]{padding-top:48px}
.pt-\[51px\]{padding-top:51px}
.pt-\[54px\]{padding-top:54px}
.pt-\[57px\]{padding-top:57px}
.pt-\[60px\]{padding-top:60px}
.pt-\[63px\]{padding-top:63px}
.pt-\[66px\]{padding-top:66px}
.pt-\[69px\]{padding-top:69px}
.pt-\[72px\]{padding-top:72px}
.pt-\[75px\]{padding-top:75px}
.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}
.text-xs{font-size:0.75rem;line-height:1rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-7xl{font-size:4.5rem;line-height:1}
.text-\[9px\]{font-size:9px}
.text-\[10px\]{font-size:10px}
.text-\[70\%\]{font-size:70%}
.text-\[0\.39375rem\]{font-size:0.39375rem}
.text-\[0\.4725rem\]{font-size:0.4725rem}
.text-\[0\.55125rem\]{font-size:0.55125rem}
.text-\[0\.63rem\]{font-size:0.63rem}
.text-\[0\.70875rem\]{font-size:0.70875rem}
.text-\[0\.7875rem\]{font-size:0.7875rem}
.text-\[0\.86625rem\]{font-size:0.86625rem}
.text-\[0\.945rem\]{font-size:0.945rem}
.text-\[1\.02375rem\]{font-size:1.02375rem}
.text-\[1\.1025rem\]{font-size:1.1025rem}
.text-\[1\.18125rem\]{font-size:1.18125rem}
.text-\[1\.26rem\]{font-size:1.26rem}
.text-\[1\.33875rem\]{font-size:1.33875rem}
.text-\[1\.4175rem\]{font-size:1.4175rem}
.text-\[1\.49625rem\]{font-size:1.49625rem}
.text-\[1\.575rem\]{font-size:1.575rem}
.text-\[0\.4375rem\]{font-size:0.4375rem}
.text-\[0\.525rem\]{font-size:0.525rem}
.text-\[0\.6125rem\]{font-size:0.6125rem}
.text-\[0\.7rem\]{font-size:0.7rem}
.text-\[0\.875rem\]{font-size:0.875rem}
.text-\[0\.9625rem\]{font-size:0.9625rem}
.text-\[1\.05rem\]{font-size:1.05rem}
.text-\[1\.1375rem\]{font-size:1.1375rem}
.text-\[1\.225rem\]{font-size:1.225rem}
.text-\[1\.3125rem\]{font-size:1.3125rem}
.text-\[1\.4rem\]{font-size:1.4rem}
.text-\[1\.4875rem\]{font-size:1.4875rem}
.text-\[1\.6625rem\]{font-size:1.6625rem}
.text-\[1\.75rem\]{font-size:1.75rem}
.text-\[0\.675rem\]{font-size:0.675rem}
.text-\[0\.81rem\]{font-size:0.81rem}
.text-\[1\.08rem\]{font-size:1.08rem}
.text-\[1\.215rem\]{font-size:1.215rem}
.text-\[1\.35rem\]{font-size:1.35rem}
.text-\[1\.485rem\]{font-size:1.485rem}
.text-\[1\.62rem\]{font-size:1.62rem}
.text-\[1\.755rem\]{font-size:1.755rem}
.text-\[1\.89rem\]{font-size:1.89rem}
.text-\[2\.025rem\]{font-size:2.025rem}
.text-\[2\.16rem\]{font-size:2.16rem}
.text-\[2\.43rem\]{font-size:2.43rem}
.text-\[2\.565rem\]{font-size:2.565rem}
.text-\[2\.7rem\]{font-size:2.7rem}
.text-\[1\.125rem\]{font-size:1.125rem}
.text-\[1\.8rem\]{font-size:1.8rem}
.text-\[2\.25rem\]{font-size:2.25rem}
.text-\[2\.475rem\]{font-size:2.475rem}
.text-\[2\.925rem\]{font-size:2.925rem}
.text-\[3\.15rem\]{font-size:3.15rem}
.text-\[3\.375rem\]{font-size:3.375rem}
.text-\[3\.6rem\]{font-size:3.6rem}
.text-\[4\.05rem\]{font-size:4.05rem}
.text-\[4\.275rem\]{font-size:4.275rem}
.text-\[4\.5rem\]{font-size:4.5rem}
.text-\[0\.567rem\]{font-size:0.567rem}
.text-\[0\.6615rem\]{font-size:0.6615rem}
.text-\[0\.756rem\]{font-size:0.756rem}
.text-\[0\.8505rem\]{font-size:0.8505rem}
.text-\[1\.0395rem\]{font-size:1.0395rem}
.text-\[1\.134rem\]{font-size:1.134rem}
.text-\[1\.2285rem\]{font-size:1.2285rem}
.text-\[1\.323rem\]{font-size:1.323rem}
.text-\[1\.512rem\]{font-size:1.512rem}
.text-\[1\.6065rem\]{font-size:1.6065rem}
.text-\[1\.701rem\]{font-size:1.701rem}
.text-\[1\.7955rem\]{font-size:1.7955rem}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-normal{font-weight:400}
.font-bold{font-weight:700}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
.italic{font-style:italic}
.not-italic{font-style:normal}
.leading-normal{line-height:1.5}
.leading-tight{line-height:1.25}
.leading-none{line-height:1}
.leading-snug{line-height:1.375}
.leading-10{line-height:2.5rem}
.leading-\[initial\]{line-height:initial}
.tracking-wider{letter-spacing:0.05em}
.tracking-widest{letter-spacing:0.1em}
.text-inherit{color:inherit}
.text-current{color:currentColor}
.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity))}
.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}
.text-\[rgba\(var\(--colors-cart-text\)\)\]{color:rgba(var(--colors-cart-text))}
.text-\[\#acacac\]{--tw-text-opacity:1;color:rgb(172 172 172 / var(--tw-text-opacity))}
.text-\[rgba\(var\(--colors-heading\)\)\]{color:rgba(var(--colors-heading))}
.text-\[rgba\(var\(--image-treatment-text\)\)\]{color:rgba(var(--image-treatment-text))}
.text-\[rgba\(var\(--color-success\)\)\]{color:rgba(var(--color-success))}
.text-\[rgba\(var\(--color-error\)\)\]{color:rgba(var(--color-error))}
.text-\[rgb\(var\(--colors-text\)\)\]{color:rgb(var(--colors-text))}
.text-\[rgb\(var\(--colors-text-link\)\)\]{color:rgb(var(--colors-text-link))}
.text-\[rgba\(var\(--colors-text-link\)\)\]{color:rgba(var(--colors-text-link))}
.text-\[rgba\(var\(--colors-text\)\)\]{color:rgba(var(--colors-text))}
.text-\[rgb\(var\(--colors-text\)\2c 0\.3\)\]{color:rgb(var(--colors-text),0.3)}
.text-\[rgb\(var\(--colors-text\)\2c 0\.7\)\]{color:rgb(var(--colors-text),0.7)}
.text-\[rgb\(var\(--colors-text-header\)\)\]{color:rgb(var(--colors-text-header))}
.text-\[\#ffa422\]{--tw-text-opacity:1;color:rgb(255 164 34 / var(--tw-text-opacity))}
.text-\[rgb\(var\(--colors-text\)\2c 1\)\]{color:rgb(var(--colors-text),1)}
.text-opacity-70{--tw-text-opacity:0.7}
.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}
.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}
.decoration-1{text-decoration-thickness:1px}
.underline-offset-2{text-underline-offset:2px}
.underline-offset-4{text-underline-offset:4px}
.opacity-0{opacity:0}
.opacity-30{opacity:0.3}
.opacity-70{opacity:0.7}
.opacity-60{opacity:0.6}
.opacity-50{opacity:0.5}
.opacity-40{opacity:0.4}
.opacity-100{opacity:1}
.opacity-80{opacity:0.8}
.opacity-20{opacity:0.2}
.opacity-75{opacity:0.75}
.opacity-10{opacity:0.1}
.opacity-90{opacity:0.9}
.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-showdownInset{--tw-shadow:inset 1px -2px 5px -1px rgba(0, 0, 0, 0.1);--tw-shadow-colored:inset 1px -2px 5px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow{--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-\[0_-1px_4px_-1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 -1px 4px -1px rgba(0,0,0,0.1);--tw-shadow-colored:0 -1px 4px -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}
.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)}
.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)}
.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-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.delay-150{transition-delay:150ms}
.delay-300{transition-delay:300ms}
.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-200{transition-duration:200ms}
.duration-150{transition-duration:150ms}
.duration-100{transition-duration:100ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.duration-1000{transition-duration:1000ms}
.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-linear{transition-timing-function:linear}
.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}
.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\:heading\]{grid-area:heading}
.\[grid-area\:icons\]{grid-area:icons}
.\[grid-area\:navigation\]{grid-area:navigation}
@media (min-width: 1024px) {
    .payment-button .shopify-payment-button__button--unbranded {
      color: rgb(var(--colors-button-text));
      background: rgba(var(--colors-button));
      overflow: hidden;
      background-origin: border-box;
    }
    .payment-button .shopify-payment-button__button--unbranded:hover {
      transition-delay: 0.5s;
      transition-property: background-color;
      background-color: var(--colors-button-hover);
      color: rgba(var(--colors-button-text-hover));
      background-origin: border-box;
    }
    .payment-button .shopify-payment-button__button--unbranded:before {
      content: "";
      z-index: -1;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: var(--button-width);
      height: var(--button-height);
      background-color: var(--colors-button-hover);
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      will-change: transform;
      transform: var(--button-transform);
      transform-origin: var(--button-transform-origin);
      transition: transform 0.5s ease;
    }
    .payment-button .shopify-payment-button__button--unbranded:hover:before {
      transform: rotate3d(0,0,1,0) translateZ(0);
    }
  }
.spr-container .spr-header-title {
  font-size: var(--h2-font-size-mobile);
}
.main-product .spr-header-title {
  font-size: calc(var(--h2-font-size-mobile) * 0.7);
}
.spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect) {
  border-radius: var(--border-radius);
  background: var(--colors-button-hover);
  border-color: var(--colors-button-hover);
  color: rgba(var(--colors-button-text-hover));
}
@media (min-width: 1024px) {
  .spr-reviews .spr-review-reportreview:not(.button):not(.disable-effect):hover {
    background-size: 0;
  }
  .spr-container .spr-header-title {
    font-size: var(--h2-font-size);
  }
  .main-product .spr-header-title {
    font-size: calc(var(--h2-font-size) * 0.7);
  }
  .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect) {
    border: 1px solid rgba(var(--colors-button));
    color: rgb(var(--colors-button-text));
    background: rgba(var(--colors-button));
    overflow: hidden;
    background-origin: border-box;
    position: relative;
  }      
  .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):hover {
    transition: box-shadow 1s;
    background-image: linear-gradient(rgba(var(--colors-button),0), rgba(var(--colors-button),0)), var(--colors-button-hover); 
    border-color: var(--colors-button-hover);
    color: rgba(var(--colors-button-text-hover));
    background: var(--colors-button-hover);
  } 
  .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):before {
    content: "";
    transition: all .25s ease;          
    background: var(--colors-button-hover);          
    position:absolute;          
    top:0px;          
    right:0px;          
    z-index:-10;          
    height:100%;          
    width:0px;
  }   
  .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):hover:before{left:0px;width:100%}     
  .spr-reviews .spr-review-header-title {
    font-size: var(--h6-font-size);
  }
}
.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;
}
@media (min-width: 1024px) {
    .shopify-cleanslate {
        width: 50%;
        float: right;
    }

    .shopify-payment-button .shopify-cleanslate [type="submit"],
    .dynamic-checkout__content .shopify-cleanslate [type="submit"],
    .dynamic-checkout__content undefined .shopify-cleanslate * {
        font-size: var(--base-font-size)!important;
    }
}
[x-cloak] { display: none !important; }
.selection\:bg-\[rgba\(var\(--color-success\)\2c 0\.4\)\] *::-moz-selection{background-color:rgba(var(--color-success),0.4)}
.selection\:bg-\[rgba\(var\(--color-success\)\2c 0\.4\)\] *::selection{background-color:rgba(var(--color-success),0.4)}
.selection\:bg-\[rgba\(var\(--color-error\)\2c 0\.4\)\] *::-moz-selection{background-color:rgba(var(--color-error),0.4)}
.selection\:bg-\[rgba\(var\(--color-error\)\2c 0\.4\)\] *::selection{background-color:rgba(var(--color-error),0.4)}
.selection\:bg-\[rgba\(var\(--colors-text-footer\)\2c 0\.2\)\] *::-moz-selection{background-color:rgba(var(--colors-text-footer),0.2)}
.selection\:bg-\[rgba\(var\(--colors-text-footer\)\2c 0\.2\)\] *::selection{background-color:rgba(var(--colors-text-footer),0.2)}
.selection\:bg-\[rgba\(var\(--color-error\)\2c 0\.2\)\] *::-moz-selection{background-color:rgba(var(--color-error),0.2)}
.selection\:bg-\[rgba\(var\(--color-error\)\2c 0\.2\)\] *::selection{background-color:rgba(var(--color-error),0.2)}
.selection\:bg-\[rgba\(var\(--color-success\)\2c 0\.2\)\] *::-moz-selection{background-color:rgba(var(--color-success),0.2)}
.selection\:bg-\[rgba\(var\(--color-success\)\2c 0\.2\)\] *::selection{background-color:rgba(var(--color-success),0.2)}
.selection\:bg-\[rgba\(var\(--color-text-map\)\2c 0\.2\)\] *::-moz-selection{background-color:rgba(var(--color-text-map),0.2)}
.selection\:bg-\[rgba\(var\(--color-text-map\)\2c 0\.2\)\] *::selection{background-color:rgba(var(--color-text-map),0.2)}
.selection\:bg-\[rgba\(var\(--colors-text\)\2c 0\.2\)\] *::-moz-selection{background-color:rgba(var(--colors-text),0.2)}
.selection\:bg-\[rgba\(var\(--colors-text\)\2c 0\.2\)\] *::selection{background-color:rgba(var(--colors-text),0.2)}
.selection\:bg-\[rgba\(var\(--image-treatment-text\)\2c 0\.2\)\] *::-moz-selection{background-color:rgba(var(--image-treatment-text),0.2)}
.selection\:bg-\[rgba\(var\(--image-treatment-text\)\2c 0\.2\)\] *::selection{background-color:rgba(var(--image-treatment-text),0.2)}
.selection\:bg-\[rgba\(var\(--color-success\)\2c 0\.4\)\]::-moz-selection{background-color:rgba(var(--color-success),0.4)}
.selection\:bg-\[rgba\(var\(--color-success\)\2c 0\.4\)\]::selection{background-color:rgba(var(--color-success),0.4)}
.selection\:bg-\[rgba\(var\(--color-error\)\2c 0\.4\)\]::-moz-selection{background-color:rgba(var(--color-error),0.4)}
.selection\:bg-\[rgba\(var\(--color-error\)\2c 0\.4\)\]::selection{background-color:rgba(var(--color-error),0.4)}
.selection\:bg-\[rgba\(var\(--colors-text-footer\)\2c 0\.2\)\]::-moz-selection{background-color:rgba(var(--colors-text-footer),0.2)}
.selection\:bg-\[rgba\(var\(--colors-text-footer\)\2c 0\.2\)\]::selection{background-color:rgba(var(--colors-text-footer),0.2)}
.selection\:bg-\[rgba\(var\(--color-error\)\2c 0\.2\)\]::-moz-selection{background-color:rgba(var(--color-error),0.2)}
.selection\:bg-\[rgba\(var\(--color-error\)\2c 0\.2\)\]::selection{background-color:rgba(var(--color-error),0.2)}
.selection\:bg-\[rgba\(var\(--color-success\)\2c 0\.2\)\]::-moz-selection{background-color:rgba(var(--color-success),0.2)}
.selection\:bg-\[rgba\(var\(--color-success\)\2c 0\.2\)\]::selection{background-color:rgba(var(--color-success),0.2)}
.selection\:bg-\[rgba\(var\(--color-text-map\)\2c 0\.2\)\]::-moz-selection{background-color:rgba(var(--color-text-map),0.2)}
.selection\:bg-\[rgba\(var\(--color-text-map\)\2c 0\.2\)\]::selection{background-color:rgba(var(--color-text-map),0.2)}
.selection\:bg-\[rgba\(var\(--colors-text\)\2c 0\.2\)\]::-moz-selection{background-color:rgba(var(--colors-text),0.2)}
.selection\:bg-\[rgba\(var\(--colors-text\)\2c 0\.2\)\]::selection{background-color:rgba(var(--colors-text),0.2)}
.selection\:bg-\[rgba\(var\(--image-treatment-text\)\2c 0\.2\)\]::-moz-selection{background-color:rgba(var(--image-treatment-text),0.2)}
.selection\:bg-\[rgba\(var\(--image-treatment-text\)\2c 0\.2\)\]::selection{background-color:rgba(var(--image-treatment-text),0.2)}
.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-current::-moz-placeholder{color:currentColor}
.placeholder\:text-current::placeholder{color:currentColor}
.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\: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\:left-0::before{content:var(--tw-content);left:0px}
.before\:left-full::before{content:var(--tw-content);left:100%}
.before\:bottom-1::before{content:var(--tw-content);bottom:0.25rem}
.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\:top-1\/2::before{content:var(--tw-content);top:50%}
.before\:left-1\/2::before{content:var(--tw-content);left:50%}
.before\:z-10::before{content:var(--tw-content);z-index:10}
.before\:z-0::before{content:var(--tw-content);z-index:0}
.before\:float-left::before{content:var(--tw-content);float:left}
.before\:ml-2::before{content:var(--tw-content);margin-left:0.5rem}
.before\:block::before{content:var(--tw-content);display:block}
.before\:h-0::before{content:var(--tw-content);height:0px}
.before\:h-1\/2::before{content:var(--tw-content);height:50%}
.before\:h-\[1px\]::before{content:var(--tw-content);height:1px}
.before\:h-12::before{content:var(--tw-content);height:3rem}
.before\:w-1\/3::before{content:var(--tw-content);width:33.333333%}
.before\:w-full::before{content:var(--tw-content);width:100%}
.before\:w-2\.5::before{content:var(--tw-content);width:0.625rem}
.before\:w-2::before{content:var(--tw-content);width:0.5rem}
.before\:w-0::before{content:var(--tw-content);width:0px}
.before\:w-12::before{content:var(--tw-content);width:3rem}
.before\:max-w-\[33\%\]::before{content:var(--tw-content);max-width:33%}
.before\:-translate-x-1\/2::before{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))}
.before\:-translate-y-1\/2::before{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.before\:rounded-full::before{content:var(--tw-content);border-radius:9999px}
.before\:border-b-8::before{content:var(--tw-content);border-bottom-width:8px}
.before\:border-r-8::before{content:var(--tw-content);border-right-width:8px}
.before\:border-t-8::before{content:var(--tw-content);border-top-width:8px}
.before\:border-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-\[rgba\(var\(--colors-text-link\)\)\]::before{content:var(--tw-content);background-color:rgba(var(--colors-text-link))}
.before\:bg-\[rgba\(var\(--image-treatment-text\)\)\]::before{content:var(--tw-content);background-color:rgba(var(--image-treatment-text))}
.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\:pb-\[100\.0\%\]::before{content:var(--tw-content);padding-bottom:100.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-\[75\.0\%\]::before{content:var(--tw-content);padding-bottom:75.0%}
.before\:pb-\[100\%\]::before{content:var(--tw-content);padding-bottom:100%}
.before\:pb-\[150\%\]::before{content:var(--tw-content);padding-bottom:150%}
.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\:uppercase::before{content:var(--tw-content);text-transform:uppercase}
.before\:opacity-40::before{content:var(--tw-content);opacity:0.4}
.before\:opacity-30::before{content:var(--tw-content);opacity:0.3}
.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\: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\:right-0::after{content:var(--tw-content);right:0px}
.after\:left-0::after{content:var(--tw-content);left:0px}
.after\:-bottom-0\.5::after{content:var(--tw-content);bottom:-0.125rem}
.after\:-bottom-0::after{content:var(--tw-content);bottom:-0px}
.after\:-z-10::after{content:var(--tw-content);z-index:-10}
.after\:z-20::after{content:var(--tw-content);z-index:20}
.after\:h-0\.5::after{content:var(--tw-content);height:0.125rem}
.after\:h-0::after{content:var(--tw-content);height:0px}
.after\:border::after{content:var(--tw-content);border-width:1px}
.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%}
.checked\:border-\[rgba\(var\(--colors-text-link\)\)\]:checked{border-color:rgba(var(--colors-text-link))}
.checked\:bg-\[rgba\(var\(--colors-text-link\)\)\]:checked{background-color:rgba(var(--colors-text-link))}
.empty\:mb-0:empty{margin-bottom:0px}
.empty\:hidden:empty{display:none}
.empty\:h-0:empty{height:0px}
.empty\:min-h-0:empty{min-height:0px}
.focus-within\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}
.hover\:cursor-not-allowed:hover{cursor:not-allowed}
.hover\:border-0:hover{border-width:0px}
.hover\:text-current:hover{color:currentColor}
.hover\:text-\[rgb\(var\(--colors-text-link\)\)\]:hover{color:rgb(var(--colors-text-link))}
.hover\:text-\[rgba\(var\(--colors-text-link\)\)\]:hover{color:rgba(var(--colors-text-link))}
.hover\:opacity-100:hover{opacity:1}
.hover\:duration-100:hover{transition-duration:100ms}
.focus\:border-current:focus{border-color:currentColor}
.focus\:border-\[rgba\(var\(--color-error\)\)\]:focus{border-color:rgba(var(--color-error))}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus-visible\:z-20:focus-visible{z-index:20}
.focus-visible\:border:focus-visible{border-width:1px}
.focus-visible\:border-current:focus-visible{border-color:currentColor}
.focus-visible\:shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}
.disabled\:hidden:disabled{display:none}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.disabled\:opacity-40:disabled{opacity:0.4}
.disabled\:opacity-30:disabled{opacity:0.3}
.disabled\:opacity-60:disabled{opacity:0.6}
.group:hover .group-hover\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:cursor-pointer{cursor:pointer}
.group:hover .group-hover\:opacity-0{opacity:0}
.group:hover .group-hover\:opacity-100{opacity:1}
.is-active > .is-active\:block{display:block}
.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\:effect-inline {
    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));
  }
.pagination-bars .pagination-bars\:is-active-pagination:after {
    background-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.8) 100%,
      rgba(255, 255, 255, 0.9) 50%,
      rgba(255, 255, 255, 1) 0
    ); 
    animation-iteration-count: 1;
    content: "";
  }
.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_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_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_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\:opacity-60{opacity:0.6}
.input:focus~.input_focus\:top-3{top:0.75rem}
.input:focus~.input_focus\:top-1{top:0.25rem}
.input:focus~.input_focus\:top-2\.5{top:0.625rem}
.input:focus~.input_focus\:top-2{top:0.5rem}
.input:focus~.input_focus\:top-3\.5{top:0.875rem}
.input:focus~.input_focus\:text-xs{font-size:0.75rem;line-height:1rem}
.splide-slideshow .slideshow\:h-\[95vh\]{height:95vh}
.article-card .article-card\:hover\:text-current:hover{color:currentColor}
.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\.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-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-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-\[52\%\]{width:52%}
.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}
.dark .dark\:absolute{position:absolute}
.dark .dark\:relative{position:relative}
.dark .dark\:block{display:block}
.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\:pt-0{padding-top:0px}
.dark .dark\:pb-0{padding-bottom:0px}
.dark .dark\:pt-24{padding-top:6rem}
.dark .dark\:pb-28{padding-bottom:7rem}
.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\:pr-5{padding-right:1.25rem}
.dark .dark\:pr-0{padding-right:0px}
.dark .dark\:pl-0{padding-left:0px}
.dark .dark\:pl-8{padding-left:2rem}
.dark .dark\:pb-8{padding-bottom:2rem}
.dark .dark\:pt-8{padding-top:2rem}
.dark .dark\:pr-8{padding-right:2rem}
.dark .dark\:pb-1{padding-bottom:0.25rem}
@media (min-width: 768px){ 
    .md\:promotion-alignment--top-left{top:0.625rem;left:0px;bottom:auto;right:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} 
    @media (min-width: 1024px){
.md\:promotion-alignment--top-left{left:1.25rem}}
    .md\:promotion-alignment--top-center{top:0.625rem;left:50%;bottom:auto;right:auto;--tw-translate-x:-50%;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .md\:promotion-alignment--top-right{top:0.625rem;right:0px;bottom:auto;left:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @media (min-width: 1024px){
.md\:promotion-alignment--top-right{right:1.25rem}}
    .md\:promotion-alignment--center-left{top:50%;left:0px;right:auto;bottom:auto;--tw-translate-y:-50%;--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @media (min-width: 1024px){
.md\:promotion-alignment--center-left{left:1.25rem}}
    .md\:promotion-alignment--center{top:50%;left:50%;bottom:auto;right:auto;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .md\:promotion-alignment--center-right{top:50%;right:0px;left:auto;bottom:auto;--tw-translate-y:-50%;--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @media (min-width: 1024px){
.md\:promotion-alignment--center-right{right:1.25rem}}
    .md\:promotion-alignment--bottom-left{bottom:0.625rem;left:0px;right:auto;top:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @media (min-width: 1024px){
.md\:promotion-alignment--bottom-left{left:1.25rem}}
    .md\:promotion-alignment--bottom-center{bottom:0.625rem;left:50%;right:auto;top:auto;--tw-translate-x:-50%;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .md\:promotion-alignment--bottom-right{bottom:0.625rem;right:0px;top:auto;left:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @media (min-width: 1024px){
.md\:promotion-alignment--bottom-right{right:1.25rem}}
    .md\:promotion-alignment--custom{top:auto;right:auto;bottom:auto;left:auto;--tw-translate-x:-50%;--tw-translate-y:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .md\:position--top-left{align-items:flex-start;justify-content:flex-start}
    .md\:position--top-center{align-items:flex-start;justify-content:center}
    .md\:position--top-right{align-items:flex-start;justify-content:flex-end}
    .md\:position--center-left{align-items:center;justify-content:flex-start}
    .md\:position--center{align-items:center;justify-content:center}
    .md\:position--center-right{align-items:center;justify-content:flex-end}
    .md\:position--bottom-left{align-items:flex-end;justify-content:flex-start}
    .md\:position--bottom-center{align-items:flex-end;justify-content:center}
    .md\:position--bottom-right{align-items:flex-end;justify-content:flex-end}
    .md\:static{position:static}
    .md\:fixed{position:fixed}
    .md\:absolute{position:absolute}
    .md\:relative{position:relative}
    .md\:left-3{left:0.75rem}
    .md\:right-3{right:0.75rem}
    .md\:top-4{top:1rem}
    .md\:right-4{right:1rem}
    .md\:top-0{top:0px}
    .md\:left-0{left:0px}
    .md\:bottom-0{bottom:0px}
    .md\:bottom-\[90px\]{bottom:90px}
    .md\:right-\[8\%\]{right:8%}
    .md\:left-1\.5{left:0.375rem}
    .md\:left-1{left:0.25rem}
    .md\:right-1\.5{right:0.375rem}
    .md\:right-1{right:0.25rem}
    .md\:left-5{left:1.25rem}
    .md\:right-5{right:1.25rem}
    .md\:bottom-5{bottom:1.25rem}
    .md\:top-\[calc\(50\%-10px\)\]{top:calc(50% - 10px)}
    .md\:left-\[calc\(50\%-10px\)\]{left:calc(50% - 10px)}
    .md\:left-auto{left:auto}
    .md\:bottom-auto{bottom:auto}
    .md\:top-2{top:0.5rem}
    .md\:top-auto{top:auto}
    .md\:top-6{top:1.5rem}
    .md\:right-7{right:1.75rem}
    .md\:z-10{z-index:10}
    .md\:z-auto{z-index:auto}
    .md\:-z-\[1\]{z-index:-1}
    .md\:order-1{order:1}
    .md\:order-2{order:2}
    .md\:col-span-2{grid-column:span 2 / span 2}
    .md\:col-span-3{grid-column:span 3 / span 3}
    .md\:col-span-5{grid-column:span 5 / span 5}
    .md\:col-span-6{grid-column:span 6 / span 6}
    .md\:col-span-4{grid-column:span 4 / span 4}
    .md\:col-span-1{grid-column:span 1 / span 1}
    .md\:row-span-2{grid-row:span 2 / span 2}
    .md\:row-span-1{grid-row:span 1 / span 1}
    .md\:row-span-3{grid-row:span 3 / span 3}
    .md\:float-none{float:none}
    .md\:m-auto{margin:auto}
    .md\:mx-auto{margin-left:auto;margin-right:auto}
    .md\:mr-3{margin-right:0.75rem}
    .md\:ml-4{margin-left:1rem}
    .md\:mb-8{margin-bottom:2rem}
    .md\:mb-3{margin-bottom:0.75rem}
    .md\:mt-5{margin-top:1.25rem}
    .md\:ml-auto{margin-left:auto}
    .md\:mr-auto{margin-right:auto}
    .md\:mb-4{margin-bottom:1rem}
    .md\:mb-5{margin-bottom:1.25rem}
    .md\:mb-7{margin-bottom:1.75rem}
    .md\:mt-6{margin-top:1.5rem}
    .md\:mt-4{margin-top:1rem}
    .md\:mt-0{margin-top:0px}
    .md\:ml-1{margin-left:0.25rem}
    .md\:mt-20{margin-top:5rem}
    .md\:mt-2\.5{margin-top:0.625rem}
    .md\:mt-2{margin-top:0.5rem}
    .md\:mt-8{margin-top:2rem}
    .md\:mb-9{margin-bottom:2.25rem}
    .md\:ml-0{margin-left:0px}
    .md\:mr-0{margin-right:0px}
    .md\:mb-2\.5{margin-bottom:0.625rem}
    .md\:mb-2{margin-bottom:0.5rem}
    .md\:mt-12{margin-top:3rem}
    .md\:mt-3{margin-top:0.75rem}
    .md\:mb-0{margin-bottom:0px}
    .md\:mb-10{margin-bottom:2.5rem}
    .md\:mt-7{margin-top:1.75rem}
    .md\:mt-16{margin-top:4rem}
    .md\:mt-10{margin-top:2.5rem}
    .md\:ml-6{margin-left:1.5rem}
    .md\:mb-11{margin-bottom:2.75rem}
    .md\:mb-3\.5{margin-bottom:0.875rem}
    .md\:mr-3\.5{margin-right:0.875rem}
    .md\:mb-1\.5{margin-bottom:0.375rem}
    .md\:mb-1{margin-bottom:0.25rem}
    .md\:mt-3\.5{margin-top:0.875rem}
    .md\:-mt-3\.5{margin-top:-0.875rem}
    .md\:-mt-3{margin-top:-0.75rem}
    .md\:mt-9{margin-top:2.25rem}
    .md\:mr-4{margin-right:1rem}
    .md\:mb-12{margin-bottom:3rem}
    .md\:-ml-1\.5{margin-left:-0.375rem}
    .md\:-mr-1\.5{margin-right:-0.375rem}
    .md\:-ml-1{margin-left:-0.25rem}
    .md\:-mr-1{margin-right:-0.25rem}
    .md\:ml-1\.5{margin-left:0.375rem}
    .md\:mr-1\.5{margin-right:0.375rem}
    .md\:mr-1{margin-right:0.25rem}
    .md\:mb-6{margin-bottom:1.5rem}
    .md\:mt-1\.5{margin-top:0.375rem}
    .md\:mt-1{margin-top:0.25rem}
    .md\:mt-\[9vh\]{margin-top:9vh}
    .md\:block{display:block}
    .md\:inline-block{display:inline-block}
    .md\:flex{display:flex}
    .md\:table-cell{display:table-cell}
    .md\:table-row{display:table-row}
    .md\:grid{display:grid}
    .md\:hidden{display:none}
    .md\:h-20{height:5rem}
    .md\:h-10{height:2.5rem}
    .md\:h-7{height:1.75rem}
    .md\:h-auto{height:auto}
    .md\:h-0{height:0px}
    .md\:h-14{height:3.5rem}
    .md\:h-4{height:1rem}
    .md\:h-40{height:10rem}
    .md\:h-24{height:6rem}
    .md\:h-5{height:1.25rem}
    .md\:h-screen{height:100vh}
    .md\:h-full{height:100%}
    .md\:h-2\.5{height:0.625rem}
    .md\:h-2{height:0.5rem}
    .md\:h-16{height:4rem}
    .md\:h-12{height:3rem}
    .md\:h-28{height:7rem}
    .md\:h-\[500px\]{height:500px}
    .md\:h-\[600px\]{height:600px}
    .md\:h-\[650px\]{height:650px}
    .md\:max-h-96{max-height:24rem}
    .md\:max-h-40{max-height:10rem}
    .md\:max-h-52{max-height:13rem}
    .md\:max-h-\[82vh\]{max-height:82vh}
    .md\:max-h-\[85vh\]{max-height:85vh}
    .md\:max-h-\[60vh\]{max-height:60vh}
    .md\:max-h-\[200px\]{max-height:200px}
    .md\:max-h-screen{max-height:100vh}
    .md\:max-h-\[13\.5rem\]{max-height:13.5rem}
    .md\:max-h-\[calc\(100vh-80px\)\]{max-height:calc(100vh - 80px)}
    .md\:min-h-\[650px\]{min-height:650px}
    .md\:min-h-\[28px\]{min-height:28px}
    .md\:min-h-\[500px\]{min-height:500px}
    .md\:min-h-\[80px\]{min-height:80px}
    .md\:min-h-\[350px\]{min-height:350px}
    .md\:min-h-\[400px\]{min-height:400px}
    .md\:min-h-\[450px\]{min-height:450px}
    .md\:min-h-\[550px\]{min-height:550px}
    .md\:min-h-\[750px\]{min-height:750px}
    .md\:min-h-\[auto\]{min-height:auto}
    .md\:min-h-\[100vh\]{min-height:100vh}
    .md\:w-20{width:5rem}
    .md\:w-10{width:2.5rem}
    .md\:w-full{width:100%}
    .md\:w-auto{width:auto}
    .md\:w-3\/4{width:75%}
    .md\:w-7{width:1.75rem}
    .md\:w-1\/3{width:33.333333%}
    .md\:w-1\/4{width:25%}
    .md\:w-32{width:8rem}
    .md\:w-1\/2{width:50%}
    .md\:w-2\/3{width:66.666667%}
    .md\:w-1\/5{width:20%}
    .md\:w-6\/12{width:50%}
    .md\:w-2\/12{width:16.666667%}
    .md\:w-1\/12{width:8.333333%}
    .md\:w-5\/12{width:41.666667%}
    .md\:w-4\/12{width:33.333333%}
    .md\:w-80{width:20rem}
    .md\:w-96{width:24rem}
    .md\:w-\[700px\]{width:700px}
    .md\:w-14{width:3.5rem}
    .md\:w-\[48\%\]{width:48%}
    .md\:w-3\/5{width:60%}
    .md\:w-4{width:1rem}
    .md\:w-2\/5{width:40%}
    .md\:w-40{width:10rem}
    .md\:w-24{width:6rem}
    .md\:w-5{width:1.25rem}
    .md\:w-2\.5{width:0.625rem}
    .md\:w-2{width:0.5rem}
    .md\:w-16{width:4rem}
    .md\:w-\[85\%\]{width:85%}
    .md\:w-12{width:3rem}
    .md\:w-28{width:7rem}
    .md\:w-\[20\.0\%\]{width:20.0%}
    .md\:w-\[25\.0\%\]{width:25.0%}
    .md\:w-\[35\%\]{width:35%}
    .md\:w-\[45\%\]{width:45%}
    .md\:w-\[55\%\]{width:55%}
    .md\:w-\[65\%\]{width:65%}
    .md\:w-\[50px\]{width:50px}
    .md\:w-\[60px\]{width:60px}
    .md\:w-\[70px\]{width:70px}
    .md\:w-\[80px\]{width:80px}
    .md\:w-\[90px\]{width:90px}
    .md\:w-\[100px\]{width:100px}
    .md\:w-\[110px\]{width:110px}
    .md\:w-\[120px\]{width:120px}
    .md\:w-\[130px\]{width:130px}
    .md\:w-\[140px\]{width:140px}
    .md\:w-\[150px\]{width:150px}
    .md\:w-\[160px\]{width:160px}
    .md\:w-\[170px\]{width:170px}
    .md\:w-\[180px\]{width:180px}
    .md\:w-\[190px\]{width:190px}
    .md\:w-\[200px\]{width:200px}
    .md\:min-w-\[70px\]{min-width:70px}
    .md\:min-w-\[30rem\]{min-width:30rem}
    .md\:min-w-\[350px\]{min-width:350px}
    .md\:min-w-\[65px\]{min-width:65px}
    .md\:max-w-4xl{max-width:56rem}
    .md\:max-w-2xl{max-width:42rem}
    .md\:max-w-xl{max-width:36rem}
    .md\:max-w-\[33\%\]{max-width:33%}
    .md\:max-w-\[370px\]{max-width:370px}
    .md\:max-w-3xl{max-width:48rem}
    .md\:max-w-\[112px\]{max-width:112px}
    .md\:max-w-\[50rem\]{max-width:50rem}
    .md\:max-w-\[60\%\]{max-width:60%}
    .md\:max-w-\[80\%\]{max-width:80%}
    .md\:max-w-full{max-width:100%}
    .md\:flex-1{flex:1 1 0%}
    .md\:flex-none{flex:none}
    .md\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .md\:translate-x-1\/3{--tw-translate-x:33.333333%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .md\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .md\:-translate-x-1\/3{--tw-translate-x:-33.333333%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .md\:-translate-y-1\/4{--tw-translate-y:-25%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .md\: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))}
    .md\: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))}
    .md\:cursor-grab{cursor:grab}
    .md\:cursor-default{cursor:default}
    .md\:columns-1{-moz-columns:1;columns:1}
    .md\:columns-2{-moz-columns:2;columns:2}
    .md\:columns-3{-moz-columns:3;columns:3}
    .md\:columns-4{-moz-columns:4;columns:4}
    .md\:columns-5{-moz-columns:5;columns:5}
    .md\:grid-flow-col{grid-auto-flow:column}
    .md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
    .md\:grid-cols-none{grid-template-columns:none}
    .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .md\:grid-cols-\[1\.5fr_1\.5fr_1fr\]{grid-template-columns:1.5fr 1.5fr 1fr}
    .md\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
    .md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
    .md\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
    .md\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
    .md\:flex-row{flex-direction:row}
    .md\:flex-row-reverse{flex-direction:row-reverse}
    .md\:flex-col{flex-direction:column}
    .md\:flex-nowrap{flex-wrap:nowrap}
    .md\:items-start{align-items:flex-start}
    .md\:items-center{align-items:center}
    .md\:justify-start{justify-content:flex-start}
    .md\:justify-end{justify-content:flex-end}
    .md\:justify-center{justify-content:center}
    .md\:justify-between{justify-content:space-between}
    .md\:gap-1{gap:0.25rem}
    .md\:gap-7{gap:1.75rem}
    .md\:gap-3{gap:0.75rem}
    .md\:gap-0{gap:0px}
    .md\:gap-12{gap:3rem}
    .md\:gap-1\.5{gap:0.375rem}
    .md\:gap-2\.5{gap:0.625rem}
    .md\:gap-2{gap:0.5rem}
    .md\:gap-4{gap:1rem}
    .md\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}
    .md\:gap-y-4{row-gap:1rem}
    .md\:overflow-visible{overflow:visible}
    .md\:border{border-width:1px}
    .md\:border-0{border-width:0px}
    .md\:border-t{border-top-width:1px}
    .md\:border-b{border-bottom-width:1px}
    .md\:border-r{border-right-width:1px}
    .md\:border-l{border-left-width:1px}
    .md\:border-solid{border-style:solid}
    .md\:border-none{border-style:none}
    .md\:p-4{padding:1rem}
    .md\:p-16{padding:4rem}
    .md\:px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
    .md\:px-2{padding-left:0.5rem;padding-right:0.5rem}
    .md\:px-0{padding-left:0px;padding-right:0px}
    .md\:px-\[30px\]{padding-left:30px;padding-right:30px}
    .md\:pl-3{padding-left:0.75rem}
    .md\:pr-2\.5{padding-right:0.625rem}
    .md\:pr-2{padding-right:0.5rem}
    .md\:pb-2\.5{padding-bottom:0.625rem}
    .md\:pt-2\.5{padding-top:0.625rem}
    .md\:pb-2{padding-bottom:0.5rem}
    .md\:pt-2{padding-top:0.5rem}
    .md\:pl-5{padding-left:1.25rem}
    .md\:pr-5{padding-right:1.25rem}
    .md\:pt-5{padding-top:1.25rem}
    .md\:pt-4{padding-top:1rem}
    .md\:pb-3\.5{padding-bottom:0.875rem}
    .md\:pb-3{padding-bottom:0.75rem}
    .md\:pt-12{padding-top:3rem}
    .md\:pr-12{padding-right:3rem}
    .md\:pb-12{padding-bottom:3rem}
    .md\:pl-12{padding-left:3rem}
    .md\:pl-32{padding-left:8rem}
    .md\:pr-32{padding-right:8rem}
    .md\:pt-16{padding-top:4rem}
    .md\:pb-16{padding-bottom:4rem}
    .md\:pt-3{padding-top:0.75rem}
    .md\:pl-0{padding-left:0px}
    .md\:pr-0{padding-right:0px}
    .md\:pl-4{padding-left:1rem}
    .md\:pr-4{padding-right:1rem}
    .md\:pb-4{padding-bottom:1rem}
    .md\:pb-5{padding-bottom:1.25rem}
    .md\:pt-0{padding-top:0px}
    .md\:pb-0{padding-bottom:0px}
    .md\:pt-24{padding-top:6rem}
    .md\:pb-28{padding-bottom:7rem}
    .md\:pt-20{padding-top:5rem}
    .md\:pb-7{padding-bottom:1.75rem}
    .md\:pl-10{padding-left:2.5rem}
    .md\:pt-3\.5{padding-top:0.875rem}
    .md\:pt-10{padding-top:2.5rem}
    .md\:pb-10{padding-bottom:2.5rem}
    .md\:pb-20{padding-bottom:5rem}
    .md\:pl-8{padding-left:2rem}
    .md\:pr-8{padding-right:2rem}
    .md\:pl-16{padding-left:4rem}
    .md\:pr-16{padding-right:4rem}
    .md\:pt-48{padding-top:12rem}
    .md\:pb-64{padding-bottom:16rem}
    .md\:pb-6{padding-bottom:1.5rem}
    .md\:pr-3\.5{padding-right:0.875rem}
    .md\:pr-3{padding-right:0.75rem}
    .md\:pl-6{padding-left:1.5rem}
    .md\:pt-6{padding-top:1.5rem}
    .md\:pr-6{padding-right:1.5rem}
    .md\:pl-2\.5{padding-left:0.625rem}
    .md\:pl-2{padding-left:0.5rem}
    .md\:pt-11{padding-top:2.75rem}
    .md\:pb-8{padding-bottom:2rem}
    .md\:pl-3\.5{padding-left:0.875rem}
    .md\:pt-8{padding-top:2rem}
    .md\:pl-20{padding-left:5rem}
    .md\:pr-20{padding-right:5rem}
    .md\:pl-1\.5{padding-left:0.375rem}
    .md\:pr-1\.5{padding-right:0.375rem}
    .md\:pt-1\.5{padding-top:0.375rem}
    .md\:pb-1\.5{padding-bottom:0.375rem}
    .md\:pl-1{padding-left:0.25rem}
    .md\:pr-1{padding-right:0.25rem}
    .md\:pt-1{padding-top:0.25rem}
    .md\:pb-1{padding-bottom:0.25rem}
    .md\:pl-7{padding-left:1.75rem}
    .md\:pr-7{padding-right:1.75rem}
    .md\:pl-9{padding-left:2.25rem}
    .md\:pr-9{padding-right:2.25rem}
    .md\:pr-10{padding-right:2.5rem}
    .md\:pb-14{padding-bottom:3.5rem}
    .md\:pb-\[100\%\]{padding-bottom:100%}
    .md\:pt-7{padding-top:1.75rem}
    .md\:pb-0\.5{padding-bottom:0.125rem}
    .md\:pt-14{padding-top:3.5rem}
    .md\:pb-\[4px\]{padding-bottom:4px}
    .md\:pb-\[8px\]{padding-bottom:8px}
    .md\:pb-\[12px\]{padding-bottom:12px}
    .md\:pb-\[16px\]{padding-bottom:16px}
    .md\:pb-\[20px\]{padding-bottom:20px}
    .md\:pb-\[24px\]{padding-bottom:24px}
    .md\:pb-\[28px\]{padding-bottom:28px}
    .md\:pb-\[32px\]{padding-bottom:32px}
    .md\:pb-\[36px\]{padding-bottom:36px}
    .md\:pb-\[40px\]{padding-bottom:40px}
    .md\:pb-\[44px\]{padding-bottom:44px}
    .md\:pb-\[48px\]{padding-bottom:48px}
    .md\:pb-\[52px\]{padding-bottom:52px}
    .md\:pb-\[56px\]{padding-bottom:56px}
    .md\:pb-\[60px\]{padding-bottom:60px}
    .md\:pb-\[64px\]{padding-bottom:64px}
    .md\:pb-\[68px\]{padding-bottom:68px}
    .md\:pb-\[72px\]{padding-bottom:72px}
    .md\:pb-\[76px\]{padding-bottom:76px}
    .md\:pb-\[80px\]{padding-bottom:80px}
    .md\:pb-\[84px\]{padding-bottom:84px}
    .md\:pb-\[88px\]{padding-bottom:88px}
    .md\:pb-\[92px\]{padding-bottom:92px}
    .md\:pb-\[96px\]{padding-bottom:96px}
    .md\:pb-\[100px\]{padding-bottom:100px}
    .md\:pt-\[4px\]{padding-top:4px}
    .md\:pt-\[8px\]{padding-top:8px}
    .md\:pt-\[12px\]{padding-top:12px}
    .md\:pt-\[16px\]{padding-top:16px}
    .md\:pt-\[20px\]{padding-top:20px}
    .md\:pt-\[24px\]{padding-top:24px}
    .md\:pt-\[28px\]{padding-top:28px}
    .md\:pt-\[32px\]{padding-top:32px}
    .md\:pt-\[36px\]{padding-top:36px}
    .md\:pt-\[40px\]{padding-top:40px}
    .md\:pt-\[44px\]{padding-top:44px}
    .md\:pt-\[48px\]{padding-top:48px}
    .md\:pt-\[52px\]{padding-top:52px}
    .md\:pt-\[56px\]{padding-top:56px}
    .md\:pt-\[60px\]{padding-top:60px}
    .md\:pt-\[64px\]{padding-top:64px}
    .md\:pt-\[68px\]{padding-top:68px}
    .md\:pt-\[72px\]{padding-top:72px}
    .md\:pt-\[76px\]{padding-top:76px}
    .md\:pt-\[80px\]{padding-top:80px}
    .md\:pt-\[84px\]{padding-top:84px}
    .md\:pt-\[88px\]{padding-top:88px}
    .md\:pt-\[92px\]{padding-top:92px}
    .md\:pt-\[96px\]{padding-top:96px}
    .md\:pt-\[100px\]{padding-top:100px}
    .md\:text-left{text-align:left}
    .md\:text-center{text-align:center}
    .md\:text-right{text-align:right}
    .md\:text-start{text-align:start}
    .md\:align-top{vertical-align:top}
    .md\:text-\[16rem\]{font-size:16rem}
    .md\:text-\[0\.4375rem\]{font-size:0.4375rem}
    .md\:text-\[0\.525rem\]{font-size:0.525rem}
    .md\:text-\[0\.6125rem\]{font-size:0.6125rem}
    .md\:text-\[0\.7rem\]{font-size:0.7rem}
    .md\:text-\[0\.7875rem\]{font-size:0.7875rem}
    .md\:text-\[0\.875rem\]{font-size:0.875rem}
    .md\:text-\[0\.9625rem\]{font-size:0.9625rem}
    .md\:text-\[1\.05rem\]{font-size:1.05rem}
    .md\:text-\[1\.1375rem\]{font-size:1.1375rem}
    .md\:text-\[1\.225rem\]{font-size:1.225rem}
    .md\:text-\[1\.3125rem\]{font-size:1.3125rem}
    .md\:text-\[1\.4rem\]{font-size:1.4rem}
    .md\:text-\[1\.4875rem\]{font-size:1.4875rem}
    .md\:text-\[1\.575rem\]{font-size:1.575rem}
    .md\:text-\[1\.6625rem\]{font-size:1.6625rem}
    .md\:text-\[1\.75rem\]{font-size:1.75rem}
    .md\:text-\[1\.125rem\]{font-size:1.125rem}
    .md\:text-\[1\.35rem\]{font-size:1.35rem}
    .md\:text-\[1\.8rem\]{font-size:1.8rem}
    .md\:text-\[2\.025rem\]{font-size:2.025rem}
    .md\:text-\[2\.25rem\]{font-size:2.25rem}
    .md\:text-\[2\.475rem\]{font-size:2.475rem}
    .md\:text-\[2\.7rem\]{font-size:2.7rem}
    .md\:text-\[2\.925rem\]{font-size:2.925rem}
    .md\:text-\[3\.15rem\]{font-size:3.15rem}
    .md\:text-\[3\.375rem\]{font-size:3.375rem}
    .md\:text-\[3\.6rem\]{font-size:3.6rem}
    .md\:text-\[4\.05rem\]{font-size:4.05rem}
    .md\:text-\[4\.275rem\]{font-size:4.275rem}
    .md\:text-\[4\.5rem\]{font-size:4.5rem}
    .md\:text-\[0\.675rem\]{font-size:0.675rem}
    .md\:text-\[0\.81rem\]{font-size:0.81rem}
    .md\:text-\[0\.945rem\]{font-size:0.945rem}
    .md\:text-\[1\.08rem\]{font-size:1.08rem}
    .md\:text-\[1\.215rem\]{font-size:1.215rem}
    .md\:text-\[1\.485rem\]{font-size:1.485rem}
    .md\:text-\[1\.62rem\]{font-size:1.62rem}
    .md\:text-\[1\.755rem\]{font-size:1.755rem}
    .md\:text-\[1\.89rem\]{font-size:1.89rem}
    .md\:text-\[2\.16rem\]{font-size:2.16rem}
    .md\:text-\[2\.43rem\]{font-size:2.43rem}
    .md\:text-\[2\.565rem\]{font-size:2.565rem}
    .md\:font-medium{font-weight:500}
    .md\:leading-none{line-height:1}
    .md\: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)}
    .md\:line-clamp-none{-webkit-line-clamp:unset}
    .before\:md\:h-24::before{content:var(--tw-content);height:6rem}
    .before\:md\:w-24::before{content:var(--tw-content);width:6rem}
    .md\:before\:content-none::before{--tw-content:none;content:var(--tw-content)}
    .md\:first\:pl-0:first-child{padding-left:0px}
    .md\:last\:border-r-0:last-child{border-right-width:0px}
    .splide-slideshow .md\:slideshow\:relative{position:relative}
    .splide-slideshow .md\:slideshow\:h-\[450px\]{height:450px}
    .splide-slideshow .md\:slideshow\:h-\[550px\]{height:550px}
    .splide-slideshow .md\:slideshow\:h-\[650px\]{height:650px}
    .splide-slideshow .md\:slideshow\:h-\[750px\]{height:750px}
    .splide-slideshow .md\:slideshow\:h-\[95vh\]{height:95vh}
    .splide-slideshow .md\:slideshow\:pb-0{padding-bottom:0px}
    .promotion.md\:promotion\:relative{position:relative}
    .promotion.md\:promotion\:h-\[650px\]{height:650px}
    .promotion.md\:promotion\:h-\[450px\]{height:450px}
    .promotion.md\:promotion\:h-\[550px\]{height:550px}
    .promotion.md\:promotion\:h-\[750px\]{height:750px}
    .promotion.md\:promotion\:h-\[90vh\]{height:90vh}
    .promotion.md\:promotion\:h-\[100vh\]{height:100vh}
    .promotion.md\:promotion\:pb-0{padding-bottom:0px}
    .quick-view .quick-view\:md\:w-\[45\%\]{width:45%}
    .quick-view .quick-view\:md\:w-\[55\%\]{width:55%}
    .quick-view .quick-view\:md\:pb-0{padding-bottom:0px}
    .quick-view .quick-view\:md\:pl-6{padding-left:1.5rem}
    .quick-view .quick-view\:md\:pr-0{padding-right:0px}
    .quick-view .quick-view\:md\:pr-6{padding-right:1.5rem}
    .quick-view .quick-view\:md\:pl-0{padding-left:0px}
    .product-page .product-page\:md\:justify-end{justify-content:flex-end}
    .product-page .product-page\:md\:pl-3\.5{padding-left:0.875rem}
    .product-page .product-page\:md\:pr-3\.5{padding-right:0.875rem}
    .product-page .product-page\:md\:pl-3{padding-left:0.75rem}
    .product-page .product-page\:md\:pr-3{padding-right:0.75rem}
    .product-page .product-page\:md\:pl-12{padding-left:3rem}
    .product-page .product-page\:md\:pr-12{padding-right:3rem}
    .dark .md\:dark\:pb-2{padding-bottom:0.5rem}
    .dark .dark\:md\:pl-12{padding-left:3rem}
    .dark .dark\:md\:pr-12{padding-right:3rem}
    .dark .dark\:md\:pr-8{padding-right:2rem}
    .dark .dark\:md\:pl-8{padding-left:2rem}
    .dark .dark\:md\:pl-10{padding-left:2.5rem}
    .dark .dark\:md\:pr-10{padding-right:2.5rem}
    .dark .dark\:md\:pr-6{padding-right:1.5rem}
    .dark .dark\:md\:pl-0{padding-left:0px}
    .dark .first-letter\:dark\:md\:pl-8::first-letter{padding-left:2rem}}
@media (min-width: 1024px){
  .lg\:page-width {
    max-width: var(--page-width);
    margin-left: auto;
    margin-right: auto;
  } 
    .lg\:promotion-alignment--top-left{top:0.625rem;left:0px;bottom:auto;right:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} 
    @media (min-width: 1024px){
.lg\:promotion-alignment--top-left{left:1.25rem}}
    .lg\:promotion-alignment--top-center{top:0.625rem;left:50%;bottom:auto;right:auto;--tw-translate-x:-50%;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .lg\:promotion-alignment--top-right{top:0.625rem;right:0px;bottom:auto;left:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @media (min-width: 1024px){
.lg\:promotion-alignment--top-right{right:1.25rem}}
    .lg\:promotion-alignment--center-left{top:50%;left:0px;right:auto;bottom:auto;--tw-translate-y:-50%;--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @media (min-width: 1024px){
.lg\:promotion-alignment--center-left{left:1.25rem}}
    .lg\:promotion-alignment--center{top:50%;left:50%;bottom:auto;right:auto;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .lg\:promotion-alignment--center-right{top:50%;right:0px;left:auto;bottom:auto;--tw-translate-y:-50%;--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @media (min-width: 1024px){
.lg\:promotion-alignment--center-right{right:1.25rem}}
    .lg\:promotion-alignment--bottom-left{bottom:0.625rem;left:0px;right:auto;top:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @media (min-width: 1024px){
.lg\:promotion-alignment--bottom-left{left:1.25rem}}
    .lg\:promotion-alignment--bottom-center{bottom:0.625rem;left:50%;right:auto;top:auto;--tw-translate-x:-50%;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .lg\:promotion-alignment--bottom-right{bottom:0.625rem;right:0px;top:auto;left:auto;--tw-translate-x:0px;--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    @media (min-width: 1024px){
.lg\:promotion-alignment--bottom-right{right:1.25rem}}
    .lg\:promotion-alignment--custom{top:auto;right:auto;bottom:auto;left:auto;--tw-translate-x:-50%;--tw-translate-y:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .lg\:justify-left{justify-content:flex-start}
    .lg\:justify-right{justify-content:flex-end}
    .lg\:static{position:static}
    .lg\:absolute{position:absolute}
    .lg\:relative{position:relative}
    .lg\:left-8{left:2rem}
    .lg\:right-8{right:2rem}
    .lg\:-left-24{left:-6rem}
    .lg\:-right-24{right:-6rem}
    .lg\:left-6{left:1.5rem}
    .lg\:left-0{left:0px}
    .lg\:top-0{top:0px}
    .lg\:right-\[14\%\]{right:14%}
    .lg\:left-\[14\%\]{left:14%}
    .lg\:top-3{top:0.75rem}
    .lg\:right-6{right:1.5rem}
    .lg\:bottom-2{bottom:0.5rem}
    .lg\:right-2{right:0.5rem}
    .lg\:top-auto{top:auto}
    .lg\:left-2{left:0.5rem}
    .lg\:top-1{top:0.25rem}
    .lg\:right-10{right:2.5rem}
    .lg\:right-0{right:0px}
    .lg\:bottom-0{bottom:0px}
    .lg\:bottom-auto{bottom:auto}
    .lg\:order-2{order:2}
    .lg\:float-left{float:left}
    .lg\:m-4{margin:1rem}
    .lg\:m-6{margin:1.5rem}
    .lg\:m-8{margin:2rem}
    .lg\:m-10{margin:2.5rem}
    .lg\:my-4{margin-top:1rem;margin-bottom:1rem}
    .lg\:mx-auto{margin-left:auto;margin-right:auto}
    .lg\:mb-4{margin-bottom:1rem}
    .lg\:ml-4{margin-left:1rem}
    .lg\:mb-2{margin-bottom:0.5rem}
    .lg\:mb-3{margin-bottom:0.75rem}
    .lg\:mb-0{margin-bottom:0px}
    .lg\:mt-0{margin-top:0px}
    .lg\:ml-0{margin-left:0px}
    .lg\:mt-10{margin-top:2.5rem}
    .lg\:mt-3{margin-top:0.75rem}
    .lg\:mb-10{margin-bottom:2.5rem}
    .lg\:mb-3\.5{margin-bottom:0.875rem}
    .lg\:mt-5{margin-top:1.25rem}
    .lg\:mt-4{margin-top:1rem}
    .lg\:mb-1\.5{margin-bottom:0.375rem}
    .lg\:mb-1{margin-bottom:0.25rem}
    .lg\:mr-2{margin-right:0.5rem}
    .lg\:mt-12{margin-top:3rem}
    .lg\:mt-9{margin-top:2.25rem}
    .lg\:mt-6{margin-top:1.5rem}
    .lg\:mt-8{margin-top:2rem}
    .lg\:mt-7{margin-top:1.75rem}
    .lg\:mr-0{margin-right:0px}
    .lg\:ml-auto{margin-left:auto}
    .lg\:mr-auto{margin-right:auto}
    .lg\:mt-1{margin-top:0.25rem}
    .lg\:mb-5{margin-bottom:1.25rem}
    .lg\:mb-14{margin-bottom:3.5rem}
    .lg\:ml-2\.5{margin-left:0.625rem}
    .lg\:ml-2{margin-left:0.5rem}
    .lg\:mt-2\.5{margin-top:0.625rem}
    .lg\:mt-2{margin-top:0.5rem}
    .lg\:mb-7{margin-bottom:1.75rem}
    .lg\:mr-3{margin-right:0.75rem}
    .lg\:mb-11{margin-bottom:2.75rem}
    .lg\:ml-10{margin-left:2.5rem}
    .lg\:mr-10{margin-right:2.5rem}
    .lg\:ml-8{margin-left:2rem}
    .lg\:mr-8{margin-right:2rem}
    .lg\:ml-6{margin-left:1.5rem}
    .lg\:mr-6{margin-right:1.5rem}
    .lg\:mr-4{margin-right:1rem}
    .lg\:block{display:block}
    .lg\:inline-block{display:inline-block}
    .lg\:flex{display:flex}
    .lg\:inline-flex{display:inline-flex}
    .lg\:grid{display:grid}
    .lg\:hidden{display:none}
    .lg\:h-14{height:3.5rem}
    .lg\:h-\[40rem\]{height:40rem}
    .lg\:h-5{height:1.25rem}
    .lg\:h-full{height:100%}
    .lg\:h-auto{height:auto}
    .lg\:h-16{height:4rem}
    .lg\:h-96{height:24rem}
    .lg\:w-14{width:3.5rem}
    .lg\:w-5\/6{width:83.333333%}
    .lg\:w-3\/5{width:60%}
    .lg\:w-5{width:1.25rem}
    .lg\:w-2\/12{width:16.666667%}
    .lg\:w-\[38\.75\%\]{width:38.75%}
    .lg\:w-full{width:100%}
    .lg\:w-1\/4{width:25%}
    .lg\:w-1\/2{width:50%}
    .lg\:w-1\/3{width:33.333333%}
    .lg\:w-auto{width:auto}
    .lg\:w-\[830px\]{width:830px}
    .lg\:w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}
    .lg\:w-\[32rem\]{width:32rem}
    .lg\:w-screen{width:100vw}
    .lg\:w-7\/12{width:58.333333%}
    .lg\:w-5\/12{width:41.666667%}
    .lg\:w-3\/4{width:75%}
    .lg\:w-16{width:4rem}
    .lg\:min-w-\[74px\]{min-width:74px}
    .lg\:min-w-\[30rem\]{min-width:30rem}
    .lg\:min-w-\[85px\]{min-width:85px}
    .lg\:max-w-\[90\%\]{max-width:90%}
    .lg\:max-w-xl{max-width:36rem}
    .lg\:max-w-\[61\.25\%\]{max-width:61.25%}
    .lg\:max-w-\[270px\]{max-width:270px}
    .lg\:max-w-3xl{max-width:48rem}
    .lg\:max-w-4xl{max-width:56rem}
    .lg\: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))}
    .lg\: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))}
    .lg\:-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))}
    .lg\:-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))}
    .lg\: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))}
    .lg\:-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))}
    .lg\: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))}
    .lg\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
    .lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
    .lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
    .lg\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
    .lg\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
    .lg\:grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}
    .lg\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}
    .lg\:grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}
    .lg\:grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}
    .lg\:grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}
    .lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
    .lg\:flex-row{flex-direction:row}
    .lg\:flex-row-reverse{flex-direction:row-reverse}
    .lg\:flex-nowrap{flex-wrap:nowrap}
    .lg\:items-center{align-items:center}
    .lg\:justify-end{justify-content:flex-end}
    .lg\:justify-center{justify-content:center}
    .lg\:justify-between{justify-content:space-between}
    .lg\:gap-3{gap:0.75rem}
    .lg\:gap-4{gap:1rem}
    .lg\:gap-7{gap:1.75rem}
    .lg\:gap-5{gap:1.25rem}
    .lg\:gap-1{gap:0.25rem}
    .lg\:gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}
    .lg\:overflow-auto{overflow:auto}
    .lg\:border-t-0{border-top-width:0px}
    .lg\:border-l{border-left-width:1px}
    .lg\:border-r{border-right-width:1px}
    .lg\:border-b{border-bottom-width:1px}
    .lg\:p-4{padding:1rem}
    .lg\:py-4{padding-top:1rem;padding-bottom:1rem}
    .lg\:px-0{padding-left:0px;padding-right:0px}
    .lg\:pt-3{padding-top:0.75rem}
    .lg\:pb-3{padding-bottom:0.75rem}
    .lg\:pl-5{padding-left:1.25rem}
    .lg\:pr-5{padding-right:1.25rem}
    .lg\:pr-24{padding-right:6rem}
    .lg\:pl-0{padding-left:0px}
    .lg\:pr-0{padding-right:0px}
    .lg\:pl-24{padding-left:6rem}
    .lg\:pt-0\.5{padding-top:0.125rem}
    .lg\:pb-0\.5{padding-bottom:0.125rem}
    .lg\:pt-0{padding-top:0px}
    .lg\:pb-0{padding-bottom:0px}
    .lg\:pt-4{padding-top:1rem}
    .lg\:pl-4{padding-left:1rem}
    .lg\:pb-4{padding-bottom:1rem}
    .lg\:pr-4{padding-right:1rem}
    .lg\:pl-6{padding-left:1.5rem}
    .lg\:pr-6{padding-right:1.5rem}
    .lg\:pl-11{padding-left:2.75rem}
    .lg\:pr-11{padding-right:2.75rem}
    .lg\:pl-12{padding-left:3rem}
    .lg\:pr-12{padding-right:3rem}
    .lg\:pt-2{padding-top:0.5rem}
    .lg\:pt-3\.5{padding-top:0.875rem}
    .lg\:pt-5{padding-top:1.25rem}
    .lg\:pb-2{padding-bottom:0.5rem}
    .lg\:pb-3\.5{padding-bottom:0.875rem}
    .lg\:pl-20{padding-left:5rem}
    .lg\:pr-20{padding-right:5rem}
    .lg\:pl-9{padding-left:2.25rem}
    .lg\:pr-14{padding-right:3.5rem}
    .lg\:pr-8{padding-right:2rem}
    .lg\:pl-8{padding-left:2rem}
    .lg\:pt-9{padding-top:2.25rem}
    .lg\:pb-9{padding-bottom:2.25rem}
    .lg\:pr-16{padding-right:4rem}
    .lg\:pl-16{padding-left:4rem}
    .lg\:pt-12{padding-top:3rem}
    .lg\:pb-14{padding-bottom:3.5rem}
    .lg\:pr-9{padding-right:2.25rem}
    .lg\:pl-14{padding-left:3.5rem}
    .lg\:pb-12{padding-bottom:3rem}
    .lg\:pt-6{padding-top:1.5rem}
    .lg\:pl-10{padding-left:2.5rem}
    .lg\:pr-10{padding-right:2.5rem}
    .lg\:pt-7{padding-top:1.75rem}
    .lg\:pt-8{padding-top:2rem}
    .lg\:pb-8{padding-bottom:2rem}
    .lg\:pb-10{padding-bottom:2.5rem}
    .lg\:pl-7{padding-left:1.75rem}
    .lg\:pr-7{padding-right:1.75rem}
    .lg\:pt-1{padding-top:0.25rem}
    .lg\:pb-1\.5{padding-bottom:0.375rem}
    .lg\:pb-1{padding-bottom:0.25rem}
    .lg\:pl-2{padding-left:0.5rem}
    .lg\:pr-2{padding-right:0.5rem}
    .lg\:pb-\[55\%\]{padding-bottom:55%}
    .lg\:pb-5{padding-bottom:1.25rem}
    .lg\:pl-\[84px\]{padding-left:84px}
    .lg\:pr-\[84px\]{padding-right:84px}
    .lg\:text-left{text-align:left}
    .lg\:text-center{text-align:center}
    .lg\:text-right{text-align:right}
    .lg\:align-top{vertical-align:top}
    .lg\:align-middle{vertical-align:middle}
    .lg\:align-bottom{vertical-align:bottom}
    .lg\:text-\[22rem\]{font-size:22rem}
    .lg\:leading-none{line-height:1}
    .lg\:leading-snug{line-height:1.375}
    .lg\:opacity-0{opacity:0}
    .lg\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
    .lg\: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)}
    .lg\:\[grid-area\:auto\]{grid-area:auto}
    .lg\:\[grid-area\:icons\]{grid-area:icons}
    .lg\:\[grid-area\:navigation\]{grid-area:navigation}
    .lg\:hover\:bg-\[rgba\(var\(--background-color-header\)\)\]:hover{background-color:rgba(var(--background-color-header))}
    .lg\:hover\:text-\[rgb\(var\(--colors-text-link\)\)\]:hover{color:rgb(var(--colors-text-link))}
    .disabled\:lg\:block:disabled{display:block}
    .group:hover .group-hover\:lg\:block{display:block}
    .group:hover .lg\:group-hover\:block{display:block}
    .group:hover .lg\:group-hover\: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))}
    .group:hover .lg\:group-hover\:translate-x-2{--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .group:hover .lg\:group-hover\:-translate-x-2{--tw-translate-x:-0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .group:hover .lg\:group-hover\:opacity-100{opacity:1}
    .group:hover .lg\:group-hover\:opacity-60{opacity:0.6}
    .group:hover .lg\:group-hover\:disabled\:opacity-30:disabled{opacity:0.3}
    .input:focus~.lg\:input_focus\:top-3\.5{top:0.875rem}
    .input:focus~.lg\:input_focus\:top-3{top:0.75rem}
    .input:not(:-moz-placeholder-shown)~.lg\:input_not_empty\:top-3\.5{top:0.875rem}
    .input:not(:placeholder-shown)~.lg\:input_not_empty\:top-3\.5{top:0.875rem}
    .input:not(:-moz-placeholder-shown)~.lg\:input_not_empty\:top-3{top:0.75rem}
    .input:not(:placeholder-shown)~.lg\:input_not_empty\:top-3{top:0.75rem}
    .product-page .product-page\:lg\:pl-\[84px\]{padding-left:84px}
    .product-page .product-page\:lg\:pr-\[84px\]{padding-right:84px}
    .dark .dark\:lg\:pl-20{padding-left:5rem}
    .dark .dark\:lg\:pr-20{padding-right:5rem}
    .dark .dark\:lg\:pl-8{padding-left:2rem}
    .dark .dark\:lg\:pr-8{padding-right:2rem}
    .dark .dark\:lg\:pr-16{padding-right:4rem}
    .dark .dark\:lg\:pl-14{padding-left:3.5rem}}
@media (min-width: 1280px){
.xl\:left-12{left:3rem}
.xl\:right-12{right:3rem}
.xl\:ml-0{margin-left:0px}
.xl\:mr-0{margin-right:0px}
.xl\:mt-3{margin-top:0.75rem}
.xl\:mb-4{margin-bottom:1rem}
.xl\:w-11\/12{width:91.666667%}
.xl\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.xl\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.xl\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.xl\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.xl\:px-0{padding-left:0px;padding-right:0px}
.xl\:pl-0{padding-left:0px}
.xl\:pr-0{padding-right:0px}
.xl\:pr-11{padding-right:2.75rem}
.xl\:pl-11{padding-left:2.75rem}
.xl\:pl-5{padding-left:1.25rem}
.xl\:pr-5{padding-right:1.25rem}
.xl\:pt-5{padding-top:1.25rem}
.xl\:pb-5{padding-bottom:1.25rem}
.xl\:pt-10{padding-top:2.5rem}
.xl\:pb-8{padding-bottom:2rem}
.xl\:pt-8{padding-top:2rem}
.xl\:pt-4{padding-top:1rem}
.xl\:pb-4{padding-bottom:1rem}
.xl\:pt-0{padding-top:0px}
.xl\:pt-7{padding-top:1.75rem}
.xl\:pb-9{padding-bottom:2.25rem}}
@media (min-width: 1536px){
.\32xl\:max-h-\[77vh\]{max-height:77vh}
.\32xl\:pl-0{padding-left:0px}
.\32xl\:pr-0{padding-right:0px}
.\32xl\:pb-12{padding-bottom:3rem}
.\32xl\:pt-12{padding-top:3rem}}


/* UploadKit overrides */
button.uploadcare--dialog__close {
    position: absolute !important;
}

.essential_countdown_annoucement_bar_wrapper {
  z-index:1!important;
}