/* purgecss start ignore */

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  tab-size: 4;
  /* 3 */
  font-family: sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563EB;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563EB;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563EB;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563EB;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {
  [type='checkbox']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {
  [type='radio']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active)  {
  [type='checkbox']:indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.form-input,.form-textarea,.form-select,.form-multiselect {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563EB;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563EB;
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

.form-input::placeholder,.form-textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

.form-input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

.form-input::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

.form-input::-webkit-datetime-edit {
  display: inline-flex;
}

.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

.form-select:where([size]:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

.form-checkbox,.form-radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563EB;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

.form-checkbox {
  border-radius: 0px;
}

.form-radio {
  border-radius: 100%;
}

.form-checkbox:focus,.form-radio:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563EB;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.form-checkbox:checked,.form-radio:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.form-checkbox:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {
  .form-checkbox:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

.form-radio:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {
  .form-radio:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

.form-checkbox:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active)  {
  .form-checkbox:indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

.swatch-option {
  margin: 0.25em;
  display: flex;
  justify-content: center;
  border-width: 1px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  min-width: 40px;
}

.btn {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
}

@media (min-width: 768px) {
  .btn {
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.25em;
  }
}

@media (min-width: 1440px) {
  .btn {
    font-size: 1em;
  }
}

.btn svg {
  display: inline-flex;
}

.btn span {
  vertical-align: middle;
}

.btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.btn:focus {
  border-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(68 60 60 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0.5;
}

.btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(68 60 60 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
}

.btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(95 84 84 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-secondary {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(95 84 84 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  --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);
}

.btn-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(43 38 38 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-secondary:focus {
  border-width: 2px;
  border-color: transparent;
}

.actions-toolbar .primary button {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
}

@media (min-width: 768px) {
  .actions-toolbar .primary button {
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.25em;
  }
}

@media (min-width: 1440px) {
  .actions-toolbar .primary button {
    font-size: 1em;
  }
}

.actions-toolbar .primary button svg {
  display: inline-flex;
}

.actions-toolbar .primary button span {
  vertical-align: middle;
}

.actions-toolbar .primary button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.actions-toolbar .primary button:focus {
  border-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(68 60 60 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0.5;
}

.actions-toolbar .primary button {
  --tw-bg-opacity: 1;
  background-color: rgb(68 60 60 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
}

.actions-toolbar .primary button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(95 84 84 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#category-view-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1em;
  padding-bottom: 1em;
}

/*
Use the following selector to extend the toolbar modes switcher with your own icon,
also replace `custom` with your own mode name.

.modes-mode.mode-custom {}
*/

.price-including-tax + .price-excluding-tax {
  font-size: 0.875em;
}

.price-including-tax + .price-excluding-tax:before {
  content: attr(data-label) ': ';
}

.price-excluding-tax,
.price-including-tax {
  white-space: nowrap;
}

.price-excluding-tax .price, .price-including-tax .price {
  font-weight: 500;
  line-height: 1.625;
}

.price-excluding-tax,
.weee[data-label] {
  display: block;
}

[data-content-type$='block'] .price-excluding-tax p:last-child,[data-content-type$='block'] 
.weee[data-label] p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

.weee[data-label] {
  margin-top: 0.25em;
  font-size: 0.875em;
}

.price-container.price-tier_price {
  display: flex;
  gap: 0.25rem;
}

.price-container.price-tier_price > .price-including-tax + .price-excluding-tax:before, .price-container .weee:before {
  content: '(' attr(data-label) ': ';
}

.price-container.price-tier_price > .price-including-tax + .price-excluding-tax:after, .price-container .weee:after {
  content: ')';
}

/* Keep file for backwards compatibility */

#customer-login-container {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 2rem;
  padding-top: 2em;
  padding-bottom: 2em;
}

@media (min-width: 768px) {
  #customer-login-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/**
 * different styles can be found at https://tailwindcss-forms.vercel.app/
 **/

.form-input,
.form-email,
.form-select,
.form-multiselect,
.form-textarea {
  min-height: 2.75rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --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);
}

.form-input:focus, .form-email:focus, .form-select:focus, .form-multiselect:focus, .form-textarea:focus {
  --tw-border-opacity: 1;
  border-color: rgb(95 84 84 / var(--tw-border-opacity, 1));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(68 60 60 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0.5;
}

.page.messages {
  position: sticky;
  top: 0px;
  z-index: 20;
}

.page.messages .messages
    section#messages {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media (min-width: 640px) {
  .page.messages .messages
    section#messages {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .page.messages .messages
    section#messages {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .page.messages .messages
    section#messages {
    max-width: 1024px;
  }
}

@media (min-width: 1440px) {
  .page.messages .messages
    section#messages {
    max-width: 1440px;
  }
}

@media (min-width: 1536px) {
  .page.messages .messages
    section#messages {
    max-width: 1536px;
  }
}

.page.messages .messages
    section#messages {
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.message {
  margin-bottom: 0.5em;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding: 0.5em;
  padding-left: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  --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);
}

.message.error {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.message.success {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.message.info,
    .message.notice {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.message.warning {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.message a {
  text-decoration-line: underline;
}

.product-item .price-container {
  display: block;
}

[data-content-type$='block'] .product-item .price-container p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

.product-item .price-container .price {
  font-size: 1.25em;
  font-weight: 500;
}

.product-item .price-container .price-label {
  font-size: 0.875em;
}

.product-item .special-price .price-container .price-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.product-item .old-price .price-container {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.product-item .old-price .price-container .price {
  font-size: 1em;
  font-weight: 400;
}

.page-product-bundle .price-final_price .price-from .price-container, .page-product-bundle .price-final_price .price-to .price-container {
  margin-bottom: 1em;
  display: block;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

[data-content-type$='block'] .page-product-bundle .price-final_price .price-from .price-container p:last-child,[data-content-type$='block']  .page-product-bundle .price-final_price .price-to .price-container p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

.page-product-bundle .price-final_price .price-from .price-container .price-label, .page-product-bundle .price-final_price .price-to .price-container .price-label {
  display: block;
  font-size: 1.25em;
  font-weight: 400;
}

[data-content-type$='block'] .page-product-bundle .price-final_price .price-from .price-container .price-label p:last-child,[data-content-type$='block']  .page-product-bundle .price-final_price .price-to .price-container .price-label p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

.page-product-bundle .price-final_price .price-from .price-container .price, .page-product-bundle .price-final_price .price-to .price-container .price {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.page-product-bundle .price-final_price .price-from .price-including-tax + .price-excluding-tax, .page-product-bundle .price-final_price .price-to .price-including-tax + .price-excluding-tax {
  margin-top: 0.25em;
}

.page-product-bundle .price-final_price .price-from .price-including-tax + .price-excluding-tax .price, .page-product-bundle .price-final_price .price-to .price-including-tax + .price-excluding-tax .price {
  font-size: 1em;
}

.page-product-bundle .price-final_price .price-from .old-price .price-container .price,
                    .page-product-bundle .price-final_price .price-from .old-price .price-container .price-label,
                    .page-product-bundle .price-final_price .price-to .old-price .price-container .price,
                    .page-product-bundle .price-final_price .price-to .old-price .price-container .price-label {
  display: inline;
  font-size: 1em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.wishlist-widget .price-box .price-label,
    .wishlist-widget .price-box .old-price {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* .modal {} */

.backdrop {
  position: fixed;
  inset: 0px;
  display: flex;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.25;
}

.snap {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.snap::-webkit-scrollbar {
  display: none;
}

.snap > div {
  scroll-snap-align: start;
}

:where(html) {
  scrollbar-gutter: stable;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.page-main {
  margin-top: 2em;
  margin-bottom: 2em;
}

.columns {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media (min-width: 640px) {
  .columns {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .columns {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .columns {
    max-width: 1024px;
  }
}

@media (min-width: 1440px) {
  .columns {
    max-width: 1440px;
  }
}

@media (min-width: 1536px) {
  .columns {
    max-width: 1536px;
  }
}

.columns {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 1rem;
  grid-template-rows: auto minmax(0, 1fr);
}

.columns .main {
  order: 2;
}

.columns .sidebar {
  order: 3;
}

.product-main-full-width .columns {
  max-width: none;
}

.page-main-full-width .columns {
  max-width: none;
  padding-left: 0px;
  padding-right: 0px;
}

.account .columns .sidebar-main, .page-with-filter .columns .sidebar-main {
  order: 1;
}

@media (min-width: 640px) {
  .page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main, .page-layout-3columns .columns .main {
    grid-column: span 2 / span 2;
  }

  .account .columns .sidebar-main, .page-with-filter .columns .sidebar-main {
    grid-column: 1 / -1;
  }

  .account .columns .sidebar-additional {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 768px) {
  .page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main, .page-layout-3columns .columns .main {
    grid-row: span 2 / span 2;
  }

  .page-layout-2columns-left .columns .sidebar, .page-layout-2columns-right .columns .sidebar, .page-layout-3columns .columns .sidebar {
    grid-column: span 1 / span 1;
  }

  .page-layout-2columns-left .columns .main, .page-layout-3columns .columns .main {
    grid-column-start: 2 !important;
  }

  .page-layout-2columns-left .columns .sidebar, .page-layout-3columns .columns .sidebar {
    order: 1;
  }

  .page-layout-2columns-left .columns .sidebar ~ .sidebar-additional, .page-layout-3columns .columns .sidebar ~ .sidebar-additional {
    order: 3;
  }

  .page-layout-2columns-right .sidebar-main, .page-layout-2columns-right.page-with-filter .sidebar-main {
    order: 3;
  }
}

@media (min-width: 1024px) {
  .page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main {
    grid-column: span 3 / span 3;
  }

  .page-layout-3columns .columns .sidebar-additional {
    grid-column-start: 4;
  }
}

.product-image-container {
  width: 100% !important;
}

.product-image-container img {
  width: 100%;
}

body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

#cart-drawer {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

[x-cloak] {
  display: none !important;
}

.input {
  margin-right: 0.5em;
  width: auto;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1em;
}

@media (min-width: 768px) {
  .input {
    margin-right: 1em;
  }
}

@media (min-width: 1024px) {
  .input {
    margin-right: 0px;
  }
}

@media (min-width: 1440px) {
  .input {
    margin-right: 1em;
  }
}

.input-light {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.input-light:focus {
  --tw-border-opacity: 1;
  border-color: rgb(68 60 60 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.card {
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  padding: 1em;
  --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);
}

.card-interactive:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 1em;
  line-height: 1.5;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

/**
 * Hyvä Themes - https://hyva.io
 * Copyright © Hyvä Themes 2020-present. All rights reserved.
 * This product is licensed per Magento install
 * See https://hyva.io/license
 */

/**
 * Layout
 */

/* Rows */

[data-content-type='row'] {
  box-sizing: border-box;
}

[data-content-type='row'] > div {
  margin-bottom: 0.625rem;
  padding: 0.625rem;
}

[data-content-type='row'][data-appearance='contained'] {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media (min-width: 640px) {
  [data-content-type='row'][data-appearance='contained'] {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  [data-content-type='row'][data-appearance='contained'] {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  [data-content-type='row'][data-appearance='contained'] {
    max-width: 1024px;
  }
}

@media (min-width: 1440px) {
  [data-content-type='row'][data-appearance='contained'] {
    max-width: 1440px;
  }
}

@media (min-width: 1536px) {
  [data-content-type='row'][data-appearance='contained'] {
    max-width: 1536px;
  }
}

[data-content-type='row'][data-appearance='contained'] {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

[data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
  box-sizing: border-box;
  background-attachment: scroll !important;
}

[data-content-type='row'][data-appearance='full-bleed'] {
  background-attachment: scroll !important;
}

[data-content-type='row'][data-appearance='full-width'] {
  background-attachment: scroll !important;
}

[data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media (min-width: 640px) {
  [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
    max-width: 1024px;
  }
}

@media (min-width: 1440px) {
  [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
    max-width: 1440px;
  }
}

@media (min-width: 1536px) {
  [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
    max-width: 1536px;
  }
}

/* Column Groups (both needed for pagebuider backwards compatibiliy) */

[data-content-type='column-group'], [data-content-type='column-line'] {
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  [data-content-type='column-group'], [data-content-type='column-line'] {
    flex-wrap: nowrap;
  }
}

/* Columns */

[data-content-type='column'] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  background-attachment: scroll !important;
  flex-basis: 100%;
}

@media (min-width: 768px) {
  [data-content-type='column'] {
    flex-basis: auto
  }
}

/* Tabs/Tab Item */

[data-content-type='tabs'] .tabs-navigation {
  margin-bottom: -1px;
  display: block;
  padding: 0px;
  --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);
}

[data-content-type$='block'] [data-content-type='tabs'] .tabs-navigation p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

[data-content-type='tabs'] .tabs-navigation li.tab-header {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: -1px;
  display: inline-block;
  max-width: 100%;
  overflow-wrap: break-word;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-width: 1px;
  border-bottom-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

[data-content-type='tabs'] .tabs-navigation li.tab-header:first-child {
  margin-left: 0px;
}

[data-content-type='tabs'] .tabs-navigation li.tab-header.active {
  z-index: 20;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-bottom: 1px solid white;
}

[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title {
  position: relative;
  display: block;
  cursor: pointer;
  white-space: normal;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  vertical-align: middle;
  font-size: 0.875em;
  font-weight: 500;
}

[data-content-type$='block'] [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span {
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

[data-content-type='tabs'] .tabs-content {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0.125rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  --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);
}

[data-content-type='tabs'] .tabs-content [data-content-type='tab-item'] {
  box-sizing: border-box;
  padding: 2em;
  min-height: inherit;
  background-attachment: scroll !important;
}

[data-content-type='tabs'].tab-align-left .tabs-content {
  border-top-left-radius: 0 !important;
}

[data-content-type='tabs'].tab-align-right .tabs-content {
  border-top-right-radius: 0 !important;
}

/**
 * Elements
 */

/* Text */

[data-content-type='text'] {
  overflow-wrap: break-word;
}

/* Heading */

[data-content-type='heading'] {
  overflow-wrap: break-word;
}

/* Buttons/Button Item */

[data-content-type='buttons'] {
  max-width: 100%;
}

[data-content-type='buttons'] [data-content-type='button-item'] {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  max-width: 100%;
}

[data-content-type='buttons'] [data-content-type='button-item'] [data-element='link'],
        [data-content-type='buttons'] [data-content-type='button-item'] [data-element='empty_link'] {
  max-width: 100%;
  overflow-wrap: break-word;
}

[data-content-type='buttons'] [data-content-type='button-item'] [data-element='empty_link'] {
  cursor: default;
}

[data-content-type='buttons'] [data-content-type='button-item'] a,
        [data-content-type='buttons'] [data-content-type='button-item'] button,
        [data-content-type='buttons'] [data-content-type='button-item'] div {
  display: inline-block;
  --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);
}

[data-content-type='buttons'] [data-content-type='button-item'] a.pagebuilder-button-link, [data-content-type='buttons'] [data-content-type='button-item'] button.pagebuilder-button-link, [data-content-type='buttons'] [data-content-type='button-item'] div.pagebuilder-button-link {
  box-sizing: border-box;
}

a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
}

@media (min-width: 768px) {
  a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.25em;
  }
}

@media (min-width: 1440px) {
  a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
    font-size: 1em;
  }
}

a.pagebuilder-button-primary svg, button.pagebuilder-button-primary svg, div.pagebuilder-button-primary svg {
  display: inline-flex;
}

a.pagebuilder-button-primary span, button.pagebuilder-button-primary span, div.pagebuilder-button-primary span {
  vertical-align: middle;
}

a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

a.pagebuilder-button-primary:focus, button.pagebuilder-button-primary:focus, div.pagebuilder-button-primary:focus {
  border-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(68 60 60 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0.5;
}

a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(68 60 60 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
}

a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(95 84 84 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1em;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
}

@media (min-width: 768px) {
  a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary {
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1.25em;
  }
}

@media (min-width: 1440px) {
  a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary {
    font-size: 1em;
  }
}

a.pagebuilder-button-secondary svg, button.pagebuilder-button-secondary svg, div.pagebuilder-button-secondary svg {
  display: inline-flex;
}

a.pagebuilder-button-secondary span, button.pagebuilder-button-secondary span, div.pagebuilder-button-secondary span {
  vertical-align: middle;
}

a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus {
  border-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(68 60 60 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0.5;
}

a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(95 84 84 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  --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);
}

a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(43 38 38 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus {
  border-width: 2px;
  border-color: transparent;
}

/* HTML Code */

[data-content-type='html'] {
  overflow-wrap: break-word;
}

/**
 * Media
 */

/* Image */

[data-content-type='image'] {
  box-sizing: border-box;
}

[data-content-type='image'] > [data-element='link'],
    [data-content-type='image'] > [data-element='link'] img {
  border-radius: inherit;
}

[data-content-type='image'] .pagebuilder-mobile-hidden {
  display: none;
}

@media (min-width: 768px) {
  [data-content-type='image'] .pagebuilder-mobile-hidden {
    display: block;
  }

  [data-content-type='image'] .pagebuilder-mobile-only {
    display: none;
  }
}

[data-content-type='image'] figcaption {
  overflow-wrap: break-word;
}

/* Video */

[data-content-type='video'] {
  font-size: 0;
}

[data-content-type='video'] .pagebuilder-video-inner {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}

[data-content-type='video'] .pagebuilder-video-container {
  position: relative;
  overflow: hidden;
  border-radius: inherit;
  padding-top: 56.25%;
}

[data-content-type='video'] iframe,
    [data-content-type='video'] video {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}

/* Banner */

[data-content-type='banner'] > [data-element='link'], [data-content-type='banner'] > [data-element='empty_link'] {
  color: inherit;
  text-decoration: inherit;
}

[data-content-type='banner'] > [data-element='link']:hover, [data-content-type='banner'] > [data-element='empty_link']:hover {
  color: inherit;
  text-decoration: inherit;
}

[data-content-type='banner'] .pagebuilder-banner-wrapper {
  box-sizing: border-box;
  overflow-wrap: break-word;
  background-clip: padding-box;
  border-radius: inherit;
  background-attachment: scroll !important;
}

[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  position: relative;
  box-sizing: border-box;
  padding: 2em;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
  max-width: none;
}

@media (min-width: 768px) {
  [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
    max-width: 36rem;
  }
}

[data-content-type='banner'] .pagebuilder-banner-wrapper.jarallax .video-overlay {
  z-index: 0;
}

[data-content-type='banner'] .pagebuilder-banner-wrapper [data-element='content'] {
  overflow: auto;
  min-height: 50px;
}

[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-banner-button {
  margin: 0px;
  margin-top: 1.25rem;
  display: inline-block;
  max-width: 100%;
  overflow-wrap: break-word;
  transition-property: opacity;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  text-align: inherit;
}

[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-poster-content {
  width: 100%;
}

[data-content-type='banner'][data-appearance='collage-centered'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-left: auto;
  margin-right: auto;
}

[data-content-type='banner'][data-appearance='collage-left'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-right: auto;
}

[data-content-type='banner'][data-appearance='collage-right'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-left: auto;
}

/* Slider */

[data-content-type='slider'] {
  visibility: hidden;
  position: relative;
}

[data-content-type='slider'].glider-initialized {
  visibility: visible;
}

[data-content-type='slider'] [data-role='glider-content'] {
  overflow-y: hidden;
}

[data-content-type='slider'] a.button {
  color: initial;
  padding: 10px;
  -webkit-text-decoration: none;
  text-decoration: none;
}

[data-content-type='slider'] .carousel-nav {
  position: absolute;
  bottom: 0px;
  margin-bottom: 0.5em;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.75;
  left: 50%;
  transform: translateX(-50%);
}

/* Slide */

[data-content-type='slide'] {
  box-sizing: border-box;
  overflow: hidden;
  line-height: 1.25rem;
  min-height: inherit;
}

[data-content-type='slide'] > [data-element='link'],
    [data-content-type='slide'] > [data-element='empty_link'] {
  color: inherit;
  min-height: inherit;
  text-decoration: inherit;
}

[data-content-type='slide'] > [data-element='link']:hover, [data-content-type='slide'] > [data-element='empty_link']:hover {
  color: inherit;
  text-decoration: inherit;
}

[data-content-type='slide'] + [data-content-type='slide'] {
  height: 0px;
  min-height: 0px;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper {
  box-sizing: border-box;
  overflow-wrap: break-word;
  border-radius: inherit;
  min-height: inherit;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper .jarallax-viewport-element {
  position: absolute;
  top: 0px;
  z-index: 50;
  height: 100%;
  width: 0.125rem;
  left: -15000vw;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax .video-overlay {
  -webkit-transform: unset;
  z-index: 1;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay {
  position: relative;
  z-index: 20;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > div,
                [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > img,
                [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > video,
                [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > iframe {
  margin: auto !important;
  transform: none !important;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  box-sizing: border-box;
  padding: 2em;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-radius: inherit;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: inherit;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
  max-width: none;
}

@media (min-width: 768px) {
  [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
    max-width: 32rem;
  }
}

[data-content-type='slide'] .pagebuilder-slide-wrapper [data-element='content'] {
  overflow: auto;
  min-height: 50px;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-slide-button {
  margin: 0px;
  margin-top: 1.25rem;
  max-width: 100%;
  overflow-wrap: break-word;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-align: inherit;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-poster-content {
  width: 100%;
}

[data-content-type='slide'][data-appearance='collage-centered'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-left: auto;
  margin-right: auto;
}

[data-content-type='slide'][data-appearance='collage-left'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-right: auto;
}

[data-content-type='slide'][data-appearance='collage-right'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-left: auto;
}

/* Map */

[data-content-type='map'] {
  box-sizing: border-box;
  height: 18rem;
}

/**
 * Add Content
 */

/* Block */

[data-content-type$='block'] .block p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

/* Dynamic Block */

[data-content-type='dynamic_block'] [data-content-type='image'] img {
  display: inline;
}

[data-content-type='dynamic_block'] .block-banners .banner-item-content,
    [data-content-type='dynamic_block'] .block-banners-inline .banner-item-content {
  margin-bottom: auto;
}

/**
 * Glider
 */

.glider-contain {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.glider {
  overflow-y: hidden;
}

.glider.draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: grab;
}

.glider.draggable .glider-slide img {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.glider.drag {
  cursor: grabbing;
}

.glider::-webkit-scrollbar {
  height: 0px;
  opacity: 0;
}

.glider .glider-track {
  z-index: 10;
  margin: 0px;
  display: flex;
  width: 100%;
  padding: 0px;
}

.glider-slide {
  margin: 0.5em;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-content: center;
  justify-content: center;
  min-width: 150px;
}

.glider-slide img {
  max-width: 100%;
}

.glider-hide {
  opacity: 0;
}

.glider-prev.disabled, .glider-next.disabled {
  cursor: default;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  opacity: 0.25;
}

.glider-dot {
  margin: 0.25em;
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  opacity: 0.25;
  --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);
}

[data-content-type$='block'] .glider-dot p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

.glider-dot.active {
  opacity: 1;
}

@media (max-width: 36em) {
  .glider::-webkit-scrollbar {
    height: 0.25rem;
    width: 0.5rem;
    -webkit-appearance: none;
            appearance: none;
    opacity: 1;
  }

  .glider::-webkit-scrollbar-thumb {
    opacity: 1;
    border-radius: 99px;
    background-color: rgba(156, 156, 156, .25);
    box-shadow: 0 0 1px rgba(255, 255, 255, .25);
  }
}

[data-show-arrows='false'] .glider-prev,
    [data-show-arrows='false'] .glider-next {
  display: none;
}

[data-show-dots='false'] .glider-dots {
  display: none;
}

/* purgecss end ignore */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-right-1\.5 {
  right: -0.375rem;
}

.-top-1\.5 {
  top: -0.375rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-\[-20px\] {
  bottom: -20px;
}

.bottom-\[-25px\] {
  bottom: -25px;
}

.bottom-\[12px\] {
  bottom: 12px;
}

.bottom-auto {
  bottom: auto;
}

.left-0 {
  left: 0px;
}

.left-0\.5 {
  left: 0.125rem;
}

.left-1\/2 {
  left: 50%;
}

.left-4 {
  left: 1rem;
}

.left-auto {
  left: auto;
}

.right-0 {
  right: 0px;
}

.right-1 {
  right: 0.25rem;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-\[3px\] {
  right: 3px;
}

.right-\[4px\] {
  right: 4px;
}

.top-0 {
  top: 0px;
}

.top-1 {
  top: 0.25rem;
}

.top-1\/2 {
  top: 50%;
}

.top-3 {
  top: 0.75rem;
}

.top-\[2px\] {
  top: 2px;
}

.top-\[4px\] {
  top: 4px;
}

.top-full {
  top: 100%;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-5 {
  z-index: 5;
}

.z-50 {
  z-index: 50;
}

.z-\[100\] {
  z-index: 100;
}

.-order-1 {
  order: -1;
}

.order-1 {
  order: 1;
}

.order-10 {
  order: 10;
}

.order-2 {
  order: 2;
}

.order-\[125\] {
  order: 125;
}

.order-none {
  order: 0;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.-m-4 {
  margin: -1em;
}

.m-0 {
  margin: 0px;
}

.m-4 {
  margin: 1em;
}

.m-\[-1px\] {
  margin: -1px;
}

.m-auto {
  margin: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mx-md {
  margin-left: 1.5em;
  margin-right: 1.5em;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.my-10 {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

.my-12 {
  margin-top: 3em;
  margin-bottom: 3em;
}

.my-2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.my-4 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6 {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.my-8 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.\!mt-0 {
  margin-top: 0px !important;
}

.-ml-4 {
  margin-left: -1em;
}

.-mt-2 {
  margin-top: -0.5em;
}

.mb-1 {
  margin-bottom: 0.25em;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5em;
}

.mb-12 {
  margin-bottom: 3em;
}

.mb-16 {
  margin-bottom: 4em;
}

.mb-2 {
  margin-bottom: 0.5em;
}

.mb-2\.5 {
  margin-bottom: 0.625rem;
}

.mb-3 {
  margin-bottom: 0.75em;
}

.mb-4 {
  margin-bottom: 1em;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5em;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2em;
}

.mb-\[-20px\] {
  margin-bottom: -20px;
}

.mb-\[1\.5rem\] {
  margin-bottom: 1.5rem;
}

.mb-\[24px\] {
  margin-bottom: 24px;
}

.ml-1 {
  margin-left: 0.25em;
}

.ml-2 {
  margin-left: 0.5em;
}

.ml-2\.5 {
  margin-left: 0.625rem;
}

.ml-4 {
  margin-left: 1em;
}

.ml-6 {
  margin-left: 1.5em;
}

.ml-\[32px\] {
  margin-left: 32px;
}

.ml-auto {
  margin-left: auto;
}

.mr-1 {
  margin-right: 0.25em;
}

.mr-2 {
  margin-right: 0.5em;
}

.mr-2\.5 {
  margin-right: 0.625rem;
}

.mr-20 {
  margin-right: 5rem;
}

.mr-3 {
  margin-right: 0.75em;
}

.mr-4 {
  margin-right: 1em;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-\[-1px\] {
  margin-right: -1px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-1 {
  margin-top: 0.25em;
}

.mt-10 {
  margin-top: 2.5em;
}

.mt-12 {
  margin-top: 3em;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-16 {
  margin-top: 4em;
}

.mt-2 {
  margin-top: 0.5em;
}

.mt-2\.5 {
  margin-top: 0.625rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-3 {
  margin-top: 0.75em;
}

.mt-4 {
  margin-top: 1em;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5em;
}

.mt-8 {
  margin-top: 2em;
}

.mt-\[12px\] {
  margin-top: 12px;
}

.mt-auto {
  margin-top: auto;
}

.box-border {
  box-sizing: border-box;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.table-caption {
  display: table-caption;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.\!h-auto {
  height: auto !important;
}

.h-1 {
  height: 0.25rem;
}

.h-1\/2 {
  height: 50%;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-16 {
  height: 4rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: 0.75rem;
}

.h-4 {
  height: 1rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-8 {
  height: 2rem;
}

.h-\[15px\] {
  height: 15px;
}

.h-\[1px\] {
  height: 1px;
}

.h-\[2px\] {
  height: 2px;
}

.h-\[4px\] {
  height: 4px;
}

.h-\[50px\] {
  height: 50px;
}

.h-auto {
  height: auto;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-10 {
  max-height: 2.5rem;
}

.max-h-screen {
  max-height: 100vh;
}

.min-h-14 {
  min-height: 3.5rem;
}

.min-h-\[500px\] {
  min-height: 500px;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-auto {
  width: auto !important;
}

.\!w-full {
  width: 100% !important;
}

.w-1 {
  width: 0.25rem;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-1\/4 {
  width: 25%;
}

.w-1\/5 {
  width: 20%;
}

.w-10 {
  width: 2.5rem;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-2\/5 {
  width: 40%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-20 {
  width: 5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\/5 {
  width: 60%;
}

.w-32 {
  width: 8rem;
}

.w-4 {
  width: 1rem;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-4\/5 {
  width: 80%;
}

.w-40 {
  width: 10rem;
}

.w-5 {
  width: 1.25rem;
}

.w-5\/12 {
  width: 41.666667%;
}

.w-6 {
  width: 1.5rem;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-8 {
  width: 2rem;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-\[100px\] {
  width: 100px;
}

.w-\[15px\] {
  width: 15px;
}

.w-\[44px\] {
  width: 44px;
}

.w-\[49\%\] {
  width: 49%;
}

.w-\[60\%\] {
  width: 60%;
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-max {
  width: -moz-max-content;
  width: max-content;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.\!min-w-\[auto\] {
  min-width: auto !important;
}

.max-w-10 {
  max-width: 2.5rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-32 {
  max-width: 8rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-52 {
  max-width: 13rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[150px\] {
  max-width: 150px;
}

.max-w-\[400px\] {
  max-width: 400px;
}

.max-w-\[500px\] {
  max-width: 500px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-xl {
  max-width: 36rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-none {
  flex: none;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.flex-grow-0 {
  flex-grow: 0;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.basis-20 {
  flex-basis: 5rem;
}

.basis-30 {
  flex-basis: 30%;
}

.basis-full {
  flex-basis: 100%;
}

.border-collapse {
  border-collapse: collapse;
}

.-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-20 {
  --tw-translate-x: -5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/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-20 {
  --tw-translate-y: -5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-20 {
  --tw-translate-x: 5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-20 {
  --tw-translate-y: 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));
}

.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));
}

.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;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resize {
  resize: both;
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.list-inside {
  list-style-position: inside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}

.\!flex-row {
  flex-direction: row !important;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.\!items-center {
  align-items: center !important;
}

.items-center {
  align-items: center;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-stretch {
  justify-content: stretch;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[2px\] {
  gap: 2px;
}

.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.space-x-14 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(3.5rem * var(--tw-space-x-reverse));
  margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-black > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-divide-opacity, 1));
}

.divide-container > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-divide-opacity, 1));
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.break-words {
  overflow-wrap: break-word;
}

.\!rounded-full {
  border-radius: 9999px !important;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[44px\] {
  border-radius: 44px;
}

.rounded-\[4px\] {
  border-radius: 4px;
}

.rounded-\[50\%\] {
  border-radius: 50%;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-none {
  border-radius: 0px;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-b-\[4px\] {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-r {
  border-right-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-none {
  border-style: none;
}

.border-\[var\(--block-border-color\)\] {
  border-color: var(--block-border-color);
}

.border-\[var\(--border-color\)\] {
  border-color: var(--border-color);
}

.border-\[var\(--border-color-light\)\] {
  border-color: var(--border-color-light);
}

.border-\[var\(--category-border-color\)\] {
  border-color: var(--category-border-color);
}

.border-\[var\(--tag-border-color\)\] {
  border-color: var(--tag-border-color);
}

.border-\[var\(--tag-cloud-border-color\)\] {
  border-color: var(--tag-cloud-border-color);
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-container {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}

.border-container-darker {
  --tw-border-opacity: 1;
  border-color: rgb(233 231 231 / var(--tw-border-opacity, 1));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: transparent;
}

.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.bg-\[\#1d4ed8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.bg-\[\#4db2ec\] {
  --tw-bg-opacity: 1;
  background-color: rgb(77 178 236 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F0F1F3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 243 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f6f6f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f7eae5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 234 229 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f90\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ff9900\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-\[var\(--category-bg-color\)\] {
  background-color: var(--category-bg-color);
}

.bg-\[var\(--tag-bg-color\)\] {
  background-color: var(--tag-bg-color);
}

.bg-\[var\(--tag-cloud-bg-color\)\] {
  background-color: var(--tag-cloud-bg-color);
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}

.bg-container-darker {
  --tw-bg-opacity: 1;
  background-color: rgb(233 231 231 / var(--tw-bg-opacity, 1));
}

.bg-container-lighter {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-200\/50 {
  background-color: rgb(229 231 235 / 0.5);
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-opacity-100 {
  --tw-bg-opacity: 1;
}

.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}

.bg-comments-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNTExLjYyNnB4IiBoZWlnaHQ9IjUxMS42MjZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI2OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzAxLjkyNywzMjcuNjA1YzMwLjkyNi0xMy4wMzgsNTUuMzQtMzAuNzg1LDczLjIzLTUzLjI0OGMxNy44ODgtMjIuNDU4LDI2LjgzMy00Ni45MTUsMjYuODMzLTczLjM3MgoJCQljMC0yNi40NTgtOC45NDUtNTAuOTE3LTI2Ljg0LTczLjM3NmMtMTcuODg4LTIyLjQ1OS00Mi4yOTgtNDAuMjA4LTczLjIyOC01My4yNDljLTMwLjkzLTEzLjAzOS02NC41NzEtMTkuNTU2LTEwMC45MjgtMTkuNTU2CgkJCWMtMzYuMzU0LDAtNjkuOTk1LDYuNTIxLTEwMC45MjcsMTkuNTU2Yy0zMC45MjksMTMuMDQtNTUuMzQsMzAuNzg5LTczLjIyOSw1My4yNDlDOC45NDcsMTUwLjA3MiwwLDE3NC41MjcsMCwyMDAuOTg2CgkJCWMwLDIyLjY0OCw2Ljc2Nyw0My45NzUsMjAuMjgsNjMuOTZjMTMuNTEyLDE5Ljk4MSwzMi4wNzEsMzYuODI5LDU1LjY3MSw1MC41MzFjLTEuOTAyLDQuNTcyLTMuODUzLDguNzU0LTUuODUyLDEyLjU2NgoJCQljLTIsMy44MDYtNC4zNzcsNy40NjctNy4xMzksMTAuOTkxYy0yLjc2LDMuNTI1LTQuODk5LDYuMjgzLTYuNDIzLDguMjc1Yy0xLjUyMywxLjk5OC0zLjk5Nyw0LjgxMi03LjQyNSw4LjQyMgoJCQljLTMuNDI3LDMuNjE3LTUuNjE3LDUuOTk2LTYuNTY3LDcuMTM1YzAtMC4xOTEtMC4zODEsMC4yNC0xLjE0MywxLjI4N2MtMC43NjMsMS4wNDctMS4xOTEsMS41Mi0xLjI4NSwxLjQzMQoJCQljLTAuMDk2LTAuMTAzLTAuNDc3LDAuMzczLTEuMTQzLDEuNDJjLTAuNjY2LDEuMDQ4LTEsMS41NzEtMSwxLjU3MWwtMC43MTUsMS40MjNjLTAuMjgyLDAuNTc1LTAuNDc2LDEuMTM3LTAuNTcsMS43MTIKCQkJYy0wLjA5NiwwLjU2Ny0wLjE0NCwxLjE5LTAuMTQ0LDEuODU0czAuMDk0LDEuMjgsMC4yODgsMS44NTRjMC4zODEsMi40NzEsMS40NzUsNC40NjYsMy4yODMsNS45OTYKCQkJYzEuODA3LDEuNTIsMy43NTYsMi4yNzksNS44NTIsMi4yNzloMC44NTdjOS41MTUtMS4zMzIsMTcuNzAxLTIuODU0LDI0LjU1Mi00LjU2OWMyOS4zMTItNy42MSw1NS43NzEtMTkuNzk3LDc5LjM3Mi0zNi41NDUKCQkJYzE3LjEyOSwzLjA0NiwzMy44NzksNC41NjgsNTAuMjQ3LDQuNTY4QzIzNy4zNTMsMzQ3LjE2LDI3MC45OTgsMzQwLjY0NSwzMDEuOTI3LDMyNy42MDV6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KCQk8cGF0aCBkPSJNNDkxLjM1NCwzMzguMTY2YzEzLjUxOC0xOS44ODksMjAuMjcyLTQxLjI0NywyMC4yNzItNjQuMDljMC0yMy40MTQtNy4xNDYtNDUuMzE2LTIxLjQxNi02NS42OAoJCQljLTE0LjI3Ny0yMC4zNjItMzMuNjk0LTM3LjMwNS01OC4yNDUtNTAuODE5YzQuMzc0LDE0LjI3NCw2LjU2MywyOC43MzksNi41NjMsNDMuMzk4YzAsMjUuNTAzLTYuMzY4LDQ5LjY3Ni0xOS4xMjksNzIuNTE5CgkJCWMtMTIuNzUyLDIyLjgzNi0zMS4wMjUsNDMuMDEtNTQuODE2LDYwLjUyNGMtMjIuMDgsMTUuOTg4LTQ3LjIwNSwyOC4yNjEtNzUuMzc3LDM2LjgyOQoJCQljLTI4LjE2NCw4LjU2Mi01Ny41NzMsMTIuODQ4LTg4LjIxOCwxMi44NDhjLTUuNzA4LDAtMTQuMDg0LTAuMzc3LTI1LjEyMi0xLjEzN2MzOC4yNTYsMjUuMTE5LDgzLjE3NywzNy42ODUsMTM0Ljc1NiwzNy42ODUKCQkJYzE2LjM3MSwwLDMzLjExOS0xLjUyNiw1MC4yNTEtNC41NzFjMjMuNiwxNi43NTUsNTAuMDYsMjguOTMxLDc5LjM3LDM2LjU0OWM2Ljg1MiwxLjcxOCwxNS4wMzcsMy4yMzcsMjQuNTU0LDQuNTY4CgkJCWMyLjI4MywwLjE5MSw0LjM4MS0wLjQ3Niw2LjI4My0xLjk5OWMxLjkwMy0xLjUyMiwzLjE0Mi0zLjYxLDMuNzEtNi4yNzJjLTAuMDg5LTEuMTQzLDAtMS43NywwLjI4Ny0xLjg2MQoJCQljMC4yODEtMC4wOSwwLjIzMy0wLjcxMi0wLjE0NC0xLjg1MmMtMC4zNzYtMS4xNDQtMC41NjgtMS43MTUtMC41NjgtMS43MTVsLTAuNzEyLTEuNDI0Yy0wLjE5OC0wLjM3Ni0wLjUyLTAuOTAzLTAuOTk5LTEuNTY3CgkJCWMtMC40NzYtMC42Ni0wLjg1NS0xLjE0My0xLjE0My0xLjQyN2MtMC4yOC0wLjI4NC0wLjcwNS0wLjc2My0xLjI4LTEuNDI0Yy0wLjU2OC0wLjY2LTAuOTUxLTEuMDkyLTEuMTQzLTEuMjgzCgkJCWMtMC45NTEtMS4xNDMtMy4xMzktMy41MjEtNi41NjQtNy4xMzljLTMuNDI5LTMuNjEzLTUuODk5LTYuNDItNy40MjItOC40MThjLTEuNTIzLTEuOTk5LTMuNjY1LTQuNzU3LTYuNDI0LTguMjgyCgkJCWMtMi43NTgtMy41MTgtNS4xNC03LjE4My03LjEzOS0xMC45OTFjLTEuOTk4LTMuODA2LTMuOTQ5LTcuOTk1LTUuODUyLTEyLjU2QzQ1OS4yODksMzc0Ljg1OSw0NzcuODQzLDM1OC4wNjIsNDkxLjM1NCwzMzguMTY2eiIKCQkJZmlsbD0iY3VycmVudENvbG9yIiAvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
}

.bg-count-views-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogICAgICB3aWR0aD0iNTExLjYyNnB4IiBoZWlnaHQ9IjUxMS42MjZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI2OyINCiAgICAgIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KCTxwYXRoIGQ9Ik01MDUuOTE4LDIzNi4xMTdjLTI2LjY1MS00My41ODctNjIuNDg1LTc4LjYwOS0xMDcuNDk3LTEwNS4wNjVjLTQ1LjAxNS0yNi40NTctOTIuNTQ5LTM5LjY4Ny0xNDIuNjA4LTM5LjY4Nw0KCQljLTUwLjA1OSwwLTk3LjU5NSwxMy4yMjUtMTQyLjYxLDM5LjY4N0M2OC4xODcsMTU3LjUwOCwzMi4zNTUsMTkyLjUzLDUuNzA4LDIzNi4xMTdDMS45MDMsMjQyLjc3OCwwLDI0OS4zNDUsMCwyNTUuODE4DQoJCWMwLDYuNDczLDEuOTAzLDEzLjA0LDUuNzA4LDE5LjY5OWMyNi42NDcsNDMuNTg5LDYyLjQ3OSw3OC42MTQsMTA3LjQ5NSwxMDUuMDY0YzQ1LjAxNSwyNi40Niw5Mi41NTEsMzkuNjgsMTQyLjYxLDM5LjY4DQoJCWM1MC4wNiwwLDk3LjU5NC0xMy4xNzYsMTQyLjYwOC0zOS41MzZjNDUuMDEyLTI2LjM2MSw4MC44NTItNjEuNDMyLDEwNy40OTctMTA1LjIwOGMzLjgwNi02LjY1OSw1LjcwOC0xMy4yMjMsNS43MDgtMTkuNjk5DQoJCUM1MTEuNjI2LDI0OS4zNDUsNTA5LjcyNCwyNDIuNzc4LDUwNS45MTgsMjM2LjExN3ogTTE5NC41NjgsMTU4LjAzYzE3LjAzNC0xNy4wMzQsMzcuNDQ3LTI1LjU1NCw2MS4yNDItMjUuNTU0DQoJCWMzLjgwNSwwLDcuMDQzLDEuMzM2LDkuNzA5LDMuOTk5YzIuNjYyLDIuNjY0LDQsNS45MDEsNCw5LjcwN2MwLDMuODA5LTEuMzM4LDcuMDQ0LTMuOTk0LDkuNzA0DQoJCWMtMi42NjIsMi42NjctNS45MDIsMy45OTktOS43MDgsMy45OTljLTE2LjM2OCwwLTMwLjM2Miw1LjgwOC00MS45NzEsMTcuNDE2Yy0xMS42MTMsMTEuNjE1LTE3LjQxNiwyNS42MDMtMTcuNDE2LDQxLjk3MQ0KCQljMCwzLjgxMS0xLjMzNiw3LjA0NC0zLjk5OSw5LjcxYy0yLjY2NywyLjY2OC01LjkwMSwzLjk5OS05LjcwNywzLjk5OWMtMy44MDksMC03LjA0NC0xLjMzNC05LjcxLTMuOTk5DQoJCWMtMi42NjctMi42NjYtMy45OTktNS45MDMtMy45OTktOS43MUMxNjkuMDE1LDE5NS40ODIsMTc3LjUzNSwxNzUuMDY1LDE5NC41NjgsMTU4LjAzeiBNMzc5Ljg2NywzNDkuMDQNCgkJYy0zOC4xNjQsMjMuMTItNzkuNTE0LDM0LjY4Ny0xMjQuMDU0LDM0LjY4N2MtNDQuNTM5LDAtODUuODg5LTExLjU2LTEyNC4wNTEtMzQuNjg3cy02OS45MDEtNTQuMi05NS4yMTUtOTMuMjIyDQoJCWMyOC45MzEtNDQuOTIxLDY1LjE5LTc4LjUxOCwxMDguNzc3LTEwMC43ODNjLTExLjYxLDE5Ljc5Mi0xNy40MTcsNDEuMjA3LTE3LjQxNyw2NC4yMzZjMCwzNS4yMTYsMTIuNTE3LDY1LjMyOSwzNy41NDQsOTAuMzYyDQoJCXM1NS4xNTEsMzcuNTQ0LDkwLjM2MiwzNy41NDRjMzUuMjE0LDAsNjUuMzI5LTEyLjUxOCw5MC4zNjItMzcuNTQ0czM3LjU0NS01NS4xNDYsMzcuNTQ1LTkwLjM2Mg0KCQljMC0yMy4wMjktNS44MDgtNDQuNDQ3LTE3LjQxOS02NC4yMzZjNDMuNTg1LDIyLjI2NSw3OS44NDYsNTUuODY1LDEwOC43NzYsMTAwLjc4M0M0NDkuNzY3LDI5NC44NCw0MTguMDMxLDMyNS45MTMsMzc5Ljg2NywzNDkuMDQNCgkJeiIvPg0KPC9zdmc+DQo=);
}

.bg-cover {
  background-size: cover;
}

.bg-center {
  background-position: center;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.\!p-4 {
  padding: 1em !important;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25em;
}

.p-10 {
  padding: 2.5em;
}

.p-12 {
  padding: 3em;
}

.p-2 {
  padding: 0.5em;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-3 {
  padding: 0.75em;
}

.p-4 {
  padding: 1em;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5em;
}

.p-8 {
  padding: 2em;
}

.\!px-4 {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

.\!py-3 {
  padding-top: 0.75em !important;
  padding-bottom: 0.75em !important;
}

.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-12 {
  padding-left: 3em;
  padding-right: 3em;
}

.px-16 {
  padding-left: 4em;
  padding-right: 4em;
}

.px-2 {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.px-4 {
  padding-left: 1em;
  padding-right: 1em;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.px-8 {
  padding-left: 2em;
  padding-right: 2em;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-1 {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.py-12 {
  padding-top: 3em;
  padding-bottom: 3em;
}

.py-16 {
  padding-top: 4em;
  padding-bottom: 4em;
}

.py-2 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3 {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.py-4 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.py-8 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}

.\!pb-0 {
  padding-bottom: 0px !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 0.25em;
}

.pb-10 {
  padding-bottom: 2.5em;
}

.pb-12 {
  padding-bottom: 3em;
}

.pb-2 {
  padding-bottom: 0.5em;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-3 {
  padding-bottom: 0.75em;
}

.pb-4 {
  padding-bottom: 1em;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5em;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-8 {
  padding-bottom: 2em;
}

.pb-\[66\.6\%\] {
  padding-bottom: 66.6%;
}

.pb-\[70\%\] {
  padding-bottom: 70%;
}

.pb-per70 {
  padding-bottom: 70%;
}

.pe-3 {
  padding-inline-end: 0.75em;
}

.pl-0\.5 {
  padding-left: 0.125rem;
}

.pl-1 {
  padding-left: 0.25em;
}

.pl-2 {
  padding-left: 0.5em;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pl-3 {
  padding-left: 0.75em;
}

.pl-4 {
  padding-left: 1em;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5em;
}

.pr-1 {
  padding-right: 0.25em;
}

.pr-10 {
  padding-right: 2.5em;
}

.pr-2 {
  padding-right: 0.5em;
}

.pr-2\.5 {
  padding-right: 0.625rem;
}

.pr-3 {
  padding-right: 0.75em;
}

.pr-4 {
  padding-right: 1em;
}

.ps-3\.5 {
  padding-inline-start: 0.875rem;
}

.ps-6 {
  padding-inline-start: 1.5em;
}

.pt-1 {
  padding-top: 0.25em;
}

.pt-10 {
  padding-top: 2.5em;
}

.pt-16 {
  padding-top: 4em;
}

.pt-2 {
  padding-top: 0.5em;
}

.pt-2\.5 {
  padding-top: 0.625rem;
}

.pt-3 {
  padding-top: 0.75em;
}

.pt-4 {
  padding-top: 1em;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5em;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2em;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-top {
  vertical-align: top;
}

.font-poppins {
  font-family: Poppins;
}

.font-sans {
  font-family: sans-serif;
}

.text-2xl {
  font-size: 1.875em;
}

.text-3xl {
  font-size: 2.25em;
}

.text-4xl {
  font-size: 2.5em;
}

.text-5xl {
  font-size: 3em;
}

.text-6xl {
  font-size: 4em;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-base {
  font-size: 1em;
}

.text-lg {
  font-size: 1.25em;
}

.text-md {
  font-size: 1.125em;
}

.text-sm {
  font-size: 0.875em;
}

.text-xl {
  font-size: 1.5em;
}

.text-xs {
  font-size: 0.75em;
}

.font-bold {
  font-weight: 600;
}

.font-extrabold {
  font-weight: 700;
}

.font-medium {
  font-weight: 400;
}

.font-normal {
  font-weight: 400;
}

.font-regular {
  font-weight: 300;
}

.font-semibold {
  font-weight: 500;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.italic {
  font-style: italic;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-3 {
  line-height: .75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-\[30px\] {
  line-height: 30px;
}

.leading-\[50px\] {
  line-height: 50px;
}

.leading-\[var\(--post-desc-line-height\)\] {
  line-height: var(--post-desc-line-height);
}

.leading-none {
  line-height: 1;
}

.leading-relaxed {
  line-height: 1.625;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.text-\[\#160808\] {
  --tw-text-opacity: 1;
  color: rgb(22 8 8 / var(--tw-text-opacity, 1));
}

.text-\[\#222\] {
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.text-\[\#3F3F3F\] {
  --tw-text-opacity: 1;
  color: rgb(63 63 63 / var(--tw-text-opacity, 1));
}

.text-\[\#4E4E4E\] {
  --tw-text-opacity: 1;
  color: rgb(78 78 78 / var(--tw-text-opacity, 1));
}

.text-\[\#555\] {
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity, 1));
}

.text-\[\#707070\] {
  --tw-text-opacity: 1;
  color: rgb(112 112 112 / var(--tw-text-opacity, 1));
}

.text-\[\#777\] {
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}

.text-\[\#7d7d7d\] {
  --tw-text-opacity: 1;
  color: rgb(125 125 125 / var(--tw-text-opacity, 1));
}

.text-\[\#98A2B3\] {
  --tw-text-opacity: 1;
  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
}

.text-\[\#DA5D28\] {
  --tw-text-opacity: 1;
  color: rgb(218 93 40 / var(--tw-text-opacity, 1));
}

.text-\[\#aaaaaa\] {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}

.text-\[\#bbb\] {
  --tw-text-opacity: 1;
  color: rgb(187 187 187 / var(--tw-text-opacity, 1));
}

.text-\[var\(--block-title-color\)\] {
  color: var(--block-title-color);
}

.text-\[var\(--category-color\)\] {
  color: var(--category-color);
}

.text-\[var\(--link-sidebar-color\)\] {
  color: var(--link-sidebar-color);
}

.text-\[var\(--post-data-color\)\] {
  color: var(--post-data-color);
}

.text-\[var\(--post-desc-font-size\)\] {
  color: var(--post-desc-font-size);
}

.text-\[var\(--post-title-color\)\] {
  color: var(--post-title-color);
}

.text-\[var\(--primary-color\)\] {
  color: var(--primary-color);
}

.text-\[var\(--primary-color-alt\)\] {
  color: var(--primary-color-alt);
}

.text-\[var\(--product-item-name\)\] {
  color: var(--product-item-name);
}

.text-\[var\(--tag-cloud-color\)\] {
  color: var(--tag-cloud-color);
}

.text-\[var\(--tag-color\)\] {
  color: var(--tag-color);
}

.text-\[var\(--tag-title-color\)\] {
  color: var(--tag-title-color);
}

.text-\[var\(--text-color\)\] {
  color: var(--text-color);
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-gray-900\/60 {
  color: rgb(17 24 39 / 0.6);
}

.text-green-100 {
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.text-inherit {
  color: inherit;
}

.text-neutral-800 {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

.text-primary-darker {
  --tw-text-opacity: 1;
  color: rgb(43 38 38 / var(--tw-text-opacity, 1));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-title {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.no-underline {
  text-decoration-line: none;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.placeholder-neutral-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(163 163 163 / var(--tw-placeholder-opacity, 1));
}

.placeholder-neutral-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(163 163 163 / var(--tw-placeholder-opacity, 1));
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.mix-blend-darken {
  mix-blend-mode: darken;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.ring-blue-500\/50 {
  --tw-ring-color: rgb(59 130 246 / 0.5);
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!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) !important;
}

.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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[all\] {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  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;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* This class only exists for backwards compatibility, */

/* The default is applied in tailwind.config.js since Hyvä 1.2.0 */

/* .page-footer {} */

/* .page-header {} */

.table-row-items > div.table-row-item {
  --tw-bg-opacity: 1;
  background-color: rgb(233 231 231 / var(--tw-bg-opacity, 1));
}

.table-row-items > div.table-row-item:nth-child(2n + 1) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

/* .category-view .sidebar .block.filter {} */

.account-nav li a,
    .account-nav li strong {
  display: flex;
  justify-content: space-between;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  --tw-text-opacity: 1;
  color: rgb(102 73 0 / var(--tw-text-opacity, 1));
}

.account-nav li a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.account-nav li strong {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.actions-toolbar {
  margin-top: 1.5em;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(233 231 231 / var(--tw-border-opacity, 1));
  padding-top: 1em;
}

.actions-toolbar a.back {
  --tw-text-opacity: 1;
  color: rgb(51 37 0 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

body > div > div.grecaptcha-badge {
  display: none;
  height: 0px !important;
  width: 0px !important;
}

.order-items > div:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(233 231 231 / var(--tw-bg-opacity, 1));
}

.order-links {
  display: block;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

[data-content-type$='block'] .order-links p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

.order-links li {
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
}

.order-links li.current {
  flex-grow: 1;
  --tw-text-opacity: 1;
  color: rgb(68 60 60 / var(--tw-text-opacity, 1));
}

.order-links li a {
  text-decoration-line: underline;
}

.order-date {
  font-size: 0.875em;
}

form .field, fieldset .field {
  margin-top: 0.25em;
}

/* Reserve space for single line form validation messages */

form .field.field-reserved, fieldset .field.field-reserved {
  margin-bottom: 1.75rem;
}

form .field.field-reserved ul:last-of-type, fieldset .field.field-reserved ul:last-of-type {
  margin-bottom: -1.5em;
  padding-bottom: 0.25em;
}

form .field.field-reserved ul, fieldset .field.field-reserved ul {
  font-size: 0.875em;
}

form label, fieldset label {
  margin-bottom: 0.5em;
  display: block;
  --tw-text-opacity: 1;
  color: rgb(51 37 0 / var(--tw-text-opacity, 1));
}

[data-content-type$='block'] form label p:last-child,[data-content-type$='block']  fieldset label p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

form .field.choice, fieldset .field.choice {
  display: flex;
  align-items: center;
}

form .field.choice input, fieldset .field.choice input {
  margin-right: 1em;
}

form .field.choice label, fieldset .field.choice label {
  margin-bottom: 0px;
}

form .field.field-error .messages, fieldset .field.field-error .messages {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  max-width: -moz-fit-content;
  max-width: fit-content;
}

form legend, fieldset legend {
  margin-bottom: 0.75em;
  font-size: 1.5em;
  --tw-text-opacity: 1;
  color: rgb(68 60 60 / var(--tw-text-opacity, 1));
}

form legend + br, fieldset legend + br {
  display: none;
}

fieldset ~ fieldset {
  margin-top: 2em;
}

.field.required > label::after {
  position: relative;
  top: -0.25rem;
  font-size: 0.75em;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  content: var(--tw-content);
  --tw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E");
  --tw-icon-size: 1em;
  display: inline-block;
  width: var(--tw-icon-size);
  height: var(--tw-icon-size);
  background-color: currentcolor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: var(--tw-icon);
          mask-image: var(--tw-icon);
}

/* For backwards compatibility */

.flex-columns-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .flex-columns-wrapper {
    flex-direction: row;
  }
}

[x-cloak="tablet"] {
  display: none !important;
}

@media (min-width: 1024px) {
  [x-cloak="tablet"] {
    display: block !important;
  }
}

[x-cloak="desktop"] {
  display: block !important;
}

@media (min-width: 1024px) {
  [x-cloak="desktop"] {
    display: none !important;
  }
}

.snowdog-menu-link {
  font-weight: 400;
  line-height: 1.5rem;
}

.snowdog-menu-link:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.group:hover .snowdog-menu-link {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.snowdog-menu-link-topmenu-mobile {
  display: block;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
}

[data-content-type$='block'] .snowdog-menu-link-topmenu-mobile p:last-child {
  margin-bottom: 1em;
  margin-top: 0px;
}

.hero-image {
  margin-top: 0px;
}

.before\:block::before {
  content: var(--tw-content);
  display: block;
}

.before\:h-8::before {
  content: var(--tw-content);
  height: 2rem;
}

.before\:w-8::before {
  content: var(--tw-content);
  width: 2rem;
}

.before\:flex-shrink-0::before {
  content: var(--tw-content);
  flex-shrink: 0;
}

.before\:bg-compare-icon::before {
  content: var(--tw-content);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMyA2bDMgMW0wIDBsLTMgOWE1LjAwMiA1LjAwMiAwIDAwNi4wMDEgME02IDdsMyA5TTYgN2w2LTJtNiAybDMtMW0tMyAxbC0zIDlhNS4wMDIgNS4wMDIgMCAwMDYuMDAxIDBNMTggN2wzIDltLTMtOWwtNi0ybTAtMnYybTAgMTZWNW0wIDE2SDltMyAwaDMiIC8+PC9zdmc+");
}

.before\:bg-wishlist-icon::before {
  content: var(--tw-content);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNNC4zMTggNi4zMThhNC41IDQuNSAwIDAwMCA2LjM2NEwxMiAyMC4zNjRsNy42ODItNy42ODJhNC41IDQuNSAwIDAwLTYuMzY0LTYuMzY0TDEyIDcuNjM2bC0xLjMxOC0xLjMxOGE0LjUgNC41IDAgMDAtNi4zNjQgMHoiLz48L3N2Zz4=);
}

.before\:bg-center::before {
  content: var(--tw-content);
  background-position: center;
}

.before\:bg-no-repeat::before {
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.after\:inline-block::after {
  content: var(--tw-content);
  display: inline-block;
}

.after\:h-6::after {
  content: var(--tw-content);
  height: 1.5rem;
}

.after\:w-6::after {
  content: var(--tw-content);
  width: 1.5rem;
}

.after\:bg-search-icon::after {
  content: var(--tw-content);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4NCiAgICA8cGF0aCBkPSJNMjEgMjFMMTYuNjUgMTYuNjVNMTkgMTFDMTkgMTUuNDE4MyAxNS40MTgzIDE5IDExIDE5QzYuNTgxNzIgMTkgMyAxNS40MTgzIDMgMTFDMyA2LjU4MTcyIDYuNTgxNzIgMyAxMSAzQzE1LjQxODMgMyAxOSA2LjU4MTcyIDE5IDExWiIgc3Ryb2tlPSIjOTQ5NjlDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KPC9zdmc+);
}

.after\:bg-center::after {
  content: var(--tw-content);
  background-position: center;
}

.after\:bg-no-repeat::after {
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-indigo-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.focus-within\:ring-offset-2:focus-within {
  --tw-ring-offset-width: 2px;
}

.focus-within\:ring-offset-gray-100:focus-within {
  --tw-ring-offset-color: #f3f4f6;
}

.hover\:translate-y-\[-3px\]:hover {
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[var\(--category-border-color-hover\)\]:hover {
  border-color: var(--category-border-color-hover);
}

.hover\:border-\[var\(--tag-border-color-hover\)\]:hover {
  border-color: var(--tag-border-color-hover);
}

.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[\#222\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#2563eb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#2b2626\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(43 38 38 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#4db2ec\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(77 178 236 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#da5d28\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(218 93 40 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#e88b00\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 139 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[var\(--category-bg-color-hover\)\]:hover {
  background-color: var(--category-bg-color-hover);
}

.hover\:bg-\[var\(--tag-bg-color-hover\)\]:hover {
  background-color: var(--tag-bg-color-hover);
}

.hover\:bg-\[var\(--tag-cloud-bg-color-hover\)\]:hover {
  background-color: var(--tag-cloud-bg-color-hover);
}

.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:text-\[\#ffffff\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-\[var\(--category-color-hover\)\]:hover {
  color: var(--category-color-hover);
}

.hover\:text-\[var\(--link-sidebar-color-hover\)\]:hover {
  color: var(--link-sidebar-color-hover);
}

.hover\:text-\[var\(--post-title-color-hover\)\]:hover {
  color: var(--post-title-color-hover);
}

.hover\:text-\[var\(--secondary-color\)\]:hover {
  color: var(--secondary-color);
}

.hover\:text-\[var\(--tag-cloud-color-hover\)\]:hover {
  color: var(--tag-cloud-color-hover);
}

.hover\:text-\[var\(--tag-color-hover\)\]:hover {
  color: var(--tag-color-hover);
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:underline-offset-2:hover {
  text-underline-offset: 2px;
}

.hover\:opacity-75:hover {
  opacity: 0.75;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:opacity-85:hover {
  opacity: 0.85;
}

.hover\:shadow-sm:hover {
  --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);
}

.hover\:transition-\[all\]:hover {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hover\:transition-all:hover {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hover\:duration-200:hover {
  transition-duration: 200ms;
}

.hover\:duration-300:hover {
  transition-duration: 300ms;
}

.hover\:ease-out:hover {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.focus\:border-black:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

.focus\:border-indigo-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-darker:focus {
  --tw-border-opacity: 1;
  border-color: rgb(43 38 38 / var(--tw-border-opacity, 1));
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:bg-gray-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:shadow-none:focus {
  --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\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
}

.focus\:ring-indigo-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1));
}

.focus\:ring-opacity-50:focus {
  --tw-ring-opacity: 0.5;
}

.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.active\:ring-0:active {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.disabled\:bg-gray-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.disabled\:opacity-75:disabled {
  opacity: 0.75;
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-75 {
  opacity: 0.75;
}

.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}

@media (min-width: 640px) {
  .sm\:order-1 {
    order: 1;
  }

  .sm\:mt-4 {
    margin-top: 1em;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:h-72 {
    height: 18rem;
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .sm\:overflow-hidden {
    overflow: hidden;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:px-6 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .sm\:px-8 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-center {
    text-align: center;
  }

  .sm\:text-right {
    text-align: right;
  }

  .sm\:text-5xl {
    font-size: 3em;
  }

  .sm\:text-base {
    font-size: 1em;
  }

  .sm\:text-xl {
    font-size: 1.5em;
  }

  .sm\:duration-700 {
    transition-duration: 700ms;
  }
}

@media (min-width: 768px) {
  .md\:static {
    position: static;
  }

  .md\:bottom-\[-30px\] {
    bottom: -30px;
  }

  .md\:\!ml-0 {
    margin-left: 0px !important;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:mt-2 {
    margin-top: 0.5em;
  }

  .md\:mt-3 {
    margin-top: 0.75em;
  }

  .md\:mt-5 {
    margin-top: 1.25rem;
  }

  .md\:mt-8 {
    margin-top: 2em;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-96 {
    height: 24rem;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-3\/5 {
    width: 60%;
  }

  .md\:w-3\/6 {
    width: 50%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:max-w-4xl {
    max-width: 56rem;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

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

  .md\:gap-10 {
    gap: 2.5rem;
  }

  .md\:gap-12 {
    gap: 3rem;
  }

  .md\:gap-16 {
    gap: 4rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:p-6 {
    padding: 1.5em;
  }

  .md\:p-8 {
    padding: 2em;
  }

  .md\:px-1 {
    padding-left: 0.25em;
    padding-right: 0.25em;
  }

  .md\:px-6 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .md\:px-8 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .md\:py-6 {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }

  .md\:py-8 {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .md\:\!pb-14 {
    padding-bottom: 3.5rem !important;
  }

  .md\:pb-6 {
    padding-bottom: 1.5em;
  }

  .md\:pl-7 {
    padding-left: 1.75rem;
  }

  .md\:text-2xl {
    font-size: 1.875em;
  }

  .md\:text-6xl {
    font-size: 4em;
  }

  .md\:text-base {
    font-size: 1em;
  }

  .md\:text-lg {
    font-size: 1.25em;
  }

  .md\:text-md {
    font-size: 1.125em;
  }

  .md\:text-xl {
    font-size: 1.5em;
  }

  .md\:font-semibold {
    font-weight: 500;
  }
}

@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .lg\:left-0 {
    left: 0px;
  }

  .lg\:right-0 {
    right: 0px;
  }

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .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\:flex-row {
    flex-direction: row;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-8 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .lg\:py-2 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-2xl {
    font-size: 1.875em;
  }

  .lg\:text-5xl {
    font-size: 3em;
  }

  .lg\:text-6xl {
    font-size: 4em;
  }

  .lg\:text-\[22px\] {
    font-size: 22px;
  }
}

@media (min-width: 1440px) {
  .xl\:mr-32 {
    margin-right: 8rem;
  }

  .xl\:inline {
    display: inline;
  }

  .xl\:w-1\/2 {
    width: 50%;
  }

  .xl\:w-1\/4 {
    width: 25%;
  }

  .xl\:gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(8rem * var(--tw-space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:p-14 {
    padding: 3.5rem;
  }

  .xl\:px-2 {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }

  .xl\:pl-16 {
    padding-left: 4em;
  }

  .xl\:pr-14 {
    padding-right: 3.5rem;
  }

  .xl\:pr-16 {
    padding-right: 4em;
  }

  .xl\:text-6xl {
    font-size: 4em;
  }
}

.\[\&\.checkout-input--invalid\]\:border-red-500.checkout-input--invalid {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}

.\[\&\>a\]\:py-7>a {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.\[\&\>a\]\:font-bold>a {
  font-weight: 600;
}

.\[\&\>a\]\:\!text-primary>a {
  --tw-text-opacity: 1 !important;
  color: rgb(68 60 60 / var(--tw-text-opacity, 1)) !important;
}


html {
  font-family: "Poppins", sans-serif;
}

.font-neulus {
  font-family: "Neulis Regular", Arial, sans-serif, "Helvetica Neue", Helvetica;
}

.font-neulusbold {
  font-family: "Neulis SemiBold", Arial, sans-serif, "Helvetica Neue", Helvetica;
}

.text-primary, text-mustard {
  color: #ffb500;
}

.text-sale, .text-red, .text-brick {
  color: #D64529 !important;
}
.text-sale .css-node, .text-red .css-node, .text-brick .css-node {
  color: #D64529 !important;
}

.text-rainbow .cms-text span {
  background-image: linear-gradient(45deg, rgb(255, 0, 0) 0%, rgb(255, 154, 0) 10%, rgb(208, 222, 33) 20%, rgb(79, 220, 74) 30%, rgb(63, 218, 216) 40%, rgb(47, 201, 226) 50%, rgb(28, 127, 238) 60%, rgb(95, 21, 242) 70%, rgb(186, 12, 248) 80%, rgb(251, 7, 217) 90%, rgb(255, 0, 0) 100%) !important;
  color: transparent;
  background-clip: text;
}

.text-white {
  color: #ffffff !important;
}

.text-grey {
  color: #707080;
}

.text-navmenu-label {
  font-weight: 500;
  text-wrap: nowrap;
  font-size: 0.875em;
}
.text-navmenu-label:before {
  content: "";
  height: 2px;
  margin-bottom: 15px;
  display: block;
}
.text-navmenu-label:after {
  content: "";
  height: 2px;
  display: block;
  background-color: white;
  width: 0%;
  margin-top: 10px;
  transition: width 0.2s ease;
}

.active .text-navmenu-label:after {
  width: 100%;
  background-color: black;
  transition: width 0.2s ease;
}

.text-menu-title {
  font-size: 1em;
  font-weight: 500;
  line-height: 2em;
  color: inherit;
  font-size: 1.2em;
  text-wrap: nowrap;
}
.text-menu-title.hover-effect {
  cursor: pointer;
}
.text-menu-title.hover-effect .cms-label {
  position: relative;
}
.text-menu-title.hover-effect .cms-label:after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0%;
  background-color: #444;
  display: block;
  content: "";
  transition: 0.3s;
}
.text-menu-title.hover-effect:hover .cms-label:after {
  left: 0;
  width: 100%;
}

.text-menu-label {
  font-size: 1em;
  font-weight: 500;
  line-height: 2em;
  color: inherit;
  font-weight: 400;
  cursor: pointer;
}
.text-menu-label .cms-label {
  position: relative;
}
.text-menu-label .cms-label:after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0%;
  background-color: #444;
  display: block;
  content: "";
  transition: 0.3s;
}
.text-menu-label:hover .cms-label:after {
  left: 0;
  width: 100%;
}

.bg-mustard {
  background-color: #ffb500 !important;
}

[x-cloak] {
  display: none !important;
}

.scrollbar-styles {
  scrollbar-width: thin;
  scrollbar-color: #f2f2f2 #FFF;
}

.theme-elton .page-main {
  font-size: 12pt !important;
  padding-left: 0;
  padding-right: 0;
}

.make-busy {
  cursor: wait;
  opacity: 0.5;
  mouse-events: none;
}

.busy-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 901;
}

.header.content, .social-media-list__item {
  box-sizing: content-box;
}

.footer-payment-icons img {
  display: inline-block !important;
}

.newsletter__content img {
  display: inline-block !important;
}

#switcher-store {
  display: none !important;
}

.cms-block .bg-mustard.cms-text, .cms-block .bg-mustard .cms-text, .cms-block .show-mustard.cms-text, .cms-block .show-mustard .cms-text {
  background-color: #ffb500 !important;
}
.cms-block .bg-mustard.cms-text:hover, .cms-block .bg-mustard .cms-text:hover, .cms-block .show-mustard.cms-text:hover, .cms-block .show-mustard .cms-text:hover {
  background-color: rgb(255, 195.8, 51) !important;
  text-decoration: none !important;
}
.cms-block .bg-grey.cms-text, .cms-block .bg-grey .cms-text, .cms-block .show-grey.cms-text, .cms-block .show-grey .cms-text {
  background-color: #f3f3f3 !important;
}
.cms-block .bg-grey.cms-text:hover, .cms-block .bg-grey .cms-text:hover, .cms-block .show-grey.cms-text:hover, .cms-block .show-grey .cms-text:hover {
  background-color: rgb(217.5, 217.5, 217.5) !important;
  text-decoration: none !important;
}
.cms-block .bg-red.cms-text, .cms-block .bg-red .cms-text, .cms-block .show-red.cms-text, .cms-block .show-red .cms-text {
  color: #ffffff !important;
  background-color: #D64529 !important;
}
.cms-block .bg-red.cms-text:hover, .cms-block .bg-red .cms-text:hover, .cms-block .show-red.cms-text:hover, .cms-block .show-red .cms-text:hover {
  background-color: rgb(222.2, 106.2, 83.8) !important;
  text-decoration: none !important;
}
.cms-block .bg-green.cms-text, .cms-block .bg-green .cms-text, .cms-block .show-green.cms-text, .cms-block .show-green .cms-text {
  color: #ffffff !important;
  background-color: #595959 !important;
}
.cms-block .bg-green.cms-text:hover, .cms-block .bg-green .cms-text:hover, .cms-block .show-green.cms-text:hover, .cms-block .show-green .cms-text:hover {
  background-color: rgb(114.5, 114.5, 114.5) !important;
  text-decoration: none !important;
}
.cms-block .bg-rainbow.cms-text, .cms-block .bg-rainbow .cms-text, .cms-block .show-rainbow.cms-text, .cms-block .show-rainbow .cms-text {
  color: #ffffff !important;
  background: linear-gradient(45deg, rgb(255, 0, 0) 0%, rgb(255, 154, 0) 10%, rgb(208, 222, 33) 20%, rgb(79, 220, 74) 30%, rgb(63, 218, 216) 40%, rgb(47, 201, 226) 50%, rgb(28, 127, 238) 60%, rgb(95, 21, 242) 70%, rgb(186, 12, 248) 80%, rgb(251, 7, 217) 90%, rgb(255, 0, 0) 100%) !important;
}
.cms-block .bg-rainbow.cms-text:hover, .cms-block .bg-rainbow .cms-text:hover, .cms-block .show-rainbow.cms-text:hover, .cms-block .show-rainbow .cms-text:hover {
  filter: brightness(0.9);
  text-decoration: none !important;
}
.cms-block .show-on-sale {
  color: #D64529 !important;
  font-weight: bold;
}
.cms-block .show-on-sale.inverted {
  color: #ffffff !important;
  background-color: #D64529 !important;
  text-align: center;
}
.cms-block .show-on-sale.inverted:hover {
  color: #ffffff !important;
  background-color: rgb(222.2, 106.2, 83.8) !important;
  text-decoration: none !important;
}
.cms-block .show-mustard {
  color: #ffb500 !important;
  font-weight: bold;
}
.cms-block .show-mustard.inverted {
  color: #ffffff !important;
  background-color: #ffb500 !important;
  text-align: center;
}
.cms-block .show-mustard.inverted:hover {
  color: #ffffff !important;
  background-color: rgb(255, 195.8, 51) !important;
  text-decoration: none !important;
}
.cms-block .inverted {
  color: #ffffff !important;
  background-color: #2b2626 !important;
  font-weight: bold;
  text-align: center;
}
.cms-block .inverted:hover {
  color: #ffffff !important;
  background-color: rgb(124.2222222222, 109.7777777778, 109.7777777778) !important;
  text-decoration: none !important;
}

.bg-brick .text-primary {
  color: #D64529 !important;
}
.bg-brick .text-mustard {
  color: #ffb500 !important;
}

.bg-grey {
  background-color: #505050 !important;
}

.bg-black {
  background-color: #505050 !important;
  color: #ffffff;
}

.bg-brick, .bg-red, .bg-sale {
  background-color: #D64529 !important;
}

.place-items-center {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.05);
}
.place-items-center > div {
  gap: 1rem;
}

.spinner-loading::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: white;
  background-image: url("../../frontend/Hyva/default/en_GB/images/loader-1.gif");
  background-position: center;
  background-repeat: no-repeat;
  cursor: wait;
}

.loading-block span::after {
  content: " ...";
  animation: dots 1s steps(3, end) infinite;
}

@keyframes dots {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  33% {
    clip-path: inset(0 66% 0 0);
  }
  66% {
    clip-path: inset(0 33% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
.slider-button {
  height: 100%;
  z-index: 200;
  padding: 0 10px;
}
.slider-button-left {
  left: 0;
}
.slider-button-left svg {
  transform: rotate(180deg);
}
.slider-button-right {
  right: 0;
}
.slider-button button {
  top: 50%;
  border-radius: 50%;
  opacity: 0.6;
  padding: 5px;
  transition: opacity 0.3s 0.3s;
  border: none;
}
.slider-button button:focus {
  background: none;
}
.slider-button button svg {
  width: 10px;
  height: 10px;
}
.slider-button button:hover {
  background-color: grey;
}

.slider-pagination {
  bottom: 10px;
  display: flex;
  z-index: 200;
  width: 100%;
  justify-content: center;
  gap: 0.3em;
}
.slider-pagination button {
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  padding: 0;
  border: none;
  opacity: 0.4;
  background-color: grey;
}
.slider-pagination button.active {
  background-color: black;
}

.sparky-slide {
  position: relative;
}

.order-10, .order-top {
  order: 10;
}

.order-15 {
  order: 15;
}

.order-20 {
  order: 20;
}

.order-25 {
  order: 25;
}

.order-30 {
  order: 30;
}

.order-35 {
  order: 35;
}

.order-40 {
  order: 40;
}

.order-45 {
  order: 45;
}

.order-50 {
  order: 50;
}

.order-55 {
  order: 55;
}

.order-60 {
  order: 60;
}

.order-65 {
  order: 65;
}

body {
  color: #2b2626;
}

.page-wrapper {
  background-color: #fff;
}
.page-wrapper .columns {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

.catalog-product-view .page-wrapper .columns {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.touch-only {
  display: none;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .mouse-only {
    display: none;
  }
  .touch-only {
    display: initial;
  }
}
.opacity-0 {
  opacity: 0.01;
}

.icn-close:after {
  font-family: "lse";
  content: "\e913";
  position: absolute;
  right: 10px;
}

.icn-cheveronleft:after, .chevron-left:after {
  font-family: "lse";
  content: "\e911";
  position: absolute;
  left: 10px;
  transform: rotate(180deg);
}

.icn-chevronright:after, .chevron-right:after {
  font-family: "lse";
  content: "\e911";
  position: absolute;
  right: 10px;
}

.image-box {
  overflow: hidden;
  position: relative;
  height: 0%;
  padding-bottom: 100%;
}
.image-box .img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: height 0.4s ease;
  transform: translate(-50%, -50%);
  height: 100%;
  object-fit: cover;
}

.aspect, .aspect-3x2, .aspect-2x3, .aspect-2x4 {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 100%;
}
.aspect-2x3, .aspect-3x2-2x3, .aspect-2x3-2x3, .aspect-2x4-2x3 {
  padding-bottom: 150%;
}
.aspect-3x2, .aspect-3x2-3x2, .aspect-2x3-3x2, .aspect-2x4-3x2 {
  padding-bottom: 66.67%;
}
.aspect-3x2 .inner, .aspect-3x2-3x2 .inner, .aspect-2x3-3x2 .inner, .aspect-2x4-3x2 .inner {
  width: 100%;
  height: initial !important;
}
.aspect-portrait, .aspect-3x2-portrait, .aspect-2x3-portrait, .aspect-2x4-portrait {
  padding-bottom: 133.33%;
}
.aspect .inner, .aspect-3x2 .inner, .aspect-2x3 .inner, .aspect-2x4 .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: height 0.4s ease;
  transform: translate(-50%, -50%);
  height: 100%;
}

.image-zoom .zoom-image-hover:hover .image-box .img {
  height: 115%;
}

.aspect-2x3 .image-box {
  padding-bottom: 150%;
}

.aspect-2x4 .image-box {
  padding-bottom: 200%;
}

.aspect-3x2 .image-box {
  padding-bottom: 66%;
}

.mobile-only {
  display: block;
}

.desktop-only {
  display: none;
}

@media screen and (min-width: 768px) {
  .mobile-only {
    display: none;
  }
  .desktop-only {
    display: block;
  }
}
.bg-grey-50 {
  background-color: #fafafa;
}

.bg-grey-100 {
  background-color: #e9e7e7;
}

.bg-grey-200 {
  background-color: #d9d9d9;
}

.bg-grey-300 {
  background-color: #bdbdbd;
}

.bg-grey-400 {
  background-color: #a3a3a3;
}

.bg-grey-500 {
  background-color: #878787;
}

.bg-grey-600 {
  background-color: #776969;
}

.bg-grey-700 {
  background-color: #5f5454;
}

.bg-grey-800 {
  background-color: #443c3c;
}

.bg-grey-900 {
  background-color: #2b2626;
}

.bg-primary-50 {
  background-color: #fff8e5;
}

.bg-primary-100 {
  background-color: #fff1cc;
}

.bg-primary-200 {
  background-color: #ffe299;
}

.bg-primary-300 {
  background-color: #ffd466;
}

.bg-primary-400 {
  background-color: #ffc533;
}

.bg-primary,
.bg-primary-500 {
  background-color: #ffb500;
}

.bg-primary-600 {
  background-color: #be8100;
}

.bg-primary-700 {
  background-color: #996e00;
}

.bg-primary-800 {
  background-color: #664900;
}

.bg-primary-900 {
  background-color: #332500;
}

.text-red {
  color: #D64529;
}

.text-grey-50 {
  color: #fafafa;
}

.text-grey-100 {
  color: #e9e7e7;
}

.text-grey-200 {
  color: #d9d9d9;
}

.text-grey-300 {
  color: #bdbdbd;
}

.text-grey-400 {
  color: #a3a3a3;
}

.text-grey-500 {
  color: #878787;
}

.text-grey-600 {
  color: #776969;
}

.text-grey-700 {
  color: #5f5454;
}

.text-grey-800 {
  color: #443c3c;
}

.text-grey-900 {
  color: #2b2626;
}

.text-primary-50 {
  color: #fff8e5;
}

.text-primary-100 {
  color: #fff1cc;
}

.text-primary-200 {
  color: #ffe299;
}

.text-primary-300 {
  color: #ffd466;
}

.text-primary-400 {
  color: #ffc533;
}

.text-primary,
.text-primary-500 {
  color: #ffb500;
}

.text-primary-600 {
  color: #be8100;
}

.text-primary-700 {
  color: #996e00;
}

.text-primary-800 {
  color: #664900;
}

.text-primary-900 {
  color: #332500;
}

.full-page-width, .hero {
  margin-left: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: unset !important;
}

.page-main-full-width,
.inner-limit {
  max-width: 1680px;
  margin-left: 32px;
  margin-right: 32px;
}

@media screen and (max-width:767px) {
  .page-main-full-width {
    margin-left: 0;
    margin-right: 0;
  }
  .inner-limit {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media screen and (min-width: 1760px) {
  .page-main-full-width,
  .inner-limit {
    max-width: 1720px;
    margin: 0 auto;
  }
}
/* This is a protection again horizontal scrollbars to ensure that they never appear */
/* Generally I would prefer to not use this, and to simply not have an overflow issue, but it
   seems like 100vw causes scrollbars as the vertical scrollbar takes up some of the width and
   so this is the least evil solution I have right now.
 */
.cms-index-index .page-wrapper,
.cms-page-view .page-wrapper {
  width: 100%;
  overflow: hidden;
}

@font-face {
  font-family: "Neulis SemiBold";
  src: url("https://media.valuelights.co.uk/raw/upload/v1752659443/fonts/neulis-semibold.eot");
  src: url("https://media.valuelights.co.uk/raw/upload/v1752659443/fonts/neulis-semibold.eot?#iefix") format("embedded-opentype"), url("https://media.valuelights.co.uk/raw/upload/v1752659443/fonts/neulis-semibold.woff2") format("woff2"), url("https://media.valuelights.co.uk/raw/upload/v1752659443/fonts/neulis-semibold.woff") format("woff"), url("https://media.valuelights.co.uk/raw/upload/v1752659443/fonts/neulis-semibold.ttf") format("truetype"), url("https://media.valuelights.co.uk/raw/upload/v1752659443/fonts/neulis-semibold.svg#Neulis SemiBold") format("svg");
  font-weight: 700;
}
@font-face {
  font-family: "Neulis Regular";
  src: url("https://media.valuelights.co.uk/raw/upload/v1755899850/Neulis-Regular.eot");
  src: url("https://media.valuelights.co.uk/raw/upload/v1755899850/Neulis-Regular.eot?#iefix") format("embedded-opentype"), url("https://media.valuelights.co.uk/raw/upload/v1755899850/Neulis-Regular.woff2") format("woff2"), url("https://media.valuelights.co.uk/raw/upload/v1755899850/Neulis-Regular.woff") format("woff"), url("https://media.valuelights.co.uk/raw/upload/v1755899850/Neulis-Regularttf") format("truetype"), url("https://media.valuelights.co.uk/raw/upload/v1755899850/Neulis-Regular.svg#Neulis Regular") format("svg");
  font-weight: 400;
}
.pagebuilder-mobile-hidden {
  display: none;
}

@media screen and (min-width: 768px) {
  .pagebuilder-mobile-hidden {
    display: initial;
  }
  .pagebuilder-mobile-only {
    display: none;
  }
}
.sparky-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.sparky-slider .sparky-slider-inner {
  position: relative;
}
.sparky-slider .sparky-slider-inner.animate {
  transition: all 0.5s ease;
}
.sparky-slider .sparky-slide {
  width: 100%;
  display: inline-block;
}
.sparky-slider .sparky-slide .slide-inner {
  height: 100%;
}
.sparky-slider .cloaked {
  opacity: 0;
}
.sparky-slider .cloaked.revealed {
  transition: all 0.5s;
  opacity: 1;
}

.coupon-code {
  display: inline-flex;
  padding: 5px 10px;
  border: 1px solid white;
  border-radius: 20px;
}
.coupon-code .code-text {
  flex-wrap: wrap;
  display: inline-flex;
  align-content: center;
  font-weight: bold;
}
.coupon-code .copy-icon, .coupon-code .copied-icon {
  height: 20px;
  padding-left: 0.2em;
  font-weight: bold;
  fill: white;
  display: inline-flex;
}
.coupon-code .copy-icon.hidden, .coupon-code .copied-icon.hidden {
  display: none;
}
.coupon-code .coupon-icon-label {
  flex-wrap: wrap;
  display: inline-flex;
  align-content: center;
  font-size: 0.6em;
  width: 3em;
}
.coupon-code.clicked {
  color: #6db06d;
  border-color: #68d568;
}
.coupon-code.clicked .copy-icon {
  fill: #6db06d;
}

.style-black-friday {
  font-size: 1.5em;
}
.style-black-friday .coupon-code {
  border: 1px solid #000;
  background-color: white;
  align-items: center;
  padding: 0.6em 0.9em;
}
.style-black-friday .coupon-code .code-text {
  color: #000;
}
.style-black-friday .coupon-code .copy-icon, .style-black-friday .coupon-code .copied-icon {
  fill: #797979;
  padding-left: 0.5em;
}
.style-black-friday .coupon-code .coupon-icon-label {
  color: #797979;
}
.style-black-friday .coupon-code.clicked {
  color: #000;
  border-color: #000;
}
.style-black-friday .coupon-code.clicked .copy-icon {
  fill: #000;
}

.product-image-wrapper .badge-xxx, .product-image-wrapper .value-badge-container {
  letter-spacing: 0px;
}
.product-image-wrapper .badge-xxx.bottom-left, .product-image-wrapper .value-badge-container.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}
.product-image-wrapper .badge-xxx.top-left, .product-image-wrapper .value-badge-container.top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.product-image-wrapper .badge-xxx.bottom-right, .product-image-wrapper .value-badge-container.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.product-image-wrapper .badge-xxx.top-right, .product-image-wrapper .value-badge-container.top-right {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
}
.product-image-wrapper .badge-xxx.bottom-left, .product-image-wrapper .value-badge-container.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

.product-image-wrapper .badge-label {
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  background-color: #fff;
  font-size: 0.625em;
  margin-right: 0.375em;
}
.product-image-wrapper .badge-sticker {
  background-color: #D64529;
  border-radius: 50%;
  color: white;
  text-align: center;
  margin: 0.5em 0 0 0.5em;
  font-size: 0.8em;
  font-weight: bold;
  width: 4em;
  height: 4em;
  margin: 0.6em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-info .badge {
  display: block;
}
.product-info .badge-sticker {
  order: 10;
  font-weight: bold;
  font-size: 1em;
  line-height: 1em;
  color: #3f3f3f;
  position: absolute;
  top: 15px;
}

.badge-blue {
  background-color: #448ce5;
}

.badge-multipack {
  padding: 0.75em 0.75em;
  background-color: #DBDBDB;
  font-weight: bold;
  font-size: 0.5em;
  line-height: 0.5em;
}

.color-options, .badge-offer15 {
  border-radius: 0.3em;
  font-size: 0.8em;
  line-height: 0.8em;
  width: fit-content;
}

.badge-promo {
  display: inline-block;
  color: #D64529;
  border: solid 0.05em #D64529;
  width: 100%;
  max-width: fit-content;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.25em 0.5em;
  border-radius: 5px;
}

.badge-newin,
.badge-valuepick {
  color: #BE8100;
}

.bg-red {
  background-color: #D64529 !important;
  color: #fff !important;
}

.value-banner {
  position: relative;
  height: 1px;
  overflow: hidden;
  padding-bottom: 36%;
}
.value-banner .banner-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  .value-banner {
    padding-bottom: 28%;
  }
}
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.625em;
  font-weight: 400;
  color: #767676;
  letter-spacing: 0.5px;
}
.breadcrumbs .breadcrumb a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.breadcrumbs .breadcrumb span {
  margin: 0 0.4em 0 0.2em;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .burger-menu {
    display: block;
  }
}
@media screen and (hover:hover) and (min-width:1024px) {
  .burger-menu {
    display: none;
  }
}
.burger-menu-button {
  cursor: pointer;
  display: inline-block;
  transition: padding-left 0.2s ease;
}
.burger-menu-button span {
  background: #000000;
  height: 3px;
  width: 32px;
  display: block;
  position: relative;
  transition: all ease 0.1s;
}
.burger-menu-button span:after, .burger-menu-button span:before {
  background: #000000;
  height: 3px;
  width: 32px;
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  transition: all ease 0.2s;
}
.burger-menu-button.open span {
  background: transparent;
}
.burger-menu-button.open span:before {
  transform: rotate(45deg);
  top: 0;
}
.burger-menu-button.open span:after {
  transform: rotate(-45deg);
  top: 0;
}
.burger-menu-button span:before {
  top: -7px;
}

.burger-menu a {
  text-decoration: none;
}
.burger-menu .menu-links {
  max-height: 70vh;
  overflow: auto;
}
.burger-menu .with-image .menu-link-image {
  display: block;
  width: 40px;
  height: 40px;
}
.burger-menu .menu-link-image {
  display: none;
}

.close-button img,
.expand-button img {
  width: 1.25em;
  height: 1.25em;
}

.btn {
  display: inline-block;
  padding: 10px 30px;
  min-width: 200px;
  text-decoration: none;
  font-weight: 500;
  font-size: 1em;
  line-height: 1.2em;
  border-radius: 999px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 9999px;
  padding: 1em;
  border: none;
  cursor: pointer;
  width: 100%;
}
.btn.btn-square {
  border-radius: 4px;
}

.btn:focus {
  outline: none !important;
  box-shadow: none;
  --tw-ring-color: none;
  --tw-ring-opacity: 0;
}

.btn-primary {
  background-color: #2B2626;
  color: white;
  transition: all 0.3s;
}
.btn-primary-white {
  background-color: white;
  color: #2B2626;
}
.btn-primary-apple-pay {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2rem !important;
  background-color: #000;
}
.btn-primary-apple-pay:hover {
  background-color: #000 !important;
}
.btn-primary-apple-pay:disabled, .btn-primary-apple-pay.disabled, .btn-primary-apple-pay[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #000 !important;
}
.btn-primary-klarna {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  background-color: #F7ADC1;
  color: #000;
  text-transform: none !important;
}
.btn-primary-klarna:hover {
  color: #000;
  background-color: #F7ADC1 !important;
}
.btn-primary-klarna:disabled, .btn-primary-klarna.disabled, .btn-primary-klarna[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
  color: #000 !important;
  background-color: #F7ADC1 !important;
}
.btn-primary-paypal {
  padding: 1rem !important;
  background-color: #FFC539;
  text-transform: none !important;
}
.btn-primary-paypal:hover {
  background-color: #FFC539 !important;
}
.btn-primary-paypal:disabled, .btn-primary-paypal.disabled, .btn-primary-paypal[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
  color: #000 !important;
  background-color: #FFC539 !important;
}
.btn-primary-paypal img {
  height: 30px;
}
.btn-primary-pagination {
  min-width: 100px !important;
}
.btn-primary:disabled, .btn-primary.disabled, .btn-primary[disabled] {
  background-color: #9B9595;
  color: #F5F5F5;
  cursor: not-allowed;
  opacity: 0.6;
}
.btn-primary:disabled:hover, .btn-primary.disabled:hover, .btn-primary[disabled]:hover {
  background-color: #9B9595;
}
.btn-primary:hover {
  background-color: #FFB500;
}

.button-disabled {
  background-color: #A3A3A3;
}
.button-disabled:hover {
  background-color: #A3A3A3;
}

.button-secondary {
  background-color: #ffffff;
  color: black;
  border: solid 1px black;
  transition: all 0.3s;
}
.button-secondary:hover {
  background-color: black;
  color: white;
}

.quantity-dropdown,
.quantity-buttons {
  display: flex;
  border: solid 1px #d9d9d9;
  border-radius: 4px;
}

.quantity-buttons button,
.quantity-buttons input {
  text-align: center;
  font-weight: 400;
  background: white;
}
.quantity-buttons button img {
  max-width: none;
}
.quantity-buttons input {
  border: none;
  width: 30px;
  padding: 0;
}
.quantity-buttons input:focus {
  --tw-ring-shadow: none;
}
.quantity-buttons input[type=number]::-webkit-inner-spin-button,
.quantity-buttons input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.bulb-added-button svg {
  fill: none;
}
.bulb-added-button svg path {
  stroke: #2b2b26;
}
.bulb-added-button.selected svg {
  fill: #2b2b26;
}
.bulb-added-button.selected svg path {
  stroke: #ffffff;
}

@media screen and (min-width: 768px) {
  .close-button img {
    width: 1.5em;
    height: 1.5em;
  }
}
@media screen and (max-width:767px) {
  .btn-primary-paypal {
    padding: 0.5rem !important;
  }
  .btn-primary-paypal img {
    height: 25px;
  }
}
.toggle-switch-container {
  display: flex;
  position: relative;
}
.toggle-switch-container .toggle-switch {
  padding: 10px 20px;
  background-color: #F2F2F2;
  cursor: pointer;
  border-bottom: solid 1px #DBDBDB;
  font-weight: 600;
  text-align: center;
  margin-bottom: -1px;
}
.toggle-switch-container .toggle-switch-active {
  border-top: solid 1px #DBDBDB;
  border-left: solid 1px #DBDBDB;
  border-right: solid 1px #DBDBDB;
  background-color: white;
  border-bottom: none;
}

@media screen and (max-width:767px) {
  .toggle-switch {
    width: 50%;
  }
}
.filter-sort-button {
  position: sticky;
  z-index: 800;
  top: 80px;
  transition: top 0.2s ease-in;
}
.filter-sort-button.isActive {
  top: 90px;
  transition: top 0.2s ease-in;
}

@media screen and (min-width: 768px) {
  .filter-sort-button {
    top: -100px;
  }
  .filter-sort-button.isActive {
    top: 50px;
  }
}
.value-spinner {
  width: 40px;
  height: 40px;
  border: 5px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.value-spinner.page {
  position: fixed;
  width: 100px;
  height: 100px;
  border-color: #838383;
  border-bottom-color: transparent;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .mega-menu {
    display: none;
  }
}
@media screen and (hover:hover) and (min-width:1024px) {
  .mega-menu {
    display: block;
  }
}
.page-body-overlay {
  position: fixed;
  display: none;
  top: 122px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 400;
}

.header-desktop-trade .page-body-overlay {
  top: 188px;
}

.header-desktop-trade .mega-menu .menu-body-wrapper {
  top: 132px;
}

.mega-menu .menu-body-wrapper {
  display: none;
  position: absolute;
  top: 66px;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #ffffff;
  z-index: 500;
  overflow: hidden;
}
.mega-menu .nav-menu {
  width: 100%;
  max-width: 1330px;
  margin: 0 auto;
}
.mega-menu .nav-menu .nav-menu-item {
  padding: 0 15px;
  text-align: center;
}
.mega-menu .nav-menu .nav-menu-item-wrapper {
  cursor: pointer;
}
.mega-menu .nav-menu .level-1 {
  padding: 3px 10px;
}
.mega-menu .nav-menu .level-2 {
  padding-bottom: 25px;
}
.mega-menu .menu-body {
  width: 1330px;
  margin: 0 auto;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.3s;
}
.mega-menu .menu-item {
  gap: 1em;
  display: flex;
  flex-direction: column;
}
.mega-menu .menu-item .menu-children {
  display: flex;
  flex-direction: column;
}
.mega-menu .menu-item .menu-child-wrapper {
  min-height: 34px;
}
.mega-menu .active .page-body-overlay {
  display: block;
}
.mega-menu .active .menu-body-wrapper {
  display: block;
  height: 600px;
}
.mega-menu .active .menu-body {
  opacity: 1;
}
.mega-menu .image-box {
  width: 32px;
  height: 32px;
}
.mega-menu .image-small .image-box {
  width: 32px;
  height: 32px;
}
.mega-menu .image-medium .image-box {
  width: 48px;
  height: 48px;
}
.mega-menu .image-rounded .image-wrapper {
  border-radius: 100%;
  overflow: hidden;
  width: unset;
}
.mega-menu .menu-title {
  margin-top: 15px;
  overflow: hidden;
}
.mega-menu .menu-label {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mega-menu .column {
  width: 20%;
}
.mega-menu .column.double-width .menu-children, .mega-menu .column.triple-width .menu-children {
  display: flex;
  flex-wrap: wrap;
}
.mega-menu .column.double-width {
  width: 40%;
}
.mega-menu .column.double-width .menu-child-wrapper {
  width: 50%;
}
.mega-menu .column.triple-width .menu-child-wrapper {
  width: 33%;
}
.mega-menu .menu-children .menu-label.with-image {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mega-menu .icon .menu-children {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
.mega-menu .icon .menu-children .menu-child-wrapper {
  width: 75px;
}
.mega-menu .icon .menu-children .image-wrapper {
  width: 50px;
}
.mega-menu .icon .menu-children .menu-label {
  gap: 0;
}
.mega-menu .icon .menu-children .menu-label:hover {
  border-radius: 20px;
}
.mega-menu .icon .menu-children .megamenu-label-span {
  white-space: nowrap;
}
.mega-menu .icon .image-box {
  width: 50px;
  height: 50px;
}
.mega-menu .image .image-wrapper,
.mega-menu .image .image-box {
  width: 100%;
}
.mega-menu .image .image-box {
  padding-bottom: 133%;
}
.mega-menu .image .text-menu-title {
  margin-top: 10px;
  padding: 0 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: white;
}
.mega-menu .image .menu-title,
.mega-menu .image .menu-label {
  flex-direction: column;
  gap: 0px;
}
.mega-menu .image .menu-title {
  position: relative;
}
.mega-menu .cta.text-menu-label,
.mega-menu .cta .text-menu-label {
  text-align: center;
  transition: background-color 0.3s, color 0.3s;
}
.mega-menu .cta.text-menu-label:hover,
.mega-menu .cta .text-menu-label:hover {
  text-decoration: none !important;
  font-weight: bold !important;
}
.mega-menu .cta.menu-item {
  background: none !important;
}
.mega-menu .cta .menu-title {
  display: none;
}
.mega-menu .cta .menu-child {
  margin: 5px 0;
  display: block;
  padding: 10px;
  border-radius: 100px;
  background-color: #f3f3f3;
  color: #2b2626;
  border: 1px solid #f3f3f3;
}
.mega-menu .cta .menu-child:hover {
  font-weight: bold !important;
  background-color: hsl(0, 0%, 105.2941176471%) !important;
}
.mega-menu .cta:hover {
  text-decoration: none !important;
  font-weight: bold !important;
}
.mega-menu .no-label .text-menu-label {
  display: none;
}

.newsletter-image {
  max-width: 200px;
}

.newsletter-form {
  max-width: 400px;
  border-bottom: solid 1px black;
}
.newsletter-form form {
  gap: 10px;
  flex-direction: row;
}
.newsletter-form .newsletter-text-field {
  width: 100%;
}
.newsletter-form .newsletter-text-field input {
  border: none;
  font-size: 14px;
}
.newsletter-form .newsletter-text-field input:focus {
  border: none;
  box-shadow: none !important;
}
.newsletter-form .newsletter-text-field input::placeholder {
  color: black;
  opacity: 1;
}
.newsletter-form .newsletter-text-field label {
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .newsletter-form form {
    flex-direction: column;
    justify-content: center;
  }
  .newsletter-form .newsletter-text-field input,
  .newsletter-form .newsletter-text-field input::placeholder {
    font-size: 12px;
  }
  .newsletter-form button {
    width: 100%;
  }
  .newsletter-form .status-message {
    font-size: 12px;
  }
}

.product-slider {
  display: flex;
  font-size: 14px;
}
.product-slider a, .product-slider a:hover {
  text-decoration: none;
}
.product-slider .slick-list.draggable {
  padding: 0 50px 0 0 !important;
}
.product-slider .product-slide {
  font-family: "Poppins", Arial, sans-serif, "Helvetica Neue", Helvetica;
  text-align: center;
  width: 0;
  overflow: hidden;
}
.product-slider .product-slide p.price_box,
.product-slider .product-slide p.price_box span {
  font-size: 14px !important;
  font-family: "Poppins", Arial, sans-serif, "Helvetica Neue", Helvetica;
}
.product-slider .product-slide .title {
  font-size: 14px;
  overflow: hidden;
}
.product-slider .product-slide .title {
  font-size: 14px !important;
  font-weight: 400;
  margin-bottom: 0.5rem;
  letter-spacing: 0;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  text-decoration: none;
}
.product-slider .product-slide .price {
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-decoration: none;
}
.product-slider .product-slide .on-offer .sale-price {
  color: red;
}
.product-slider .product-slide .on-offer .price {
  text-decoration: line-through;
}

.sidebar {
  display: block;
  position: fixed;
  top: 0;
  left: -100vw;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.25);
}
.sidebar.open {
  display: block;
  left: 0;
  z-index: 1000;
}
.sidebar.open .sidebar-contents {
  left: 0;
}
.sidebar .sidebar-contents {
  position: relative;
  background-color: white;
  width: 100vw;
  height: 100vh;
  left: -100vw;
  transition: left 0.2s ease;
  overflow: hidden;
}
.sidebar .tab-container .tab {
  background-color: #f3f3f3;
}
.sidebar .tab-container .tab.active {
  background-color: white;
}
.sidebar .sidebar-footer {
  background-color: lightgrey;
}
.sidebar .text-tab-label {
  font-size: 1em;
  font-weight: 500;
  line-height: 2em;
  color: inherit;
}

.header-search .search-input {
  background-color: #f3f3f3;
  padding: 10px 25px !important;
  border-radius: 9999px;
  border: none;
  background-color: #f3f3f3;
  background-image: url(https://media.valuelights.co.uk/ver3/icons/search);
  background-position-x: 10px;
  background-repeat: no-repeat;
  background-position-y: 10px;
  padding-left: 40px !important;
}
.header-search .search-desktop {
  margin: 0 auto;
}

.review-box {
  display: flex;
  align-items: center;
  gap: 0.125em;
}

.review-box p {
  line-height: 0.8em;
  font-size: 0.8em;
  margin-bottom: 0;
}

.review-text {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: end;
  margin-top: 0.35em;
}

.review-text p span {
  letter-spacing: 0;
}

.star-rating {
  height: 1em;
  position: relative;
  width: 5em;
}

.star-rating > span {
  display: block;
  text-indent: -10000px;
  width: 5em;
  height: 1em;
  position: absolute;
  overflow: hidden;
}

.star-rating > span:before {
  background-image: url("../../frontend/ValueLights/Hyva/en_GB/images/mustard-star.svg");
  background-repeat: repeat-x;
  background-size: 1em;
  bottom: 0;
  content: "";
  display: block;
  height: 1em;
  left: 0;
  position: absolute;
  right: 0;
  text-indent: 10000px;
  top: 0;
}

.star-rating-overlay {
  width: 5em;
  background-image: url("../../frontend/ValueLights/Hyva/en_GB/images/mustard-star-empty.svg");
  background-repeat: repeat-x;
  background-size: 1em;
  display: block;
  height: 1em;
  left: 0;
  position: absolute;
  right: 0;
}

.star-rating {
  height: 1.2em;
  position: relative;
  width: 6em;
}
.star-rating > span {
  display: block;
  text-indent: -10000px;
  width: 6em;
  height: 1.2em;
  position: absolute;
  overflow: hidden;
}
.star-rating > span:before {
  background-image: url("../../frontend/ValueLights/Hyva/en_GB/images/mustard-star.svg");
  background-repeat: repeat-x;
  background-size: 1.2em;
  bottom: 0;
  content: "";
  display: block;
  height: 1.2em;
  left: 0;
  position: absolute;
  right: 0;
  text-indent: 10000px;
  top: 0;
}
.star-rating-overlay {
  width: 6em;
  background-image: url("../../frontend/ValueLights/Hyva/en_GB/images/mustard-star-empty.svg");
  background-repeat: repeat-x;
  background-size: 1.2em;
  display: block;
  height: 1.2em;
  left: 0;
  position: absolute;
  right: 0;
}

.yotpo-reviews-carousel-widget-container {
  width: 100% !important;
  margin: 0 !important;
}

.search-suggestions-container .search-container {
  z-index: 9999;
  max-height: 750px;
  background-color: white;
}
.search-suggestions-container .search-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 900;
  top: 130px;
}
.search-suggestions-container .search-results {
  display: flex;
  flex-direction: column;
  gap: 3em;
  overflow-y: auto;
  position: relative;
  padding: 0 0 1em 0;
}
.search-suggestions-container .search-results .suggestions {
  overflow-y: auto;
}
.search-suggestions-container .search-results .carousel {
  display: none;
  flex: 1 1 auto;
}

@media screen and (max-width:767px) {
  .search-container {
    max-height: 100vh !important;
    height: 100vh;
  }
}
@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .search-container {
    top: 80px;
  }
  .search-overlay {
    top: 169px;
  }
  .search-input-container {
    top: 64px;
    left: 0px;
    position: absolute;
    width: 100vw;
    height: 80px;
    background: white;
    padding: 1em;
  }
}
@media screen and (hover:hover) and (min-width:1024px) {
  .search-container .search-results {
    display: flex;
    flex-direction: row;
    gap: 3em;
  }
  .search-container .search-results .suggestions {
    flex: 0 0 auto;
    max-height: 100% !important;
  }
  .search-container .search-results .carousel {
    align-self: flex-start;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.75em;
    overflow-x: auto;
  }
  .search-container .search-results .carousel .family-name {
    font-weight: 500;
    font-size: 0.75em;
  }
  .search-container .search-results .carousel .name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875em;
  }
  .search-container .search-results .carousel .price {
    font-weight: 600;
    font-size: 0.9375em;
  }
  .search-container .search-results .carousel .sale {
    text-decoration: line-through;
    font-size: 0.875em;
  }
}
.sidepanel {
  background-color: white;
  width: 100vw;
  position: fixed;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.sidepanel-left, .sidepanel-right {
  height: 100vh;
}
@media screen and (min-width: 1260px) {
  .sidepanel-left, .sidepanel-right {
    padding: 3.5em;
    width: 36.5em;
  }
}
.sidepanel-left {
  left: -100vw;
  transition: left 0.5s ease;
}
.sidepanel-left.active {
  left: 0;
  overflow: auto;
}
@media screen and (min-width: 1260px) {
  .sidepanel-left {
    left: -36.5em;
  }
}
.sidepanel-right {
  right: -100vw;
  transition: right 0.5s ease;
}
.sidepanel-right.active {
  right: 0;
  overflow: auto;
}
@media screen and (min-width: 1260px) {
  .sidepanel-right {
    right: -36.5em;
  }
}
@media screen and (max-width:767px) {
  .sidepanel-bottom {
    border-radius: 16px 16px 0 0;
    left: 0;
    height: 80vh;
    bottom: -100vh;
    transition: bottom 0.5s ease;
    padding: 1.5em;
  }
  .sidepanel-bottom.active {
    bottom: 0;
  }
}
@media screen and (min-width: 1260px) {
  .sidepanel-bottom {
    height: 100vh;
    top: 0;
    right: -100vw;
    transition: right 0.5s ease;
    width: 36.5em;
    padding: 3.5em;
  }
  .sidepanel-bottom.active {
    right: 0;
  }
}
.sidepanel::-webkit-scrollbar {
  display: none;
}
.sidepanel-head {
  padding-bottom: 3.5em;
}

.sidepanel-overlay {
  cursor: pointer;
  background-color: rgb(0, 0, 0);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.sidepanel-overlay.active {
  opacity: 0.5;
  pointer-events: auto;
}

.countdown-container {
  background-color: black;
}

.countdown-timer {
  -webkit-background-clip: text;
  background-clip: text;
  background-color: #2b2626;
}

.timer-text div span {
  font-family: "Comme";
  font-optical-sizing: auto;
  font-style: normal;
  line-height: initial;
}

.countdown-card {
  height: fit-content;
}

.countdown-timer-text {
  display: flex;
  flex-direction: column;
  padding: 2em;
  justify-content: center;
  gap: 1.5em;
}

.countdown-timer-text h1,
.countdown-timer-text h2 {
  font-family: "Neulis", sans-serif;
  margin: 0 !important;
}

.countdown-timer-text button {
  font-size: 1em;
}

@media screen and (max-width:767px) {
  .countdown-timer-text {
    padding: 1.5em;
  }
  span.countdown-card-text {
    font-size: 3.5em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  span.countdown-card-text {
    font-size: 2.5em;
  }
}
@media screen and (min-width: 1024px) {
  span.countdown-card-text {
    font-size: 3.5em;
  }
}
.minicart-wrapper .block-minicart {
  z-index: 600;
}

.message-container {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  padding: 0 2em;
  z-index: 999;
}
.message-container#global-messages-container {
  width: 50%;
  padding: 0 !important;
  position: fixed;
  top: 10em;
  left: 50%;
  transform: translateX(-50%);
}
.message-container#global-messages-container .message-block {
  border-radius: 0.5em;
}
.message-container#global-messages-container .message-block::before {
  border-top-left-radius: 0.5em;
}
.message-container .message-block .wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2em;
  padding: 1em;
  box-shadow: 0 4px 8px rgba(11, 102, 35, 0.5);
}
.message-container .message-block .wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  background-color: black;
}
.message-container .message-block .wrapper .content {
  display: flex;
  align-items: center;
  gap: 1em;
}
.message-container .message-block .wrapper .content .icon {
  width: 1.25em;
  height: 1.25em;
}
.message-container .message-block .wrapper .content .title {
  font-size: 1.5em;
  font-weight: 500;
  text-transform: capitalize;
}
.message-container .message-block .wrapper .content .text {
  font-size: 1em;
}
.message-container .message-block .wrapper .close {
  cursor: pointer;
  font-size: 2em;
}
.message-container .message-block.success .wrapper {
  background-color: #d4f7d4;
  color: #0b6623;
}
.message-container .message-block.success .wrapper::before {
  background-color: #0a5a1a;
}
.message-container .message-block.success .wrapper .close:hover {
  color: #0a5a1a;
}
.message-container .message-block.error .wrapper {
  background-color: #f8d7da;
  color: #842029;
}
.message-container .message-block.error .wrapper::before {
  background-color: #721c24;
}
.message-container .message-block.error .wrapper .close:hover {
  color: #721c24;
}
.message-container .message-block.warning .wrapper {
  background-color: #fff3cd;
  color: #856404;
}
.message-container .message-block.warning .wrapper::before {
  background-color: #665c00;
}
.message-container .message-block.warning .wrapper .close:hover {
  color: #665c00;
}
.message-container .message-block.info .wrapper {
  background-color: #cce5ff;
  color: #004085;
}
.message-container .message-block.info .wrapper::before {
  background-color: #002752;
}
.message-container .message-block.info .wrapper .close:hover {
  color: #002752;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  #global-messages-container {
    width: 80% !important;
  }
}
@media screen and (max-width:767px) {
  .message-container#global-messages-container {
    width: 80% !important;
  }
  .message-container .message-block .wrapper {
    padding: 0.5em;
  }
  .message-container .message-block .wrapper::before {
    height: 3px;
  }
  .message-container .message-block .wrapper .close {
    font-size: 1.5em;
  }
  .message-container .message-block .wrapper .title {
    font-size: 1em;
  }
  .message-container .message-block .wrapper .text {
    font-size: 0.675em;
  }
}
@media (max-width: 380px) {
  .banner-inner {
    font-size: 0.8em;
  }
}
@media (min-width: 430px) {
  .banner-inner {
    font-size: 1.3em;
  }
}
.top-banner-container {
  background-color: #f3f3f3;
}

.top-banner {
  overflow: hidden;
  user-select: none;
}
.top-banner .valuelights-top-banner {
  display: flex;
  align-items: center;
  height: 100%;
}
.top-banner a {
  text-decoration: none;
}
.top-banner img {
  display: inline-block !important;
}
.top-banner .text-center {
  text-align: center;
}
.top-banner .banner {
  overflow: hidden;
  position: relative;
}
.top-banner .banner p {
  margin-bottom: 0;
  font-size: inherit;
}
.top-banner .banner-inner {
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.top-banner .banner-icon {
  display: inline-block;
  margin: 0;
  width: 2em;
}
.top-banner .icon-large .banner-icon {
  width: 150px;
}
.top-banner .single-line, .top-banner .flex-algin-center {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.top-banner .banner-inner-text-block .wfull {
  width: 100%;
}
.top-banner .banner-text {
  color: white;
  font-size: 1em !important;
  line-height: 1em !important;
}
.top-banner .banner-subtext {
  display: block;
  color: white;
  font-size: 0.8em !important;
  line-height: 1em !important;
}
.top-banner .units-time {
  font-size: 1.2em;
  font-weight: bold;
}

.usp-container:not(:last-child) {
  border-right: 1px solid black;
}

.usp-banner {
  background-color: #f3f3f3;
}

.usp-container {
  padding: 0 2em;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .usp-container {
    font-size: 10px;
    padding: 0 1.5em;
  }
}
.blog-page .post-view a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.blog-page .blog-post-view .columns {
  max-width: unset;
  padding: 0;
}
.blog-page .post-description,
.blog-page .post-data-wrap {
  max-width: 1500px;
  margin: auto;
}
.blog-page .post-data-wrap {
  padding: 0 16px;
}
.blog-page .post-data-wrap .post-data-list {
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .blog-page .post-data-wrap .post-data-list {
    flex-direction: row;
    gap: 1.5rem;
  }
  .blog-page .columns {
    max-width: 1440px;
    padding: 0;
  }
}

[data-content-type=row][data-appearance=contained] {
  padding: 0 !important;
  max-width: unset !important;
}

@media (min-width: 768px) {
  .page-layout-2columns-left .columns,
  .page-layout-2columns-right .columns,
  .page-layout-3columns .columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.vs-slider-container {
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
}
.vs-slider-container .vs-slider {
  display: flex;
  transition: transform 0.3s ease-in-out;
  height: 100%;
}
.vs-slider-container .vs-slider .vs-slide {
  flex-shrink: 0;
  width: 100%;
}
.vs-slider-container .vs-slider .vs-slide img {
  width: auto;
  height: 100%;
}
.vs-slider-container .vs-button-prev,
.vs-slider-container .vs-button-next {
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  color: #2B2626;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vs-slider-container .vs-button-prev {
  left: 12px;
}
.vs-slider-container .vs-button-next {
  right: 12px;
}
.vs-slider-container:hover .vs-button-prev,
.vs-slider-container:hover .vs-button-next {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (max-width:767px) {
  .vs-slider-container {
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .vs-slider-container .vs-slider {
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
  }
  .vs-slider-container .vs-slider .vs-slide {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }
  .vs-slider-container .vs-button-prev,
  .vs-slider-container .vs-button-next {
    display: none;
  }
}
.product-title {
  line-height: 1.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  margin-bottom: 0;
}

.promo-banner--yellow {
  border-radius: 4px;
  border: 1px solid #BE8100;
  background-color: #FFF8E5;
}

.spinner {
  width: 24px;
  height: 24px;
  border: 3px solid #2b2b2b;
  border-bottom-color: #FFC539;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.page-header--dark {
  background-color: #2b2b2b;
  color: #fff;
}
.page-header--dark .sidepanel {
  background-color: #2b2b2b;
}
.page-header--dark .mega-menu .menu-body-wrapper {
  background-color: #2b2b2b;
}
.page-header--dark .search-input-container {
  background-color: #2b2b2b;
}
.page-header--dark .search-container {
  background-color: #2b2b2b;
}
@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .page-header--dark .search-container {
    top: 60px;
  }
}
.page-header--dark .account-footer {
  background-color: #2b2b2b;
}
.page-header--dark svg path {
  stroke: #fff;
}
.page-header .header-desktop {
  height: 82px;
}
.page-header .header-desktop-trade {
  height: 146px;
}
.page-header .cart-summary-count {
  min-width: 20px;
}
.page-header .search-active .mega-menu {
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0.4s ease, max-width 0.4s ease;
}
.page-header .search-active .header-search {
  flex-grow: 1;
}
.page-header .search-active .header-search .search-desktop {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  transition: width 0.4s ease, margin 0.4s ease 0.3s;
}

.top-container {
  padding: 0 !important;
  position: relative;
  margin: 0 !important;
  max-width: unset !important;
  z-index: 1000;
}

.usp-bar {
  margin-top: 0 !important;
}

.logo-container {
  text-align: center;
  min-width: 140px;
}

.header-links div:last-child {
  padding-left: 1em;
}
.header-links div:not(:last-child) {
  border-right: solid 1px #d9d9d9;
}

.search-desktop {
  display: none;
}

.search-mobile {
  display: block;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .header-links,
  .header-desktop {
    display: none;
  }
  .header-mobile {
    display: block;
  }
}
@media screen and (min-width: 1260px) {
  .search-desktop {
    display: block;
    width: 240px;
    transition: width 0.4s ease, margin 0.4s ease;
  }
  .search-desktop input:focus {
    box-shadow: none;
  }
  .search-mobile {
    display: none;
  }
}
@media screen and (hover:hover) and (min-width:1024px) {
  .header-desktop {
    display: block;
  }
  .search-mobile {
    padding: 9px;
  }
  .header-mobile {
    display: none;
  }
  .mega-menu {
    opacity: 1;
    max-width: 1500px;
    transition: max-width 0.3s ease, opacity 0.3s ease 0.3s;
  }
  .header-desktop-trade .search-desktop {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.page-footer {
  background-color: #F3F3F3;
  padding: 2em 0 1.5em 0;
}
.page-footer--dark {
  background-color: #2b2b2b;
  color: #fff;
}
.page-footer a:hover {
  text-decoration: underline;
}

.footer-links p.h2 {
  font-size: 22px !important;
  font-family: "Neulis SemiBold", Arial, sans-serif, "Helvetica Neue", Helvetica !important;
  letter-spacing: 1px;
  text-transform: none !important;
  border-bottom: 3px solid #dedede !important;
  padding-top: 5px !important;
  padding-bottom: 20px !important;
  margin-bottom: 25px !important;
}

.column-title {
  display: flex;
  justify-content: space-between;
  padding: 16px 0 32px;
  font-weight: 600;
}

.toggle-icon {
  transition: transform 0.3s ease;
}

.link-list ul {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-height: none;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .footer-links-column,
  .footer-legal-mobile {
    border-bottom: solid 1px #D9D9D9;
  }
  .footer-links-mobile,
  .footer-legal-mobile {
    display: block;
    font-size: 0.875em;
  }
  .footer-title-desktop,
  .footer-legal-desktop {
    display: none;
  }
  .footer-body {
    flex-direction: column;
  }
  .social-links {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
  }
  .footer-links {
    display: flex;
    flex-direction: column;
  }
  .footer-legal-desktop {
    display: none;
  }
  .link-list {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  .link-list.open {
    padding-bottom: 16px;
    max-height: 500px;
  }
  .toggle-icon.rotated {
    transform: rotate(180deg);
  }
}
@media screen and (hover:hover) and (min-width:1024px) {
  .footer-legal-mobile,
  .footer-links-mobile {
    display: none;
  }
  .footer-legal-desktop {
    padding-top: 40px;
    display: block;
  }
  .footer-body {
    flex-direction: row;
    border-bottom: solid 1px #5F5454;
    padding-bottom: 32px;
  }
  .social-links {
    flex-direction: column;
    align-items: start;
    gap: 24px;
  }
  .footer-legal-mobile {
    display: none;
  }
  .footer-links {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .toggle-icon {
    display: none;
  }
}
.product-info {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  padding-top: 0.5em;
  position: relative;
  color: #2B2626;
}
.product-info .family-name {
  font-size: 0.75em;
  font-weight: 500;
}
.product-info .name {
  font-size: 0.875em;
  font-weight: 400;
  min-height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-info .price-box {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.product-info .price-box .price {
  font-size: 0.875em;
}
.product-info .swatches {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.product-info .swatches .swatch {
  margin-top: auto;
  display: block;
  width: 24px;
  height: 24px;
  padding: 2px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.product-info .swatches .swatch .block {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid #D9D9D9;
}
.product-info .review-box {
  display: flex;
  align-items: center;
  gap: 0.125em;
}
.product-info .review-box .star-rating {
  height: 16px;
  width: 80px;
}
.product-info .review-box .star-rating span {
  height: 16px;
  background-size: 16px;
}
.product-info .review-box .star-rating span::before {
  height: 16px;
  background-size: 16px;
}
.product-info .review-box .star-rating-overlay {
  height: 16px;
  background-size: 16px;
  width: 100%;
}
.product-info .review-box .text {
  margin: 0;
  font-size: 0.75em;
  font-weight: 500;
}

@media screen and (max-width:767px) {
  .product-info .title {
    font-size: 0.75em;
  }
  .product-info .price-box .price {
    font-size: 0.75em;
  }
  .product-info .review-box .star-rating {
    height: 12px;
    width: 60px;
  }
  .product-info .review-box .star-rating::before {
    height: 12px;
    background-size: 12px;
  }
  .product-info .review-box .star-rating span {
    height: 12px;
    background-size: 12px;
  }
  .product-info .review-box .star-rating span::before {
    height: 12px;
    background-size: 12px;
  }
  .product-info .review-box .star-rating-overlay {
    height: 12px;
    background-size: 12px;
    width: 100%;
  }
}
.carousel-recs {
  margin-top: 1.5rem;
}
.carousel-recs .carousel-recs-list {
  display: grid;
  gap: 1.5em;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 6em) / 5);
  overflow-x: auto !important;
  scrollbar-width: none;
}
.carousel-recs .title {
  color: #2b2b2b;
}
.carousel-recs button.carousel-arrow:disabled svg path {
  stroke: #919191;
}
.carousel-recs button.carousel-arrow svg path {
  stroke: #2b2b2b;
}
.carousel-recs-white .title {
  color: #fff;
}
.carousel-recs-white button.carousel-arrow:disabled svg path {
  stroke: #000000;
}
.carousel-recs-white button.carousel-arrow svg path {
  stroke: #fff;
}
.carousel-recs-white .carousel-recs-card {
  max-width: 250px;
  background-color: #fff;
  padding: 0.5rem 0.5rem 1rem 0.5rem;
}

@media screen and (min-width: 1260px) {
  .carousel-recs-cart .carousel-recs-list {
    grid-auto-columns: calc((100% - 3em) / 4) !important;
  }
}
@media screen and (min-width: 1024px) {
  .carousel-recs-cart .carousel-recs-list {
    gap: 1em;
    grid-auto-columns: calc((100% - 2em) / 3);
  }
}
@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .carousel-recs {
    padding: 0 1rem;
  }
  .carousel-recs .carousel-recs-list {
    gap: 0.75em;
    grid-auto-columns: calc((100% - 2.25em) / 4);
  }
  .carousel-recs-cart {
    padding: 0;
  }
  .carousel-recs-cart .carousel-recs-list {
    grid-auto-columns: calc((100% - 0.75em) / 2);
  }
}
@media screen and (max-width:767px) {
  .carousel-recs .carousel-recs-list {
    grid-auto-columns: calc((100% - 0.75em) / 1.75);
  }
  .carousel-recs-cart .title {
    font-size: 0.9375rem;
  }
}
.cms-section-margin {
  margin: 0 0 6em 0;
}

.cms-carousel-margin {
  margin: 4em 0 4em 0;
}

.carousel-arrow {
  height: fit-content;
}

.product-title {
  line-height: 1.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  margin-bottom: 0;
}

@media screen and (max-width:767px) {
  div.bottom-left,
  div.bottom-center,
  div.bottom-right,
  div.mid-left,
  div.mid-center,
  div.mid-right,
  div.top-left,
  div.top-center,
  div.top-right {
    width: 100%;
  }
}
@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .cms-section-margin {
    margin: 0 0 3.5em 0;
  }
  .cms-carousel-margin {
    margin: 1.5em 0 1.5em 0;
  }
}
.carousel-card-large {
  min-width: 200px;
}

@media screen and (min-width: 1024px) {
  .carousel-card-large {
    min-width: 300px;
    max-width: 90%;
  }
}
.progress-dot {
  width: 4px;
}
.progress-dot.active {
  width: 16px;
}

.cms-container .text-xs {
  font-size: 0.75em;
}
.cms-container .text-sm {
  font-size: 0.875em;
}
.cms-container .text-base {
  font-size: 1em;
}
.cms-container .text-md {
  font-size: 1.125em;
}
.cms-container .text-lg {
  font-size: 1.5em;
}
.cms-container .text-xl {
  font-size: 1.75em;
}
.cms-container .text-2xl {
  font-size: 1.875em;
}
.cms-container .text-3xl {
  font-size: 2.25em;
}
.cms-container .text-4xl {
  font-size: 2.5em;
}
.cms-container .text-5xl {
  font-size: 3em;
}
.cms-container .text-6xl {
  font-size: 4em;
}

.bg-grey {
  background-color: #ddd !important;
}

.cms-container section,
.cms-block section {
  margin-bottom: 4rem;
}
.cms-container h1,
.cms-container .h1,
.cms-container h2,
.cms-container .h2,
.cms-container h3,
.cms-container .h3,
.cms-container h4,
.cms-container h5,
.cms-container strong,
.cms-container b,
.cms-block h1,
.cms-block .h1,
.cms-block h2,
.cms-block .h2,
.cms-block h3,
.cms-block .h3,
.cms-block h4,
.cms-block h5,
.cms-block strong,
.cms-block b {
  font-weight: 600;
}
.cms-container h1,
.cms-container .h1,
.cms-block h1,
.cms-block .h1 {
  font-size: 4rem;
  margin-bottom: 4rem !important;
}
.cms-container .h2,
.cms-container h2,
.cms-block .h2,
.cms-block h2 {
  font-size: 3rem;
  margin-bottom: 3rem !important;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.cms-container .h2 img,
.cms-container h2 img,
.cms-block .h2 img,
.cms-block h2 img {
  width: 3rem;
}
.cms-container h3,
.cms-container .h3,
.cms-block h3,
.cms-block .h3 {
  font-size: 2.5rem;
  margin-bottom: 2.5rem !important;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.cms-container h4,
.cms-block h4 {
  font-size: 1.875rem;
  margin-bottom: 1.875rem;
}
.cms-container h5,
.cms-block h5 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
.cms-container p,
.cms-block p {
  font-size: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.cms-container ul,
.cms-block ul {
  list-style: disc outside;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.9375rem;
}
.cms-container ul li,
.cms-block ul li {
  margin-left: 1rem;
}
.cms-container label,
.cms-block label {
  padding-top: 1em;
  display: block;
}

.seo-content {
  margin-top: 2em;
  line-height: 20px;
  font-size: 0.875rem;
}
.seo-content h2 {
  font-size: 0.9375rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.seo-content h3 {
  font-weight: 500;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}
.seo-content p {
  font-size: 0.875rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.seo-content a {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media screen and (max-width:767px) {
  .cms-container section,
  .cms-block section {
    margin-bottom: 3rem;
  }
  .cms-container h1,
  .cms-container .h1,
  .cms-block h1,
  .cms-block .h1 {
    font-size: 2.25rem;
    margin-bottom: 2.25rem !important;
  }
  .cms-container .h2,
  .cms-container h2,
  .cms-block .h2,
  .cms-block h2 {
    font-size: 1.875rem;
    margin-bottom: 1.875rem !important;
  }
  .cms-container .h2 img,
  .cms-container h2 img,
  .cms-block .h2 img,
  .cms-block h2 img {
    width: 1.875rem;
  }
  .cms-container h3,
  .cms-container .h3,
  .cms-container h4,
  .cms-block h3,
  .cms-block .h3,
  .cms-block h4 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem !important;
  }
  .cms-container ul,
  .cms-block ul {
    gap: 0.5rem;
  }
  .cms-container label,
  .cms-block label {
    padding-top: 1em;
    display: block;
  }
}
/* We need to move this to a common utility area and refactor really */
.cms-row {
  margin-top: 4em;
  margin-bottom: 4em;
}

.hero-banner {
  overflow: hidden;
}
.hero-banner .inner-wrapper {
  height: 100%;
}
.hero-banner .inner-wrapper .inner-block {
  display: flex;
  height: 100%;
}
.hero-banner .inner-wrapper .inner-block .inner {
  display: flex;
  flex-direction: column;
}
.hero-banner .heading {
  font-weight: 600;
  font-size: 4em;
}
.hero-banner .buttons-block {
  display: flex;
  justify-content: start;
  gap: 1rem;
}
.hero-banner .buttons-block .hero-button {
  width: auto;
}
.hero-banner .buttons-block .hero-button a {
  display: block;
  width: auto;
  padding: 1em 4em;
}
.hero-banner .footer-block {
  position: absolute;
  bottom: 0;
  padding: 0 0 1em 0;
  height: 100%;
  justify-content: flex-start;
  align-items: flex-end;
}
.hero-banner .footer-block:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
}
.hero-banner .footer-block .footer-reviews div {
  position: relative;
  z-index: 1;
}
.hero-banner .image-box {
  overflow: hidden;
  position: relative;
  height: 0%;
  padding-bottom: 100%;
}
.hero-banner .image-box .img {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transition: height 0.4s ease;
  transform: translate(-50%, -50%);
}
.hero-banner .promo-offers {
  display: flex;
  color: #fff;
  margin-bottom: 3rem;
}
.hero-banner .promo-offers .promo-offer {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1em;
  line-height: 1;
}
.hero-banner .promo-offers .promo-offer:nth-child(1) {
  padding-right: 4rem;
  border-right: 2px solid white;
}
.hero-banner .promo-offers .promo-offer:nth-child(1) span:nth-child(3) u {
  text-transform: capitalize;
}
.hero-banner .promo-offers .promo-offer:nth-child(2) {
  padding-left: 4rem;
}
.hero-banner .promo-offers .promo-offer:nth-child(2) span:nth-child(3) u {
  text-transform: uppercase;
}
.hero-banner .promo-offers .promo-offer span:nth-child(1) {
  font-size: 1.5rem;
}
.hero-banner .promo-offers .promo-offer span:nth-child(2) {
  font-weight: 600;
  font-size: 3rem;
  margin-bottom: 1rem;
}
.hero-banner .promo-offers .promo-offer span:nth-child(3) {
  font-size: 1.25rem;
}
.hero-banner .promo-offers .promo-offer span:nth-child(3) u {
  font-size: 1.875rem;
}
.hero-banner .black-friday-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  line-height: 1;
  margin-bottom: 2rem;
}
.hero-banner .black-friday-block .text {
  text-transform: uppercase;
  margin-bottom: 2.25rem;
  font-size: 1.125rem;
}
.hero-banner .black-friday-block .sub-title {
  font-size: 2em;
  text-transform: uppercase;
}
.hero-banner .black-friday-block h1 {
  font-size: 6em;
  font-weight: 600;
  text-transform: uppercase;
}
.hero-banner.content-left-dt .inner {
  align-items: flex-start;
}
.hero-banner.content-center-dt .inner {
  align-items: center;
}
.hero-banner.content-right-dt .inner {
  align-items: flex-end;
}
.hero-banner.bottom-left-dt .inner-block {
  justify-content: flex-start;
  align-items: flex-end;
}
.hero-banner.bottom-center-dt .inner-block {
  justify-content: center;
  align-items: flex-end;
}
.hero-banner.bottom-right-dt .inner-block {
  justify-content: flex-end;
  align-items: flex-end;
}
.hero-banner.mid-left-dt .inner-block {
  justify-content: flex-start;
  align-items: center;
}
.hero-banner.mid-center-dt .inner-block {
  justify-content: center;
  align-items: center;
}
.hero-banner.mid-right-dt .inner-block {
  justify-content: flex-end;
  align-items: center;
}
.hero-banner.top-left-dt .inner-block {
  justify-content: flex-start;
  align-items: flex-start;
}
.hero-banner.top-center-dt .inner-block {
  justify-content: center;
  align-items: flex-start;
}
.hero-banner.top-right-dt .inner-block {
  justify-content: flex-end;
  align-items: flex-start;
}
.hero-banner.footer-left-dt .footer-block > div {
  justify-content: start;
}
.hero-banner.footer-center-dt .footer-block > div {
  justify-content: center;
}
.hero-banner.footer-right-dt .footer-block > div {
  justify-content: end;
}
.hero-banner.aspect-16x9-dt .image-box {
  padding-bottom: 56.25%;
}
.hero-banner.aspect-18x5-dt .image-box {
  padding-bottom: 27.78%;
}
.hero-banner.aspect-5x2-dt .image-box {
  padding-bottom: 40%;
}
.hero-banner.aspect-6x1-dt .image-box {
  padding-bottom: 16.6%;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .hero-banner .heading {
    font-weight: 600;
    font-size: 2.25em;
  }
  .hero-banner .buttons-block.two-rows-mb {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
  .hero-banner .buttons-block.hero-button-large .hero-button a {
    display: block;
    padding: 1em 4em;
  }
  .hero-banner .buttons-block .hero-button a {
    display: block;
    padding: 1em 2.5em;
  }
  .hero-banner .promo-offers {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2.5rem;
  }
  .hero-banner .promo-offers .promo-offer {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
  }
  .hero-banner .promo-offers .promo-offer:nth-child(1) {
    border-right: 0;
    padding-right: 0;
    padding-bottom: 2rem;
    border-bottom: 2px solid #fff;
  }
  .hero-banner .promo-offers .promo-offer:nth-child(2) {
    padding-top: 2rem;
    padding-left: 0;
  }
  .hero-banner .promo-offers .promo-offer span:nth-child(1) {
    font-size: 1rem;
  }
  .hero-banner .promo-offers .promo-offer span:nth-child(2) {
    font-size: 3rem;
    margin-bottom: 0;
  }
  .hero-banner .promo-offers .promo-offer span:nth-child(3) {
    font-size: 0.9375rem;
  }
  .hero-banner .promo-offers .promo-offer span:nth-child(3) u {
    font-size: 1.5rem;
  }
  .hero-banner .black-friday-block .text {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
  }
  .hero-banner .black-friday-block .sub-title {
    font-size: 1.875em;
  }
  .hero-banner .black-friday-block h1 {
    font-size: 4em;
  }
  .hero-banner.bottom-left, .hero-banner.bottom-center, .hero-banner.bottom-right, .hero-banner.mid-left, .hero-banner.mid-center, .hero-banner.mid-right, .hero-banner.top-left, .hero-banner.top-center, .hero-banner.top-right {
    width: 100%;
  }
  .hero-banner.content-left-mb .inner {
    align-items: flex-start;
  }
  .hero-banner.content-center-mb .inner {
    align-items: center;
  }
  .hero-banner.content-right-mb .inner {
    align-items: flex-end;
  }
  .hero-banner.bottom-left-mb .inner-block {
    justify-content: flex-start;
    align-items: flex-end;
  }
  .hero-banner.bottom-center-mb .inner-block {
    justify-content: center;
    align-items: flex-end;
  }
  .hero-banner.bottom-right-mb .inner-block {
    justify-content: flex-end;
    align-items: flex-end;
  }
  .hero-banner.mid-left-mb .inner-block {
    justify-content: flex-start;
    align-items: center;
  }
  .hero-banner.mid-center-mb .inner-block {
    justify-content: center;
    align-items: center;
  }
  .hero-banner.mid-right-mb .inner-block {
    justify-content: flex-end;
    align-items: center;
  }
  .hero-banner.top-left-mb .inner-block {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .hero-banner.top-center-mb .inner-block {
    justify-content: center;
    align-items: flex-start;
  }
  .hero-banner.top-right-mb .inner-block {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .hero-banner.footer-left-mb .footer-block > div {
    justify-content: start;
  }
  .hero-banner.footer-center-mb .footer-block > div {
    justify-content: center;
  }
  .hero-banner.footer-right-mb .footer-block > div {
    justify-content: end;
  }
  .hero-banner.aspect-2x3-mb .image-box {
    padding-bottom: 150%;
  }
  .hero-banner.aspect-2x3-mb .image-box .img {
    width: 100%;
  }
  .hero-banner.aspect-3x2-mb .image-box {
    padding-bottom: 66.6667%;
  }
  .hero-banner.aspect-3x2-mb .image-box .img {
    width: 100%;
  }
  .hero-banner.aspect-6x7-mb .image-box {
    padding-bottom: 116.67%;
  }
  .hero-banner.aspect-6x7-mb .image-box .img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hero-banner.fixed-height {
    max-height: 700px;
  }
  .hero-banner.fixed-height.desktop-half-height {
    max-height: 350px;
  }
}
@media screen and (min-width: 768px) {
  .hero-banner.fixed-height {
    max-height: 700px;
  }
  .hero-banner.fixed-height.desktop-half-height {
    max-height: 350px;
  }
}
@media screen and (max-width:767px) {
  .inner-block .inner {
    width: 100%;
    margin-top: 1em;
  }
  .hero-banner.fixed-height {
    max-height: 400px;
  }
  .hero-banner.fixed-height.mobile-half-height {
    max-height: 200px;
  }
}
.cms-block .category-blocks .category-blocks-content {
  display: flex;
  flex-direction: column;
}
.cms-block .category-blocks .category-blocks-content .category-block-full,
.cms-block .category-blocks .category-blocks-content .category-block-grid {
  width: 100%;
}
.cms-block .category-blocks .category-blocks-content .category-block-full img,
.cms-block .category-blocks .category-blocks-content .category-block-grid img {
  height: 100%;
  object-fit: cover;
}
.cms-block .category-blocks .category-blocks-content .category-block-text {
  padding: 1em;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (min-width: 768px) {
  .cms-block .category-blocks .category-blocks-content {
    flex-direction: row;
  }
  .cms-block .category-blocks .heading {
    padding: 0 1em;
  }
  .cms-block .category-blocks.reverse .category-blocks-content {
    flex-direction: row-reverse;
  }
  .cms-block .category-blocks .category-block-full,
  .cms-block .category-blocks .category-block-grid {
    width: 50%;
  }
  .cms-block .category-blocks .category-block-text {
    padding: 2em;
    font-size: 1.25em;
  }
}

.carousel-large .carousel-card {
  min-width: 250px;
}
.carousel-large .carousel-card-text {
  font-weight: 600;
  font-size: 1.25em;
  padding: 1em 0;
}

.cms-carousel-list {
  display: flex;
  gap: 1em !important;
}
.cms-carousel.hide-buttons .buttons {
  display: none;
}
.cms-carousel.bg-beige {
  background-color: hsl(48, 17%, 89%) !important;
}
.cms-carousel .carousel-title {
  font-size: 2.25em;
}
.cms-carousel .text {
  font-size: 0.9375em;
}
.cms-carousel .carousel-list {
  overflow-x: auto;
}
.cms-carousel .carousel-list::-webkit-scrollbar {
  display: none;
}
.cms-carousel.text-only img {
  display: none;
}
.cms-carousel.text-only .carousel-card-text {
  padding: 0.5em 2em;
  border-radius: 9999px;
  background-color: #f3f3f3;
  text-align: center;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.cms-carousel.text-only .carousel-card-text:hover {
  background-color: #2b2626;
  color: #f3f3f3;
}
.cms-carousel.square .carousel-card-inner, .cms-carousel:not(.text-only):not(.rounded) .carousel-card-inner {
  min-width: 250px;
  max-width: 300px;
  position: relative;
}
.cms-carousel.square .carousel-card-inner .carousel-card-text, .cms-carousel:not(.text-only):not(.rounded) .carousel-card-inner .carousel-card-text {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  padding: 1em;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.cms-carousel.rounded .carousel-list {
  gap: 2em;
}
.cms-carousel.rounded .carousel-card {
  width: 6em;
}
.cms-carousel.rounded .carousel-card .carousel-card-inner {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.cms-carousel.rounded .carousel-card .carousel-card-inner .carousel-card-text {
  text-align: center;
}
.cms-carousel.rounded .carousel-card .carousel-card-inner img {
  height: 6em;
  min-width: 6em;
  border-radius: 9999px;
}
@media screen and (min-width: 768px) {
  .cms-carousel .cms-carousel-list {
    display: flex;
    gap: 4em !important;
  }
  .cms-carousel.rounded .carousel-list {
    gap: 2em;
  }
  .cms-carousel.rounded .carousel-list .carousel-card {
    width: 150px;
  }
  .cms-carousel.rounded .carousel-list .carousel-card .carousel-card-inner img {
    height: 150px;
    min-width: 150px;
  }
}

.quick-links-carousel {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  overflow-x: auto;
  scrollbar-width: none;
}
.quick-links-carousel .quick-link {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
  min-width: 10em;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  transition: background-color 0.2s ease-in;
}
.quick-links-carousel .quick-link:hover {
  background-color: #F3F3F3;
}
.quick-links-carousel .quick-link-img {
  align-self: start;
  width: 3.0625em;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.quick-links-carousel .quick-link-text {
  padding-right: 0.675em;
  font-size: 0.75em;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .carousel-large .carousel-card {
    min-width: 300px;
  }
  .carousel-large .carousel-card-text {
    font-size: 1.5em;
  }
  .category-carousel.square .carousel-card-inner, .category-carousel:not(.text-only):not(.rounded) .carousel-card-inner {
    min-width: 300px;
    max-width: 350px;
  }
  .category-carousel.rounded .carousel-list {
    gap: 2em;
  }
  .category-carousel.rounded .carousel-list .carousel-card {
    width: 150px;
  }
  .category-carousel.rounded .carousel-list .carousel-card .carousel-card-inner img {
    height: 150px;
    min-width: 150px;
  }
  .quick-links-carousel {
    scrollbar-width: thin;
    scrollbar-color: #f2f2f2 #FFF;
  }
}
.carousel-list {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.carousel-list.text-white .text {
  color: #fff !important;
}

.carousel-list::-webkit-scrollbar {
  display: none;
}

.product-carousel {
  overflow: auto;
  margin-top: 3em;
}
.product-carousel .product-carousel-tabs {
  max-height: 500px;
  overflow: hidden;
}
.product-carousel .product-carousel-tabs .product-carousel-list {
  display: flex;
  gap: 1.5em;
  overflow-x: auto !important;
  scrollbar-width: none;
}
.product-carousel .product-carousel-tabs .product-carousel-list .carousel-card {
  flex: 0 0 calc(16.6666666667% - 1.25em);
}
.product-carousel .category-title {
  font-size: 0.875em;
  padding: 0.5em 1em;
  border-radius: 9999px;
  background-color: #f3f3f3;
}
.product-carousel .category-title.active {
  background-color: #2b2626;
  color: #f3f3f3;
  font-weight: 600;
}
.product-carousel .carousel-card-image {
  padding-bottom: 150%;
  height: 0;
  position: relative;
}
.product-carousel .carousel-card-image img {
  position: absolute;
  top: 0;
  height: 100%;
  object-fit: cover;
}
.product-carousel-list::-webkit-scrollbar {
  display: none;
}
.product-carousel .carousel-wrapper {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-carousel .product-carousel-tabs .product-carousel-list {
    display: flex;
    gap: 0.75em;
  }
  .product-carousel .product-carousel-tabs .product-carousel-list .carousel-card {
    flex: 0 0 calc(25% - 0.5625em);
  }
}
@media screen and (max-width:767px) {
  .product-carousel .product-carousel-tabs .product-carousel-list {
    display: flex;
    gap: 0.75em;
  }
  .product-carousel .product-carousel-tabs .product-carousel-list .carousel-card {
    flex: 0 0 calc(64.5161290323% - 0.4875em);
  }
}
.shop-the-look {
  display: flex;
}
.shop-the-look.bg-beige {
  background-color: #F7F5F0;
}
.shop-the-look .carousel-block {
  padding: 3.5em 0 2.5em 5em;
}
.shop-the-look .carousel-block .carousel-card {
  width: 250px;
}
.shop-the-look .sidepanel .products-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.shop-the-look .sidepanel .products-container .product-info {
  padding: 1.5em 0 1.5em 0;
  border-bottom: 1px solid #F3F3F3;
}
.shop-the-look .sidepanel .products-container .product-info:first-child {
  padding: 0 0 1.5em 0;
}
.shop-the-look .sidepanel .products-container .product-info:last-child {
  padding: 1.5em 0 0 0;
  border-bottom: none;
}
.shop-the-look .sidepanel .button-primary {
  padding: 1em 4em 1em 4em;
  border-radius: 999px;
}
.shop-the-look .sidepanel .button-primary.disabled {
  background-color: #A3A3A3;
}
.shop-the-look .review-block .star-rating {
  height: 12px;
  width: 60px;
}
.shop-the-look .review-block .star-rating::before {
  height: 12px;
  background-size: 12px;
}
.shop-the-look .review-block .star-rating span {
  height: 12px;
  background-size: 12px;
}
.shop-the-look .review-block .star-rating span::before {
  height: 12px;
  background-size: 12px;
}
.shop-the-look .review-block .star-rating-overlay {
  height: 12px;
  background-size: 12px;
  width: 100%;
}
.shop-the-look .review-block .text {
  font-size: 0.625em;
  line-height: normal;
}
.shop-the-look .line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-carousel .carousel-list {
  display: flex;
  overflow-x: auto;
  gap: 1rem;
}
.blog-carousel .carousel-list .carousel-card {
  min-width: 16em;
}
.blog-carousel .carousel-list .carousel-card .carousel-info {
  padding: 1.5em 0.5em 1.5em 0.5em;
}
.blog-carousel .carousel-list::-webkit-scrollbar {
  display: none;
}
.blog-carousel .blog-article-tag {
  background-color: #efefef;
}
.blog-carousel .line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 768px) {
  .blog-carousel .carousel-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
  .blog-carousel .carousel-list .carousel-card .carousel-info {
    padding: 1.5em 2em 1.5em 1em;
  }
}
.compare-carousel {
  background-color: hsl(48, 17%, 89%);
  padding: 2.5em 0 2.5em 0;
}
.compare-carousel .compare-images,
.compare-carousel .compare-text {
  width: 100%;
}
.compare-carousel .compare-carousel-subheading {
  font-size: 1.5em;
}
.compare-carousel .text {
  font-size: 0.9375em;
}
@media screen and (min-width: 768px) {
  .compare-carousel {
    padding: 3em 0 3em 0;
    flex-direction: row;
    gap: 4em;
  }
  .compare-carousel .compare-images {
    width: 60%;
  }
  .compare-carousel .compare-text {
    width: 40%;
    gap: 1.5em;
  }
  .compare-carousel .compare-carousel-subheading {
    font-size: 2.25em;
  }
}

.text-grid-background {
  background-color: #e7e5dd;
  display: block;
}

.cms-text-grid .text-grid-inner {
  padding: 4em 0;
}

.text-grid-blocks {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.text-grid-block {
  flex: 0 0 100%;
  transition: transform 0.6s ease-in-out;
  opacity: 1;
  visibility: visible;
  position: relative;
}

.text-grid-track {
  display: flex;
  width: 100%;
  transition: transform 0.6s ease-in-out;
}

.text-grid-progress {
  display: none;
}

@media screen and (max-width:767px) {
  .text-grid-progress {
    height: 5px;
    display: flex;
    gap: 0.25em;
    margin-top: 0.25em;
  }
  .cms-text-grid .text-grid-inner {
    padding: 2.5em 0;
  }
}
@media screen and (min-width: 768px) {
  .text-grid-block {
    padding-right: 3em;
  }
  .text-grid-track {
    display: contents;
    transform: none !important;
  }
  .text-grid-block {
    flex: unset;
    transition: none;
  }
  .text-grid-blocks {
    overflow: visible;
    display: grid;
  }
}
@media screen and (min-width: 1024px) {
  .text-grid-block {
    padding-right: 6em;
  }
}
.cms-row,
.cms-row-reverse {
  display: flex;
  flex-direction: column;
  gap: 2em;
  margin-bottom: 2em;
}
.cms-row .image-left,
.cms-row .image-right,
.cms-row-reverse .image-left,
.cms-row-reverse .image-right {
  display: block;
}
.cms-row-background-grey,
.cms-row-reverse-background-grey {
  background-color: #e7e5dd;
}

.cms-heading {
  font-size: 1.5em;
  font-weight: 600;
}

.cms-subheading {
  font-size: 1.25em;
}

@media screen and (max-width:767px) {
  .cms-row {
    flex-direction: column !important;
  }
  .cms-row-block {
    margin-top: 2em;
  }
  .cms-row .image-right,
  .cms-row .image-left {
    order: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .cms-heading {
    font-size: 2.25em;
  }
  .cms-subheading {
    font-size: 1.25em !important;
  }
  .cms-row {
    flex-direction: row;
  }
  .cms-row-block {
    margin-top: 2em;
  }
  .cms-row .image-right {
    order: 1;
  }
  .cms-row .image-left {
    order: 0;
  }
  .cms-row-reverse {
    flex-direction: row-reverse;
  }
  .cms-col {
    width: 50%;
  }
}
.cms-accordion-header {
  cursor: pointer;
  border-top: solid 1px #d9d9d9;
  padding-top: 1rem;
}
.cms-accordion:last-child {
  border-bottom: solid 1px #d9d9d9;
}
.cms-accordion .cms-accordion-header {
  font-size: 1.25em !important;
}
.cms-accordion .cms-accordion-body {
  font-size: 0.9375em !important;
}

.badges {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.badges div {
  display: flex;
  gap: 0.25rem;
}
.badges div .badge {
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 0.625em;
  background-color: white;
}

.gradient-black-friday {
  color: #fff;
  background: linear-gradient(to right, #2B2626, #D64529);
}

.gradient-cyber-monday {
  color: #fff;
  background: linear-gradient(to right, #2B2626, rgb(0, 202, 210));
}

.dupes-block {
  max-width: 1720px;
  margin: 0 auto;
  padding: 1rem;
}
.dupes-block .dupes-block-text {
  padding: 2.5rem 1rem;
}
.dupes-block .dupes-block-buttons {
  margin-top: 2rem;
  display: flex;
  gap: 1.5rem;
}

@media screen and (min-width: 768px) {
  .dupes-block {
    padding: 1.5rem;
  }
  .dupes-block .dupes-block-text {
    padding: 2.5rem 8rem;
  }
  .dupes-block .dupes-block-buttons {
    margin-top: 3rem;
  }
}
.cms-index-index .columns {
  padding: 0;
}
@media (min-width: 640px) {
  .cms-index-index .columns {
    max-width: unset;
  }
}
@media (min-width: 768px) {
  .cms-index-index .columns {
    max-width: unset;
  }
}
@media (min-width: 1280px) {
  .cms-index-index .columns {
    max-width: unset;
  }
}

.checkout-cart-index .heading {
  font-size: 1.875em;
  font-weight: 600;
  text-transform: capitalize;
}
.checkout-cart-index .columns {
  max-width: 1720px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.checkout-cart-index #maincontent {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2.5rem;
  background-color: #F3F3F3;
}
.checkout-cart-index .cart-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 3.5rem;
}
.checkout-cart-index .cart-wrapper .cart-items {
  width: 60%;
  flex: 1;
  padding: 3.5rem;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.checkout-cart-index .cart-wrapper .cart-items .cart-item {
  padding: 1rem;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
}
.checkout-cart-index .cart-wrapper .cart-summary-block {
  width: 40%;
}
.checkout-cart-index .cart-wrapper .cart-summary-block .mobile-only {
  display: none !important;
}
.checkout-cart-index .cart-wrapper .cart-summary-block .desktop-only {
  display: block;
}
.checkout-cart-index .cart-wrapper .cart-summary-block .cart-summary-items {
  display: none;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .checkout-cart-index .heading {
    font-size: 1.25em;
  }
  .checkout-cart-index #maincontent {
    background-color: #fff;
  }
  .checkout-cart-index .cart-wrapper {
    flex-direction: column;
    gap: 2.5rem;
  }
  .checkout-cart-index .cart-wrapper .cart-items {
    width: 100%;
    padding: 0;
  }
  .checkout-cart-index .cart-wrapper .cart-summary-block {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
.checkout-onepage-success .heading {
  font-size: 1.875em;
  font-weight: 600;
  text-transform: capitalize;
}
.checkout-onepage-success .columns {
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  row-gap: 0;
}
.checkout-onepage-success #maincontent {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #F3F3F3;
}
.checkout-onepage-success .checkout-success {
  max-width: 1720px;
  margin: 0 auto;
}
.checkout-onepage-success .checkout-success .order-info {
  display: flex;
  gap: 3.5em;
  margin-top: 2.5em;
  margin-bottom: 4em;
}
.checkout-onepage-success .checkout-success .order-info .confirmation {
  background: #fff;
  width: 75%;
  padding: 3.5em;
}
.checkout-onepage-success .checkout-success .order-info .confirmation .details {
  background-color: #f3f3f3;
  padding: 1.5em 1em;
  border-radius: 4px;
}
.checkout-onepage-success .checkout-success .order-info .contact-us {
  width: 25%;
  background: #f3f3f3;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .checkout-onepage-success .heading {
    font-size: 1.25em;
  }
  .checkout-onepage-success #maincontent {
    background-color: #fff;
  }
  .checkout-onepage-success .checkout-success {
    padding: 0 1rem;
  }
  .checkout-onepage-success .checkout-success .order-info {
    gap: 1.5em;
    flex-direction: column;
  }
  .checkout-onepage-success .checkout-success .order-info .confirmation {
    width: 100%;
    padding: 0;
  }
  .checkout-onepage-success .checkout-success .order-info .contact-us {
    width: 100%;
    border: 1px solid rgb(156, 163, 175);
    border-radius: 0.25rem;
  }
}
.checkout-index-index .text-error {
  color: red;
  font-size: 0.875em;
  margin-top: 0.25em;
}
.checkout-index-index .header {
  padding: 1.5em 2em;
  background-color: #fff;
}
.checkout-index-index .header ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.checkout-index-index .header ul .progress-bar {
  position: relative;
  width: 21.125rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0.5rem 1.5rem 0 1.5rem;
  min-height: 30px;
}
.checkout-index-index .header ul .progress-line {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background: #D9D9D9;
  z-index: 1;
}
.checkout-index-index .header ul .progress-line-active {
  position: absolute;
  left: 0;
  height: 2px;
  background: #2B2626;
  z-index: 2;
  transition: width 0.3s ease;
}
.checkout-index-index .header ul .progress-step {
  position: relative;
  width: 33.33%;
  text-align: center;
  cursor: pointer;
}
.checkout-index-index .header ul .progress-step-0 {
  text-align: left;
}
.checkout-index-index .header ul .progress-step-2 {
  text-align: right;
}
.checkout-index-index .header ul .circle {
  width: 8px;
  height: 8px;
  background: #D9D9D9;
  border-radius: 50%;
  top: -3px;
  margin: 0 auto;
  position: absolute;
  z-index: 3;
}
.checkout-index-index .header ul .circle-0 {
  left: 0;
}
.checkout-index-index .header ul .circle-1 {
  left: 50%;
  transform: translateX(-50%);
}
.checkout-index-index .header ul .circle-2 {
  right: 0;
}
.checkout-index-index .header ul .circle.active {
  border-color: #2B2626;
  background: #2B2626;
}
.checkout-index-index .header ul .text-grey {
  color: #D9D9D9;
}
.checkout-index-index .footer {
  background: #F3F3F3;
}

.checkout-form {
  padding: 3.5em;
  background: #FFF;
  border-radius: 4px;
}
.checkout-form .btn-primary {
  padding: 1rem 2rem;
  font-size: 0.875em;
  text-transform: uppercase;
  border-radius: 4px;
}
.checkout-form .btn-toggle {
  padding: 0.75rem 2rem;
  background-color: #F3F3F3;
  color: #2B2626;
  font-weight: 600;
  font-size: 0.75em;
  width: auto;
  min-width: auto;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.checkout-form .btn-toggle.active {
  color: #FFF;
  background-color: #2B2626;
}
.checkout-form .checkout-label {
  display: block;
  font-size: 0.875em;
  font-weight: 600;
  color: #2B2626;
}
.checkout-form .checkout-input {
  width: 100%;
  padding: 1em;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}
.checkout-form .checkout-input::placeholder {
  color: #A3A3A3;
}
.checkout-form .checkout-input:focus {
  border: 1px solid #2B2626;
  outline: none !important;
  --tw-ring-color: transparent;
  --tw-ring-shadow: 0 0 #0000;
  box-shadow: none !important;
  outline: none !important;
}
.checkout-form .checkout-input:disabled {
  background-color: #f3f4f6;
}
.checkout-form .checkout-input--invalid {
  border: 1px solid red;
}
.checkout-form .custom-checkbox {
  width: 16px;
  height: 16px;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #2B2626;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  outline: none;
  box-shadow: none;
}
.checkout-form .custom-checkbox:checked {
  background-color: #2B2626;
  border-color: #2B2626;
}
.checkout-form .custom-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
  width: 2px;
  height: 4px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.checkout-form ul.address-select {
  z-index: 100;
  position: absolute;
  left: 0;
  width: 100%;
  max-height: 13em;
  overflow-y: auto;
  background-color: white;
  border: 1px solid #D9D9D9;
  border-top: 0;
}
.checkout-form ul.address-select li {
  padding: 1em;
  font-size: 0.875em;
}
.checkout-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-image: none;
}
.checkout-form select::-ms-expand {
  display: none;
}

.cart-summary-block {
  padding: 2.5rem;
  background-color: #fff;
}

.payment-methods > div {
  width: 34px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 0.5px solid #D9D9D9;
}
.payment-methods > div.klarna {
  background-color: #FEB4C7;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .checkout-index-index .footer {
    padding-top: 3.5rem;
  }
  .checkout-form {
    padding: 1.5em 1.5em 1.5em 1.5em;
  }
  .cart-summary-block {
    padding: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  .checkout-index-index .header {
    padding: 1em 2em;
    background-color: #fff;
    border-bottom: 1px solid #D9D9D9;
  }
  .checkout-index-index .header ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
  }
  .checkout-form {
    padding: 0 1em 2.5em 1em;
    border-radius: 0;
  }
  .checkout-form .btn-toggle {
    padding: 0.75rem 1.5rem;
  }
  .cart-summary-block {
    padding: 0;
  }
}
.border-yellow.is-active {
  border-radius: 4px;
  border: 1px solid #BE8100;
}

.method-title {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  padding: 1rem;
}
.method-title.is-active {
  border: none;
  border-bottom: 1px solid #BE8100;
  background-color: #FFF8E5;
}

.method-title-select {
  position: relative;
  width: 1rem;
  height: 1rem;
  border-radius: 8px;
  border: 1px solid #2B2626;
}
.method-title-select.is-active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.375rem;
  height: 0.375rem;
  background: #2B2626;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.method-title-icons .icon {
  width: 34px;
  height: 24px;
  border-radius: 4px;
  border: 0.5px solid #D9D9D9;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.method-title-icons .icon-pink {
  background: #FEB4C7;
}
.method-title-icons .icon-green {
  background: #B2FCE3;
}

#cart-drawer .cart-summary-desktop {
  display: block;
}
#cart-drawer .cart-summary-mobile {
  display: none !important;
}
#cart-drawer .tooltip {
  position: absolute;
  bottom: 120%;
  left: 95%;
  transform: translateX(-50%);
  width: 15rem;
  text-align: center;
  background: #2B2626;
  color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 4px;
  font-size: 0.75em;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
#cart-drawer .info-icon {
  display: block;
}
#cart-drawer .info-icon:hover + .tooltip {
  opacity: 1;
  visibility: visible;
  display: block;
}
#cart-drawer .tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 504%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #2B2626;
}
#cart-drawer .quantity-input-block {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.quantity-input {
  -moz-appearance: number-input;
  -webkit-appearance: number-input;
  appearance: number-input;
}

.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
  opacity: 1;
  display: inline;
}

@media screen and (max-width:767px) {
  #cart-drawer .hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #cart-drawer .hide-scrollbar::-webkit-scrollbar {
    display: none;
  }
}
.checkout-index-index {
  background-color: #F3F3F3;
}
.checkout-index-index .page-wrapper {
  background-color: #F3F3F3;
}
.checkout-index-index .page-wrapper .page-header {
  display: none;
}
.checkout-index-index .page-wrapper .columns {
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  row-gap: 0;
}
.checkout-index-index .page-wrapper #maincontent {
  margin-top: 0;
  margin-bottom: 0;
}
.checkout-index-index .page-wrapper #checkout-container {
  max-width: 1720px;
  padding: 2.5rem 8.875rem 4rem 8.875rem;
}
.checkout-index-index .page-wrapper .cart-summary-title {
  display: flex;
}
.checkout-index-index .page-wrapper .cart-summary-delivery {
  display: flex;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  #checkout-container {
    padding: 1.5rem 3rem !important;
  }
}
@media screen and (max-width:767px) {
  .page-wrapper {
    background-color: #fff !important;
  }
  #checkout-container {
    padding: 0 !important;
  }
}
.customer-account-login .page-main,
.customer-account-forgotpassword .page-main,
.customer-account-create .page-main,
.customer-account-logoutsuccess .page-main,
.tradesignup-signup-index .page-main {
  margin: 0;
  padding: 3.5rem;
  background: #F3F3F3;
}
.customer-account-login .page-main .columns,
.customer-account-forgotpassword .page-main .columns,
.customer-account-create .page-main .columns,
.customer-account-logoutsuccess .page-main .columns,
.tradesignup-signup-index .page-main .columns {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 1680px;
}
.customer-account-login #customer-login-container,
.customer-account-forgotpassword #customer-login-container,
.customer-account-create #customer-login-container,
.customer-account-logoutsuccess #customer-login-container,
.tradesignup-signup-index #customer-login-container {
  display: flex;
  flex-direction: row;
  padding: 0;
}

.customer-account-logoutsuccess .heading {
  font-size: 1.875rem;
  font-weight: 600;
  color: #2B2626;
}
.customer-account-logoutsuccess .text {
  font-size: 0.875rem;
  color: #2B2626;
}
.customer-account-logoutsuccess .button {
  width: auto;
  padding: 1rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #FFF;
  background: #2B2626;
  transition: all 0.3s;
  border-radius: 999px;
}
.customer-account-logoutsuccess .button:hover {
  background-color: #FFB500;
}

.account.column-2 {
  width: 50%;
  flex-shrink: 0;
}
.account.column-1 {
  width: 50%;
}
.account .account-form {
  padding: 3.5rem;
  border-radius: 4px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.account .account-form label {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #2B2626;
}
.account .account-form input:not([type=checkbox]) {
  width: 100%;
  padding: 0.75rem;
  font-size: 0.875rem;
  color: #2B2626;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}
.account .account-form button,
.account .account-form .button {
  width: 100%;
  padding: 1rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 4px;
  color: #FFF;
  background: #2B2626;
  transition: all 0.3s;
}
.account .account-form button:hover,
.account .account-form .button:hover {
  background-color: #FFB500;
}
.account .account-form .field.field-reserved {
  margin-bottom: 0;
}
.account .account-form .field.field-error label {
  color: #BC1800;
}
.account .account-form .field.field-error input {
  border: 1px solid #BC1800;
}
.account .account-form .field.field-error .messages {
  margin-top: 0.5rem;
}
.account .account-form .account-link {
  display: flex;
  justify-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.account .account-form .heading {
  font-size: 1.875rem;
  font-weight: 600;
  color: #2B2626;
}
.account .account-form .text {
  font-size: 0.875rem;
  color: #2B2626;
}
.account .account-form .eye-icon {
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
}
.account .sidebar {
  display: block;
  position: inherit;
  height: 100%;
  width: 100%;
  background-color: white;
}
.account .sidebar.open {
  display: block;
  left: 0;
  z-index: 1000;
}
.account .sidebar.open .sidebar-contents {
  left: 0;
}
.account .sidebar #account-nav-title span:nth-of-type(2) {
  display: none;
}
.account .sidebar .sidebar-contents {
  position: relative;
  background-color: white;
  width: 100vw;
  height: 100vh;
  left: -100vw;
  transition: left 0.2s ease;
  overflow: hidden;
}
.account .sidebar .tab-container .tab.active {
  background-color: white;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .customer-account-login .page-main,
  .customer-account-forgotpassword .page-main,
  .customer-account-create .page-main {
    margin: 0;
    padding: 2.5rem 1rem 4rem 1rem;
  }
  .customer-account-logoutsuccess .heading {
    font-size: 1.25rem;
  }
  .account.column-1 {
    width: 75%;
  }
  .account .account-form {
    padding: 2rem 1.5rem;
    gap: 1.5rem;
  }
  .account .account-form label {
    font-size: 0.9375rem;
  }
  .account .account-form .heading {
    font-size: 1.25rem;
  }
  .account .account-form .sidebar #account-nav-title span:nth-of-type(2) {
    display: block;
  }
}
@media screen and (max-width:767px) {
  .customer-account-login .page-main,
  .customer-account-forgotpassword .page-main,
  .customer-account-create .page-main,
  .tradesignup-signup-index .page-main {
    margin: 0;
    padding: 2.5rem 1rem 4rem 1rem;
  }
  .customer-account-login #customer-login-container,
  .customer-account-forgotpassword #customer-login-container,
  .customer-account-create #customer-login-container,
  .tradesignup-signup-index #customer-login-container {
    display: flex;
    flex-direction: column;
  }
  .customer-account-logoutsuccess .heading {
    font-size: 1.25rem;
  }
  .account.column-2 {
    width: 100%;
  }
  .account.column-1 {
    width: 100%;
  }
  .account .account-form {
    padding: 2rem 1.5rem;
    gap: 1.5rem;
  }
  .account .account-form label {
    font-size: 0.9375rem;
  }
  .account .account-form .heading {
    font-size: 1.25rem;
  }
  .account .account-form .sidebar #account-nav-title span:nth-of-type(2) {
    display: block;
  }
}

/*# sourceMappingURL=default.css.map */
.clearpay-express-button,button.clearpay-express-button:hover{background-image:none;background:#000;border:1px solid #000;color:#ffffff;cursor:pointer;display:inline-block;float:none;width:267px;max-width:100%;margin-top:10px}.clearpay-express-checkout-minicart-wraper{margin:0 10px 15px}.clearpay-express-checkout-minicart-wraper .clearpay-express-button,.clearpay-express-checkout-minicart-wraper button.clearpay-express-button:hover{width:100%;cursor:pointer;text-align:center}klarna-express-button {
    display: block !important;
    margin: auto;
}
.shake-and-hide-element{-moz-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-webkit-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-o-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes shake-element{0%,100%{transform:translateX(0)}
10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@-webkit-keyframes shake-element{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes hide-element{to{width:0;height:0;padding:0;margin:0;overflow:hidden}}@-webkit-keyframes hide-element{to{width:0;height:0;padding:0;margin:0;visibility:hidden}}.warning-icon{width:20%;max-width:30px;font-size:21px;display:inline-block;vertical-align:middle}
.trustbox-message-text{width:80%;display:inline-block;vertical-align:middle}.trustbox-message-box{background-color:#fcf8e3;color:#8a6d3b;padding:15px;margin-bottom:20px;border-radius:4px;border:1px solid;border-color:#faebcc}body {
  color: #2b2626;
}

.page-wrapper {
  background-color: #fff;
}
.page-wrapper .columns {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

.catalog-product-view .page-wrapper .columns {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media screen and (min-width: 768px) {
  .catalog_product_view .product-gallery {
    width: 50%;
    position: sticky;
    top: 1rem;
    align-self: flex-start;
    height: fit-content;
    padding-bottom: 6em;
  }
}
@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .catalog_product_view .product-gallery {
    padding-bottom: 1em;
  }
}
.catalog_product_view .ratio-2x2 .img-container,
.catalog_product_view .ratio-square .img-container {
  padding-bottom: 100%;
}
.catalog_product_view .img-container {
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
}
.catalog_product_view .img-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gallery-badges .badge {
  border-radius: 4px;
  font-size: 12px;
}

.mobile-only .gallery-badges .badge {
  font-size: 10px;
}

.mobile-gallery-scroll::-webkit-scrollbar {
  display: none;
}

.gallery-status-bar .status-dot {
  background-color: #d9d9d9;
}
.gallery-status-bar .status-dot.active {
  background-color: black;
}

.toggle-switch {
  position: relative;
  display: grid;
  width: fit-content;
  border: 5px solid #F3F3F3;
  border-radius: 100px;
  background: #F3F3F3;
  cursor: pointer;
  overflow: hidden;
}
.toggle-switch .option {
  width: 90px;
  padding: 13px;
  text-align: center;
  color: #2B2626;
  z-index: 1;
  transition: all 0.3s;
  font-size: 12px;
}
.toggle-switch .option.active {
  color: #FFFFFF;
  font-weight: 600;
}
.toggle-switch-selected {
  width: 90px;
  position: absolute;
  height: 100%;
  left: 0%;
  border-radius: 100px;
  background: #2B2626;
  transition: all 0.3s;
}

.nightday-toggle.toggle-switch {
  grid-template-columns: repeat(2, 1fr);
  border: 3px solid #F3F3F3;
}
.nightday-toggle.toggle-switch .toggle-switch-selected {
  width: 50%;
}

@media screen and (max-width:767px) {
  .bulb-toggle-container {
    justify-content: center;
  }
  .toggle-switch .option {
    padding: 6px;
  }
}
.catalog-product-view .product-details {
  width: 50%;
  padding: 0 1em 0 6em;
}
.catalog-product-view .product-details .product-details__title {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  margin-top: 0.75em;
}
.catalog-product-view .product-details .product-details__title span {
  font-size: 0.9375em;
  font-weight: 500;
}
.catalog-product-view .product-details .product-details__reviews {
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.catalog-product-view .product-details .product-details__add-bulb {
  margin-top: 2.5em;
  padding: 0.75em 1em;
  border-radius: 0.25em;
  border: 1px solid #D9D9D9;
}
.catalog-product-view .product-details .product-details_payment {
  padding: 0.75em 0;
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-top: 0.5em;
}
.catalog-product-view .product-details .product-details_payment .payment-logo {
  width: 34px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 0.5px solid #D9D9D9;
  background: #FEB4C7;
}
.catalog-product-view .product-details .product-details__usps {
  overflow: hidden;
  padding: 2em 1.25em;
  border-radius: 4px;
  background: #F3F3F3;
  margin-top: 0.75em;
  margin-bottom: 2.5em;
}
.catalog-product-view .product-details .product-details__usps div {
  font-size: 0.75em;
}
.catalog-product-view .product-details .product-details__shipping {
  padding: 1em;
  margin-top: 2.5em;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  display: flex;
  gap: 1em;
  align-items: start;
  display: flex;
  align-items: center;
}

@media screen and (max-width:767px) {
  .catalog-product-view .product-details {
    width: 100%;
    padding: 0 1em;
  }
  .catalog-product-view .product-details .product-details__title {
    margin-top: 1.5em;
    gap: 0.5em;
  }
  .catalog-product-view .product-details .product-details__title span {
    font-size: 0.875em;
  }
  .catalog-product-view .product-details .product-details__reviews {
    margin-top: 0.5em;
    margin-bottom: 1em;
  }
  .catalog-product-view .product-details .product-details__add-bulb {
    margin-top: 1.5em;
  }
  .catalog-product-view .product-details .product-details_payment {
    margin-top: 1em;
  }
  .catalog-product-view .product-details .product-details_payment div {
    font-size: 0.6875em;
  }
  .catalog-product-view .product-details .product-details__usps {
    margin-bottom: 1.5em;
  }
  .catalog-product-view #product-reviews {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog-product-view .product-details {
    padding: 0 3em;
  }
}
.text-container {
  padding: 1.5em;
}

.image-container,
.text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.image-list {
  flex-direction: row;
  overflow-x: scroll;
  background-color: white;
  gap: 10px;
}

.details-image {
  width: 90%;
}

.lighting-transition {
  display: flex;
  flex-direction: column-reverse;
}
.lighting-transition.mobile {
  display: none;
}
.lighting-transition.desktop {
  display: flex;
}

.lighting-transition__container {
  display: flex;
  flex-direction: column;
  background-color: #f3f3f3;
  margin-bottom: 3rem;
}
.lighting-transition__container .day-image {
  position: relative;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: auto;
}
.lighting-transition__container .night-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  width: 100%;
  height: auto;
}

.night-active .lighting-transition__container .night-image {
  opacity: 1;
}

@media screen and (max-width:767px) {
  .lighting-transition.mobile {
    display: flex;
    margin: 0 -1em;
  }
  .lighting-transition.desktop {
    display: none;
  }
  .in-the-details-container .image-container {
    background-color: #ffffff;
    padding: 16px 0 0 16px;
  }
  .in-the-details-container .text-container {
    aspect-ratio: 1/1;
  }
  .night-day-container .text-container {
    aspect-ratio: 4/3;
  }
}
@media screen and (min-width: 768px) {
  .lighting-transition {
    flex-direction: column;
  }
  .lighting-transition__container {
    flex-direction: row;
    margin-bottom: 0;
  }
  .image-container,
  .text-container {
    width: 50%;
    min-height: auto;
  }
  .text-container {
    position: sticky;
    top: 0;
    height: fit-content;
    padding: 2em;
    aspect-ratio: 1/1;
  }
  .image-list {
    flex-direction: column;
    overflow-y: scroll;
    gap: 0;
    padding: 0;
  }
  .image-list::-webkit-scrollbar {
    display: none;
  }
  .details-image {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .text-container {
    padding: 6em;
  }
}
.product-specifications {
  margin-bottom: 6em;
  border-bottom: 1px solid var(--Contrast-Contrast-Three, #D9D9D9);
}
.product-specifications .product-specifications__title {
  cursor: pointer;
  padding: 1.5em 0;
  border-top: 1px solid var(--Contrast-Contrast-Three, #D9D9D9);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9375em;
  font-weight: 500;
}
.product-specifications .spec-group {
  order: 100;
}
.product-specifications .spec-group .spec-list {
  height: 0;
  padding-bottom: 0;
  opacity: 0;
}
.product-specifications .spec-group .spec-list.expanded {
  height: auto;
  opacity: 1;
  transition: padding-bottom 0.3s ease, opacity 0.3s ease 0.2s;
  padding-bottom: 1.5em;
}
.product-specifications .spec-group-text {
  padding: 1.5em 0;
}
.product-specifications .spec-item {
  order: 100;
}
.product-specifications .spec-item.sku {
  order: 10;
}
.product-specifications .spec-group-general .spec-group-text {
  display: none;
}

@media screen and (max-width:767px) {
  .product-specifications {
    margin-bottom: 3em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-specifications {
    margin-bottom: 3em;
  }
}
.category-page .swatches-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  z-index: 15;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(1px);
}
.category-page .swatches-overlay .swatches {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f2f2f2;
  margin-top: 0;
  gap: 0;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.5);
}
.category-page .swatches-overlay .swatches ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.category-page .swatches-overlay .swatches ul .swatch-colour {
  width: 2.25em;
  height: 2.25em;
}
.category-page .swatches-overlay .swatches ul .swatch-size {
  width: 2.25em;
  height: 2.25em;
}
.category-page .swatches-overlay .button-primary:disabled {
  background: #e5e7eb;
  color: #6b7280;
  cursor: not-allowed;
  pointer-events: none;
}
.category-page .swatches-list.swatches {
  margin-top: 0.5rem;
  flex-direction: row;
  gap: 0.5rem;
}
.category-page .swatches-list.swatches .swatch-colour {
  width: 1.5em;
  height: 1.5em;
}
.category-page .swatches-list.swatches .swatch-size {
  width: 1.5em;
  height: 1.5em;
}
.category-page .swatches-list.swatches .swatch-size a {
  font-size: 0.625rem;
}

.swatches {
  display: flex;
  flex-direction: column;
  gap: 2em;
  margin-top: 2.5em;
}
.swatches .swatch-colour {
  cursor: pointer;
  display: block;
  width: 2em;
  height: 2em;
  border-radius: 999px;
  border: 1px solid #D9D9D9;
  position: relative;
  z-index: 1;
  overflow: visible;
}
.swatches .swatch-colour.swatch-no-product {
  pointer-events: none;
  cursor: not-allowed !important;
  opacity: 0.6;
}
.swatches .swatch-colour.swatch-no-stock {
  cursor: not-allowed !important;
  opacity: 0.6;
}
.swatches .swatch-colour.active {
  box-shadow: 0 0 0 4px #fff, 0 0 0 5px #000;
}
.swatches .swatch-size {
  width: 2.8125em;
  height: 2.8125em;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}
.swatches .swatch-size.swatch-no-product {
  pointer-events: none;
  cursor: not-allowed !important;
  background-color: #D9D9D9;
  opacity: 0.6;
}
.swatches .swatch-size.swatch-no-stock {
  cursor: not-allowed !important;
  background-color: #D9D9D9;
  opacity: 0.6;
}
.swatches .swatch-size.active {
  border: 1px solid #000;
}
.swatches .text {
  display: block;
  font-size: 0.875em;
  margin-bottom: 8px;
  font-weight: 500;
}

@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .category-page .swatches-overlay .swatches ul {
    gap: 0.375em;
    padding: 0.5em;
  }
  .category-page .swatches-overlay .swatches ul .swatch-colour {
    width: 1.75em;
    height: 1.75em;
  }
  .category-page .swatches-overlay .swatches ul .swatch-size {
    width: 1.75em;
    height: 1.75em;
  }
  .category-page .swatches-overlay .button-primary {
    font-size: 0.75em !important;
    padding: 1em 2em 1em 2em;
  }
  .catalog_product_view .swatches {
    gap: 1.5em;
    margin-top: 1.5em;
  }
  .catalog_product_view .swatches .text {
    font-size: 0.75em;
    margin-bottom: 4px;
  }
}
.cms-delivery {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}
.cms-delivery .list-disc {
  list-style-type: disc !important;
  list-style-position: inside !important;
}
.cms-delivery__title {
  display: block;
  font-size: 1em;
  margin-bottom: 0.5em;
  font-weight: 600;
}
.cms-delivery__list {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  font-size: 1em;
}

@media screen and (max-width:767px) {
  .cms-delivery {
    gap: 1em;
  }
  .cms-delivery__title {
    font-size: 0.875em;
  }
  .cms-delivery__list {
    font-size: 0.875em;
  }
}
.review-box {
  display: flex;
  align-items: center;
  gap: 0.125em;
}

.review-box p {
  line-height: 0.8em;
  font-size: 0.8em;
  margin-bottom: 0;
}

.review-text {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: end;
  margin-top: 0.35em;
}

.review-text p span {
  letter-spacing: 0;
}

.star-rating {
  height: 1em;
  position: relative;
  width: 5em;
}

.star-rating > span {
  display: block;
  text-indent: -10000px;
  width: 5em;
  height: 1em;
  position: absolute;
  overflow: hidden;
}

.star-rating > span:before {
  background-image: url("../../frontend/ValueLights/Hyva/en_GB/images/mustard-star.svg");
  background-repeat: repeat-x;
  background-size: 1em;
  bottom: 0;
  content: "";
  display: block;
  height: 1em;
  left: 0;
  position: absolute;
  right: 0;
  text-indent: 10000px;
  top: 0;
}

.star-rating-overlay {
  width: 5em;
  background-image: url("../../frontend/ValueLights/Hyva/en_GB/images/mustard-star-empty.svg");
  background-repeat: repeat-x;
  background-size: 1em;
  display: block;
  height: 1em;
  left: 0;
  position: absolute;
  right: 0;
}

.star-rating {
  height: 1.2em;
  position: relative;
  width: 6em;
}
.star-rating > span {
  display: block;
  text-indent: -10000px;
  width: 6em;
  height: 1.2em;
  position: absolute;
  overflow: hidden;
}
.star-rating > span:before {
  background-image: url("../../frontend/ValueLights/Hyva/en_GB/images/mustard-star.svg");
  background-repeat: repeat-x;
  background-size: 1.2em;
  bottom: 0;
  content: "";
  display: block;
  height: 1.2em;
  left: 0;
  position: absolute;
  right: 0;
  text-indent: 10000px;
  top: 0;
}
.star-rating-overlay {
  width: 6em;
  background-image: url("../../frontend/ValueLights/Hyva/en_GB/images/mustard-star-empty.svg");
  background-repeat: repeat-x;
  background-size: 1.2em;
  display: block;
  height: 1.2em;
  left: 0;
  position: absolute;
  right: 0;
}

.yotpo-reviews-carousel-widget-container {
  width: 100% !important;
  margin: 0 !important;
}

.promo-banner--yellow {
  border-radius: 4px;
  border: 1px solid #BE8100;
  background-color: #FFF8E5;
}

.product-info {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  padding-top: 0.5em;
  position: relative;
  color: #2B2626;
}
.product-info .family-name {
  font-size: 0.75em;
  font-weight: 500;
}
.product-info .name {
  font-size: 0.875em;
  font-weight: 400;
  min-height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-info .price-box {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.product-info .price-box .price {
  font-size: 0.875em;
}
.product-info .swatches {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.product-info .swatches .swatch {
  margin-top: auto;
  display: block;
  width: 24px;
  height: 24px;
  padding: 2px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.product-info .swatches .swatch .block {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid #D9D9D9;
}
.product-info .review-box {
  display: flex;
  align-items: center;
  gap: 0.125em;
}
.product-info .review-box .star-rating {
  height: 16px;
  width: 80px;
}
.product-info .review-box .star-rating span {
  height: 16px;
  background-size: 16px;
}
.product-info .review-box .star-rating span::before {
  height: 16px;
  background-size: 16px;
}
.product-info .review-box .star-rating-overlay {
  height: 16px;
  background-size: 16px;
  width: 100%;
}
.product-info .review-box .text {
  margin: 0;
  font-size: 0.75em;
  font-weight: 500;
}

@media screen and (max-width:767px) {
  .product-info .title {
    font-size: 0.75em;
  }
  .product-info .price-box .price {
    font-size: 0.75em;
  }
  .product-info .review-box .star-rating {
    height: 12px;
    width: 60px;
  }
  .product-info .review-box .star-rating::before {
    height: 12px;
    background-size: 12px;
  }
  .product-info .review-box .star-rating span {
    height: 12px;
    background-size: 12px;
  }
  .product-info .review-box .star-rating span::before {
    height: 12px;
    background-size: 12px;
  }
  .product-info .review-box .star-rating-overlay {
    height: 12px;
    background-size: 12px;
    width: 100%;
  }
}
.shop-the-look {
  display: flex;
}
.shop-the-look.bg-beige {
  background-color: #F7F5F0;
}
.shop-the-look .carousel-block {
  padding: 3.5em 0 2.5em 5em;
}
.shop-the-look .carousel-block .carousel-card {
  width: 250px;
}
.shop-the-look .sidepanel .products-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.shop-the-look .sidepanel .products-container .product-info {
  padding: 1.5em 0 1.5em 0;
  border-bottom: 1px solid #F3F3F3;
}
.shop-the-look .sidepanel .products-container .product-info:first-child {
  padding: 0 0 1.5em 0;
}
.shop-the-look .sidepanel .products-container .product-info:last-child {
  padding: 1.5em 0 0 0;
  border-bottom: none;
}
.shop-the-look .sidepanel .button-primary {
  padding: 1em 4em 1em 4em;
  border-radius: 999px;
}
.shop-the-look .sidepanel .button-primary.disabled {
  background-color: #A3A3A3;
}
.shop-the-look .review-block .star-rating {
  height: 12px;
  width: 60px;
}
.shop-the-look .review-block .star-rating::before {
  height: 12px;
  background-size: 12px;
}
.shop-the-look .review-block .star-rating span {
  height: 12px;
  background-size: 12px;
}
.shop-the-look .review-block .star-rating span::before {
  height: 12px;
  background-size: 12px;
}
.shop-the-look .review-block .star-rating-overlay {
  height: 12px;
  background-size: 12px;
  width: 100%;
}
.shop-the-look .review-block .text {
  font-size: 0.625em;
  line-height: normal;
}
.shop-the-look .line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cms-container .text-xs {
  font-size: 0.75em;
}
.cms-container .text-sm {
  font-size: 0.875em;
}
.cms-container .text-base {
  font-size: 1em;
}
.cms-container .text-md {
  font-size: 1.125em;
}
.cms-container .text-lg {
  font-size: 1.5em;
}
.cms-container .text-xl {
  font-size: 1.75em;
}
.cms-container .text-2xl {
  font-size: 1.875em;
}
.cms-container .text-3xl {
  font-size: 2.25em;
}
.cms-container .text-4xl {
  font-size: 2.5em;
}
.cms-container .text-5xl {
  font-size: 3em;
}
.cms-container .text-6xl {
  font-size: 4em;
}

.bg-grey {
  background-color: #ddd !important;
}

.cms-container section,
.cms-block section {
  margin-bottom: 4rem;
}
.cms-container h1,
.cms-container .h1,
.cms-container h2,
.cms-container .h2,
.cms-container h3,
.cms-container .h3,
.cms-container h4,
.cms-container h5,
.cms-container strong,
.cms-container b,
.cms-block h1,
.cms-block .h1,
.cms-block h2,
.cms-block .h2,
.cms-block h3,
.cms-block .h3,
.cms-block h4,
.cms-block h5,
.cms-block strong,
.cms-block b {
  font-weight: 600;
}
.cms-container h1,
.cms-container .h1,
.cms-block h1,
.cms-block .h1 {
  font-size: 4rem;
  margin-bottom: 4rem !important;
}
.cms-container .h2,
.cms-container h2,
.cms-block .h2,
.cms-block h2 {
  font-size: 3rem;
  margin-bottom: 3rem !important;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.cms-container .h2 img,
.cms-container h2 img,
.cms-block .h2 img,
.cms-block h2 img {
  width: 3rem;
}
.cms-container h3,
.cms-container .h3,
.cms-block h3,
.cms-block .h3 {
  font-size: 2.5rem;
  margin-bottom: 2.5rem !important;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.cms-container h4,
.cms-block h4 {
  font-size: 1.875rem;
  margin-bottom: 1.875rem;
}
.cms-container h5,
.cms-block h5 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
.cms-container p,
.cms-block p {
  font-size: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.cms-container ul,
.cms-block ul {
  list-style: disc outside;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.9375rem;
}
.cms-container ul li,
.cms-block ul li {
  margin-left: 1rem;
}
.cms-container label,
.cms-block label {
  padding-top: 1em;
  display: block;
}

.seo-content {
  margin-top: 2em;
  line-height: 20px;
  font-size: 0.875rem;
}
.seo-content h2 {
  font-size: 0.9375rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.seo-content h3 {
  font-weight: 500;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}
.seo-content p {
  font-size: 0.875rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.seo-content a {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media screen and (max-width:767px) {
  .cms-container section,
  .cms-block section {
    margin-bottom: 3rem;
  }
  .cms-container h1,
  .cms-container .h1,
  .cms-block h1,
  .cms-block .h1 {
    font-size: 2.25rem;
    margin-bottom: 2.25rem !important;
  }
  .cms-container .h2,
  .cms-container h2,
  .cms-block .h2,
  .cms-block h2 {
    font-size: 1.875rem;
    margin-bottom: 1.875rem !important;
  }
  .cms-container .h2 img,
  .cms-container h2 img,
  .cms-block .h2 img,
  .cms-block h2 img {
    width: 1.875rem;
  }
  .cms-container h3,
  .cms-container .h3,
  .cms-container h4,
  .cms-block h3,
  .cms-block .h3,
  .cms-block h4 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem !important;
  }
  .cms-container ul,
  .cms-block ul {
    gap: 0.5rem;
  }
  .cms-container label,
  .cms-block label {
    padding-top: 1em;
    display: block;
  }
}
.product-carousel {
  overflow: auto;
  margin-top: 3em;
}
.product-carousel .product-carousel-tabs {
  max-height: 500px;
  overflow: hidden;
}
.product-carousel .product-carousel-tabs .product-carousel-list {
  display: flex;
  gap: 1.5em;
  overflow-x: auto !important;
  scrollbar-width: none;
}
.product-carousel .product-carousel-tabs .product-carousel-list .carousel-card {
  flex: 0 0 calc(16.6666666667% - 1.25em);
}
.product-carousel .category-title {
  font-size: 0.875em;
  padding: 0.5em 1em;
  border-radius: 9999px;
  background-color: #f3f3f3;
}
.product-carousel .category-title.active {
  background-color: #2b2626;
  color: #f3f3f3;
  font-weight: 600;
}
.product-carousel .carousel-card-image {
  padding-bottom: 150%;
  height: 0;
  position: relative;
}
.product-carousel .carousel-card-image img {
  position: absolute;
  top: 0;
  height: 100%;
  object-fit: cover;
}
.product-carousel-list::-webkit-scrollbar {
  display: none;
}
.product-carousel .carousel-wrapper {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-carousel .product-carousel-tabs .product-carousel-list {
    display: flex;
    gap: 0.75em;
  }
  .product-carousel .product-carousel-tabs .product-carousel-list .carousel-card {
    flex: 0 0 calc(25% - 0.5625em);
  }
}
@media screen and (max-width:767px) {
  .product-carousel .product-carousel-tabs .product-carousel-list {
    display: flex;
    gap: 0.75em;
  }
  .product-carousel .product-carousel-tabs .product-carousel-list .carousel-card {
    flex: 0 0 calc(64.5161290323% - 0.4875em);
  }
}
.cms-section-margin {
  margin: 0 0 6em 0;
}

.cms-carousel-margin {
  margin: 4em 0 4em 0;
}

.carousel-arrow {
  height: fit-content;
}

.product-title {
  line-height: 1.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  margin-bottom: 0;
}

@media screen and (max-width:767px) {
  div.bottom-left,
  div.bottom-center,
  div.bottom-right,
  div.mid-left,
  div.mid-center,
  div.mid-right,
  div.top-left,
  div.top-center,
  div.top-right {
    width: 100%;
  }
}
@media screen and (hover:none), (hover:hover) and (max-width:1023px) {
  .cms-section-margin {
    margin: 0 0 3.5em 0;
  }
  .cms-carousel-margin {
    margin: 1.5em 0 1.5em 0;
  }
}
.carousel-card-large {
  min-width: 200px;
}

@media screen and (min-width: 1024px) {
  .carousel-card-large {
    min-width: 300px;
    max-width: 90%;
  }
}
.progress-dot {
  width: 4px;
}
.progress-dot.active {
  width: 16px;
}

.catalog-product-view .columns {
  padding: 0;
}
@media (min-width: 640px) {
  .catalog-product-view .columns {
    max-width: unset;
  }
}
@media (min-width: 768px) {
  .catalog-product-view .columns {
    max-width: unset;
  }
}
@media (min-width: 1280px) {
  .catalog-product-view .columns {
    max-width: 1280px;
  }
}

/*# sourceMappingURL=catalog_product_view.css.map */