/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";

@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}

:root, :host {
  --font-noto-sans: "Noto Sans", sans-serif;
  --font-trade-gothic: "TradeGothicLTPro", sans-serif;
  --color-primary: #253746;
  --default-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  --default-transition-duration: .8s;
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
  --color-red-500: oklch(63.7% .237 25.331);
  --color-slate-400: oklch(70.4% .04 256.788);
  --color-gray-50: oklch(98.5% .002 247.839);
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-gray-200: oklch(92.8% .006 264.531);
  --color-gray-300: oklch(87.2% .01 258.338);
  --color-gray-400: oklch(70.7% .022 261.325);
  --color-gray-500: oklch(55.1% .027 264.364);
  --color-gray-600: oklch(44.6% .03 256.802);
  --color-gray-700: oklch(37.3% .034 259.733);
  --color-gray-800: oklch(27.8% .033 256.848);
  --color-gray-900: oklch(21% .034 264.665);
  --color-neutral-50: oklch(98.5% 0 0);
  --color-neutral-200: oklch(92.2% 0 0);
  --color-neutral-300: oklch(87% 0 0);
  --color-neutral-500: oklch(55.6% 0 0);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-wider: .05em;
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}

@layer theme;

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

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

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

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

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

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

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

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

@layer components;

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

.collapse {
  visibility: collapse;
}

.visible {
  visibility: visible;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.static {
  position: static;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: calc(var(--spacing) * 0);
}

.start {
  inset-inline-start: var(--spacing);
}

.end {
  inset-inline-end: var(--spacing);
}

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

.top-0 {
  top: calc(var(--spacing) * 0);
}

.top-1 {
  top: calc(var(--spacing) * 1);
}

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

.top-5 {
  top: calc(var(--spacing) * 5);
}

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

.right-0 {
  right: calc(var(--spacing) * 0);
}

.right-5 {
  right: calc(var(--spacing) * 5);
}

.left-0 {
  left: calc(var(--spacing) * 0);
}

.left-1 {
  left: calc(var(--spacing) * 1);
}

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

.left-\[10px\] {
  left: 10px;
}

.left-\[15px\] {
  left: 15px;
}

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

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

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.row-0 {
  grid-row: 0;
}

.row-1 {
  grid-row: 1;
}

.row-2 {
  grid-row: 2;
}

.row-3 {
  grid-row: 3;
}

.row-4 {
  grid-row: 4;
}

.row-5 {
  grid-row: 5;
}

.row-6 {
  grid-row: 6;
}

.row-7 {
  grid-row: 7;
}

.row-8 {
  grid-row: 8;
}

.row-9 {
  grid-row: 9;
}

.row-10 {
  grid-row: 10;
}

.float-none {
  float: none;
}

.float-none\! {
  float: none !important;
}

.container {
  width: 100%;
}

@media (min-width: 40rem) {
  .container {
    max-width: 40rem;
  }
}

@media (min-width: 48rem) {
  .container {
    max-width: 48rem;
  }
}

@media (min-width: 64rem) {
  .container {
    max-width: 64rem;
  }
}

@media (min-width: 80rem) {
  .container {
    max-width: 80rem;
  }
}

@media (min-width: 96rem) {
  .container {
    max-width: 96rem;
  }
}

.mx-\[20px\] {
  margin-inline: 20px;
}

.mx-\[30px\] {
  margin-inline: 30px;
}

.mx-auto {
  margin-inline: auto;
}

.my-4 {
  margin-block: calc(var(--spacing) * 4);
}

.my-5 {
  margin-block: calc(var(--spacing) * 5);
}

.my-\[10px\] {
  margin-block: 10px;
}

.my-\[20px\] {
  margin-block: 20px;
}

.my-\[30px\] {
  margin-block: 30px;
}

.my-\[35px\] {
  margin-block: 35px;
}

.my-\[40px\] {
  margin-block: 40px;
}

.my-\[50px\] {
  margin-block: 50px;
}

.my-\[60px\] {
  margin-block: 60px;
}

.\!mt-0 {
  margin-top: calc(var(--spacing) * 0) !important;
}

.\!mt-\[20px\] {
  margin-top: 20px !important;
}

.\!mt-\[30px\] {
  margin-top: 30px !important;
}

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

.mt-0 {
  margin-top: calc(var(--spacing) * 0);
}

.mt-0\! {
  margin-top: calc(var(--spacing) * 0) !important;
}

.mt-0\.5 {
  margin-top: calc(var(--spacing) * .5);
}

.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}

.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}

.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}

.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}

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

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

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

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

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

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

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

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

.mt-\[30px\]\! {
  margin-top: 30px !important;
}

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

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

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

.\!mb-0 {
  margin-bottom: calc(var(--spacing) * 0) !important;
}

.\!mb-5 {
  margin-bottom: calc(var(--spacing) * 5) !important;
}

.\!mb-\[10px\] {
  margin-bottom: 10px !important;
}

.\!mb-\[15px\] {
  margin-bottom: 15px !important;
}

.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}

.mb-0\! {
  margin-bottom: calc(var(--spacing) * 0) !important;
}

.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}

.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}

.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}

.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}

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

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

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

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

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

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

.mb-\[15px\]\! {
  margin-bottom: 15px !important;
}

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

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

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

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

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

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

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

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

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

.block {
  display: block;
}

.contents {
  display: contents;
}

.flex {
  display: flex;
}

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

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.inline {
  display: inline;
}

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

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

.table {
  display: table;
}

.aspect-\[295\/368\] {
  aspect-ratio: 295 / 368;
}

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

.size-full {
  width: 100%;
  height: 100%;
}

.\!h-full {
  height: 100% !important;
}

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

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

.h-\[30px\]\! {
  height: 30px !important;
}

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

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

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

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

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

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

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

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

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

.h-full {
  height: 100%;
}

.h-full\! {
  height: 100% !important;
}

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

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

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

.min-h-full {
  min-height: 100%;
}

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

.w-1 {
  width: calc(var(--spacing) * 1);
}

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

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

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

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

.w-\[30px\]\! {
  width: 30px !important;
}

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

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

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

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

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

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

.w-full {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-1 {
  flex: 1;
}

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

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

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

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

.origin-center {
  transform-origin: center;
}

.-translate-y-1 {
  --tw-translate-y: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.rotate-0 {
  rotate: 0deg;
}

.rotate-90 {
  rotate: 90deg;
}

.transform {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

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

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.grid-flow-col {
  grid-auto-flow: column;
}

.grid-flow-row {
  grid-auto-flow: row;
}

.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-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\!gap-0 {
  gap: calc(var(--spacing) * 0) !important;
}

.gap-0 {
  gap: calc(var(--spacing) * 0);
}

.gap-2 {
  gap: calc(var(--spacing) * 2);
}

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

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

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

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

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

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-clip {
  overflow: clip;
}

.overflow-hidden {
  overflow: hidden;
}

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

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

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

.rounded {
  border-radius: .25rem;
}

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

.rounded-full {
  border-radius: 3.40282e38px;
}

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

.rounded-none\! {
  border-radius: 0 !important;
}

.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}

.border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}

.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

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

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

.\!border-\[\#C6C6C6\] {
  border-color: #c6c6c6 !important;
}

.\!border-primary {
  border-color: var(--color-primary) !important;
}

.border-\[\#178240\] {
  border-color: #178240;
}

.border-\[\#253746\] {
  border-color: #253746;
}

.border-\[\#919191\] {
  border-color: #919191;
}

.border-\[\#C6C6C6\] {
  border-color: #c6c6c6;
}

.border-gray-200 {
  border-color: var(--color-gray-200);
}

.border-gray-300 {
  border-color: var(--color-gray-300);
}

.border-gray-800 {
  border-color: var(--color-gray-800);
}

.border-neutral-200 {
  border-color: var(--color-neutral-200);
}

.border-neutral-300 {
  border-color: var(--color-neutral-300);
}

.border-primary {
  border-color: var(--color-primary);
}

.bg-\[\#178240\] {
  background-color: #178240;
}

.bg-\[\#253746\] {
  background-color: #253746;
}

.bg-\[\#981420\] {
  background-color: #981420;
}

.bg-\[\#C6C6C6\] {
  background-color: #c6c6c6;
}

.bg-\[\#F6F6F6\], .bg-\[\#f6f6f6\] {
  background-color: #f6f6f6;
}

.bg-gray-100 {
  background-color: var(--color-gray-100);
}

.bg-neutral-50 {
  background-color: var(--color-neutral-50);
}

.bg-primary {
  background-color: var(--color-primary);
}

.bg-primary\/80 {
  background-color: #253746cc;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-primary\/80 {
    background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
  }
}

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

.bg-white {
  background-color: var(--color-white);
}

.bg-none {
  background-image: none;
}

.mask-repeat {
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}

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

.p-0 {
  padding: calc(var(--spacing) * 0);
}

.p-3 {
  padding: calc(var(--spacing) * 3);
}

.p-5 {
  padding: calc(var(--spacing) * 5);
}

.p-\[5px\] {
  padding: 5px;
}

.p-\[7px\] {
  padding: 7px;
}

.p-\[8px\] {
  padding: 8px;
}

.p-\[15px\] {
  padding: 15px;
}

.p-\[20px\] {
  padding: 20px;
}

.p-\[25px\] {
  padding: 25px;
}

.p-\[30px\] {
  padding: 30px;
}

.p-\[40px\] {
  padding: 40px;
}

.px-\[10px\] {
  padding-inline: 10px;
}

.px-\[15px\] {
  padding-inline: 15px;
}

.px-\[19px\] {
  padding-inline: 19px;
}

.px-\[20px\] {
  padding-inline: 20px;
}

.px-\[25px\] {
  padding-inline: 25px;
}

.px-\[30px\] {
  padding-inline: 30px;
}

.px-\[40px\] {
  padding-inline: 40px;
}

.py-5 {
  padding-block: calc(var(--spacing) * 5);
}

.py-10 {
  padding-block: calc(var(--spacing) * 10);
}

.py-\[5px\] {
  padding-block: 5px;
}

.py-\[8px\] {
  padding-block: 8px;
}

.py-\[10px\] {
  padding-block: 10px;
}

.py-\[12px\] {
  padding-block: 12px;
}

.py-\[15px\] {
  padding-block: 15px;
}

.py-\[20px\] {
  padding-block: 20px;
}

.py-\[25px\] {
  padding-block: 25px;
}

.py-\[26px\] {
  padding-block: 26px;
}

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

.py-\[48px\] {
  padding-block: 48px;
}

.py-\[55px\] {
  padding-block: 55px;
}

.py-\[80px\] {
  padding-block: 80px;
}

.py-\[100px\] {
  padding-block: 100px;
}

.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}

.pt-\[10px\] {
  padding-top: 10px;
}

.pt-\[15px\] {
  padding-top: 15px;
}

.pt-\[20px\] {
  padding-top: 20px;
}

.pt-\[40px\] {
  padding-top: 40px;
}

.pt-\[70px\] {
  padding-top: 70px;
}

.pr-\[10px\] {
  padding-right: 10px;
}

.pb-\[4px\] {
  padding-bottom: 4px;
}

.pb-\[10px\] {
  padding-bottom: 10px;
}

.pb-\[15px\] {
  padding-bottom: 15px;
}

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

.pb-\[40px\] {
  padding-bottom: 40px;
}

.pl-\[50px\] {
  padding-left: 50px;
}

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

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

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

.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}

.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}

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

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

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

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

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

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

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

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

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

.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

.tracking-\[0\.02em\] {
  --tw-tracking: .02em;
  letter-spacing: .02em;
}

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

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

.\!text-\[\#5E5E5E\] {
  color: #5e5e5e !important;
}

.text-\[\#4b5563\] {
  color: #4b5563;
}

.text-\[\#5E5E5E\] {
  color: #5e5e5e;
}

.text-\[\#178240\] {
  color: #178240;
}

.text-\[\#253746\] {
  color: #253746;
}

.text-\[\#666666\] {
  color: #666;
}

.text-\[\#919191\] {
  color: #919191;
}

.text-\[\#981420\] {
  color: #981420;
}

.text-\[\#C6C6C6\] {
  color: #c6c6c6;
}

.text-gray-400 {
  color: var(--color-gray-400);
}

.text-gray-500 {
  color: var(--color-gray-500);
}

.text-gray-600 {
  color: var(--color-gray-600);
}

.text-gray-700 {
  color: var(--color-gray-700);
}

.text-gray-800 {
  color: var(--color-gray-800);
}

.text-neutral-500 {
  color: var(--color-neutral-500);
}

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

.text-red-500 {
  color: var(--color-red-500);
}

.text-slate-400 {
  color: var(--color-slate-400);
}

