/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-stone-50: oklch(98.5% 0.001 106.423);
    --color-stone-100: oklch(97% 0.001 106.424);
    --color-stone-400: oklch(70.9% 0.01 56.259);
    --color-stone-500: oklch(55.3% 0.013 58.071);
    --color-stone-600: oklch(44.4% 0.011 73.639);
    --color-stone-700: oklch(37.4% 0.01 67.558);
    --color-stone-950: oklch(14.7% 0.004 49.25);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-md: 0.375rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-primary: var( --e-global-color-secondary );
    --color-secondary: var( --e-global-color-primary );
    --color-text: var( --e-global-color-text);
    --color-accent: var( --e-global-color-accent );
    --font-family-primary: var( --e-global-typography-primary-font-family );
    --font-weight-primary: var( --e-global-typography-primary-font-weight );
    --font-family-secondary: var( --e-global-typography-secondary-font-family );
    --font-weight-secondary: var( --e-global-typography-secondary-font-weight );
    --font-family-text: var( --e-global-typography-text-font-family );
    --font-weight-text: var( --e-global-typography-text-font-weight );
    --font-family-accent: var( --e-global-typography-accent-font-family );
    --font-weight-accent: var( --e-global-typography-accent-font-weight );
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  .visible {
    visibility: visible !important;
  }
  .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  .absolute {
    position: absolute !important;
  }
  .fixed {
    position: fixed !important;
  }
  .relative {
    position: relative !important;
  }
  .top-0 {
    top: calc(var(--spacing) * 0) !important;
  }
  .right-0 {
    right: calc(var(--spacing) * 0) !important;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0) !important;
  }
  .left-0 {
    left: calc(var(--spacing) * 0) !important;
  }
  .col-span-1 {
    grid-column: span 1 / span 1 !important;
  }
  .col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  .col-span-3 {
    grid-column: span 3 / span 3 !important;
  }
  .col-span-4 {
    grid-column: span 4 / span 4 !important;
  }
  .col-span-7 {
    grid-column: span 7 / span 7 !important;
  }
  .col-span-10 {
    grid-column: span 10 / span 10 !important;
  }
  .col-span-11 {
    grid-column: span 11 / span 11 !important;
  }
  .col-span-12 {
    grid-column: span 12 / span 12 !important;
  }
  .row-span-2 {
    grid-row: span 2 / span 2 !important;
  }
  .row-span-4 {
    grid-row: span 4 / span 4 !important;
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2) !important;
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8) !important;
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2) !important;
  }
  .ms-auto {
    margin-inline-start: auto !important;
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3) !important;
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6) !important;
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0) !important;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2) !important;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1) !important;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3) !important;
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8) !important;
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0) !important;
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2) !important;
  }
  .flex {
    display: flex !important;
  }
  .grid {
    display: grid !important;
  }
  .hidden {
    display: none !important;
  }
  .inline-block {
    display: inline-block !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  .size-5 {
    width: calc(var(--spacing) * 5) !important;
    height: calc(var(--spacing) * 5) !important;
  }
  .size-6 {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }
  .h-4 {
    height: calc(var(--spacing) * 4) !important;
  }
  .h-5 {
    height: calc(var(--spacing) * 5) !important;
  }
  .h-8 {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-12 {
    height: calc(var(--spacing) * 12) !important;
  }
  .h-16 {
    height: calc(var(--spacing) * 16) !important;
  }
  .h-90 {
    height: calc(var(--spacing) * 90) !important;
  }
  .h-\[calc\(100\%-1rem\)\] {
    height: calc(100% - 1rem) !important;
  }
  .h-screen {
    height: 100vh !important;
  }
  .max-h-128 {
    max-height: calc(var(--spacing) * 128) !important;
  }
  .max-h-full {
    max-height: 100% !important;
  }
  .min-h-96 {
    min-height: calc(var(--spacing) * 96) !important;
  }
  .min-h-128 {
    min-height: calc(var(--spacing) * 128) !important;
  }
  .w-4 {
    width: calc(var(--spacing) * 4) !important;
  }
  .w-5 {
    width: calc(var(--spacing) * 5) !important;
  }
  .w-12 {
    width: calc(var(--spacing) * 12) !important;
  }
  .w-16 {
    width: calc(var(--spacing) * 16) !important;
  }
  .w-auto {
    width: auto !important;
  }
  .w-full {
    width: 100% !important;
  }
  .max-w-5xl {
    max-width: var(--container-5xl) !important;
  }
  .max-w-full {
    max-width: 100% !important;
  }
  .-rotate-0 {
    rotate: calc(0deg * -1) !important;
  }
  .-rotate-180 {
    rotate: calc(180deg * -1) !important;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .animate-spin {
    animation: var(--animate-spin) !important;
  }
  .cursor-default {
    cursor: default !important;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .list-none {
    list-style-type: none !important;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
  .grid-cols-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr)) !important;
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }
  .flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .items-center {
    align-items: center !important;
  }
  .items-start {
    align-items: flex-start !important;
  }
  .items-stretch {
    align-items: stretch !important;
  }
  .justify-between {
    justify-content: space-between !important;
  }
  .justify-center {
    justify-content: center !important;
  }
  .justify-end {
    justify-content: flex-end !important;
  }
  .justify-start {
    justify-content: flex-start !important;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }
  .self-end {
    align-self: flex-end !important;
  }
  .overflow-y-auto {
    overflow-y: auto !important;
  }
  .rounded-t {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-1 {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-b-1 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  .border-l-1 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
  .border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-stone-600 {
    border-color: var(--color-stone-600) !important;
  }
  .border-b-stone-500 {
    border-bottom-color: var(--color-stone-500) !important;
  }
  .border-b-stone-600 {
    border-bottom-color: var(--color-stone-600) !important;
  }
  .border-l-stone-600 {
    border-left-color: var(--color-stone-600) !important;
  }
  .bg-stone-600 {
    background-color: var(--color-stone-600) !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .bg-white {
    background-color: var(--color-white) !important;
  }
  .fill-primary {
    fill: var(--color-primary) !important;
  }
  .fill-slate-200 {
    fill: var(--color-slate-200) !important;
  }
  .stroke-secondary {
    stroke: var(--color-secondary) !important;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }
  .p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }
  .p-24 {
    padding: calc(var(--spacing) * 24) !important;
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3) !important;
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5) !important;
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1) !important;
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1) !important;
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2) !important;
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6) !important;
  }
  .align-middle {
    vertical-align: middle !important;
  }
  .text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-lg {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-\[14px\] {
    font-size: 14px !important;
  }
  .text-\[15px\] {
    font-size: 15px !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .text-primary {
    color: var(--color-primary) !important;
  }
  .text-secondary {
    color: var(--color-secondary) !important;
  }
  .text-stone-50 {
    color: var(--color-stone-50) !important;
  }
  .text-stone-100 {
    color: var(--color-stone-100) !important;
  }
  .text-stone-700 {
    color: var(--color-stone-700) !important;
  }
  .uppercase {
    text-transform: uppercase !important;
  }
  .opacity-0 {
    opacity: 0% !important;
  }
  .opacity-50 {
    opacity: 50% !important;
  }
  .opacity-100 {
    opacity: 100% !important;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !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;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .transition-all {
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .duration-200 {
    --tw-duration: 200ms !important;
    transition-duration: 200ms !important;
  }
  .duration-500 {
    --tw-duration: 500ms !important;
    transition-duration: 500ms !important;
  }
  .ease-in {
    --tw-ease: var(--ease-in) !important;
    transition-timing-function: var(--ease-in) !important;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out) !important;
    transition-timing-function: var(--ease-in-out) !important;
  }
  .ease-out {
    --tw-ease: var(--ease-out) !important;
    transition-timing-function: var(--ease-out) !important;
  }
  .not-last\:border-b {
    &:not(*:last-child) {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 1px !important;
    }
  }
  .hover\:text-secondary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-secondary) !important;
      }
    }
  }
  .hover\:text-stone-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-50) !important;
      }
    }
  }
  .hover\:text-stone-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-700) !important;
      }
    }
  }
  .active\:text-stone-700 {
    &:active {
      color: var(--color-stone-700) !important;
    }
  }
  .md\:inset-0 {
    @media (width >= 48rem) {
      inset: calc(var(--spacing) * 0) !important;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3 !important;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4 !important;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block !important;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none !important;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8 !important;
    }
  }
  .lg\:row-span-3 {
    @media (width >= 64rem) {
      grid-row: span 3 / span 3 !important;
    }
  }
  .lg\:mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block !important;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex !important;
    }
  }
  .lg\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex !important;
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
}
body.wp-theme-bridge {
  background-color: #FFF !important;
  .wrapper, .container, .content {
    background-color: #FFF !important;
  }
}
.product-filter {
  font-family: inherit;
  font-family: var( --font-family-text );
  font-weight: var( --font-weight-text );
  color: inherit;
  color: var( --color-text );
}
.product-filter .product-filter-aside {
  div.invisible {
    display: none !important;
  }
  .product-filter-filter-option {
    margin-left: calc(var(--spacing) * 0);
    flex-wrap: nowrap;
    align-items: flex-start;
    padding-bottom: calc(var(--spacing) * 1);
  }
  .product-filter-filter-option input {
    margin-top: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .product-filter-filter-option label {
    line-height: 20px;
    margin-top: calc(var(--spacing) * 1);
    min-height: calc(var(--spacing) * 4);
    padding-right: calc(var(--spacing) * 4);
    padding-left: calc(var(--spacing) * 2);
    color: var(--color-gray-900);
  }
}
.product-filter .product-filter-nav {
  display: none;
  text-align: center;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 64rem) {
    display: block;
  }
  ul {
    margin-bottom: -1px;
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  ul li a {
    display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: transparent;
    padding: calc(var(--spacing) * 4);
    color: var(--color-text) !important;
    &.active {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
      border-color: var(--color-primary);
      color: var(--color-primary) !important;
    }
    &:hover {
      color: var(--color-primary) !important;
    }
  }
}
.product-filter .product-filter-nav-filter-buttons {
  margin-bottom: calc(var(--spacing) * 4);
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--spacing) * 4);
  text-align: center;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    display: none;
  }
  div.product-filter-nav-filter-button {
    position: relative;
  }
  button {
    font-family: inherit;
    color: inherit;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
    border-radius: 0 !important;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-stone-700);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    font-size: 14px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    --tw-text-shadow-color: oklch(37.4% 0.01 67.558);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-text-shadow-color: color-mix(in oklab, var(--color-stone-700) var(--tw-text-shadow-alpha), transparent);
    }
  }
  .dropdown-panel {
    position: absolute;
    top: 100%;
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    list-style-type: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-stone-700);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 0) !important;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    li {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-bottom-color: var(--color-stone-700);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      text-align: left;
    }
    li:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    :nth-last-child(1 of li.shown) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
}
.product-filter .product-filter-product-buttons {
  margin-bottom: calc(var(--spacing) * 4);
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--spacing) * 4);
  text-align: center;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 2);
  }
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    display: none;
  }
  div.product-filter-product-button {
    position: relative;
  }
  a.button {
    font-family: inherit;
    color: white;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: 14px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    text-transform: uppercase;
  }
  a:hover {
    color: white;
  }
  button {
    font-family: inherit;
    color: white;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
    border-radius: 0 !important;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: 14px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    text-transform: uppercase;
  }
  .dropdown-panel {
    position: absolute;
    top: 100%;
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    list-style-type: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-stone-700);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 0) !important;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    li {
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      text-align: left;
    }
    li:not(:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-bottom-color: var(--color-stone-700);
    }
  }
}
.product-filter .product-filter-search {
  position: relative;
  z-index: 0;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  &:hover {
    #product-filter-search-input {
      border-bottom-color: var(--color-stone-700);
    }
    #product-filter-search-label {
      color: var(--color-stone-700);
    }
  }
  &.focus {
    #product-filter-search-input {
      border-bottom-color: var(--color-primary);
    }
    #product-filter-search-label {
      color: var(--color-primary);
      opacity: 0%;
    }
  }
}
.product-filter .product-filter-search-icon {
  position: absolute;
  top: calc(var(--spacing) * 4.5);
  display: flex;
  height: calc(var(--spacing) * 5);
  transform-origin: 0;
  align-items: center;
  border-radius: var(--radius-md);
  --tw-border-style: none;
  border-style: none;
  background-color: var(--color-white);
  padding-inline-start: calc(var(--spacing) * 0);
  color: var(--color-primary);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-primary);
    }
  }
  &:focus {
    background-color: var(--color-white);
  }
  &:focus {
    color: var(--color-primary);
  }
}
.product-filter #product-filter-search-label {
  line-height: 2;
  position: absolute;
  top: calc(var(--spacing) * 3);
  z-index: calc(10 * -1);
  height: calc(var(--spacing) * 5);
  transform-origin: 0;
  --tw-translate-x: calc(var(--spacing) * 9);
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  color: var(--color-stone-400);
  opacity: 100%;
  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: 200ms;
  transition-duration: 200ms;
  &:is(:where(.group):is(.active) *) {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  &:is(:where(.group):is(.active) *) {
    --tw-translate-y: calc(var(--spacing) * -6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  &:is(:where(.group):is(.active) *) {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  &:is(:where(.group):is(.focus) *) {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  &:is(:where(.group):is(.focus) *) {
    --tw-translate-y: calc(var(--spacing) * -7);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  &:is(:where(.group):is(.focus) *) {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  &:is(:where(.group):is(.focus) *) {
    color: var(--color-primary);
  }
}
.product-filter #product-filter-search-input {
  line-height: 2;
  display: block;
  height: calc(var(--spacing) * 14);
  width: 100%;
  appearance: none;
  border-radius: 0 !important;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-stone-400);
  background-color: transparent;
  padding-block: calc(var(--spacing) * 4);
  padding-inline-start: calc(var(--spacing) * 9);
  padding-inline-end: calc(var(--spacing) * 3);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-outline-style: none;
  outline-style: none;
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  &:focus {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  &:focus {
    border-color: var(--color-primary);
  }
  &:focus {
    color: var(--color-primary);
  }
}
.product-filter #product-filter-go-button {
  font-family: inherit;
  position: absolute;
  top: calc(var(--spacing) * 4.5);
  right: calc(var(--spacing) * 0);
  display: flex;
  height: calc(var(--spacing) * 5);
  align-items: center;
  border-radius: var(--radius-md);
  --tw-border-style: none;
  border-style: none;
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 0);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-primary);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-primary);
    }
  }
  &:focus {
    background-color: var(--color-white);
  }
  &:focus {
    color: var(--color-primary);
  }
}
.product-filter .product-filter-search-result {
  margin-block: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 0);
  text-align: right;
  font-size: var(--text-sm);
  line-height: calc(var(--spacing) * 12);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.product-filter .product-filter-products-container {
  margin-top: calc(var(--spacing) * 0);
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * -2);
  }
}
.product-filter .product-filter-product-container {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
.product-filter .product-filter-product {
  .product-filter-product-system {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .product-filter-product-attribute {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
}
.product-filter .product-filter-product-container:nth-of-type(even) {
  background-color: #F4F4F4;
}
.product-filter .product-filter-product-image {
  background-image: url(data:image/jpeg;base64,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);
  background-size: contain;
  background-repeat: no-repeat;
  img {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-stone-600);
  }
}
.product-filter .product-filter-dropdown-button {
  display: inline-flex;
  justify-content: center;
  color: var(--color-stone-700);
}
.product-filter .product-filter-dropdown-button:hover {
  color: var(--color-stone-950);
}
.product-filter .product-filter-dropdown {
  position: absolute;
  z-index: 10;
  margin-top: calc(var(--spacing) * 2);
  width: max-content;
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-stone-600);
  background-color: var(--color-white);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  ul {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  a {
    display: block;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-text) !important;
  }
  a:hover {
    background-image: none;
    color: var(--color-secondary) !important;
  }
}
.product-filter .product-filter-images-button {
  font-family: inherit;
  display: inline-flex;
  cursor: pointer;
  justify-content: center;
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  color: var(--color-stone-700) !important;
  &:hover, &:focus {
    background-color: transparent;
    color: var(--color-stone-950) !important;
  }
}
.product-filter #product-filter-modal {
  font-family: inherit;
  font-family: var( --font-family-text );
  font-weight: var( --font-weight-text );
  color: inherit;
  button {
    font-family: inherit;
    border-radius: 0 !important;
  }
}
.product-filter #product-filter-modal-title {
  text-transform: none;
}
.product-filter .product-filter-pagination {
  color: var(--color-primary);
  button {
    font-family: inherit;
    font-size: inherit;
    display: inline-flex;
    cursor: pointer;
    justify-content: center;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary);
  }
  button:disabled {
    cursor: not-allowed;
    color: var(--color-stone-700);
    opacity: 50%;
  }
}
[x-cloak] {
  display: none !important;
}
@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-font-weight {
  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: 0px;
}
@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-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-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@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-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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: 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-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-space-x-reverse: 0;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-leading: initial;
      --tw-divide-y-reverse: 0;
    }
  }
}