.text-white {
  color: var(--color-white);
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

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

.opacity-50 {
  opacity: .5;
}

.ring {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

.outline-0 {
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}

.outline-white {
  outline-color: var(--color-white);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.filter {
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.duration-300 {
  --tw-duration: .3s;
  transition-duration: .3s;
}

.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}

.not-last\:mr-\[-1px\]:not(:last-child) {
  margin-right: -1px;
}

@media (hover: hover) {
  .group-hover\:scale-105:is(:where(.group):hover *) {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}

.before\:top-5:before {
  content: var(--tw-content);
  top: calc(var(--spacing) * 5);
}

.before\:right-5:before {
  content: var(--tw-content);
  right: calc(var(--spacing) * 5);
}

.last\:mb-0:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}

@media (hover: hover) {
  .hover\:z-10:hover {
    z-index: 10;
  }

  .hover\:bg-\[\#F5F5F5\]:hover {
    background-color: #f5f5f5;
  }

  .hover\:bg-gray-50:hover {
    background-color: var(--color-gray-50);
  }

  .hover\:bg-gray-100:hover {
    background-color: var(--color-gray-100);
  }

  .hover\:bg-primary:hover {
    background-color: var(--color-primary);
  }

  .hover\:text-\[\#253746\]:hover {
    color: #253746;
  }

  .hover\:text-\[\#333333\]:hover {
    color: #333;
  }

  .hover\:text-gray-900:hover {
    color: var(--color-gray-900);
  }

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

  .hover\:text-white:hover {
    color: var(--color-white);
  }
}

@media not all and (min-width: 768px) {
  .max-\[768px\]\:h-full {
    height: 100%;
  }
}

@media (min-width: 478px) {
  .min-\[478px\]\:pb-\[40px\] {
    padding-bottom: 40px;
  }
}

@media (min-width: 541px) {
  .min-\[541px\]\:my-\[25px\] {
    margin-block: 25px;
  }

  .min-\[541px\]\:w-\[75\%\] {
    width: 75%;
  }
}

@media (min-width: 774px) {
  .min-\[774px\]\:block {
    display: block;
  }

  .min-\[774px\]\:flex {
    display: flex;
  }

  .min-\[774px\]\:hidden {
    display: none;
  }

  .min-\[774px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 775px) {
  .min-\[775px\]\:left-1\/2 {
    left: 50%;
  }

  .min-\[775px\]\:block {
    display: block;
  }

  .min-\[775px\]\:flex {
    display: flex;
  }

  .min-\[775px\]\:hidden {
    display: none;
  }

  .min-\[775px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .min-\[775px\]\:overflow-y-auto {
    overflow-y: auto;
  }
}

@media (min-width: 825px) {
  .min-\[825px\]\:flex {
    display: flex;
  }

  .min-\[825px\]\:max-h-\[705px\] {
    max-height: 705px;
  }

  .min-\[825px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1025px) {
  .min-\[1025px\]\:block {
    display: block;
  }

  .min-\[1025px\]\:hidden {
    display: none;
  }
}

@media (min-width: 48rem) {
  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

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

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:inline {
    display: inline;
  }

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

  .md\:max-h-\[306px\] {
    max-height: 306px;
  }

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

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

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

  .md\:min-w-\[360px\] {
    min-width: 360px;
  }

  .md\:flex-1 {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .md\:grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .md\:grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .md\:grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .md\:grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .md\:grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

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

  .md\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .md\:border-\[\#C6C6C6\] {
    border-color: #c6c6c6;
  }

  .md\:px-\[25px\] {
    padding-inline: 25px;
  }

  .md\:px-\[30px\] {
    padding-inline: 30px;
  }

  .md\:pl-\[25px\] {
    padding-left: 25px;
  }

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

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

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

@media (min-width: 64rem) {
  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

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

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

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

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

  .lg\:min-w-\[420px\] {
    min-width: 420px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .lg\:grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .lg\:grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .lg\:grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .lg\:grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .lg\:grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

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

  .lg\:bg-transparent {
    background-color: #0000;
  }

  .lg\:px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
}

@media (min-width: 80rem) {
  .xl\:block {
    display: block;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .xl\:grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .xl\:grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .xl\:grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .xl\:grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .xl\:grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
}

.wp-block-table.is-style-price-list th, .wp-block-table.is-style-price-list td {
  border: none;
  padding: 0 0 5px;
}

.wp-block-table.is-style-size-list th, .wp-block-table.is-style-size-list td {
  text-align: center;
  border-color: #c6c6c6;
  padding: 10px;
}

:is(.wp-block-table.is-style-size-list th, .wp-block-table.is-style-size-list td):first-child {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}

.wp-block-table.is-style-size-list tr:nth-child(odd) {
  background-color: #f6f6f6;
}

.wp-block-table.is-style-size-list tr:nth-child(2n) {
  background-color: #fff;
}

.wp-block-table.is-style-size-list tr:first-child {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}

.wp-block-button__link {
  padding-block: 20px;
}

@media (min-width: 64rem) {
  .wp-block-button__link {
    padding-block: 20px;
  }
}

.wp-block-button__link.has-inline-icon {
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.wp-block-button__icon-img {
  flex-shrink: 0;
  width: 1.2em;
  height: auto;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
}

@media (hover: hover) {
  .wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}

.wp-block-button.is-style-outline-white .wp-block-button__link {
  border-color: var(--color-white);
  color: var(--color-white);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
  background-color: #0000;
}

@media (hover: hover) {
  .wp-block-button.is-style-outline-white .wp-block-button__link:hover {
    background-color: var(--color-white);
    color: var(--color-primary);
  }
}

.wp-block-button.is-style-outline-grey .wp-block-button__link {
  color: var(--color-primary);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
  background-color: #0000;
  border-color: #c6c6c6;
}

@media (hover: hover) {
  .wp-block-button.is-style-outline-grey .wp-block-button__link:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}

.has-icon.is-position-right .wp-block-button__link {
  padding-left: 1.5em !important;
  padding-right: 3em !important;
}

.has-icon.is-position-left .wp-block-button__link {
  padding-left: 3em !important;
  padding-right: 1.5em !important;
}

@media (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hide-tablet {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .hide-desktop {
    display: none !important;
  }
}

.woocommerce-breadcrumb {
  margin: 0 !important;
}

.wp-block-refine-lab-product-float {
  background-color: #fff;
  border: 1px solid #c6c6c6;
  width: fit-content;
  margin-top: 20px;
  padding: 16px 20px;
  bottom: 20px;
  left: 0;
  right: 0;
}

@media (min-width: 825px) {
  .wp-block-refine-lab-product-float {
    position: sticky;
  }
}

.wp-element-button.is-outline {
  border-color: var(--color-primary);
  color: var(--color-primary);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
  background-color: #0000;
}

@media (hover: hover) {
  .wp-element-button.is-outline:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}

.wp-element-button.is-outline-white {
  border-color: var(--color-white);
  color: var(--color-white);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
  background-color: #0000;
}

@media (hover: hover) {
  .wp-element-button.is-outline-white:hover {
    background-color: var(--color-white);
    color: var(--color-primary);
  }
}

.wp-element-button.is-green {
  border-style: var(--tw-border-style);
  color: var(--color-white);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
  background-color: #178240;
  border-width: 1px;
  border-color: #178240;
}

@media (hover: hover) {
  .wp-element-button.is-green:hover {
    background-color: oklab(53.3802% -.118812 .0670846 / .8);
    border-color: oklab(53.3802% -.118812 .0670846 / .8);
  }
}

.wp-element-button.disabled {
  cursor: not-allowed;
  opacity: .5;
}

.wp-block-image.aligncenter img {
  margin-inline: auto;
}

.wp-block-image.alignleft img {
  margin-right: auto;
  margin-left: calc(var(--spacing) * 0);
}

.wp-block-image.alignright img {
  margin-right: calc(var(--spacing) * 0);
  margin-left: auto;
}

.wp-block-list.is-style-list-alpha-brackets {
  counter-reset: alpha-counter;
  padding-left: 10px;
  list-style: none;
}

.wp-block-list.is-style-list-alpha-brackets li:before {
  content: "(" counter(alpha-counter, lower-alpha) ") ";
  white-space: nowrap;
  margin-right: 10px;
}

.wp-block-list.is-style-list-alpha-brackets li {
  counter-increment: alpha-counter;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-bottom: 20px;
  display: flex;
}

.wp-block-group.cols-desktop-1 {
  gap: inherit;
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-2 {
  gap: inherit;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-3 {
  gap: inherit;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-4 {
  gap: inherit;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-5 {
  gap: inherit;
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-6 {
  gap: inherit;
  grid-template-columns: repeat(6, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-7 {
  gap: inherit;
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-8 {
  gap: inherit;
  grid-template-columns: repeat(8, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-9 {
  gap: inherit;
  grid-template-columns: repeat(9, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-10 {
  gap: inherit;
  grid-template-columns: repeat(10, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-11 {
  gap: inherit;
  grid-template-columns: repeat(11, 1fr);
  display: grid;
}

.wp-block-group.cols-desktop-12 {
  gap: inherit;
  grid-template-columns: repeat(12, 1fr);
  display: grid;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .wp-block-group.cols-tablet-1 {
    gap: inherit;
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-2 {
    gap: inherit;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-3 {
    gap: inherit;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-4 {
    gap: inherit;
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-5 {
    gap: inherit;
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-6 {
    gap: inherit;
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-7 {
    gap: inherit;
    grid-template-columns: repeat(7, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-8 {
    gap: inherit;
    grid-template-columns: repeat(8, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-9 {
    gap: inherit;
    grid-template-columns: repeat(9, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-10 {
    gap: inherit;
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-11 {
    gap: inherit;
    grid-template-columns: repeat(11, 1fr);
    display: grid;
  }

  .wp-block-group.cols-tablet-12 {
    gap: inherit;
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }
}

@media (max-width: 767px) {
  .wp-block-group.cols-mobile-1 {
    gap: inherit;
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-2 {
    gap: inherit;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-3 {
    gap: inherit;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-4 {
    gap: inherit;
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-5 {
    gap: inherit;
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-6 {
    gap: inherit;
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-7 {
    gap: inherit;
    grid-template-columns: repeat(7, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-8 {
    gap: inherit;
    grid-template-columns: repeat(8, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-9 {
    gap: inherit;
    grid-template-columns: repeat(9, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-10 {
    gap: inherit;
    grid-template-columns: repeat(10, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-11 {
    gap: inherit;
    grid-template-columns: repeat(11, 1fr);
    display: grid;
  }

  .wp-block-group.cols-mobile-12 {
    gap: inherit;
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }
}

.wp-block-group.is-style-my-account-layout {
  gap: calc(var(--spacing) * 0);
  flex-direction: column;
  display: flex;
}

@media (min-width: 64rem) {
  .wp-block-group.is-style-my-account-layout {
    flex-direction: row;
  }
}

.wp-block-group.is-style-my-account-layout > :nth-child(2) {
  width: 100%;
  padding-block: 60px;
}

.wp-block-separator {
  color: #c6c6c6;
  border-top: 1px solid #c6c6c6 !important;
}

.tippy-box[data-theme~="anf"] {
  color: #fff;
  box-shadow: none;
  background-color: #253746;
  border-radius: 0;
  padding: 15px 20px;
}

.tippy-box[data-theme~="anf"] h4 {
  color: var(--color-white);
}

.tippy-box[data-theme~="anf"] .tippy-arrow {
  color: #253746;
}

.woocommerce-account .entry-content {
  max-width: 100%;
}

.woocommerce-account .woocommerce-account-title {
  border-bottom-style: var(--tw-border-style);
  border-color: #c6c6c6;
  border-bottom-width: 1px;
  padding-block: 15px;
}

.woocommerce-account .woocommerce {
  flex-direction: column;
  display: flex;
  max-width: unset !important;
}

@media (min-width: 64rem) {
  .woocommerce-account .woocommerce {
    flex-direction: row;
  }
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
  width: 100%;
  height: 100%;
}

@media (min-width: 64rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
    width: 250px;
    min-width: 250px;
  }
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation__title {
  text-align: center;
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-normal);
  font-size: 28px;
  line-height: 36px;
  font-weight: var(--font-weight-normal);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  color: var(--color-primary);
  margin-top: 30px;
  margin-bottom: 20px;
}

@media (min-width: 64rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation__title {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
  border-bottom-style: var(--tw-border-style);
  margin-inline: auto;
  border-color: #c6c6c6;
  border-bottom-width: 1px;
  flex-direction: row;
  margin-bottom: -1px;
  display: flex;
  overflow-x: auto;
}

@media (min-width: 48rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
    max-width: 600px;
  }
}

@media (min-width: 64rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
    max-width: unset;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
    flex-direction: column;
  }
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link {
  padding: calc(var(--spacing) * 0);
  flex: 1;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a {
  border-bottom-style: var(--tw-border-style);
  text-align: center;
  --tw-leading: 20px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 14px;
  line-height: 20px;
  font-weight: var(--font-weight-bold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  text-wrap: nowrap;
  color: var(--color-primary);
  border-color: #0000;
  border-bottom-width: 2px;
  padding-block: 15px;
  display: block;
}

@media (hover: hover) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a:hover {
    border-color: var(--color-primary);
    text-decoration-line: none;
  }
}

@media (min-width: 64rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  @media (hover: hover) {
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a:hover {
      background-color: #f6f6f6;
    }
  }
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link.is-active a {
  border-color: var(--color-primary);
  text-decoration-line: none;
}

@media (min-width: 64rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #f6f6f6;
  }
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content-wrapper {
  background-color: #f6f6f6;
  width: 100%;
  padding-inline: 10px;
}

@media (min-width: 48rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-content-wrapper {
    padding-inline: 25px;
  }
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content-wrapper .woocommerce-MyAccount-content {
  float: none;
  width: unset;
  margin-inline: 20px;
  max-width: 450px;
  margin-top: 60px;
  margin-bottom: 100px;
}

@media (min-width: 490px) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-content-wrapper .woocommerce-MyAccount-content {
    margin-inline: auto;
  }
}

@media (min-width: 700px) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-content-wrapper .woocommerce-MyAccount-content {
    max-width: 600px;
  }
}

@media (min-width: 64rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-content-wrapper .woocommerce-MyAccount-content {
    max-width: 950px;
    margin-inline: 80px;
  }
}

@media (min-width: 80rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-content-wrapper .woocommerce-MyAccount-content {
    margin-inline: auto;
  }
}

.woocommerce-pagination-numbers {
  align-items: center;
  gap: 5px;
  margin: 0 10px;
  display: inline-flex;
}

.woocommerce-pagination-numbers .page-number {
  border: 1px solid #ddd;
  padding: 5px 10px;
  text-decoration: none;
}

.woocommerce-pagination-numbers .page-number.current {
  color: #fff;
  cursor: default;
  background-color: #333;
}

.woocommerce-pagination-numbers .page-number:hover {
  background-color: #f0f0f0;
}

.woocommerce-order-details-card, .woocommerce-orders-container {
  flex-direction: column;
  gap: 30px;
  margin-block: 30px;
  display: flex;
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card {
  background-color: var(--color-white);
  padding-block: 20px;
  padding-inline: 30px;
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__header {
  border-bottom-style: var(--tw-border-style);
  border-color: #c6c6c6;
  border-bottom-width: 1px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  display: flex;
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__header .order-card__order-number, :is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__header .order-card__order-number a {
  --tw-leading: 24px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 18px;
  line-height: 24px;
  font-weight: var(--font-weight-bold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  color: var(--color-primary);
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__header .order-card__status {
  --tw-leading: 24px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 18px;
  line-height: 24px;
  font-weight: var(--font-weight-bold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  color: var(--color-primary);
  align-items: center;
  gap: 5px;
  display: flex;
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__content {
  flex-direction: column;
  gap: 15px;
  display: flex;
}

@media (min-width: 700px) {
  :is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__content {
    flex-direction: row;
  }
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__content .order-card__body {
  flex: 1;
  padding: 20px;
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__content .order-card__body .order-card__row {
  flex-direction: row;
  margin-bottom: 10px;
  display: flex;
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__content .order-card__body .order-card__row .order-card__value {
  margin-left: auto;
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__content .order-card__actions {
  flex-direction: column;
  flex: 1;
  gap: 15px;
  width: 100%;
  padding: 20px;
  display: flex;
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__content .order-card__actions .order-card__action-button {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: var(--color-white);
  text-align: center;
  --tw-font-weight: var(--font-weight-bold);
  width: 100%;
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  padding-block: 15px;
  padding-inline: 15px;
  text-decoration-line: none;
}

:is(.woocommerce-order-details-card, .woocommerce-orders-container) .order-card .order-card__content .order-card__actions .order-card__action-button:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.order-detail-card {
  background-color: #fff;
  margin-bottom: 30px;
  overflow: hidden;
}

.order-detail-card__header {
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.order-detail-card__title {
  margin: 0;
}

.order-detail-card__title h2 {
  color: #253746;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.order-detail-card__status {
  text-transform: capitalize;
  color: #0e4e26;
  background-color: #e8f5e9;
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
}

.order-detail-card--status-completed .order-detail-card__status {
  color: #0e4e26;
  background-color: #e8f5e9;
}

.order-detail-card--status-processing .order-detail-card__status {
  color: #1565c0;
  background-color: #e3f2fd;
}

.order-detail-card--status-pending .order-detail-card__status {
  color: #e65100;
  background-color: #fff3e0;
}

.order-detail-card--status-cancelled .order-detail-card__status, .order-detail-card--status-failed .order-detail-card__status {
  color: #b71c1c;
  background-color: #ffebee;
}

.order-detail-card__body {
  padding: 16px;
}

.order-detail-card__row {
  border-bottom: 1px solid #f5f5f5;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  display: flex;
}

.order-detail-card__row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.order-detail-card__label {
  text-transform: uppercase;
  color: #999;
  letter-spacing: .5px;
  font-size: 12px;
  font-weight: 600;
}

.order-detail-card__value {
  color: #333;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
}

.order-details-description {
  color: #666;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 15px;
  font-size: 14px;
}

.woocommerce-OrderUpdates {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.woocommerce-OrderUpdates h2 {
  color: #253746;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}

.woocommerce-OrderUpdate {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 16px;
  transition: all .3s;
}

.woocommerce-OrderUpdate:hover {
  box-shadow: 0 2px 8px #00000014;
}

.woocommerce-OrderUpdate-inner {
  margin: 0;
}

.woocommerce-OrderUpdate-meta {
  color: #999;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}

.woocommerce-OrderUpdate-description {
  color: #333;
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}

.woocommerce-OrderUpdate-description p {
  margin: 0;
}

@media (max-width: 768px) {
  .order-detail-card__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .order-detail-card__status {
    align-self: flex-start;
  }

  .order-detail-card__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .order-detail-card__value {
    text-align: left;
  }
}

.woocommerce-customer-details, .woocommerce-order-details {
  background-color: var(--color-white);
  margin-bottom: 30px;
  padding: 30px;
}

:is(.woocommerce-customer-details, .woocommerce-order-details) h2 {
  color: var(--color-primary);
  margin-bottom: 15px;
  --tw-leading: 22px !important;
  --tw-font-weight: var(--font-weight-bold) !important;
  font-size: 15px !important;
  line-height: 22px !important;
  font-weight: var(--font-weight-bold) !important;
  --tw-tracking: .02em !important;
  letter-spacing: .02em !important;
}

.woocommerce form .show-password-input.display-password:before, .woocommerce-page form .show-password-input.display-password:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiA4Ljc1NjFDMTAuMTgzIDguNzU2MSA4LjcxMDA5IDEwLjIwODQgOC43MTAwOSAxMkM4LjcxMDA5IDEzLjc5MTYgMTAuMTgzIDE1LjI0MzkgMTIgMTUuMjQzOUMxMy44MTcgMTUuMjQzOSAxNS4yODk5IDEzLjc5MTYgMTUuMjg5OSAxMkMxNS4yODk5IDEwLjIwODQgMTMuODE3IDguNzU2MSAxMiA4Ljc1NjFaTTkuNTc1ODUgMTJDOS41NzU4NSAxMC42Nzk5IDEwLjY2MTIgOS42MDk3NiAxMiA5LjYwOTc2QzEzLjMzODggOS42MDk3NiAxNC40MjQxIDEwLjY3OTkgMTQuNDI0MSAxMkMxNC40MjQxIDEzLjMyMDEgMTMuMzM4OCAxNC4zOTAyIDEyIDE0LjM5MDJDMTAuNjYxMiAxNC4zOTAyIDkuNTc1ODUgMTMuMzIwMSA5LjU3NTg1IDEyWiIgZmlsbD0iIzI1Mzc0NiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDVDNy42ODM1NSA1IDMuOTY3NDQgNy43ODY3MiAyLjA4MzM2IDExLjgyMTVMMiAxMkwyLjA4MzM2IDEyLjE3ODVDMy45Njc0NCAxNi4yMTMzIDcuNjgzNTUgMTkgMTIgMTlDMTYuMzE2NSAxOSAyMC4wMzI2IDE2LjIxMzMgMjEuOTE2NiAxMi4xNzg1TDIyIDEyTDIxLjkxNjYgMTEuODIxNUMyMC4wMzI2IDcuNzg2NzIgMTYuMzE2NSA1IDEyIDVaTTEyIDE4LjE0NjNDOC4xNDk4NCAxOC4xNDYzIDQuNzUxMzggMTUuNjk3MiAyLjk1NDgxIDEyQzQuNzUxMzggOC4zMDI3NyA4LjE0OTg0IDUuODUzNjYgMTIgNS44NTM2NkMxNS44NTAyIDUuODUzNjYgMTkuMjQ4NiA4LjMwMjc3IDIxLjA0NTIgMTJDMTkuMjQ4NiAxNS42OTcyIDE1Ljg1MDIgMTguMTQ2MyAxMiAxOC4xNDYzWiIgZmlsbD0iIzI1Mzc0NiIvPgo8L3N2Zz4K");
}

.woocommerce form .show-password-input:before, .woocommerce-page form .show-password-input:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy44MjE2IDYuNzE4NUwyMC44NzcyIDMuNjIwNjZMMjAuMjY1IDNMMTcuMDc4NSA2LjIzMDU4QzE1LjU1NjcgNS4zMTg4NCAxMy44MzI0IDQuODAyNDUgMTIgNC44MDI0NUM3LjY4MzU1IDQuODAyNDUgMy45Njc0NCA3LjY2NzggMi4wODMzNiAxMS44MTY0TDIgMTJMMi4wODMzNiAxMi4xODM1QzMuMDM0MzkgMTQuMjc3NiA0LjQ1MjIyIDE2LjA0NDcgNi4xNzg0MiAxNy4yODE0TDMuMTIyNzkgMjAuMzc5M0wzLjczNDk4IDIxTDYuOTIxNTUgMTcuNzY5M0M4LjQ0MzM1IDE4LjY4MTEgMTAuMTY3NiAxOS4xOTc1IDEyIDE5LjE5NzVDMTYuMzE2NSAxOS4xOTc1IDIwLjAzMjYgMTYuMzMyMSAyMS45MTY2IDEyLjE4MzVMMjIgMTJMMjEuOTE2NiAxMS44MTY0QzIwLjk2NTYgOS43MjIzMSAxOS41NDc4IDcuOTU1MTggMTcuODIxNiA2LjcxODVaTTE2LjQ0NDEgNi44NzM3N0MxNS4wOTI3IDYuMTA2NzUgMTMuNTg0NiA1LjY4MDIgMTIgNS42ODAyQzguMTQ5ODQgNS42ODAyIDQuNzUxMzggOC4xOTg0MSAyLjk1NDgxIDEyQzMuODcwOTcgMTMuOTM4NSA1LjIwMzY5IDE1LjU0MzQgNi44MDA0NiAxNi42NTA4TDkuMzg3NyAxNC4wMjc4QzguOTYyNjkgMTMuNDY1OCA4LjcxMDEgMTIuNzYyOCA4LjcxMDEgMTJDOC43MTAxIDEwLjE1NzkgMTAuMTgzIDguNjY0NTUgMTIgOC42NjQ1NUMxMi43NTI0IDguNjY0NTUgMTMuNDQ1OSA4LjkyMDYzIDE0LjAwMDEgOS4zNTE1MkwxNi40NDQxIDYuODczNzdaTTE0LjYxMjMgOS45NzIxOEwxNy4xOTk2IDcuMzQ5MTRDMTguNzk2MyA4LjQ1NjUyIDIwLjEyOSAxMC4wNjE0IDIxLjA0NTIgMTJDMTkuMjQ4NiAxNS44MDE1IDE1Ljg1MDIgMTguMzE5NyAxMiAxOC4zMTk3QzEwLjQxNTQgMTguMzE5NyA4LjkwNzM0IDE3Ljg5MzIgNy41NTU5NiAxNy4xMjYyTDkuOTk5ODggMTQuNjQ4NEMxMC41NTQxIDE1LjA3OTMgMTEuMjQ3NiAxNS4zMzU0IDEyIDE1LjMzNTRDMTMuODE3IDE1LjMzNTQgMTUuMjg5OSAxMy44NDIxIDE1LjI4OTkgMTJDMTUuMjg5OSAxMS4yMzcxIDE1LjAzNzMgMTAuNTM0MSAxNC42MTIzIDkuOTcyMThaTTEzLjM4MDYgOS45Nzk1N0MxMi45ODg5IDkuNzAzODcgMTIuNTEzIDkuNTQyMjkgMTIgOS41NDIyOUMxMC42NjEyIDkuNTQyMjkgOS41NzU4NiAxMC42NDI2IDkuNTc1ODYgMTJDOS41NzU4NiAxMi41MjAxIDkuNzM1MjQgMTMuMDAyNSAxMC4wMDcyIDEzLjM5OTdMMTMuMzgwNiA5Ljk3OTU3Wk0xMC42MTk0IDE0LjAyMDRMMTMuOTkyOCAxMC42MDAyQzE0LjI2NDggMTAuOTk3NCAxNC40MjQyIDExLjQ3OTggMTQuNDI0MiAxMkMxNC40MjQyIDEzLjM1NzMgMTMuMzM4OCAxNC40NTc3IDEyIDE0LjQ1NzdDMTEuNDg3IDE0LjQ1NzcgMTEuMDExMSAxNC4yOTYxIDEwLjYxOTQgMTQuMDIwNFoiIGZpbGw9IiMyNTM3NDYiLz4KPC9zdmc+Cg==");
}

.product-archive-list {
  width: 100%;
  padding: 20px;
}

.product-archive-list__title {
  margin-bottom: 1.5rem;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.product-archive-list__categories {
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.product-archive-list__category-wrapper {
  width: 100%;
}

.product-archive-list__category-header {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.product-archive-list__category-link {
  color: #5e5e5e;
  flex: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: color .2s;
}

.product-archive-list__category-link:hover {
  color: #253746;
}

.product-archive-list__toggle {
  cursor: pointer;
  color: #5e5e5e;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  transition: color .2s;
  display: flex;
}

.product-archive-list__toggle:hover {
  color: #253746;
}

.product-archive-list__toggle svg {
  width: 20px;
  height: 20px;
}

.product-archive-list__subcategories {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  margin-left: 20px;
  list-style: none;
  display: flex;
}

.product-archive-list__subcategory-link {
  color: #5e5e5e;
  text-decoration: none;
  transition: color .2s;
}

.product-archive-list__subcategory-link:hover {
  color: #253746;
}

.woocommerce-Price-amount {
  --tw-tracking: .06em;
  letter-spacing: .06em;
}

del .woocommerce-Price-amount {
  color: var(--color-primary);
  font-size: 13px;
}

ins .woocommerce-Price-amount {
  color: #981420;
  font-size: 13px;
}

ins {
  text-decoration-line: none;
}

.product-card__media {
  display: block;
  position: relative;
}

.product-card__image {
  transition: opacity .3s;
}

.product-card__image--hover {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.product-card.has-gallery:hover .product-card__image--main {
  opacity: 0;
}

.product-card.has-gallery:hover .product-card__image--hover {
  opacity: 1;
}

.woo-wishlist-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  display: grid;
}

@media (min-width: 48rem) {
  .woo-wishlist-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .woo-wishlist-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .woo-wishlist-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.search-content {
  padding-inline: 10px;
}

@media (min-width: 64rem) {
  .search-content {
    padding-inline: 25px;
  }
}

.field-group {
  position: relative;
}

.field-group .search-field {
  border-style: var(--tw-border-style);
  color: var(--color-primary);
  border-width: 1px;
  border-color: #c6c6c6;
}

.field-group .search-field:focus {
  border-color: var(--color-primary);
  --tw-ring-color: transparent;
  --tw-outline-style: none;
  outline-style: none;
}

.field-group .search-field:not(:placeholder-shown) + .clear-icon {
  visibility: visible;
}

.field-group .field-icon {
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  display: flex;
  position: absolute;
}

.field-group .clear-icon {
  visibility: hidden;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  display: flex;
  position: absolute;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

.woocommerce .quantity .qty {
  width: auto;
}

.woocommerce-cart .woocommerce-cart-wrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media (min-width: 1025px) {
  .woocommerce-cart .woocommerce-cart-wrapper {
    flex-direction: row;
  }
}

.woocommerce-cart .woocommerce-cart-wrapper .woocommerce-cart-form {
  background-color: var(--color-white);
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-block: 40px;
  padding-inline: 20px;
  display: flex;
}

@media (min-width: 64rem) {
  .woocommerce-cart .woocommerce-cart-wrapper .woocommerce-cart-form {
    padding-inline: 25px;
  }
}

.woocommerce-cart .woocommerce-cart-wrapper .woocommerce-cart-form .woocommerce-cart-form__cart-item {
  border-bottom-style: var(--tw-border-style);
  border-color: #c6c6c6;
  border-bottom-width: 1px;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.woocommerce-cart .woocommerce-cart-wrapper .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-content {
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  display: flex;
  position: relative;
}

.woocommerce-cart .woocommerce-cart-wrapper .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-content .product-remove {
  position: absolute;
  top: 0;
  right: 0;
}

.woocommerce-cart .woocommerce-cart-wrapper .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-content .product-remove a {
  color: var(--color-primary) !important;
}

.woocommerce-cart .woocommerce-cart-wrapper .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-content .product-thumbnail {
  width: 140px;
  min-width: 140px;
  height: 175px;
}

.woocommerce-cart .woocommerce-cart-wrapper .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-content .product-thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.woocommerce-cart .woocommerce-cart-wrapper .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-content .product-detail {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.woocommerce-cart .woocommerce-cart-wrapper .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-content .product-attributes {
  margin-top: 15px;
  margin-bottom: 5px;
}

.woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals {
  background-color: var(--color-white);
  justify-content: center;
  width: 100%;
  padding-inline: 10px;
  display: flex;
}

.woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals:before, .woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals:after {
  content: var(--tw-content);
  --tw-content: none;
  content: none;
}

@media (min-width: 64rem) {
  .woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals {
    background-color: #0000;
    max-width: 510px;
    padding-inline: 25px;
  }
}

.woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals .cart_totals {
  width: 100%;
  max-width: 590px;
}

@media not all and (min-width: 1024px) {
  .woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals .cart_totals {
    padding-block: 30px;
    padding-inline: 20px;
  }
}

@media (min-width: 64rem) {
  .woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals .cart_totals {
    max-width: 300px;
  }
}

.woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals .cart_totals table.shop_table {
  border-collapse: collapse;
  width: 100%;
  --tw-border-style: none !important;
  border-style: none !important;
}

.woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals .cart_totals table.shop_table th, .woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals .cart_totals table.shop_table td {
  padding: 10px 0 !important;
}

.woocommerce-cart .woocommerce-cart-wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
  background-color: #178240;
  border-color: #178240;
  width: 100%;
}

.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea) {
  position: relative;
}

:is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)).woocommerce-invalid label {
  color: #981420 !important;
}

:is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)).woocommerce-invalid .woocommerce-input-wrapper input[type="text"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)).woocommerce-invalid .woocommerce-input-wrapper input[type="tel"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)).woocommerce-invalid .woocommerce-input-wrapper input[type="email"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)).woocommerce-invalid .woocommerce-input-wrapper input[type="password"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)).woocommerce-invalid .woocommerce-input-wrapper select, :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)).woocommerce-invalid .woocommerce-input-wrapper textarea {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #981420 !important;
}

:is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .checkout-inline-error-message {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  background-color: #981420;
  padding-block: 10px;
  padding-inline: 20px;
  --tw-leading: 20px !important;
  font-size: 13px !important;
  line-height: 20px !important;
}

:is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label {
  z-index: 1;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #5e5e5e;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  transition-duration: .3s;
  position: absolute;
  top: 20px;
  left: 17px;
  margin-bottom: calc(var(--spacing) * 0) !important;
  --tw-leading: 20px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

:is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper input[type="tel"]:focus), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper input[type="email"]:focus), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper input[type="text"]:focus), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper input[type="password"]:focus), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper input[type="tel"]:not(:placeholder-shown)), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper input[type="email"]:not(:placeholder-shown)), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper input[type="text"]:not(:placeholder-shown)), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper input[type="password"]:not(:placeholder-shown)), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper select:focus), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper select:not(:placeholder-shown)), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper textarea:focus), :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) label:has( + .woocommerce-input-wrapper textarea:not(:placeholder-shown)) {
  --tw-leading: 16px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  top: 10px !important;
}

:is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper input[type="tel"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper input[type="email"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper input[type="text"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper input[type="password"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper select, :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper textarea {
  border-style: var(--tw-border-style);
  width: 100%;
  color: var(--color-primary);
  border-width: 1px;
  --tw-leading: 20px !important;
  padding-inline: 15px !important;
  border-color: #c6c6c6 !important;
  border-radius: 0 !important;
  padding-top: 30px !important;
  padding-bottom: 10px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

:is(:is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper input[type="tel"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper input[type="email"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper input[type="text"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper input[type="password"], :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper select, :is(.form-row:has(input[type="tel"]), .form-row:has(input[type="email"]), .form-row:has(input[type="text"]), .form-row:has(input[type="password"]), .form-row:has(select), .form-row:has(textarea)) .woocommerce-input-wrapper textarea):focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.checkout-inline-error-message {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  padding-block: 10px;
  padding-inline: 20px;
  --tw-leading: 20px !important;
  color: var(--color-white) !important;
  background-color: #981420 !important;
  font-size: 13px !important;
  line-height: 20px !important;
}

.woocommerce-invalid a {
  color: #981420 !important;
}

.form-row:has(input[type="radio"]) {
  padding: calc(var(--spacing) * 0) !important;
}

.form-row:has(input[type="radio"]):has(input[type="radio"]:checked) label:before {
  border-style: var(--tw-border-style);
  border-width: 8px;
  border-color: var(--color-primary);
}

.form-row:has(input[type="radio"]) input[type="radio"] {
  display: none !important;
}

.form-row:has(input[type="radio"]) label {
  cursor: pointer;
  align-items: center;
  gap: 15px;
  width: 100%;
  display: flex;
}

.form-row:has(input[type="radio"]) label > * {
  flex: 1;
}

.form-row:has(input[type="radio"]) label:before {
  content: "";
  border-style: var(--tw-border-style);
  text-align: center;
  --tw-duration: .15s;
  border-width: 1px;
  border-color: #c6c6c6;
  border-radius: 3.40282e38px;
  justify-content: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  transition-duration: .15s;
  display: inline-flex;
}

.woocommerce-checkout-wrapper {
  flex-direction: column;
  row-gap: 20px;
  width: 100%;
  display: flex;
}

@media (min-width: 64rem) {
  .woocommerce-checkout-wrapper {
    flex-direction: row;
  }
}

.woocommerce-checkout-wrapper .woocommerce-checkout-address {
  background-color: var(--color-white);
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-block: 40px;
  padding-inline: 10px;
  display: flex;
}

@media (min-width: 64rem) {
  .woocommerce-checkout-wrapper .woocommerce-checkout-address {
    padding-inline: 25px;
  }
}

.woocommerce-checkout-wrapper .woocommerce-checkout-address .woocommerce-checkout-addresss-content {
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 512px;
  display: flex;
}

.woocommerce-checkout-wrapper .woocommerce-checkout-review {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-block: 50px;
  padding-inline: 10px;
  display: flex;
}

@media (min-width: 64rem) {
  .woocommerce-checkout-wrapper .woocommerce-checkout-review {
    max-width: 442px;
    padding-inline: 25px;
  }
}

.woocommerce-checkout-wrapper .woocommerce-checkout-review .woocommerce-checkout-review-content {
  width: 100%;
  max-width: 300px;
}

.woocommerce-form__label-for-checkbox:before {
  content: "";
  border: 1px solid #c6c6c6;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  margin-right: 0;
  transition: background-color .15s, border-color .15s, box-shadow .15s;
  display: inline-flex;
}

.woocommerce-form__label-for-checkbox:has(input[type="checkbox"]:checked):before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljc1IDQuMTk1NzFMNi41NTM3IDE0LjE0OTdDNi40OTQ4OCAxNC4yMTMzIDYuNDEzNDIgMTQuMjQ5NiA2LjMyODEyIDE0LjI1QzYuMjQyODEgMTQuMjUwNCA2LjE2MTAyIDE0LjIxNSA2LjEwMTYgMTQuMTUxOUwxLjUgOS4yNjczOUwxLjk0OTk4IDguODE3MTVMNi4zMjQzOSAxMy40NjA1TDE1LjI5NTggMy43NUwxNS43NSA0LjE5NTcxWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
  color: #fff;
  background-color: #253746;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.woocommerce-form__label-for-checkbox:hover:before {
  border: 1px solid #253746;
}

.woocommerce-form__label-for-checkbox input[type="checkbox"] {
  display: none !important;
}

.form-row-group {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #c6c6c6;
  flex-direction: column;
  margin-bottom: 20px;
  display: flex;
}

.form-row-group:has(.woocommerce-invalid), .form-row-group:has(.woocommerce-invalid) hr {
  border-color: #981420 !important;
}

.form-row-group .form-row {
  margin-bottom: calc(var(--spacing) * 0) !important;
}

.form-row-group .form-row input[type="text"], .form-row-group .form-row input[type="tel"], .form-row-group .form-row input[type="email"], .form-row-group .form-row input[type="password"], .form-row-group .form-row select {
  --tw-border-style: none !important;
  border-style: none !important;
}

.form-row-group hr {
  color: #c6c6c6;
  margin-inline: 15px;
}

.woocommerce-checkout-payment {
  background-color: #0000 !important;
}

.woocommerce-checkout-payment .place-order {
  padding: calc(var(--spacing) * 0) !important;
  margin-top: 35px !important;
}

.woocommerce-checkout-payment .place-order .button {
  background-color: #178240;
  border-color: #178240;
  width: 100%;
  float: none !important;
}

.cart_item {
  border-color: #c6c6c6;
  align-items: flex-start;
  gap: 15px;
  padding-block: 20px;
  display: flex;
}

.cart_item:not(:last-child) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

.cart_item .product-thumbnail {
  width: 100px;
  min-width: 100px;
  height: 125px;
  position: relative;
}

.cart_item .product-thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cart_item .product-thumbnail .sold-out-label {
  top: -21px;
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  text-align: center;
  --tw-leading: 11px;
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: var(--color-white);
  text-transform: uppercase;
  background-color: #981420;
  padding-block: 6px;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
}

.cart_item .sold-out-price del {
  color: #999;
}

.cart_item .product-name {
  max-width: 300px;
}

.anf-select, .woocommerce-quantity-select {
  position: relative;
}

:is(.anf-select, .woocommerce-quantity-select) label {
  pointer-events: none;
  --tw-leading: 15px;
  color: #5e5e5e;
  font-size: 11px;
  line-height: 15px;
  position: absolute;
  top: 10px;
  left: 15px;
}

:is(.anf-select, .woocommerce-quantity-select) select {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAxNC44MzY1TDE3Ljg3NjYgOC4yNUwxOC4zMzMzIDguNjg3NDZMMTEuMjI4MyAxNS40OTI3QzExLjEwMjIgMTUuNjEzNSAxMC44OTc3IDE1LjYxMzUgMTAuNzcxNiAxNS40OTI3TDMuNjY2NjUgOC42ODc0Nkw0LjEyMzM3IDguMjVMMTEgMTQuODM2NVoiIGZpbGw9IiMyNTM3NDYiLz4KPC9zdmc+");
  text-align: left !important;
  appearance: none !important;
  border: 1px solid #c6c6c6 !important;
  width: 100% !important;
  padding: 30px 40px 10px 15px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.woocommerce-order-item {
  border-bottom-style: var(--tw-border-style);
  border-color: #c6c6c6;
  border-bottom-width: 1px;
  padding-block: 30px;
  position: relative;
}

.woocommerce-order-item .product-content {
  align-items: flex-start;
  gap: 15px;
  display: flex;
  position: relative;
}

.woocommerce-order-item .product-content .product-remove {
  position: absolute;
  top: 0;
  right: 0;
}

.woocommerce-order-item .product-content .product-remove a {
  color: var(--color-primary) !important;
}

.woocommerce-order-item .product-content .product-thumbnail {
  width: 140px;
  min-width: 140px;
  height: 175px;
  position: relative;
}

.woocommerce-order-item .product-content .product-thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.woocommerce-order-item .product-content .product-thumbnail .product-status-badge {
  top: -25px;
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 1;
  text-align: center;
  --tw-leading: 15px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 11px;
  line-height: 15px;
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  background-color: #253746;
  padding-block: 5px;
  padding-inline: 10px;
  position: absolute;
}

.woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="processing"], .woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="return_processing"] {
  background-color: #5e5e5e;
}

.woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="order_picking"], .woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="shipping"] {
  background-color: #253746;
}

.woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="cancelled"], .woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="canceling"], .woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="return_requested"], .woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="returned"] {
  background-color: #981420;
}

.woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="delivered"], .woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="arrived_at_store"], .woocommerce-order-item .product-content .product-thumbnail .product-status-badge[data-status="completed"] {
  background-color: #515f6b;
}

.woocommerce-order-item .product-content .product-detail {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.woocommerce-order-item .product-content .product-attributes {
  margin-top: 15px;
  margin-bottom: 5px;
}

.anf-shipping-card {
  background: #fff;
  border: 1px solid #c6c6c6;
  margin-bottom: 30px;
  padding: 20px;
  position: relative;
}

.anf-shipping-card__name {
  color: #253746;
  margin-bottom: 10px;
  font-weight: 600;
}

.anf-checkout-modal {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.anf-checkout-modal__overlay {
  background: #0000008c;
  position: absolute;
  inset: 0;
}

.anf-checkout-modal__dialog {
  z-index: 1;
  background: #fff;
  width: 100%;
  max-width: 580px;
  max-height: 80vh;
  position: relative;
  overflow-y: auto;
}

.anf-checkout-modal__close {
  cursor: pointer;
}

.anf-checkout-address-item {
  color: #5e5e5e;
  background-color: #f6f6f6;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 30px;
  padding: 20px;
  display: flex;
}

.anf-checkout-address-item__content {
  flex: 1;
}

.anf-checkout-address-item__button {
  white-space: nowrap;
  color: #253746;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #253746;
  flex-shrink: 0;
  width: 100%;
  padding: 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  transition: background-color .3s;
}

.anf-checkout-address-item__button:hover:not(:disabled) {
  color: #fff;
  background-color: #253746;
}

.anf-checkout-address-item__button:disabled {
  color: #fff;
  cursor: not-allowed;
  background-color: #253746;
}

.anf-checkout-address-item__name {
  margin-bottom: 4px;
  font-weight: bold;
}

.anf-checkout-address-item__details {
  color: #666;
  font-size: 12px;
}

.wc-block-components-notice-banner {
  border-radius: 0 !important;
}

.wc-block-components-notice-banner.is-success {
  color: #178240;
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  outline-style: var(--tw-outline-style);
  border-color: #178240;
  outline-width: 0;
  background-color: oklab(53.3802% -.118812 .0670846 / .1) !important;
}

.wc-block-components-notice-banner.is-success svg {
  background-color: #178240 !important;
}

.wc-block-components-notice-banner.is-error {
  color: #981420;
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  outline-style: var(--tw-outline-style);
  border-color: #981420;
  outline-width: 0;
  background-color: oklab(43.7746% .150257 .0664133 / .1) !important;
}

.wc-block-components-notice-banner.is-error svg {
  background-color: #981420 !important;
}

.wc-block-components-notice-banner.is-info {
  color: #5e5e5e;
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  outline-style: var(--tw-outline-style);
  border-color: #5e5e5e;
  outline-width: 0;
  background-color: oklab(48.1932% 2.98023e-8 0 / .1) !important;
}

.wc-block-components-notice-banner.is-info svg {
  background-color: #5e5e5e !important;
}

.wc-block-components-notice-banner.is-warning {
  color: #5e5e5e;
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  outline-style: var(--tw-outline-style);
  border-color: #981420;
  outline-width: 0;
  background-color: oklab(43.7746% .150257 .0664133 / .1) !important;
}

.wc-block-components-notice-banner.is-warning svg {
  background-color: #981420 !important;
}

.shop_table {
  border-radius: 0 !important;
}

.anf_checkout_coupon.anf-coupon-error #anf_coupon_code, .anf_checkout_coupon.anf-coupon-error #anf_coupon_code:focus {
  border-color: #981420 !important;
}

.anf_checkout_coupon .error-message {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  background-color: #981420;
  padding-block: 10px;
  padding-inline: 20px;
  --tw-leading: 20px !important;
  font-size: 13px !important;
  line-height: 20px !important;
}

.anf_checkout_coupon .success-message {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  background-color: #178240;
  padding-block: 10px;
  padding-inline: 20px;
  --tw-leading: 20px !important;
  font-size: 13px !important;
  line-height: 20px !important;
}

.anf_remove_coupon, .woocommerce-remove-coupon {
  cursor: pointer;
}

@media not all and (min-width: 540px) {
  .wp-block-refine-lab-guide-top.size-guide-mobile .guide-top-bg {
    position: relative;
  }
}

.wp-block-refine-lab-guide-top.size-guide-mobile .guide-top-bg {
  min-height: 100%;
}

.wp-block-refine-lab-guide-top.size-guide-mobile .guide-top-bg .guide-top-block {
  display: none;
}

.wp-block-refine-lab-guide-top.size-guide-mobile .guide-top-bg .guide-top-img-1 {
  padding-bottom: 80px;
  display: block;
}

.wp-block-refine-lab-guide-top.size-guide-mobile .guide-top-bg .guide-top-img-2 {
  padding-bottom: 80px;
}

@media not all and (min-width: 540px) {
  .wp-block-refine-lab-guide-top.size-guide-mobile .guide-top-bg .guide-top-img-2 {
    display: block;
  }
}

@media (max-width: 539px) {
  .wp-block-refine-lab-guide-top.size-guide-mobile .guide-top-info {
    margin-top: -150px;
    padding: 30px 25px;
  }

  .wp-block-refine-lab-guide-top.size-guide-mobile .guide-top-info .guide-top-container {
    background: #fff;
    width: 100%;
    max-width: 100%;
    position: relative;
    box-shadow: 0 0 15px #f6f6f6;
  }
}

.woo-swatch-error-message {
  --tw-leading: 20px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 13px;
  line-height: 20px;
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  background-color: #981420;
  margin-bottom: 30px;
  padding-block: 10px;
  padding-inline: 20px;
}

.newsletter-form {
  margin-inline: calc(var(--spacing) * 0) !important;
  width: 100% !important;
  margin-top: 10px !important;
}

.newsletter-form .wpforms-field-container {
  flex: 1;
  margin: calc(var(--spacing) * 0) !important;
  width: 100% !important;
}

.newsletter-form .wpforms-field-container .wpforms-field {
  width: 100% !important;
  padding: calc(var(--spacing) * 0) !important;
}

.newsletter-form .wpforms-field-container .wpforms-field .wpforms-field-label {
  pointer-events: none;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-primary);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
  position: absolute;
  top: 19px;
  left: 15px;
}

.newsletter-form .wpforms-field-container .wpforms-field .wpforms-field-label:has( + .wpforms-field-medium:focus), .newsletter-form .wpforms-field-container .wpforms-field .wpforms-field-label:has( + .wpforms-field-medium:not(:placeholder-shown)) {
  --tw-leading: 16px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  top: 10px !important;
}

.newsletter-form .wpforms-field-container .wpforms-field.wpforms-field-email input {
  width: 100%;
  color: var(--color-primary);
  border-radius: 0;
  --tw-leading: 20px !important;
  padding-inline: 15px !important;
  height: 60px !important;
  padding-top: 30px !important;
  padding-bottom: 10px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.newsletter-form .wpforms-submit-container {
  max-width: 100px;
  margin: calc(var(--spacing) * 0) !important;
  width: 100% !important;
  margin-bottom: auto !important;
}

.newsletter-form .wpforms-submit-container button[type="submit"] {
  border-radius: 0;
  background-color: var(--color-primary) !important;
  height: 60px !important;
  color: var(--color-white) !important;
  padding-block: 19px !important;
  padding-inline: 15px !important;
}

.wp-block-refine-lab-mini-cart {
  order: 2;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: inline-flex;
  position: relative;
}

@media (min-width: 64rem) {
  .wp-block-refine-lab-mini-cart {
    order: 0;
  }
}

.mini-cart-button {
  cursor: pointer;
  color: #253746;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  display: inline-flex;
  position: relative;
}

.mini-cart-sidebar {
  z-index: 20;
  background-color: #fff;
  width: 100%;
  max-width: 450px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
}

.mini-cart-header {
  background-color: #f6f6f6;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
}

.mini-cart-content {
  height: calc(100vh - 280px);
  padding-inline: 30px;
  overflow-y: auto;
}

.mini-cart-count {
  font-family: var(--font-noto-sans);
  top: 12px;
  right: 4px;
}

@media (min-width: 64rem) {
  .mini-cart-count {
    top: 22px;
    right: 4px;
  }
}

.mini-cart-count {
  color: #fff;
  background-color: #981420;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  display: flex;
  position: absolute;
}

.mini-cart-footer {
  bottom: calc(var(--spacing) * 0);
  background-color: #f6f6f6;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
  display: flex;
  position: sticky;
}

.mini-cart-footer .woocommerce-mini-cart__total {
  border-bottom-style: var(--tw-border-style);
  --tw-leading: 22px;
  --tw-font-weight: var(--font-weight-bold);
  width: 100%;
  font-size: 15px;
  line-height: 22px;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  border-color: #c6c6c6;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
}

.mini-cart-footer .woocommerce-mini-cart__buttons {
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.mini-cart-footer .woocommerce-mini-cart__buttons .button {
  text-align: center;
  --tw-leading: 20px;
  --tw-font-weight: var(--font-weight-bold);
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: var(--font-weight-bold);
  padding-block: 20px;
}

.mini-cart-count.is-empty {
  display: none;
}

.mini-cart-overlay {
  inset: calc(var(--spacing) * 0);
  background-color: #0009;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

@supports (color: color-mix(in lab, red, red)) {
  .mini-cart-overlay {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}

.mini-cart-overlay {
  opacity: 0;
  z-index: 10;
  visibility: hidden;
}

.woocommerce-mini-cart-item, .woocommerce-cart-form__cart-item {
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.woocommerce-mini-cart-item.removing, .woocommerce-cart-form__cart-item.removing {
  opacity: 0;
  pointer-events: none;
  transform: translateX(30px);
}

.woocommerce-mini-cart__empty-message {
  border-bottom-style: var(--tw-border-style);
  text-align: center;
  --tw-leading: 20px;
  color: #5e5e5e;
  border-color: #c6c6c6;
  border-bottom-width: 1px;
  padding-block: 40px;
  font-size: 13px;
  line-height: 20px;
}

.mini-cart-content .woocommerce-mini-cart-item {
  margin: 20px 0 !important;
  list-style: none !important;
}

.mini-cart-content .woocommerce-mini-cart-item:not(:last-child) {
  border-bottom: 1px solid #c6c6c6;
  padding-bottom: 20px;
}

.mini-cart-card {
  align-items: flex-start;
  gap: 14px;
  display: flex;
  position: relative;
}

.mini-cart-card__media {
  flex: 0 0 100px;
  width: 100px;
  height: 125px;
  overflow: hidden;
}

.mini-cart-card__media img {
  object-fit: cover;
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.mini-cart-card__media a {
  width: 100%;
  height: 100%;
  display: block;
}

.mini-cart-card__body {
  padding-right: 24px;
}

.mini-cart-card__title {
  font-size: 16px;
  line-height: 22px;
}

.mini-cart-card__title a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: normal !important;
}

.mini-cart-card__meta {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

.mini-cart-store-item, .mini-cart-card__meta .quantity {
  color: #5e5e5e;
  font-size: 12px;
}

.mini-cart-card__remove {
  color: #253746;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.cart-item-attributes {
  margin-top: 10px;
}

.woocommerce-mini-cart-item {
  margin-block: 0;
}

.product-store-item {
  --tw-leading: 20px;
  margin-top: 3px;
  font-size: 13px;
  line-height: 20px;
}

.wp-block-refine-lab-mini-account {
  order: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: inline-flex;
  position: relative;
}

@media (min-width: 64rem) {
  .wp-block-refine-lab-mini-account {
    order: 0;
  }
}

.account-button {
  cursor: pointer;
  color: #253746;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 5px;
  height: 100%;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  display: inline-flex;
  position: relative;
}

.account-close-button {
  cursor: pointer;
  background-color: var(--color-white);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}

.account-sidebar {
  z-index: 20;
  background-color: #f6f6f6;
  width: 100%;
  max-width: 450px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
}

.login-overlay, .account-overlay {
  inset: calc(var(--spacing) * 0);
  background-color: #0009;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

@supports (color: color-mix(in lab, red, red)) {
  .login-overlay, .account-overlay {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}

.login-overlay, .account-overlay {
  opacity: 0;
  z-index: 10;
  visibility: hidden;
}

.woocommerce a.remove {
  background-color: #0000 !important;
  border-radius: 0 !important;
}

.woocommerce a.remove .svg {
  width: 20px;
  height: 20px;
}

.login-modal {
  inset: calc(var(--spacing) * 0);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  justify-content: center;
  align-items: center;
  padding-block: 40px;
  display: flex;
  position: fixed;
  overflow: auto;
}

.login-modal .modal-content {
  background-color: var(--color-white);
  width: 100%;
  height: auto;
  max-height: 100%;
  position: relative;
}

@media (min-width: 48rem) {
  .login-modal .modal-content {
    max-width: 580px;
  }
}

.close-modal {
  top: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 4);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
}

.account-content {
  flex-direction: column;
  justify-content: flex-start;
  gap: 30px;
  height: 100vh;
  padding: 40px;
  display: flex;
  overflow-y: auto;
}

.woocommerce form .form-row {
  padding: 0;
}

.woocommerce-form-row:has(.woocommerce-Input) {
  position: relative;
}

.woocommerce-form-row:has(.woocommerce-Input) .woocommerce-Input {
  appearance: none;
  border-style: var(--tw-border-style);
  width: 100%;
  color: var(--color-primary);
  border-width: 1px;
  --tw-leading: 20px !important;
  padding-inline: 15px !important;
  border-color: #c6c6c6 !important;
  border-radius: 0 !important;
  padding-top: 30px !important;
  padding-bottom: 10px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.woocommerce-form-row:has(.woocommerce-Input) .woocommerce-Input:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: var(--color-primary) !important;
}

.woocommerce-form-row:has(.woocommerce-Input) .woocommerce-Input[type="password"] {
  letter-spacing: .125em !important;
  font-family: Verdana !important;
  font-size: 19px !important;
}

.woocommerce-form-row:has(.woocommerce-Input) .woocommerce-Input:focus + label, .woocommerce-form-row:has(.woocommerce-Input) .woocommerce-Input:not(:placeholder-shown) + label, .woocommerce-form-row:has(.woocommerce-Input) .password-input:has(.woocommerce-Input:focus) + label, .woocommerce-form-row:has(.woocommerce-Input) .password-input:has(.woocommerce-Input:not(:placeholder-shown)) + label {
  --tw-leading: 16px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  top: 10px !important;
}

.woocommerce-form-row:has(.woocommerce-Input) label {
  z-index: 1;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #5e5e5e;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  transition-duration: .3s;
  position: absolute;
  top: 20px;
  left: 17px;
  margin-bottom: calc(var(--spacing) * 0) !important;
  --tw-leading: 20px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.woocommerce-form-row:has(.woocommerce-Input) label:has( + .woocommerce-Input:focus), .woocommerce-form-row:has(.woocommerce-Input) label:has( + .woocommerce-Input:not(:placeholder-shown)), .woocommerce-form-row:has(.woocommerce-Input) label:has( + .password-input .woocommerce-Input:focus), .woocommerce-form-row:has(.woocommerce-Input) label:has( + .password-input .woocommerce-Input:not(:placeholder-shown)) {
  --tw-leading: 16px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  top: 10px !important;
}

.form-checkbox {
  appearance: none;
  opacity: 0;
  border: none;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
}

.form-checkbox-custom {
  background-color: #fff;
  border: 1px solid #253746;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  margin-right: 0;
  transition: background-color .15s, border-color .15s, box-shadow .15s;
  display: inline-flex;
}

.form-checkbox:checked ~ .form-checkbox-custom {
  background-color: #111827;
  border-color: #111827;
}

.form-checkbox:checked ~ .form-checkbox-custom:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljc1IDQuMTk1NzFMNi41NTM3IDE0LjE0OTdDNi40OTQ4OCAxNC4yMTMzIDYuNDEzNDIgMTQuMjQ5NiA2LjMyODEyIDE0LjI1QzYuMjQyODEgMTQuMjUwNCA2LjE2MTAyIDE0LjIxNSA2LjEwMTYgMTQuMTUxOUwxLjUgOS4yNjczOUwxLjk0OTk4IDguODE3MTVMNi4zMjQzOSAxMy40NjA1TDE1LjI5NTggMy43NUwxNS43NSA0LjE5NTcxWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.form-checkbox:focus ~ .form-checkbox-custom {
  outline-offset: 1px;
  outline: 2px solid #d0d7de;
}

.form-checkbox-text {
  color: #5e5e5e;
  flex: 1;
  font-size: 13px;
  line-height: 20px;
}

.form-checkbox:disabled + .form-checkbox-custom {
  cursor: not-allowed;
  background-color: #f5f6f7;
  border-color: #e0e6ed;
}

.form-checkbox:disabled ~ .form-checkbox-text {
  color: #9aa5b1;
  cursor: not-allowed;
}

.woocommerce-form__label-for-checkbox {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  display: flex !important;
}

.woocommerce form .form-row:after, .woocommerce form .form-row:before, .woocommerce-page form .form-row:after, .woocommerce-page form .form-row:before {
  content: none !important;
}

.woocommerce-form-login__submit {
  width: 100%;
  float: none !important;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  margin: calc(var(--spacing) * 0) !important;
  --tw-border-style: none !important;
  padding: calc(var(--spacing) * 0) !important;
  border-style: none !important;
}

.woocommerce legend {
  --tw-leading: 20px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 13px;
  line-height: 20px;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: 15px;
}

.woocommerce legend .optional-field {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #919191;
}

.woocommerce-form-group-row {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #c6c6c6;
}

.woocommerce-form-group-row .woocommerce-form-row {
  margin-bottom: calc(var(--spacing) * 0) !important;
}

.woocommerce-form-group-row .woocommerce-form-row .woocommerce-Input {
  --tw-border-style: none !important;
  --tw-ring-color: transparent !important;
  border-style: none !important;
}

.woocommerce-form-group-row .woocommerce-form-row .woocommerce-Input:focus {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}

.woocommerce-form-group-row hr {
  color: #c6c6c6;
  margin-inline: 15px;
}

.status-message {
  --tw-leading: 20px;
  margin-top: 20px;
  padding-block: 10px;
  padding-inline: 20px;
  font-size: 13px;
  line-height: 20px;
  display: none;
}

.status-message.is-error {
  color: var(--color-white);
  background-color: #981420;
  display: block;
}

.status-message.is-success {
  color: var(--color-white);
  background-color: #178240;
  display: block;
}

.woocommerce-privacy-policy-text {
  margin-top: 20px;
}

.anf-password-modal {
  z-index: 10000;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.anf-password-modal.is-open {
  display: flex;
}

.anf-password-modal__overlay {
  background: #0000008c;
  position: absolute;
  inset: 0;
}

.anf-password-modal__dialog {
  z-index: 1;
  background: #fff;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 540px;
  max-height: 90vh;
  padding: 40px;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.anf-password-modal__dialog h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.anf-password-modal__dialog p.description {
  color: #4b5563;
  margin: 0 0 4px;
  font-size: 14px;
}

.anf-password-modal__close {
  cursor: pointer;
  color: #374151;
  background: none;
  border: none;
  padding: 4px;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: 12px;
  right: 12px;
}

.anf-password-modal__footer {
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.anf-password-modal__footer button {
  flex: 1;
}

.password-change-requirements {
  color: #666;
  margin-top: 4px;
  font-size: 12px;
}

.password-change-requirements ul {
  margin: 4px 0 0 20px;
  padding: 0;
  list-style: outside;
}

#password-change-strength-indicator.strength-1 .password-strength-block.active {
  background: #981420;
}

#password-change-strength-indicator.strength-2 .password-strength-block.active {
  background: #f5bd03;
}

#password-change-strength-indicator.strength-3 .password-strength-block.active, #password-change-strength-indicator.strength-4 .password-strength-block.active {
  background: #008533;
}

.password-strength-text {
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 500;
}

.password-strength-inline {
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.password-strength-block {
  opacity: .6;
  background: #c6c6c6;
  border-radius: 5px;
  flex: 1;
  height: 8px;
  transition: background-color .25s, opacity .25s;
}

.password-strength-block.active {
  opacity: 1;
}

#password-strength-indicator.strength-1 .password-strength-block.active {
  background: #981420;
}

#password-strength-indicator.strength-2 .password-strength-block.active {
  background: #f5bd03;
}

#password-strength-indicator.strength-3 .password-strength-block.active, #password-strength-indicator.strength-4 .password-strength-block.active {
  background: #008533;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
  right: 15px;
}

.anf-address-modal {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.anf-address-modal.is-open {
  display: flex;
}

.anf-address-modal__overlay {
  background: #0000008c;
  position: absolute;
  inset: 0;
}

.anf-address-modal__dialog {
  z-index: 1;
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  max-width: 540px;
  max-height: 90vh;
  padding: 24px;
  display: flex;
  position: relative;
  box-shadow: 0 20px 60px #00000040;
}

.anf-address-modal__dialog > h3 {
  flex-shrink: 0;
  margin: 0 0 16px;
}

.anf-address-modal__dialog > form {
  flex: 1;
  padding-right: 8px;
  overflow-y: auto;
}

.anf-address-modal__dialog > form::-webkit-scrollbar {
  width: 6px;
}

.anf-address-modal__dialog > form::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.anf-address-modal__dialog > form::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.anf-address-modal__dialog > form::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.anf-address-modal__close {
  cursor: pointer;
  z-index: 10;
  background: none;
  border: none;
  font-size: 22px;
  position: absolute;
  top: 12px;
  right: 12px;
}

.anf-address-modal__message {
  color: #0a662e;
  flex-shrink: 0;
  margin-top: 8px;
  font-size: 14px;
}

.anf-address-modal__message.is-error {
  color: #b42318;
}

.anf-field-error {
  box-shadow: 0 0 0 1px #b4231859;
  border-color: #b42318 !important;
}

.anf-field-error-text {
  color: #b42318;
  margin-top: 4px;
  font-size: 12px;
  display: block;
}

.woocommerce-address-book-edit__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  display: flex;
}

.woocommerce-address-book-edit__item {
  border: 1px solid #c6c6c6;
  margin-bottom: 20px;
  padding: 20px;
}

.woocommerce-address-book-edit__item-header {
  margin-bottom: 12px;
}

.woocommerce-address-book-edit__item-header strong {
  margin-bottom: 8px;
  display: block;
}

.woocommerce-address-book-edit__item-meta {
  color: #666;
  font-size: 14px;
}

.woocommerce-address-book-edit__item-meta div {
  line-height: 1.5;
}

.woocommerce-address-book-edit__default-badge {
  color: #fff;
  background: #008533;
  border-radius: 3px;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 12px;
}

.woocommerce-address-book-edit__actions-row {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.woocommerce-password-strength {
  display: none !important;
}

.search-button {
  cursor: pointer;
  color: #253746;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideOutRight {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(100%);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.search-overlay {
  inset: calc(var(--spacing) * 0);
  background-color: #0009;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

@supports (color: color-mix(in lab, red, red)) {
  .search-overlay {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}

.search-overlay {
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}

.search-overlay.is-opened {
  opacity: 1;
  pointer-events: auto;
}

.search-popup {
  z-index: 10;
  visibility: hidden;
  background-color: #fff;
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.close-search-popup {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}

.wp-block-refine-lab-widget-search {
  position: relative;
}

.wp-block-refine-lab-widget-search .search-dropdown {
  z-index: 11;
  background-color: #fff;
  border: 1px solid #c6c6c6;
  border-top: none;
  width: 100%;
  margin-top: -12px;
  position: absolute;
  top: 100%;
  left: 0;
}

.wp-block-refine-lab-menu-search {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  display: flex;
}

.wishlist-button {
  cursor: pointer;
  color: #253746;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  display: inline-flex;
  position: relative;
}

.wishlist-button.is-opened {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--color-primary);
}

.wishlist-popup {
  z-index: 1000;
  min-width: 200px;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.wp-block-refine-lab-mini-wishlist {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.skeleton {
  --lines: 1;
  --l-h: 20px;
  --l-gap: 10px;
  --g-gap: 15px;
  --c-w: 300px;
  --c-p: 10px;
  --bg: #f0f0f0;
  --c-bg: transparent;
  --shine: #fff3;
  --t: 2s;
  --c-s: 40px;
  --c-pos: center;
  --rect-h: 80px;
  padding: var(--c-p);
  width: var(--c-w);
  background: var(--c-bg);
  --ln: linear-gradient(#000, #000);
  --circle: radial-gradient(calc(var(--c-s) / 2) calc(var(--c-s) / 2) at 50% 50%, #000 98%, transparent 100%);
  --m: unset;
  --m-r: inherit;
  position: relative;
  box-sizing: border-box !important;
}

.skeleton:before, .skeleton:after {
  content: "";
  left: var(--c-p);
  top: var(--c-p);
  width: calc(100% - calc(var(--c-p) * 2));
  height: calc(100% - calc(var(--c-p) * 2));
  -webkit-mask: var(--m);
  -webkit-mask: var(--m);
  -webkit-mask: var(--m);
  mask: var(--m);
  -webkit-mask-repeat: var(--m-r);
  -webkit-mask-repeat: var(--m-r);
  -webkit-mask-repeat: var(--m-r);
  mask-repeat: var(--m-r);
  position: absolute;
}

.skeleton:before {
  background: var(--bg);
}

.skeleton:after {
  background: linear-gradient(to right, transparent 0 20%, var(--shine), transparent 80% 100%) -300% 0/80% 100% no-repeat;
  animation: s var(--t) linear infinite;
}

@keyframes s {
  to {
    background-position: 600% 0;
  }
}

.skeleton.no-animate:after {
  animation: none;
}

.skeleton.skeleton-line {
  height: calc((var(--l-h) * var(--lines)) + (var(--l-gap) * (var(--lines) - 1)) + var(--c-p) * 2);
  --m: linear-gradient(#000 0 var(--l-h), transparent var(--l-h) calc(var(--l-h) + var(--l-gap))) 0 0/100% calc(var(--l-h) + var(--l-gap));
}

.skeleton.skeleton-circle {
  width: calc(var(--c-s) + var(--c-p) * 2);
  height: calc(var(--c-s) + var(--c-p) * 2);
  --m: var(--circle) 0 50% / var(--c-s) var(--c-s) no-repeat;
}

.skeleton.skeleton-circle-line {
  height: calc(var(--c-s) + var(--c-p) * 2);
  --m: var(--circle) 0 50% / calc(var(--c-s)) calc(var(--c-s)),
      var(--ln) calc(var(--c-s) + var(--g-gap)) var(--c-pos)/100% var(--l-h);
  --m-r: no-repeat;
}

.skeleton.skeleton-circle-multi-line {
  height: calc((var(--l-h) * var(--lines)) + (var(--l-gap) * (var(--lines) - 1)) + var(--c-p) * 2);
  --m: var(--circle) 0 var(--c-pos) / calc(var(--c-s)) calc(var(--c-s)),
      linear-gradient(#000 0 var(--l-h), transparent var(--l-h) calc(var(--l-h) + var(--l-gap))) calc(var(--c-s) + var(--g-gap)) 0%/100% calc(var(--l-h) + var(--l-gap));
  --m-r: no-repeat, no-repeat repeat;
}

.skeleton.skeleton-circle-multi-line.adapt-to-circle {
  height: calc(var(--c-s) + var(--c-p) * 2);
  --m-r: no-repeat, no-repeat space;
}

.skeleton.skeleton-rect {
  height: calc(((var(--l-h) * var(--lines)) + (var(--l-gap) * (var(--lines) - 1)) + var(--g-gap)) * clamp(0, var(--lines), 1) + var(--rect-h) + var(--c-p) * 2);
  --m: var(--ln) 0 0/100% var(--rect-h),
      repeating-linear-gradient(#000 0 var(--l-h), transparent var(--l-h) calc(var(--l-h) + var(--l-gap))) 0 calc(var(--rect-h) + var(--g-gap)) / 100% calc(100% - (var(--rect-h) + var(--g-gap)));
  --m-r: no-repeat;
}

.skeleton.skeleton-chart-line {
  --chart-btm: 40px;
  --chart-h: 200px;
  height: calc(var(--chart-h) + var(--c-p) * 2);
  --m: var(--ln) 0 100% / 100% var(--chart-btm),
      linear-gradient(to left bottom, transparent 0 49.5%, #000 50% 100%) left 0 bottom var(--chart-btm) / calc((var(--c-w) / 10) * 2) calc(var(--chart-h) / 2),
      linear-gradient(to right bottom, transparent 0 49.5%, #000 50% 100%) left calc((var(--c-w) / 10) * 2) bottom var(--chart-btm) / calc((var(--c-w) / 10) * 3) calc(var(--chart-h) - var(--chart-btm)),
      linear-gradient(to left bottom, transparent 0 49.5%, #000 50% 100%) left calc((var(--c-w) / 10) * 5) bottom var(--chart-btm) / calc((var(--c-w) / 10) * 3) calc(var(--chart-h) - var(--chart-btm)),
      linear-gradient(to right bottom, transparent 0 49.5%, #000 50% 100%) left calc((var(--c-w) / 10) * 8) bottom var(--chart-btm) / calc((var(--c-w) / 10) * 2.5) calc(var(--chart-h) / 2.5);
  --m-r: no-repeat;
}

.skeleton.skeleton-chart-columns {
  --cols: 5;
  --col-w: 25px;
  --col-gap: 25px;
  --o-l: calc(var(--col-w) + var(--col-gap));
  --chart-h: 200px;
  height: calc(var(--chart-h) + var(--c-p) * 2);
  width: calc(((var(--cols) - 1) * var(--o-l)) + var(--col-w) + var(--c-p) * 2);
  --m: var(--ln) 0 100% / var(--col-w) calc((var(--chart-h) / 10) * 4),
      var(--ln) calc(var(--o-l)) 100% / var(--col-w) calc((var(--chart-h) / 10) * 3),
      var(--ln) calc(var(--o-l) * 2) 100% / var(--col-w) calc((var(--chart-h) / 10) * 6),
      var(--ln) calc(var(--o-l) * 3) 100% / var(--col-w) calc((var(--chart-h) / 10) * 8),
      var(--ln) calc(var(--o-l) * 4) 100% / var(--col-w) calc((var(--chart-h) / 10) * 2),
      var(--ln) calc(var(--o-l) * 5) 100% / var(--col-w) calc((var(--chart-h) / 10) * 5),
      var(--ln) calc(var(--o-l) * 6) 100% / var(--col-w) calc((var(--chart-h) / 10) * 4),
      var(--ln) calc(var(--o-l) * 7) 100% / var(--col-w) calc((var(--chart-h) / 10) * 9),
      var(--ln) calc(var(--o-l) * 8) 100% / var(--col-w) calc((var(--chart-h) / 10) * 2),
      var(--ln) calc(var(--o-l) * 9) 100% / var(--col-w) calc((var(--chart-h) / 10) * 7);
  --m-r: no-repeat;
}

.skeleton.skeleton-card-1 {
  --card-h: 150px;
  --g-gap: 30px;
  --c-s: 30px;
  --c-w-o: (var(--c-w) - var(--c-p) * 2);
  height: calc(var(--card-h) + var(--c-p) * 2);
  --r-x: calc((var(--c-w-o) / 4) + var(--g-gap));
  --l-x: calc((var(--c-w-o) / 4) + var(--g-gap) + var(--c-s) + var(--l-gap));
  --l-w: calc((var(--c-w-o) - (var(--c-w-o) / 4 + (var(--g-gap) * 2) + (var(--l-gap) * 2) + var(--c-s) * 2)) / 2);
  --m: var(--ln) 0 0 / calc(var(--c-w-o) / 4) var(--card-h),
      var(--ln) calc((var(--c-w-o) / 4) + var(--g-gap)) 0 / calc(var(--c-w-o) - ((var(--c-w-o) / 4) + var(--g-gap))) calc(var(--card-h) / 5),
      var(--ln) calc((var(--c-w-o) / 4) + var(--g-gap)) calc(var(--card-h) / 3) / calc(var(--c-w-o) - ((var(--c-w-o) / 4) + var(--g-gap))) calc(var(--card-h) / 8),
      var(--ln) calc((var(--c-w-o) / 4) + var(--g-gap)) calc(var(--card-h) / 1.8) / calc(var(--c-w-o) - ((var(--c-w-o) / 4) + var(--g-gap))) calc(var(--card-h) / 8),
      var(--circle) var(--r-x) 100% / calc(var(--c-s)) calc(var(--c-s)),
      var(--ln) left var(--l-x) bottom calc((var(--c-s) - (var(--card-h) / 8)) / 2) / var(--l-w) calc(var(--card-h) / 8),
      var(--circle) calc(var(--l-x) + var(--l-w) + var(--g-gap)) 100% / calc(var(--c-s)) calc(var(--c-s)),
      var(--ln) left calc(var(--l-x) + var(--l-w) + var(--c-s) + var(--g-gap) + var(--l-gap)) bottom calc((var(--c-s) - (var(--card-h) / 8)) / 2) / var(--l-w) calc(var(--card-h) / 8);
  --m-r: no-repeat;
}

.skeleton.skeleton-card-2 {
  --f-l-w: 90%;
  --f-l-h: 25px;
  --f-l-c: var(--bg);
  --s-l-w: 70%;
  --s-l-h: 20px;
  --s-l-c: var(--bg);
  --s-l-m-t: 15px;
  height: calc(var(--f-l-h) + var(--s-l-m-t) + var(--s-l-h) + var(--g-gap) + ((var(--l-h) * var(--lines)) + (var(--l-gap) * (var(--lines) - 1))) + var(--c-p) * 2);
  --top: calc(var(--f-l-h) + var(--s-l-m-t) + var(--s-l-h) + var(--g-gap));
  --m: var(--ln) 0 0/var(--f-l-w) var(--f-l-h),
      var(--ln) 0 calc(var(--f-l-h) + var(--s-l-m-t)) / var(--s-l-w) var(--s-l-h),
      var(--ln) 0 var(--top) / 100% var(--l-h),
      var(--ln) 0 calc(var(--top) + (var(--l-h) + var(--l-gap))) / 100% var(--l-h),
      var(--ln) 0 calc(var(--top) + ((var(--l-h) + var(--l-gap)) * 2)) / 80% var(--l-h),
      var(--ln) 0 calc(var(--top) + ((var(--l-h) + var(--l-gap)) * 3)) / 100% var(--l-h),
      var(--ln) 0 calc(var(--top) + ((var(--l-h) + var(--l-gap)) * 4)) / 100% var(--l-h),
      var(--ln) 0 calc(var(--top) + ((var(--l-h) + var(--l-gap)) * 5)) / 80% var(--l-h);
  --m-r: no-repeat;
}

.skeleton.skeleton-card-2:before {
  background: linear-gradient(var(--f-l-c), var(--f-l-c)) 0 0/var(--f-l-w) var(--f-l-h) no-repeat, linear-gradient(var(--s-l-c), var(--s-l-c)) 0 calc(var(--f-l-h) + var(--s-l-m-t))/var(--s-l-w) var(--s-l-h) no-repeat, var(--bg);
}

.skeleton.skeleton-card-3 {
  --c-w: 100%;
  --c-s: 50px;
  --g-gap: 30px;
  --f-l-w: 200px;
  --f-l-h: 20px;
  --s-l-w: 130px;
  --s-l-h: 10px;
  --l-h: 10px;
  --lines: 3;
  --s-l-m-t: 10px;
  height: calc(var(--l-h) * var(--lines) + var(--l-gap) * (var(--lines) - 1) + var(--g-gap) + var(--c-s) + var(--f-l-h) + var(--s-l-h));
  --m: var(--circle) 0 0/var(--c-s) var(--c-s),
      var(--ln) calc(var(--c-s) + var(--g-gap)) 0 / var(--f-l-w) var(--f-l-h),
      var(--ln) calc(var(--c-s) + var(--g-gap)) calc(var(--f-l-h) + var(--s-l-m-t)) / var(--s-l-w) var(--s-l-h),
      repeating-linear-gradient(#000 0 var(--l-h), transparent var(--l-h) calc(var(--l-h) + var(--l-gap))) 0 calc(var(--c-s) + var(--g-gap)) / 100% 100%;
  --m-r: no-repeat;
}

.skeleton.skeleton-list {
  --bullet-ratio: 1.4;
  --b: calc(var(--l-h) * var(--bullet-ratio));
  --p: calc((var(--b) - var(--l-h)) / 2);
  height: calc(var(--b) + ((var(--b) + var(--l-gap)) * (var(--lines) - 1)) + var(--c-p) * 2);
  --m: repeating-linear-gradient(#000 0 var(--b), transparent var(--b) calc(var(--b) + var(--l-gap))) 0 0 / var(--b) 100%,
      repeating-linear-gradient(transparent 0 var(--p), #000 var(--p) calc(var(--p) + var(--l-h)), transparent calc(var(--p) + var(--l-h)) calc(calc(var(--p) * 2 + var(--l-gap) + var(--l-h)))) calc(var(--b) + var(--g-gap)) 0 / calc(var(--c-w) - (var(--b) + var(--g-gap))) 100%;
  --m-r: no-repeat;
}

.skeleton.skeleton-youtube {
  --g-gap: 10px;
  --rect-h: 150px;
  --c-s: 36px;
  height: calc(var(--rect-h) + var(--g-gap) + var(--l-gap) + (var(--l-h) * 2) + var(--c-p) * 2);
  --m: var(--ln) 0 0 / 100% var(--rect-h),
      var(--circle) 0 calc(var(--rect-h) + var(--g-gap)) / var(--c-s) var(--c-s),
      var(--ln) calc(var(--c-s) + var(--g-gap)) calc(var(--rect-h) + var(--g-gap)) / calc(((var(--c-w) - var(--c-p) * 2) - (var(--c-s) + var(--g-gap))) * .85) var(--l-h),
      var(--ln) calc(var(--c-s) + var(--g-gap)) calc(var(--rect-h) + var(--g-gap) + var(--l-h) + var(--l-gap)) / calc(((var(--c-w) - var(--c-p) * 2) - (var(--c-s) + var(--g-gap))) * .6) var(--l-h);
  --m-r: no-repeat;
}

.skeleton.skeleton-image {
  --i-w: 250px;
  height: var(--i-w);
  width: var(--i-w);
  --cw: calc((var(--i-w) - var(--c-p) * 2) / 12);
  --ch: calc(var(--i-w) / 12);
  --c-s: calc(var(--i-w) / 4);
  --m: linear-gradient(to left top, #000 50%, transparent 50.5%) 0 100%/calc(var(--cw) * 2) calc(var(--ch) * 4),
      linear-gradient(to right top, #000 50%, transparent 50.5%) calc(var(--cw) * 2) 100%/calc(var(--cw) * 2) calc(var(--ch) * 4),
      linear-gradient(to left top, #000 50%, transparent 50.5%) calc(var(--cw) * 4) 100%/calc(var(--cw) * 4) calc(var(--ch) * 6),
      linear-gradient(to right top, #000 50%, transparent 50.5%) calc(var(--cw) * 8) 100%/calc(var(--cw) * 4) calc(var(--ch) * 6),
      var(--circle) left calc(var(--i-w) / 8) top calc(var(--i-w) / 8) / var(--c-s) var(--c-s);
  --m-r: no-repeat;
}

html, body {
  font-family: var(--font-noto-sans);
  text-rendering: geometricprecision;
}

h1, .h1 {
  --tw-leading: 36px;
  --tw-tracking: .02em;
  letter-spacing: .02em;
  font-size: 28px;
  line-height: 36px;
}

h2, .h2 {
  --tw-leading: 28px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 20px;
  line-height: 28px;
  font-weight: var(--font-weight-bold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
}

h3, .h3 {
  --tw-leading: 22px;
  --tw-tracking: .02em;
  letter-spacing: .02em;
  font-size: 16px;
  line-height: 22px;
}

h4, .h4, h5, .h5, h6, .h6 {
  --tw-leading: 22px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 15px;
  line-height: 22px;
  font-weight: var(--font-weight-bold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
}

p {
  --tw-leading: calc(var(--spacing) * 5);
  font-size: 13px;
  line-height: calc(var(--spacing) * 5);
  --tw-tracking: .02em;
  letter-spacing: .02em;
}

a {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out);
}

hr {
  color: #c6c6c6;
}

input[type="password"] {
  letter-spacing: .125em !important;
  font-family: Verdana !important;
}

select {
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAxNC44MzY1TDE3Ljg3NjYgOC4yNUwxOC4zMzMzIDguNjg3NDZMMTEuMjI4MyAxNS40OTI3QzExLjEwMjIgMTUuNjEzNSAxMC44OTc3IDE1LjYxMzUgMTAuNzcxNiAxNS40OTI3TDMuNjY2NjUgOC42ODc0Nkw0LjEyMzM3IDguMjVMMTEgMTQuODM2NVoiIGZpbGw9IiMyNTM3NDYiLz4KPC9zdmc+") !important;
}

p:empty {
  display: none;
}

.wp-block-refine-lab-rwd:has(.hide-on-mobile), .hide-on-mobile {
  display: block;
}

@media (min-width: 40rem) {
  .wp-block-refine-lab-rwd:has(.hide-on-mobile), .hide-on-mobile {
    height: calc(var(--spacing) * 0);
    display: none;
  }
}

.wp-block-refine-lab-rwd:has(.hide-on-tablet), .hide-on-tablet {
  display: block;
}

@media (min-width: 48rem) {
  .wp-block-refine-lab-rwd:has(.hide-on-tablet), .hide-on-tablet {
    height: calc(var(--spacing) * 0);
    display: none;
  }
}

.wp-block-refine-lab-rwd:has(.hide-on-desktop), .hide-on-desktop {
  display: block;
}

@media (min-width: 64rem) {
  .wp-block-refine-lab-rwd:has(.hide-on-desktop), .hide-on-desktop {
    height: calc(var(--spacing) * 0);
    display: none;
  }
}

.wp-block-refine-lab-rwd:has(.hide-on-widescreen), .hide-on-widescreen {
  display: block;
}

@media (min-width: 80rem) {
  .wp-block-refine-lab-rwd:has(.hide-on-widescreen), .hide-on-widescreen {
    height: calc(var(--spacing) * 0);
    display: none;
  }
}

.wp-block-refine-lab-rwd:has(.show-on-mobile), .show-on-mobile {
  height: calc(var(--spacing) * 0);
  display: none;
}

@media (min-width: 40rem) {
  .wp-block-refine-lab-rwd:has(.show-on-mobile), .show-on-mobile {
    height: auto;
    display: block;
  }
}

.wp-block-refine-lab-rwd:has(.show-on-tablet), .show-on-tablet {
  height: calc(var(--spacing) * 0);
  display: none;
}

@media (min-width: 48rem) {
  .wp-block-refine-lab-rwd:has(.show-on-tablet), .show-on-tablet {
    height: auto;
    display: block;
  }
}

.wp-block-refine-lab-rwd:has(.show-on-desktop), .show-on-desktop {
  height: calc(var(--spacing) * 0);
  display: none;
}

@media (min-width: 64rem) {
  .wp-block-refine-lab-rwd:has(.show-on-desktop), .show-on-desktop {
    height: auto;
    display: block;
  }
}

.wp-block-refine-lab-rwd:has(.show-on-widescreen), .show-on-widescreen {
  height: calc(var(--spacing) * 0);
  display: none;
}

@media (min-width: 80rem) {
  .wp-block-refine-lab-rwd:has(.show-on-widescreen), .show-on-widescreen {
    height: auto;
    display: block;
  }
}

.wp-block-refine-lab-button a {
  border-style: var(--tw-border-style);
  min-width: 200px;
  padding-block: calc(var(--spacing) * 5);
  text-align: center;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  border-width: 1px;
  text-decoration-line: none;
  display: block;
}

.wp-block-refine-lab-button p {
  margin: calc(var(--spacing) * 0);
}

.wp-block-refine-lab-button.is-style-default a {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background-color: #0000;
}

@media (hover: hover) {
  .wp-block-refine-lab-button.is-style-default a:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}

.wp-block-refine-lab-button.is-style-white a {
  border-color: var(--color-white);
  color: var(--color-white);
  background-color: #0000;
}

@media (hover: hover) {
  .wp-block-refine-lab-button.is-style-white a:hover {
    background-color: var(--color-white);
    color: var(--color-black);
  }
}

.wp-block-refine-lab-button.is-style-grey a {
  color: var(--color-primary);
  background-color: #0000;
  border-color: #919191;
}

@media (hover: hover) {
  .wp-block-refine-lab-button.is-style-grey a:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}

.wp-block-group-is-layout-grid {
  padding-top: 1px;
  padding-left: 1px;
}

.wp-block-group-is-layout-grid .wp-block-refine-lab-button {
  margin-top: -1px;
  margin-left: -1px;
}

:root {
  --refine-lab-header-height: 50px;
}

@media (min-width: 1024px) {
  :root {
    --refine-lab-header-height: 72px;
  }
}

#wpadminbar {
  position: fixed;
}

.wp-block-refine-lab-header {
  inset-inline: calc(var(--spacing) * 0);
  z-index: 30;
  background-color: var(--color-white);
  width: 100%;
  top: var(--wp-admin--admin-bar--height, 0px);
  height: var(--refine-lab-header-height);
  position: fixed;
}

.wp-block-refine-lab-header > .acf-innerblocks-container, .wp-block-refine-lab-header > .acf-innerblocks-container > .wp-block-group, .wp-block-refine-lab-header > .acf-innerblocks-container > .wp-block-group > .wp-block-group {
  height: 100%;
}

.wp-block-refine-lab-header .header-overlay {
  content: "";
  top: calc(var(--refine-lab-header-height) + var(--wp-admin--admin-bar--height, 0px));
  inset-inline: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 5;
  background-color: #0009;
  position: fixed;
}

@supports (color: color-mix(in lab, red, red)) {
  .wp-block-refine-lab-header .header-overlay {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}

.header-spacing {
  height: var(--refine-lab-header-height);
}

.wp-block-refine-lab-rwd > .acf-innerblocks-container, .wp-block-refine-lab-rwd > .acf-innerblocks-container > .wp-block-group {
  height: 100%;
}

.wp-block-refine-menu > .acf-innerblocks-container {
  flex-direction: row;
  align-items: center;
  height: 100%;
  display: flex;
}

.wp-block-refine-lab-menu-panel {
  height: 100%;
  position: relative;
}

.wp-block-refine-lab-menu-panel > div > a, .wp-block-refine-lab-menu-panel > a {
  border-bottom-style: var(--tw-border-style);
  height: 100%;
  font-family: var(--font-noto-sans);
  --tw-font-weight: var(--font-weight-bold);
  font-size: 15px;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  height: var(--refine-lab-header-height);
  border-color: #0000;
  border-bottom-width: 2px;
  align-items: center;
  display: flex;
}

:is(.wp-block-refine-lab-menu-panel > div > a, .wp-block-refine-lab-menu-panel > a).active {
  border-color: var(--color-primary);
}

.wp-block-refine-lab-menu-panel .menu-panel-container {
  background-color: var(--color-white);
  position: absolute;
  top: 100%;
  left: -60px;
}

.wp-block-refine-lab-menu-panel .menu-panel-container > .acf-innerblocks-container {
  z-index: 10;
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 10);
  position: relative;
}

.wp-block-refine-lab-menu-item > a, .wp-block-refine-lab-menu-item .menu-item-preview {
  align-items: center;
  font-size: 13px;
  display: flex;
}

.wp-block-refine-lab-menu-item.is-style-heading > a, .wp-block-refine-lab-menu-item.is-style-heading .menu-item-preview {
  padding-block: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-bold);
  font-size: 15px;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}

.wp-block-refine-lab-menu-item .menu-item-icon {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out);
  margin-left: auto;
}

.wp-block-refine-lab-menu-item .menu-item-icon.expanded {
  rotate: 180deg;
}

.wp-block-refine-lab-menu-mobile .menu-mobile-panel {
  inset: calc(var(--spacing) * 0);
  z-index: 20;
  background-color: var(--color-white);
  width: 100%;
  max-width: 400px;
  padding-top: calc(var(--spacing) * 10);
  position: fixed;
  overflow-y: auto;
}

@media (min-width: 48rem) {
  .wp-block-refine-lab-menu-mobile .menu-mobile-panel {
    width: 340px;
  }
}

.wp-block-refine-lab-menu-mobile .menu-mobile-panel {
  top: var(--wp-admin--admin-bar--height, 0px);
}

.wp-block-refine-lab-menu-mobile .menu-mobile-panel .menu-mobile-close {
  top: calc(var(--spacing) * 2.5);
  right: calc(var(--spacing) * 2.5);
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.wp-block-refine-lab-menu-mobile .menu-mobile-panel .menu-mobile-body {
  top: calc(var(--spacing) * 10);
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  position: absolute;
}

.wp-block-refine-lab-menu-mobile .menu-mobile-overlay {
  content: "";
  inset: calc(var(--spacing) * 0);
  z-index: 10;
  background-color: #0009;
  position: fixed;
}

@supports (color: color-mix(in lab, red, red)) {
  .wp-block-refine-lab-menu-mobile .menu-mobile-overlay {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}

.wp-block-refine-lab-bg-image .acf-innerblocks-container {
  position: relative;
}

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

.wp-block-refine-lab-help {
  vertical-align: middle;
  display: inline-block;
}

.block-tabs {
  margin-bottom: calc(var(--spacing) * 5);
  justify-content: space-evenly;
  display: flex;
}

.block-tabs li {
  cursor: pointer;
  border-bottom-style: var(--tw-border-style);
  width: 100%;
  color: var(--color-primary);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
  border-color: #c6c6c6;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  padding-block: 15px;
  display: flex;
}

.block-tabs li.active {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-color: var(--color-primary);
  margin-bottom: -1px;
  padding-bottom: 14px;
}

.block-tabs li:hover {
  border-color: var(--color-primary);
}

.block-select {
  position: relative;
}

.block-select label {
  color: #5e5e5e;
  font-size: 11px;
  position: absolute;
  top: 10px;
  left: 15px;
}

.block-select select {
  appearance: none;
  border-style: var(--tw-border-style);
  color: var(--color-primary);
  border-width: 1px;
  border-color: #c6c6c6;
  padding: 30px 42px 10px 15px;
}

.block-select select:focus {
  border-color: var(--color-primary);
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  outline-style: none;
}

.block-radio {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #c6c6c6;
  display: flex;
}

.block-radio label {
  margin-bottom: calc(var(--spacing) * 0);
}

.block-radio label span {
  cursor: pointer;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  text-transform: uppercase;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
  align-items: center;
  padding-block: 15px;
  display: flex;
}

.block-radio label input[type="radio"] {
  display: none;
}

.block-radio label input[type="radio"]:checked + span {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
}

.tagged_as {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  flex-wrap: wrap;
  display: flex;
}

.tagged_as a {
  background-color: var(--color-primary);
  font-family: var(--font-noto-sans);
  --tw-font-weight: var(--font-weight-bold);
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  text-transform: uppercase;
  padding-block: 5px;
  padding-inline: 10px;
  display: inline-block;
}

.product-tag {
  background-color: var(--color-primary);
  font-family: var(--font-noto-sans);
  --tw-leading: 15px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 11px;
  line-height: 15px;
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  text-transform: uppercase;
  padding-block: 5px;
  padding-inline: 10px;
  display: inline-block;
}

.woocommerce-variation-add-to-cart {
  gap: 15px;
  width: 100%;
  display: flex !important;
}

.woocommerce-variation-add-to-cart .quantity {
  margin: calc(var(--spacing) * 0) !important;
}

.woocommerce-variation-add-to-cart .quantity select.qty {
  appearance: none;
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  width: 90px;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  outline-style: none;
  margin-right: calc(var(--spacing) * 0) !important;
}

@media (hover: hover) {
  .woocommerce-variation-add-to-cart .quantity select.qty:hover {
    border-color: var(--color-primary);
  }
}

.woocommerce-variation-add-to-cart .quantity select.qty:focus {
  border-color: var(--color-primary);
}

.woocommerce-variation-add-to-cart button.single_add_to_cart_button {
  --tw-font-weight: var(--font-weight-bold);
  width: 100%;
  font-size: 15px;
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  text-transform: uppercase;
  background-color: #178240;
  border-color: #178240;
  padding: 20px;
}

.woocommerce-variation-add-to-cart button.single_add_to_cart_button.loading {
  cursor: not-allowed;
  background-color: #919191;
  border-color: #919191;
}

.woocommerce-variation-add-to-cart button.single_add_to_cart_button:disabled, .woocommerce-variation-add-to-cart button.single_add_to_cart_button.disabled {
  cursor: not-allowed;
  opacity: .5;
}

.quickview-btn-add-to-cart.loading {
  cursor: not-allowed !important;
  background-color: #919191 !important;
  border-color: #919191 !important;
}

.sticky-bottom {
  position: sticky;
  bottom: 20px;
}

.sticky-top-header {
  top: calc(var(--refine-lab-header-height, 0px) + var(--wp-admin--admin-bar--height, 0px));
  position: sticky;
}

.sticky-top {
  position: sticky;
  top: 0;
}

.max-h-under-header {
  max-height: calc(100vh - var(--refine-lab-header-height, 0px) - var(--wp-admin--admin-bar--height, 0px));
  overflow-y: auto;
}

.woocommerce .wp-block-woocommerce-product-image-gallery {
  max-width: 100%;
}

.woocommerce-product-gallery__wrapper {
  white-space: nowrap;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
  overflow-x: auto;
}

@media (min-width: 825px) {
  .woocommerce-product-gallery__wrapper {
    white-space: normal;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }
}

.woocommerce-product-gallery__wrapper a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.woocommerce-product-gallery__wrapper.woocommerce-product-gallery__wrapper--single {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.gallery-thumbnails {
  z-index: 10;
  flex-direction: column;
  gap: 10px;
  display: flex;
  position: fixed;
  top: 15px;
  left: 15px;
}

.gallery-thumbnails .gallery-thumbnail {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #0000;
  width: 71px;
  height: 84px;
  overflow: hidden;
}

.gallery-thumbnails .gallery-thumbnail.active {
  border-color: var(--color-primary);
  --tw-outline-style: none;
  outline-style: none;
}

.lity {
  background-color: #0009 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .lity {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent) !important;
  }
}

.lity-close {
  z-index: 10;
  background-color: #ffffff80 !important;
  border-radius: 3.40282e38px !important;
  width: 40px !important;
  height: 40px !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .lity-close {
    background-color: color-mix(in oklab, var(--color-white) 50%, transparent) !important;
  }
}

.lity-close {
  font-family: var(--font-noto-sans) !important;
  text-shadow: none !important;
  color: #171f1e !important;
  font-size: 18px !important;
  font-style: normal !important;
  line-height: 18px !important;
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
}

.variations_form {
  flex-direction: column;
  display: flex !important;
}

.wc-block-mini-cart__quantity-badge svg {
  display: none;
}

.wc-block-mini-cart__quantity-badge:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3.78261C10.3549 3.78261 9.06452 5.07696 9.06452 6.61957V7.30435H14.9355V6.61957C14.9355 5.07696 13.6451 3.78261 12 3.78261ZM15.6882 7.30435V6.61957C15.6882 4.59817 14.0145 3 12 3C9.98549 3 8.31183 4.59817 8.31183 6.61957V7.30435H5.37634C5.16849 7.30435 5 7.47954 5 7.69565V19.4982C5 20.3255 5.64871 21 6.44441 21H17.5556C18.3513 21 19 20.3255 19 19.4982V7.69565C19 7.47954 18.8315 7.30435 18.6237 7.30435H15.6882ZM14.9355 8.08696V10.3902H15.6882V8.08696H18.2473V19.4982C18.2473 19.8933 17.9356 20.2174 17.5556 20.2174H6.44441C6.06441 20.2174 5.75269 19.8933 5.75269 19.4982V8.08696H8.31183V10.3902H9.06452V8.08696H14.9355Z' fill='currentColor'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 0;
  display: block;
}

.wp-block-columns.is-style-single-product {
  flex-direction: column;
  margin-inline: auto;
}

@media (min-width: 825px) {
  .wp-block-columns.is-style-single-product {
    flex-direction: row;
    padding-inline: 3%;
  }
}

@media (min-width: 1025px) {
  .wp-block-columns.is-style-single-product {
    padding-inline: 6%;
  }
}

@media (min-width: 1645px) {
  .wp-block-columns.is-style-single-product {
    max-width: 1260px;
    padding-inline: calc(var(--spacing) * 0);
  }
}

.wp-block-columns.is-style-single-product > .wp-block-column:first-child {
  flex-basis: inherit;
}

@media (min-width: 825px) {
  .wp-block-columns.is-style-single-product > .wp-block-column:first-child .product-header-mobile {
    display: none;
  }
}

.wp-block-columns.is-style-single-product > .wp-block-column:last-child {
  flex: auto;
  width: 100%;
  padding-inline: 25px;
}

@media (min-width: 825px) {
  .wp-block-columns.is-style-single-product > .wp-block-column:last-child {
    min-width: 396px;
    max-width: 396px;
    padding-inline: calc(var(--spacing) * 0);
  }
}

@media not all and (min-width: 825px) {
  .wp-block-columns.is-style-single-product > .wp-block-column:last-child .product-header-desktop {
    display: none;
  }
}

@media (min-width: 825px) {
  .wp-block-columns.is-style-single-product .woocommerce-product-gallery {
    padding-inline: 4px;
  }
}

.wp-block-columns.is-style-product-archive {
  flex-direction: column;
  padding-inline: 5px;
}

@media (min-width: 1025px) {
  .wp-block-columns.is-style-product-archive {
    flex-direction: row;
  }
}

@media (min-width: 48rem) {
  .wp-block-columns.is-style-product-archive {
    padding-inline: 20px;
  }
}

@media (min-width: 64rem) {
  .wp-block-columns.is-style-product-archive {
    padding-inline: 25px;
  }
}

.wp-block-columns.is-style-product-archive > .wp-block-column:first-child {
  width: 100%;
}

@media (min-width: 1025px) {
  .wp-block-columns.is-style-product-archive > .wp-block-column:first-child {
    width: 228px;
    min-width: 228px;
    max-width: 228px;
  }
}

.wp-block-columns.is-style-product-quick-view > .wp-block-column:first-child {
  flex-basis: inherit;
  width: 100%;
  height: 650px;
  overflow: hidden;
}

@media (min-width: 64rem) {
  .wp-block-columns.is-style-product-quick-view > .wp-block-column:first-child {
    width: 590px;
    min-width: 590px;
  }
}

.wp-block-columns.is-style-product-quick-view > .wp-block-column:last-child {
  flex: auto;
  height: 650px;
  overflow: auto;
}

.wp-block-columns.is-style-product-quick-view .single_variation_wrap {
  bottom: calc(var(--spacing) * 0);
  background-color: var(--color-white);
  padding-block: 20px;
  position: sticky;
}

.wp-block-columns.is-style-article-layout {
  flex-direction: column;
  gap: 40px;
}

@media (min-width: 64rem) {
  .wp-block-columns.is-style-article-layout {
    flex-direction: row;
  }
}

.wp-block-columns.is-style-article-layout > .wp-block-column:first-child {
  width: 100%;
  height: 100%;
  position: sticky;
  overflow: hidden;
}

@media (min-width: 64rem) {
  .wp-block-columns.is-style-article-layout > .wp-block-column:first-child {
    width: 250px;
    max-width: 250px;
  }
}

.wp-block-columns.is-style-article-layout > .wp-block-column:first-child {
  top: calc(var(--refine-lab-header-height, 0px) + var(--wp-admin--admin-bar--height, 0px) + 20px);
}

.lity .lity-wrap {
  overflow: auto;
}

.lity .lity-wrap .lity-container {
  margin-block: 100px;
  max-height: none !important;
}

.lity .lity-wrap .lity-container:has(.gallery-images) {
  margin-block: calc(var(--spacing) * 0);
  width: 100%;
}

.lity .lity-wrap .lity-container:has(.gallery-images) .gallery-images {
  background-color: var(--color-white);
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.lity .lity-wrap .lity-container:has(.lity-iframe-container) {
  margin-block: calc(var(--spacing) * 0);
  width: 100%;
}

.guide-size-content {
  max-height: none !important;
}

.woo-filters-products {
  margin-top: 40px;
}

.woo-filters-products ul.products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 5px;
  display: grid;
}

@media (min-width: 48rem) {
  .woo-filters-products ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px 15px;
  }
}

.woo-filters-products ul.products li.product-card {
  float: none !important;
  margin: calc(var(--spacing) * 0) !important;
  width: 100% !important;
  padding: calc(var(--spacing) * 0) !important;
  list-style-type: none !important;
}

.woo-filters-products ul.products li.product-card .product-card__inner {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.woo-filters-products ul.products li.product-card .product-card__inner .product-card__media {
  width: 100%;
  display: block;
  position: relative;
}

.woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .product-card__image--main, .woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .product-card__image--hover {
  width: 100%;
}

@media (min-width: 48rem) {
  .woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .product-card__image--main, .woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .product-card__image--hover {
    aspect-ratio: 425 / 520;
  }
}

:is(.woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .product-card__image--main, .woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .product-card__image--hover) img {
  margin: calc(var(--spacing) * 0);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .woo-quick-view-button {
  cursor: pointer;
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: auto;
  height: 50px;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

@supports (color: color-mix(in lab, red, red)) {
  .woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .woo-quick-view-button {
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
}

.woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .woo-quick-view-button {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out);
}

@media (hover: hover) {
  .woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .woo-quick-view-button:is(:where(.group):hover *) {
    opacity: 1;
  }

  .woo-filters-products ul.products li.product-card .product-card__inner .product-card__media .woo-quick-view-button:hover {
    background-color: var(--color-white);
  }
}

.woo-filters-products ul.products li.product-card .product-card__inner .product-card__body {
  position: relative;
}

.woo-filters-products ul.products li.product-card .product-card__inner .product-card__body .woocommerce-loop-product__tags a {
  background-color: var(--color-primary);
  font-family: var(--font-noto-sans);
  --tw-leading: 16px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--font-weight-bold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  color: var(--color-white);
  text-transform: uppercase;
  margin-top: 10px;
  padding-block: 5px;
  padding-inline: 10px;
  display: inline-block;
}

.woo-filters-products ul.products li.product-card .product-card__inner .product-card__body .woocommerce-loop-product__title {
  padding: calc(var(--spacing) * 0);
  --tw-leading: 22px;
  --tw-font-weight: var(--font-weight-normal);
  font-size: 16px;
  line-height: 22px;
  font-weight: var(--font-weight-normal);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  margin-top: 10px;
}

.woo-filters-products ul.products li.product-card .product-card__inner .product-card__body .price {
  margin-top: 10px;
}

.woo-filters-products ul.products li.product-card .product-card__inner .product-card__body .price .amount {
  font-family: var(--font-trade-gothic);
  --tw-leading: 20px;
  --tw-font-weight: var(--font-weight-normal);
  font-size: 14px;
  line-height: 20px;
  font-weight: var(--font-weight-normal);
  --tw-tracking: .06em;
  letter-spacing: .06em;
}

.woo-filters-products ul.products li.product-card .product-card__inner .product-card__body .product-tag {
  padding: calc(var(--spacing) * 0);
  color: var(--color-primary);
  background-color: #0000;
  margin-top: 10px;
  font-size: 11px;
}

.woo-filters-products ul.products li.product-card .product-card__underlay {
  z-index: 0;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .1s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .1s;
  transition-timing-function: var(--ease-in-out);
}

@media (hover: hover) {
  .woo-filters-products ul.products li.product-card .product-card__underlay:is(:where(.group):hover *) {
    opacity: 1;
  }
}

.woo-filters-products ul.products li.product-card .product-card__underlay {
  content: "";
  z-index: -1;
  background: #fff;
  width: calc(100% + 40px);
  height: calc(100% + 60px);
  position: absolute;
  top: -30px;
  left: 0;
  transform: translateX(-20px);
  box-shadow: 0 4px 12px #0000001f;
}

.woo-filters-products ul.products:before, .woo-filters-products ul.products:after {
  content: none;
}

.anf-select-wrapper {
  position: relative;
}

.anf-select-wrapper label {
  color: #5e5e5e;
  font-size: 11px;
  position: absolute;
  top: 10px;
  left: 15px;
}

.anf-select-wrapper select {
  appearance: none;
  color: var(--color-primary);
  border: 1px solid #c6c6c6;
  padding: 30px 40px 10px 15px;
  font-size: 14px;
  line-height: 20px;
}

.anf-select-wrapper select:focus {
  border-color: var(--color-primary);
  box-shadow: none;
  outline: none;
}

.variation-availability-wrapper {
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  display: flex;
}

.variation-availability-wrapper .woocommerce-variation-availability {
  margin: calc(var(--spacing) * 0);
  --tw-leading: 22px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 15px;
  line-height: 22px;
  font-weight: var(--font-weight-bold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  color: var(--color-primary);
}

.lity-iframe-container iframe {
  background-color: var(--color-white) !important;
}

.woocommerce-EditAccountForm, .woocommerce-newsletter-section, .woocommerce-account-addresses-section {
  background-color: var(--color-white);
  padding-inline: 30px;
  width: 100%;
  padding-bottom: 30px;
}

.woocommerce-account-addresses-section .woocommerce-addresses-container {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
  display: grid;
}

@media (min-width: 48rem) {
  .woocommerce-account-addresses-section .woocommerce-addresses-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.woocommerce-account-addresses-section .woocommerce-addresses-container .woocommerce-address-card {
  background-color: #f6f6f6;
  padding: 20px;
}

.woocommerce-account-addresses-section .woocommerce-addresses-container .woocommerce-address-card .address-card__header {
  margin-bottom: 15px;
}

.woocommerce-account-addresses-section .woocommerce-addresses-container .woocommerce-address-card .address-card__body {
  min-height: 95px;
}

.woocommerce-account-billing-section {
  background-color: var(--color-white);
  padding-inline: 30px;
  width: 100%;
  padding-bottom: 30px;
}

.woocommerce-account-billing-section .woocommerce-addresses-container {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
  display: grid;
}

@media (min-width: 48rem) {
  .woocommerce-account-billing-section .woocommerce-addresses-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.woocommerce-account-billing-section .woocommerce-addresses-container .woocommerce-address-card {
  background-color: #f6f6f6;
  padding: 20px;
}

.woocommerce-account-billing-section .woocommerce-addresses-container .woocommerce-address-card .address-card__header {
  margin-bottom: 15px;
}

.woocommerce-account-billing-section .woocommerce-addresses-container .woocommerce-address-card .address-card__body {
  min-height: 95px;
}

.custom-ajax-pagination ul.page-numbers {
  align-items: center;
  display: flex;
  border-inline-style: var(--tw-border-style) !important;
  border-inline-width: 0 !important;
}

.custom-ajax-pagination ul.page-numbers li {
  width: 64px;
  height: 40px;
  border-right-style: var(--tw-border-style) !important;
  border-right-width: 0 !important;
}

.custom-ajax-pagination ul.page-numbers li span, .custom-ajax-pagination ul.page-numbers li a {
  width: 100%;
  height: 100%;
  color: var(--color-primary);
  justify-content: center;
  align-items: center;
  display: flex !important;
}

@media (hover: hover) {
  :is(.custom-ajax-pagination ul.page-numbers li span, .custom-ajax-pagination ul.page-numbers li a):not(.disabled):hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}

:is(.custom-ajax-pagination ul.page-numbers li span, .custom-ajax-pagination ul.page-numbers li a).disabled {
  pointer-events: none;
  color: #c6c6c6;
}

.woocommerce-form-coupon-toggle {
  display: none;
}

.wp-block-refine-lab-article-sidebar {
  top: calc(var(--refine-lab-header-height, 0px) + var(--wp-admin--admin-bar--height, 0px) + 20px);
  position: sticky;
}

.wp-block-refine-lab-article-sidebar .article-sidebar-title {
  --tw-leading: 22px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 15px;
  line-height: 22px;
  font-weight: var(--font-weight-bold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  color: var(--color-primary);
  margin-bottom: 25px;
}

.wp-block-refine-lab-article-sidebar .article-sidebar-content {
  flex-direction: column;
  gap: 25px;
  display: flex;
}

.wp-block-refine-lab-article-sidebar .article-sidebar-content .article-sidebar-item .article-sidebar-link {
  --tw-leading: 22px;
  --tw-tracking: .02em;
  letter-spacing: .02em;
  color: #5e5e5e;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  line-height: 22px;
  display: flex;
}

@media (hover: hover) {
  .wp-block-refine-lab-article-sidebar .article-sidebar-content .article-sidebar-item .article-sidebar-link:hover {
    color: var(--color-primary);
  }
}

.wp-block-refine-lab-article-sidebar .article-sidebar-content .article-sidebar-item .article-sidebar-children {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding-left: 15px;
  display: flex;
}

.wp-block-refine-lab-article-sidebar .article-sidebar-content .article-sidebar-item .article-sidebar-children .article-sidebar-child-link {
  --tw-leading: 20px;
  --tw-tracking: .02em;
  letter-spacing: .02em;
  color: #5e5e5e;
  font-size: 13px;
  line-height: 20px;
}

@media (hover: hover) {
  .wp-block-refine-lab-article-sidebar .article-sidebar-content .article-sidebar-item .article-sidebar-children .article-sidebar-child-link:hover {
    color: var(--color-primary);
  }
}

.anf-product-thumb img {
  object-fit: cover;
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.wpforms-field {
  position: relative;
}

.wpforms-field .wpforms-field-label {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  position: absolute;
  top: 19px;
  left: 15px;
}

.wpforms-field .wpforms-field-label:has( + .wpforms-field-medium:focus), .wpforms-field .wpforms-field-label:has( + .wpforms-field-medium:not(:placeholder-shown)) {
  --tw-leading: 16px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  top: 10px !important;
}

.wpforms-field .wpforms-field-medium {
  width: 100%;
  color: var(--color-primary);
  --tw-leading: 20px !important;
  padding-inline: 15px !important;
  padding-top: 30px !important;
  padding-bottom: 10px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.woo-quick-view-container {
  max-width: calc(100% - 50px);
}

@media (min-width: 825px) {
  .woo-quick-view-container {
    max-width: 780px;
    max-height: 705px;
  }
}

@media (min-width: 64rem) {
  .woo-quick-view-container {
    max-width: 980px;
  }
}

.woo-quick-view-container .woo-quick-view-body {
  box-shadow: 0 0 10px 1px #191919;
}

.anf-cvs-radio {
  margin-right: 8px;
}

.anf-cvs-radio:checked + span {
  color: #333;
  font-weight: 600;
}

#anf-cvs-selected-store p {
  margin-bottom: 8px;
  line-height: 1.5;
}

.anf-checkout-modal {
  z-index: 999999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.anf-checkout-modal.is-open {
  display: flex;
}

.anf-checkout-modal__overlay {
  cursor: pointer;
  background: #00000080;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.anf-checkout-modal__dialog {
  z-index: 1000000;
  background: #fff;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;
  max-height: 80vh;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 10px 40px #0003;
}

.anf-checkout-modal__close {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.anf-checkout-modal__close:hover svg {
  opacity: .7;
}

.anf-checkout-address-item {
  cursor: pointer;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  padding: 15px;
  transition: all .2s;
  display: flex;
}

.anf-checkout-address-item:hover {
  background: #f5f5f5;
  border-color: #007cba;
}

.anf-checkout-address-item__content {
  flex: 1;
  margin-right: 12px;
}

.anf-checkout-address-item__name {
  color: #333;
  margin-bottom: 6px;
  font-weight: 600;
}

.anf-checkout-address-item__details {
  color: #666;
  font-size: .9em;
  line-height: 1.5;
}

.anf-checkout-address-item__button {
  white-space: nowrap;
  color: #fff;
  cursor: pointer;
  background: #007cba;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  padding: 8px 16px;
  font-size: .9em;
}

.anf-checkout-address-item__button:hover:not(:disabled) {
  background: #005a87;
}

.anf-checkout-address-item__button:disabled {
  cursor: default;
  background: #ccc;
}

.anf-shipping-card {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.anf-shipping-card__name {
  color: #333;
  margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: 600;
}

.anf-shipping-card__details {
  color: #666;
  font-size: .95em;
  line-height: 1.6;
}

.lity-content {
  background-color: var(--color-white);
}

.lity-container:has(#online-return-iframe), .lity-container:has(#shipping-handling-iframe) {
  width: 100%;
  max-width: 580px;
}

:is(.lity-container:has(#online-return-iframe), .lity-container:has(#shipping-handling-iframe)) .lity-close {
  top: 20px !important;
  right: 20px !important;
}

.lity-iframe .lity-container {
  max-width: 480px !important;
}

@media (min-width: 48rem) {
  .lity-iframe .lity-container {
    max-width: 780px !important;
  }
}

@media (min-width: 64rem) {
  .lity-iframe .lity-container {
    max-width: 1020px !important;
  }
}

.eco-label {
  --tw-leading: 15px;
  color: #178240;
  background-color: #f6f6f6;
  border-radius: 4px;
  padding-block: 3px;
  padding-inline: 5px;
  font-size: 11px;
  line-height: 15px;
}

.anf-order-cancel-lock {
  overflow: hidden;
}

.anf-order-cancel-modal {
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  inset: 0;
}

.anf-order-cancel-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.anf-order-cancel-modal__overlay {
  background-color: #00000073;
  position: absolute;
  inset: 0;
}

.anf-order-cancel-modal__dialog {
  color: #263849;
  z-index: 1;
  background: #fff;
  width: min(580px, 100vw - 40px);
  max-height: calc(100vh - 40px);
  position: relative;
  overflow: auto;
  box-shadow: 0 14px 50px #0000004d;
}

.anf-order-cancel-modal__header {
  background-color: #f6f6f6;
  justify-content: space-between;
  align-items: center;
  padding: 26px 40px;
  display: flex;
}

.anf-order-cancel-modal__header h3 {
  letter-spacing: .02em;
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.anf-order-cancel-modal__close {
  color: #6e7a84;
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 32px;
  line-height: 1;
  display: grid;
}

.anf-order-cancel-modal__body {
  padding: 40px;
}

.anf-order-cancel-modal__description {
  color: #7a848c;
  margin: 0 0 30px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.anf-order-cancel-modal__reasons {
  margin-bottom: 30px;
}

.anf-order-cancel-modal__reason {
  cursor: pointer;
  align-items: center;
  gap: 16px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  display: flex;
}

.anf-order-cancel-modal__reason:before {
  content: "";
  border: 1px solid #c6c6c6;
  border-radius: 999px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  transition: border-color .15s, border-width .15s;
}

.anf-order-cancel-modal__reason:has(input[type="radio"]:checked):before {
  border: 8px solid #253746;
}

.anf-order-cancel-modal__reason:has(input[type="radio"]:focus-visible):before {
  outline-offset: 2px;
  outline: 2px solid #253746;
}

.anf-order-cancel-modal__reason:last-child {
  margin-bottom: 0;
}

.anf-order-cancel-modal__reason input[type="radio"] {
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
}

.anf-order-cancel-modal__reason input[type="radio"]:before {
  content: none;
}

.anf-order-cancel-modal__reason input[type="radio"]:checked:before {
  transform: none;
}

.anf-order-cancel-modal__note {
  color: #7a848c;
  border-top: 1px solid #e3e5e8;
  margin: 0;
  padding-top: 24px;
  font-size: 13px;
  line-height: 1.5;
}

.anf-order-cancel-modal__actions {
  gap: 14px;
  margin-top: 28px;
  display: grid;
}

.anf-order-cancel-modal__confirm, .anf-order-cancel-modal__keep {
  letter-spacing: .02em;
  cursor: pointer;
  text-transform: none;
  border: 1px solid #243949;
  justify-content: center;
  align-items: center;
  min-height: 56px;
  padding: 15px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.anf-order-cancel-modal__confirm {
  color: #fff;
  background-color: #243949;
}

.anf-order-cancel-modal__confirm.is-loading {
  opacity: .7;
}

.anf-order-cancel-modal__keep {
  color: #243949;
  background-color: #fff;
}

@media (max-width: 767px) {
  .anf-order-cancel-modal__dialog {
    width: 100%;
    max-height: 92vh;
  }

  .anf-order-cancel-modal__header {
    padding: 20px;
  }

  .anf-order-cancel-modal__header h3 {
    font-size: 22px;
  }

  .anf-order-cancel-modal__body {
    padding: 20px;
  }

  .anf-order-cancel-modal__description {
    margin-bottom: 18px;
    font-size: 14px;
  }

  .anf-order-cancel-modal__reason {
    margin-bottom: 14px;
  }

  .anf-order-cancel-modal__reason input[type="radio"] {
    width: 0;
    height: 0;
  }

  .anf-order-cancel-modal__reason input[type="radio"]:before {
    content: none;
  }

  .anf-order-cancel-modal__note {
    padding-top: 18px;
    font-size: 14px;
  }

  .anf-order-cancel-modal__confirm, .anf-order-cancel-modal__keep {
    min-height: 52px;
    font-size: 14px;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}