/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --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-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-stone-50: oklch(98.5% 0.001 106.423);
    --color-stone-100: oklch(97% 0.001 106.424);
    --color-stone-200: oklch(92.3% 0.003 48.717);
    --color-stone-300: oklch(86.9% 0.005 56.366);
    --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-800: oklch(26.8% 0.007 34.298);
    --color-stone-900: oklch(21.6% 0.006 56.043);
    --color-stone-950: oklch(14.7% 0.004 49.25);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --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);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;
    --text-6xl: 3.75rem;
    --text-7xl: 4.5rem;
    --text-8xl: 6rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-sm: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --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);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-mpw-600: oklch(68.486% 0.21125 40.864);
    --color-dpo-accent: oklch(0.5461 0.2152 262.88);
    --color-dpo-accent-background: #fafafa;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    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;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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 {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .section-tick {
    margin: calc(var(--spacing) * 0) !important;
    margin-block: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2) !important;
    border-radius: var(--radius-xl) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
    border-color: var(--color-stone-200) !important;
    padding: calc(var(--spacing) * 4) !important;
    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;
    --tw-duration: 100ms !important;
    transition-duration: 100ms !important;
    .fields {
      margin-block: calc(var(--spacing) * 0) !important;
    }
    &:has(input:checked) {
      order: -9999 !important;
      margin-bottom: calc(var(--spacing) * 0) !important;
      border-bottom-right-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0px !important;
      border-color: var(--color-dpo-accent) !important;
      background-color: var(--color-dpo-accent-background) !important;
      padding-bottom: calc(var(--spacing) * 0) !important;
    }
    > input {
      visibility: visible !important;
      position: static !important;
      z-index: 10 !important;
      order: 9999 !important;
      margin: calc(var(--spacing) * 0) !important;
      display: block !important;
      aspect-ratio: 1 / 1 !important;
      height: calc(var(--spacing) * 5) !important;
      width: calc(var(--spacing) * 5) !important;
      appearance: none !important;
      border-radius: calc(infinity * 1px) !important;
      border-style: var(--tw-border-style) !important;
      border-width: 2px !important;
      border-color: var(--color-stone-200) !important;
      background-color: transparent !important;
      padding: calc(var(--spacing) * 0) !important;
      --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;
      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;
      --tw-duration: 100ms !important;
      transition-duration: 100ms !important;
      &:checked {
        border-color: var(--color-dpo-accent) !important;
        background-color: var(--color-dpo-accent) !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check h-3.5 w-3.5' aria-hidden='true'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E") !important;
        background-size: 12px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
      }
      order: -9999 !important;
      flex: none;
    }
    label {
      margin: calc(var(--spacing) * 0) !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      padding: calc(var(--spacing) * 0) !important;
      font-size: 13px !important;
      --tw-font-weight: var(--font-weight-bold) !important;
      font-weight: var(--font-weight-bold) !important;
      --tw-tracking: var(--tracking-widest) !important;
      letter-spacing: var(--tracking-widest) !important;
      color: var(--color-stone-900) !important;
      &:has(> .dpo_tooltip_icon:not(:empty)) {
        justify-content: flex-start !important;
        > .dpo_tooltip_icon {
          order: 9999 !important;
        }
      }
      margin-block-end: calc(var(--spacing) * 0) !important;
      display: contents !important;
      min-height: calc(var(--spacing) * 0) !important;
      width: 100% !important;
      justify-content: flex-start !important;
      --tw-border-style: none !important;
      border-style: none !important;
      background-color: transparent !important;
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
      --tw-font-weight: var(--font-weight-semibold) !important;
      font-weight: var(--font-weight-semibold) !important;
      --tw-tracking: var(--tracking-normal) !important;
      letter-spacing: var(--tracking-normal) !important;
      &:has(> .dpo_tooltip_icon:not(:empty)) {
        gap: calc(var(--spacing) * 2) !important;
      }
      > span:first-child {
        width: 100%;
      }
      &:has(.dpo_tooltip_icon)> span {
        &:first-child {
          flex: 1;
        }
        &:last-child {
          width: 100%;
        }
      }
    }
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: calc(var(--spacing) * 2) !important;
    border-color: var(--color-stone-200) !important;
    background-color: var(--color-white) !important;
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    color: var(--color-stone-600) !important;
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-400) !important;
      }
    }
    .choice {
      margin: calc(var(--spacing) * 0) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: calc(var(--spacing) * 0) !important;
      border-radius: calc(infinity * 1px) !important;
      border-color: var(--color-stone-200) !important;
      background-color: var(--color-white) !important;
      padding-inline: calc(var(--spacing) * 2) !important;
      padding-block: calc(var(--spacing) * 1) !important;
      font-size: var(--text-xs) !important;
      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
      --tw-font-weight: var(--font-weight-semibold) !important;
      font-weight: var(--font-weight-semibold) !important;
      color: var(--color-stone-600) !important;
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-stone-400) !important;
        }
      }
      &:has(input:checked) {
        border-color: var(--color-stone-800) !important;
        background-color: var(--color-stone-800) !important;
        span {
          color: var(--color-stone-100) !important;
          &::after {
            --tw-invert: invert(100%) !important;
            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;
          }
        }
      }
      label {
        margin: calc(var(--spacing) * 0) !important;
        margin-block: calc(var(--spacing) * 0) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: calc(var(--spacing) * 0) !important;
        .dpo_tooltip_icon {
          top: -1px !important;
        }
      }
      span {
        display: block !important;
        width: max-content !important;
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
        white-space: nowrap;
      }
    }
    .options-list {
      display: flex !important;
      flex-wrap: wrap !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: calc(var(--spacing) * 2) !important;
      padding-block: calc(var(--spacing) * 0);
    }
    input {
      display: none !important;
    }
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-100 {
    top: calc(var(--spacing) * 100);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-100 {
    left: calc(var(--spacing) * 100);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-25 {
    z-index: 25;
  }
  .z-30 {
    z-index: 30;
  }
  .z-35 {
    z-index: 35;
  }
  .z-100 {
    z-index: 100;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-\(--padding\) {
    margin-inline: var(--padding);
  }
  .my-2\! {
    margin-block: calc(var(--spacing) * 2) !important;
  }
  .box-border {
    box-sizing: border-box;
  }
  .block {
    display: block;
  }
  .block\! {
    display: block !important;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-full {
    max-width: 100%;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-1 {
    flex-shrink: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-9 {
    gap: calc(var(--spacing) * 9);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .place-self-end {
    place-self: end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .bg-stone-950\/10 {
    background-color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-950) 10%, transparent);
    }
  }
  .stroke-1 {
    stroke-width: 1;
  }
  .stroke-2 {
    stroke-width: 2;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .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-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .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-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .overline {
    text-decoration-line: overline;
  }
  .overline\! {
    text-decoration-line: overline !important;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline\! {
    text-decoration-line: underline !important;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .shadow {
    --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);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, 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));
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .before\:transform {
    &::before {
      content: var(--tw-content);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:left-0 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .md\:col-span-5 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:table-cell {
    @media (width >= 48rem) {
      display: table-cell;
    }
  }
  .md\:grow {
    @media (width >= 48rem) {
      flex-grow: 1;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:flex-row-reverse {
    @media (width >= 48rem) {
      flex-direction: row-reverse;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-7 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-9 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 9);
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-12 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-14 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
  .md\:overflow-visible {
    @media (width >= 48rem) {
      overflow: visible;
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:opacity-0 {
    @media (width >= 48rem) {
      opacity: 0%;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:grow-0 {
    @media (width >= 64rem) {
      flex-grow: 0;
    }
  }
  .lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:flex-row-reverse {
    @media (width >= 64rem) {
      flex-direction: row-reverse;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .lg\:justify-center {
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .lg\:gap-0 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-base {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-sm {
    @media (width >= 64rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:font-bold {
    @media (width >= 64rem) {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .xl\:block {
    @media (width >= 80rem) {
      display: block;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:grid {
    @media (width >= 80rem) {
      display: grid;
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:items-end {
    @media (width >= 80rem) {
      align-items: flex-end;
    }
  }
  .xl\:items-start {
    @media (width >= 80rem) {
      align-items: flex-start;
    }
  }
  .xl\:justify-start {
    @media (width >= 80rem) {
      justify-content: flex-start;
    }
  }
  .xl\:gap-2 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .xl\:gap-3 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .xl\:gap-5 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .xl\:gap-9 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 9);
    }
  }
  .xl\:gap-10 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .xl\:text-base {
    @media (width >= 80rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .xl\:text-lg {
    @media (width >= 80rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .xl\:text-sm {
    @media (width >= 80rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .xl\:text-xl {
    @media (width >= 80rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
}
@layer components {
  .swatch-title {
    margin: calc(var(--spacing) * 0) !important;
    display: flex;
    flex-direction: row !important;
    align-items: center !important;
    padding: calc(var(--spacing) * 0) !important;
    font-size: 13px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-stone-900);
    &:has(> .dpo_tooltip_icon:not(:empty)) {
      justify-content: flex-start !important;
      > .dpo_tooltip_icon {
        order: 9999 !important;
      }
    }
  }
  .swatches {
    margin: calc(var(--spacing) * 0) !important;
    display: flex;
    list-style-type: none !important;
    gap: calc(var(--spacing) * 2);
    overflow-x: auto;
    padding: calc(var(--spacing) * 0) !important;
    padding-block: calc(var(--spacing) * 1) !important;
    scrollbar-width: none;
  }
  .swatches::-webkit-scrollbar {
    display: none;
  }
  .colorway-swatch {
    margin: calc(var(--spacing) * 0) !important;
    display: flex;
    min-width: calc(var(--spacing) * 16) !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    --tw-border-style: none !important;
    border-style: none !important;
    background-image: none !important;
    padding: calc(var(--spacing) * 0) !important;
    text-decoration-line: none !important;
  }
  .colorway-swatch-item {
    margin-block: calc(var(--spacing) * 0) !important;
    height: fit-content;
    max-width: max-content;
    flex-grow: 1 !important;
    cursor: pointer !important;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gray-200);
    padding-inline: calc(var(--spacing) * 1) !important;
    padding-block: calc(var(--spacing) * 2) !important;
    padding-inline-start: calc(var(--spacing) * 1) !important;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    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: 100ms !important;
    transition-duration: 100ms !important;
  }
  .colorway-swatch-item.current {
    border-color: var(--color-dpo-accent) !important;
    --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)) !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;
  }
  .colorway-swatch-item:hover {
    border-color: var(--color-gray-200);
  }
  .colorway-swatch-colors {
    display: flex;
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
    width: 100%;
    rotate: 45deg;
    justify-content: center;
    overflow: hidden !important;
    border-radius: calc(infinity * 1px) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
    border-color: var(--color-white) !important;
    text-decoration-line: none !important;
    --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)) !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;
  }
  .colorway-swatch-dot {
    height: calc(var(--spacing) * 8) !important;
    width: 100% !important;
  }
  .colorway-swatch-label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: calc(var(--spacing) * 16);
    overflow: hidden;
    text-align: center;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-stone-600);
    text-transform: capitalize;
  }
}
@layer components {
  .has_dpo_options {
    .dpo-container {
      #itoris_dynamicproductoptions {
        > .fieldset {
          &:not(*:first-of-type) {
            margin-block: calc(var(--spacing) * 0);
          }
        }
      }
      tbody {
        display: contents !important;
        --tw-border-style: none !important;
        border-style: none !important;
      }
      tr {
        display: flex !important;
        gap: calc(var(--spacing) * 4) !important;
        --tw-border-style: none !important;
        border-style: none !important;
        background-color: transparent !important;
      }
      td {
        display: contents !important;
        > .field:not(.choice) {
          width: 100% !important;
          > label {
            margin: calc(var(--spacing) * 0) !important;
            display: flex;
            flex-direction: row !important;
            align-items: center !important;
            padding: calc(var(--spacing) * 0) !important;
            font-size: 13px;
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            --tw-tracking: var(--tracking-widest);
            letter-spacing: var(--tracking-widest);
            color: var(--color-stone-900);
            &:has(> .dpo_tooltip_icon:not(:empty)) {
              justify-content: flex-start !important;
              > .dpo_tooltip_icon {
                order: 9999 !important;
              }
            }
            text-transform: uppercase !important;
          }
        }
      }
      .fieldset-section {
        margin: calc(var(--spacing) * 0) !important;
        overflow: visible !important;
        background-color: transparent !important;
        padding: calc(var(--spacing) * 0);
        &.hidden {
          margin: calc(var(--spacing) * 0) !important;
          display: none !important;
          padding: calc(var(--spacing) * 0) !important;
        }
      }
      .option-fields-cols-2 tr {
        flex-direction: column !important;
        @media (width >= 40rem) {
          flex-direction: row !important;
        }
        @media (width >= 40rem) {
          gap: calc(var(--spacing) * 2) !important;
        }
      }
      .hidden {
        margin: calc(var(--spacing) * 0) !important;
        display: none !important;
        padding: calc(var(--spacing) * 0) !important;
      }
    }
    .title-hidden {
      > .field > label:first-child {
        display: none !important;
      }
    }
    .product__info {
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-stone-200) 50%, transparent);
      }
      background-color: var(--color-white);
      > * {
        padding-inline: calc(var(--spacing) * 6) !important;
        &:last-child {
          padding-bottom: calc(var(--spacing) * 6) !important;
        }
      }
      > .product__vendor {
        &:has(img) {
          overflow: hidden;
          border-top-left-radius: var(--radius-lg);
          border-top-right-radius: var(--radius-lg);
          padding-inline: calc(var(--spacing) * 0) !important;
        }
        &:not(:has(img)) {
          padding-inline: calc(var(--spacing) * 6) !important;
          padding-top: calc(var(--spacing) * 2) !important;
        }
      }
    }
    .product-form__buttons {
      visibility: visible !important;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center !important;
      gap: calc(var(--spacing) * 4) !important;
      overflow: hidden;
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 6);
      --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgb(0,0,0,0.12));
      --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);
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      .dpo-price-display {
        pointer-events: none !important;
        grid-column: 1 / -1 !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        .dpo-price-values {
          display: flex !important;
          flex-wrap: wrap !important;
          align-items: flex-end !important;
          justify-content: flex-end;
          gap: calc(var(--spacing) * 1);
        }
        .dpo-price-label:after {
          font-size: var(--text-sm) !important;
          line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
          --tw-font-weight: var(--font-weight-normal) !important;
          font-weight: var(--font-weight-normal) !important;
          color: var(--color-stone-500) !important;
          content: var(--price-label) !important;
        }
        .dpo-compare-at {
          display: none !important;
          font-size: var(--text-base) !important;
          line-height: var(--tw-leading, var(--text-base--line-height)) !important;
          color: var(--color-stone-400) !important;
        }
        .dpo-compare-at.dpo-visible {
          display: block !important;
        }
        .dpo-price {
          display: flex !important;
          width: 100% !important;
          flex-basis: 100% !important;
          justify-content: flex-end !important;
          font-size: var(--text-2xl) !important;
          line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
          --tw-font-weight: var(--font-weight-bold) !important;
          font-weight: var(--font-weight-bold) !important;
          color: var(--color-stone-900) !important;
        }
      }
      .dpo-order-summary {
        display: flex !important;
        flex-direction: column !important;
        gap: calc(var(--spacing) * 4) !important;
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        --tw-font-weight: var(--font-weight-normal) !important;
        font-weight: var(--font-weight-normal) !important;
        color: var(--color-stone-500) !important;
        .dpo-kit-title {
          margin: calc(var(--spacing) * 0) !important;
          --tw-font-weight: var(--font-weight-semibold) !important;
          font-weight: var(--font-weight-semibold) !important;
          color: var(--color-stone-900) !important;
        }
        .dpo-kit-list {
          margin: calc(var(--spacing) * 0) !important;
          display: flex !important;
          list-style-type: none !important;
          flex-direction: column !important;
          gap: calc(var(--spacing) * 2) !important;
          padding: calc(var(--spacing) * 0) !important;
        }
        .dpo-kit-item {
          margin: calc(var(--spacing) * 0) !important;
          margin-bottom: calc(var(--spacing) * 0.5) !important;
          align-items: center !important;
          justify-content: flex-start !important;
          gap: calc(var(--spacing) * 1) !important;
          padding: calc(var(--spacing) * 0) !important;
        }
        .dpo-kit-title-label {
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
        }
        .dpo-kit-value, .dpo-kit-sub-value {
          --tw-font-weight: var(--font-weight-normal) !important;
          font-weight: var(--font-weight-normal) !important;
          color: var(--color-stone-600) !important;
        }
        .dpo-kit-title-label:has(~ .dpo-kit-value)::after {
          --tw-content: ':' !important;
          content: var(--tw-content) !important;
        }
        .dpo-kit-details {
          margin: calc(var(--spacing) * 0) !important;
          --tw-border-style: none !important;
          border-style: none !important;
          padding: calc(var(--spacing) * 0) !important;
        }
        .dpo-kit-summary {
          display: flex !important;
          cursor: pointer !important;
          list-style-type: none !important;
          align-items: center !important;
          justify-content: space-between;
          gap: calc(var(--spacing) * 1) !important;
          --tw-font-weight: var(--font-weight-semibold) !important;
          font-weight: var(--font-weight-semibold) !important;
          .dpo-kit-title-label {
            flex: 1 !important;
          }
        }
        summary.dpo-kit-summary .dpo-kit-value-count {
          display: inline;
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height));
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
        }
        .dpo-kit-subs {
          margin: calc(var(--spacing) * 0) !important;
          margin-top: calc(var(--spacing) * 1) !important;
          display: flex !important;
          list-style-type: none !important;
          flex-direction: column !important;
          gap: calc(var(--spacing) * 1) !important;
          padding-left: calc(var(--spacing) * 5) !important;
        }
        .dpo-kit-sub {
          &:has(.dpo-kit-value) .dpo-kit-title-label {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
          }
          &:has(.dpo-kit-value) {
            padding-left: calc(var(--spacing) * 5) !important;
            .dpo-kit-value {
              margin-block-end: calc(var(--spacing) * 1) !important;
              --tw-font-weight: var(--font-weight-normal) !important;
              font-weight: var(--font-weight-normal) !important;
            }
          }
          &:not(:has(.dpo-kit-value)) {
            .dpo-kit-title-label {
              --tw-font-weight: var(--font-weight-normal);
              font-weight: var(--font-weight-normal);
            }
          }
        }
        .dpo-kit-summary::before {
          content: '+';
          margin-right: calc(var(--spacing) * 2);
          display: inline-block;
          font-family: var(--font-mono);
          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));
        }
        .dpo-kit-details[open] .dpo-kit-summary::before {
          content: '-';
        }
      }
      > div {
        order: 9999 !important;
        grid-column: 1 / -1 !important;
        border-radius: var(--radius-xl) !important;
        button, button:after {
          border-radius: var(--radius-xl) !important;
        }
      }
    }
    &:not(:has(.extras-collapsible input:checked)) {
      &.dpo-has-compare-at .product__info .dpo-price-values, &.dpo-has-compare-at .product__info .price {
        flex-wrap: wrap !important;
        align-items: center !important;
        > .price__regular {
          margin-right: calc(var(--spacing) * 2) !important;
          font-size: var(--text-2xl) !important;
          line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          color: var(--color-red-500) !important;
        }
        > .price__sale {
          font-size: var(--text-sm) !important;
          line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        }
        >.dpo-price {
          order: 9999 !important;
          flex-basis: 100% !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          color: var(--color-red-500) !important;
        }
        &:after {
          content: var(--dpo-discount);
          margin-left: calc(var(--spacing) * 0) !important;
          display: none !important;
          border-radius: calc(infinity * 1px);
          background-color: var(--color-red-100);
          padding-inline: calc(var(--spacing) * 2);
          padding-block: calc(var(--spacing) * 0.5);
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height));
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: var(--color-red-600);
        }
      }
    }
    &:has(.extras-collapsible input:checked) {
      &.dpo-has-compare-at .product__info .dpo-price-values, &.dpo-has-compare-at .product__info .price {
        flex-wrap: wrap !important;
        align-items: center !important;
        > .price__regular {
          margin-right: calc(var(--spacing) * 2) !important;
          font-size: var(--text-2xl) !important;
          line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
          --tw-font-weight: var(--font-weight-bold) !important;
          font-weight: var(--font-weight-bold) !important;
          color: var(--color-red-500) !important;
        }
        > .price__sale {
          font-size: var(--text-sm) !important;
          line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        }
        >.dpo-price {
          order: 9999 !important;
          flex-basis: 100% !important;
        }
      }
    }
    .field > label:first-child {
      margin: calc(var(--spacing) * 0) !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      padding: calc(var(--spacing) * 0) !important;
      font-size: 13px !important;
      --tw-font-weight: var(--font-weight-bold) !important;
      font-weight: var(--font-weight-bold) !important;
      --tw-tracking: var(--tracking-widest) !important;
      letter-spacing: var(--tracking-widest) !important;
      color: var(--color-stone-900) !important;
      &:has(> .dpo_tooltip_icon:not(:empty)) {
        justify-content: flex-start !important;
        > .dpo_tooltip_icon {
          order: 9999 !important;
        }
      }
    }
    .title-hidden {
      > .field > label:first-child {
        display: none !important;
      }
    }
    .dpo_tooltip_icon {
      &:after {
        margin-top: calc(var(--spacing) * 0.5) !important;
        width: calc(var(--spacing) * 4) !important;
        height: calc(var(--spacing) * 4) !important;
        --tw-border-style: none !important;
        border-style: none !important;
        background-color: transparent !important;
        background-size: cover !important;
        vertical-align: text-top !important;
        opacity: 60% !important;
        content: '' !important;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWluZm8taWNvbiBsdWNpZGUtaW5mbyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJNMTIgMTZ2LTQiLz48cGF0aCBkPSJNMTIgOGguMDEiLz48L3N2Zz4=") !important;
      }
      .dpo_tooltip_body {
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        --tw-font-weight: var(--font-weight-normal) !important;
        font-weight: var(--font-weight-normal) !important;
        --tw-tracking: var(--tracking-normal) !important;
        letter-spacing: var(--tracking-normal) !important;
        color: var(--color-stone-950) !important;
        text-transform: none !important;
      }
    }
    .fieldset:not(:has(.custom_options)) .options-list:has(.dpo_swatch), .options-list:has(.dpo_swatch_text) {
      margin-block-start: calc(var(--spacing) * 1);
      margin-block-end: calc(var(--spacing) * 0);
      box-sizing: border-box !important;
      display: grid;
      width: 100% !important;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5) !important;
      padding-block: calc(var(--spacing) * 0) !important;
      @media (width >= 40rem) {
        @media (width < 64rem) {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
      }
      @media (width >= 80rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      & + p {
        margin-block-start: calc(var(--spacing) * 2) !important;
      }
    }
    .fieldset:not(:has(.custom_options)) .dpo_swatch, .fieldset:not(:has(.custom_options)):has(.dpo_swatch) .dpo_swatch:hover, .fieldset:not(:has(.custom_options)):has(.dpo_swatch_text) .dpo_swatch_text, .fieldset:not(:has(.custom_options)):has(.dpo_swatch_text) .dpo_swatch_text:hover {
      isolation: isolate;
      margin: calc(var(--spacing) * 0) !important;
      box-sizing: border-box !important;
      display: grid;
      aspect-ratio: auto !important;
      min-height: calc(var(--spacing) * 20) !important;
      place-items: center;
      border-radius: var(--radius-lg);
      padding: calc(var(--spacing) * 0) !important;
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
      outline-style: var(--tw-outline-style) !important;
      outline-width: 1px !important;
      outline-offset: 3px !important;
      outline-color: var(--color-stone-200);
      grid-template-areas: 'stack';
      *:after, &:hover *:after, > *:before, &:hover > *:before {
        display: none !important;
        opacity: 0% !important;
      }
      &:has(> input:checked) {
        outline-style: var(--tw-outline-style) !important;
        outline-width: 2px !important;
        outline-color: var(--color-dpo-accent) !important;
      }
      > *, &:hover > * {
        visibility: visible !important;
        position: static !important;
        margin: calc(var(--spacing) * 0) !important;
        display: block !important;
        --tw-border-style: none !important;
        border-style: none !important;
        padding: calc(var(--spacing) * 0) !important;
        --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;
        grid-area: stack;
        &.itoris-dynamicoptions-thumbnail-color {
          height: 100% !important;
          max-height: calc(var(--spacing) * 20) !important;
          width: 100% !important;
          border-radius: var(--radius-lg) !important;
        }
        &:not(.itoris-dynamicoptions-thumbnail-color):not(input) {
          background-color: transparent !important;
        }
      }
      > img {
        order: -9999 !important;
        height: 100% !important;
        max-height: calc(var(--spacing) * 20) !important;
        width: 100% !important;
        border-radius: var(--radius-lg) !important;
        object-fit: cover !important;
      }
      > input, &:hover > input, > input:checked, &:hover > input:checked {
        visibility: visible !important;
        position: absolute !important;
        top: calc(var(--spacing) * 2) !important;
        left: calc(var(--spacing) * 2) !important;
        z-index: 8 !important;
        order: 9999 !important;
        margin: calc(var(--spacing) * 0) !important;
        display: block !important;
        aspect-ratio: 1 / 1;
        width: calc(var(--spacing) * 4) !important;
        height: calc(var(--spacing) * 4) !important;
        appearance: none !important;
        border-radius: calc(infinity * 1px) !important;
        --tw-border-style: none !important;
        border-style: none !important;
        background-color: var(--color-dpo-accent) !important;
        padding: calc(var(--spacing) * 0) !important;
        accent-color: var(--color-mpw-600) !important;
        opacity: 0% !important;
        --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;
      }
      &:has(> input:checked) > input, &:has(> input:checked):hover > input {
        opacity: 100% !important;
      }
      &::after {
        pointer-events: none;
        position: absolute !important;
        z-index: 8 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        background-size: 11px;
        background-position: left 0.65rem top 0.65rem;
        background-repeat: no-repeat;
        opacity: 0% !important;
        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;
        --tw-duration: 1000ms !important;
        transition-duration: 1000ms !important;
      }
      &:has(> input:checked)::after {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check h-3.5 w-3.5' aria-hidden='true'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E") !important;
        opacity: 100% !important;
      }
      .dpo_tooltip_icon, &:hover .dpo_tooltip_icon {
        display: none !important;
        opacity: 0% !important;
      }
      > label, &:hover > label {
        z-index: auto !important;
        display: flex !important;
        height: 100% !important;
        width: 100% !important;
        flex-direction: row-reverse !important;
        flex-wrap: wrap !important;
        align-content: flex-end !important;
        align-items: flex-end !important;
        justify-content: center !important;
        gap: calc(var(--spacing) * 1) !important;
        border-radius: var(--radius-lg) !important;
        padding: calc(var(--spacing) * 1) !important;
        white-space: nowrap !important;
        &:has(.price-notice), &:has(.price-notice):hover {
          background-repeat: no-repeat;
          background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 50%, transparent) !important;
        }
      }
      > label span {
        margin: calc(var(--spacing) * 0) !important;
        padding: calc(var(--spacing) * 0) !important;
        padding-inline: 1px !important;
      }
      > label > span:first-child, &:hover > label > span:first-child {
        z-index: 10 !important;
        order: 9999 !important;
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        overflow: hidden;
        border-radius: var(--radius-sm);
        background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-stone-100) 90%, transparent);
        }
        padding-inline: calc(var(--spacing) * 1);
        padding-block: calc(var(--spacing) * 0.5);
        text-align: center;
        font-size: 0.65rem;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider);
        word-break: break-all;
        text-overflow: ellipsis;
        white-space: break-spaces;
        --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);
      }
      > label > span.price-notice, &:hover > label > span.price-notice {
        font-size: 0.65rem !important;
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important;
        --tw-tracking: var(--tracking-wider) !important;
        letter-spacing: var(--tracking-wider) !important;
        color: var(--color-stone-50);
      }
      > label > span.price-compare, &:hover > label > span.price-compare {
        display: none !important;
        font-size: 0.65rem !important;
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important;
        --tw-tracking: var(--tracking-wider) !important;
        letter-spacing: var(--tracking-wider) !important;
        color: var(--color-stone-200);
        text-decoration-color: var(--color-dpo-accent) !important;
        text-shadow: 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.2));
      }
      &:has(> input:checked) > label > span:first-child, &:has(> input:checked):hover > label > span:first-child {
        color: var(--color-dpo-accent) !important;
      }
      &.plus-3-days, &.plus-3-days:hover, &.plus-4-days, &.plus-4-days:hover, &.plus-5-days, &.plus-5-days:hover, &.plus-2-4-days, &.plus-2-4-days:hover, &.plus-3-8-days, &.plus-3-8-days:hover {
        &::before {
          position: absolute !important;
          top: calc(var(--spacing) * -2.5) !important;
          right: calc(var(--spacing) * -2.5) !important;
          z-index: 10 !important;
          margin: calc(var(--spacing) * 1) !important;
          display: -webkit-box !important;
          -webkit-box-orient: vertical !important;
          -webkit-line-clamp: 1 !important;
          display: block !important;
          height: fit-content !important;
          width: fit-content !important;
          place-self: end !important;
          justify-self: flex-end !important;
          overflow: hidden !important;
          border-radius: var(--radius-lg) !important;
          padding-inline: calc(var(--spacing) * 1.5) !important;
          font-size: 10px !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          --tw-tracking: 0.05em !important;
          letter-spacing: 0.05em !important;
          text-overflow: ellipsis !important;
          white-space: nowrap !important;
          opacity: 100% !important;
          &:hover {
            opacity: 100% !important;
          }
          background-color: #FFE8D6 !important;
          color: #B45309 !important;
        }
        &.plus-3-days:before, &.plus-3-days:hover:before {
          content: '+ 3 days' !important;
        }
        &.plus-4-days:before, &.plus-4-days:hover:before {
          content: '+ 4 days' !important;
        }
        &.plus-5-days:before, &.plus-5-days:hover:before {
          content: '+ 5 days' !important;
        }
        &.plus-2-4-days:before, &.plus-2-4-days:hover:before {
          content: '+ 2-4 days' !important;
        }
        &.plus-3-8-days:before, &.plus-3-8-days:hover:before {
          content: '+ 3-8 days' !important;
        }
      }
      &.premium, &.premium:hover {
        &::before {
          position: absolute !important;
          top: calc(var(--spacing) * -2.5) !important;
          right: calc(var(--spacing) * -2.5) !important;
          z-index: 10 !important;
          margin: calc(var(--spacing) * 1) !important;
          display: -webkit-box !important;
          -webkit-box-orient: vertical !important;
          -webkit-line-clamp: 1 !important;
          display: block !important;
          height: fit-content !important;
          width: fit-content !important;
          place-self: end !important;
          justify-self: flex-end !important;
          overflow: hidden !important;
          border-radius: var(--radius-lg) !important;
          padding-inline: calc(var(--spacing) * 1.5) !important;
          font-size: 10px !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          --tw-tracking: 0.05em !important;
          letter-spacing: 0.05em !important;
          text-overflow: ellipsis !important;
          white-space: nowrap !important;
          opacity: 100% !important;
          &:hover {
            opacity: 100% !important;
          }
          background-color: #1F1F1F !important;
          color: var(--color-white) !important;
          content: 'Premium' !important;
        }
      }
      &.fastest, &.fastest:hover {
        &::before {
          position: absolute !important;
          top: calc(var(--spacing) * -2.5) !important;
          right: calc(var(--spacing) * -2.5) !important;
          z-index: 10 !important;
          margin: calc(var(--spacing) * 1) !important;
          display: -webkit-box !important;
          -webkit-box-orient: vertical !important;
          -webkit-line-clamp: 1 !important;
          display: block !important;
          height: fit-content !important;
          width: fit-content !important;
          place-self: end !important;
          justify-self: flex-end !important;
          overflow: hidden !important;
          border-radius: var(--radius-lg) !important;
          padding-inline: calc(var(--spacing) * 1.5) !important;
          font-size: 10px !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          --tw-tracking: 0.05em !important;
          letter-spacing: 0.05em !important;
          text-overflow: ellipsis !important;
          white-space: nowrap !important;
          opacity: 100% !important;
          &:hover {
            opacity: 100% !important;
          }
          background-color: #39C77F !important;
          color: #0F2B1C !important;
          content: 'Fastest' !important;
        }
      }
      &.recommended, &.recommended:hover {
        &::before {
          position: absolute !important;
          top: calc(var(--spacing) * -2.5) !important;
          right: calc(var(--spacing) * -2.5) !important;
          z-index: 10 !important;
          margin: calc(var(--spacing) * 1) !important;
          display: -webkit-box !important;
          -webkit-box-orient: vertical !important;
          -webkit-line-clamp: 1 !important;
          display: block !important;
          height: fit-content !important;
          width: fit-content !important;
          place-self: end !important;
          justify-self: flex-end !important;
          overflow: hidden !important;
          border-radius: var(--radius-lg) !important;
          padding-inline: calc(var(--spacing) * 1.5) !important;
          font-size: 10px !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          --tw-tracking: 0.05em !important;
          letter-spacing: 0.05em !important;
          text-overflow: ellipsis !important;
          white-space: nowrap !important;
          opacity: 100% !important;
          &:hover {
            opacity: 100% !important;
          }
          background-color: #2E2E2E !important;
          color: var(--color-white) !important;
          content: 'Recommended' !important;
        }
      }
      &.recommended-green, &.recommended-green:hover {
        &::before {
          position: absolute !important;
          top: calc(var(--spacing) * -2.5) !important;
          right: calc(var(--spacing) * -2.5) !important;
          z-index: 10 !important;
          margin: calc(var(--spacing) * 1) !important;
          display: -webkit-box !important;
          -webkit-box-orient: vertical !important;
          -webkit-line-clamp: 1 !important;
          display: block !important;
          height: fit-content !important;
          width: fit-content !important;
          place-self: end !important;
          justify-self: flex-end !important;
          overflow: hidden !important;
          border-radius: var(--radius-lg) !important;
          padding-inline: calc(var(--spacing) * 1.5) !important;
          font-size: 10px !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          --tw-tracking: 0.05em !important;
          letter-spacing: 0.05em !important;
          text-overflow: ellipsis !important;
          white-space: nowrap !important;
          opacity: 100% !important;
          &:hover {
            opacity: 100% !important;
          }
          background-color: #0EA57A !important;
          color: var(--color-white) !important;
          content: 'Recommended' !important;
        }
      }
      &.limited, &.limited:hover {
        &::before {
          position: absolute !important;
          top: calc(var(--spacing) * -2.5) !important;
          right: calc(var(--spacing) * -2.5) !important;
          z-index: 10 !important;
          margin: calc(var(--spacing) * 1) !important;
          display: -webkit-box !important;
          -webkit-box-orient: vertical !important;
          -webkit-line-clamp: 1 !important;
          display: block !important;
          height: fit-content !important;
          width: fit-content !important;
          place-self: end !important;
          justify-self: flex-end !important;
          overflow: hidden !important;
          border-radius: var(--radius-lg) !important;
          padding-inline: calc(var(--spacing) * 1.5) !important;
          font-size: 10px !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          --tw-tracking: 0.05em !important;
          letter-spacing: 0.05em !important;
          text-overflow: ellipsis !important;
          white-space: nowrap !important;
          opacity: 100% !important;
          &:hover {
            opacity: 100% !important;
          }
          background-color: #1F1F1F !important;
          color: var(--color-white) !important;
          content: 'Limited' !important;
        }
      }
      &.new, &.new:hover {
        &::before {
          position: absolute !important;
          top: calc(var(--spacing) * -2.5) !important;
          right: calc(var(--spacing) * -2.5) !important;
          z-index: 10 !important;
          margin: calc(var(--spacing) * 1) !important;
          display: -webkit-box !important;
          -webkit-box-orient: vertical !important;
          -webkit-line-clamp: 1 !important;
          display: block !important;
          height: fit-content !important;
          width: fit-content !important;
          place-self: end !important;
          justify-self: flex-end !important;
          overflow: hidden !important;
          border-radius: var(--radius-lg) !important;
          padding-inline: calc(var(--spacing) * 1.5) !important;
          font-size: 10px !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          --tw-tracking: 0.05em !important;
          letter-spacing: 0.05em !important;
          text-overflow: ellipsis !important;
          white-space: nowrap !important;
          opacity: 100% !important;
          &:hover {
            opacity: 100% !important;
          }
          background-color: #FFD100 !important;
          color: var(--color-black) !important;
          content: 'New' !important;
        }
      }
      &.popular, &.popular:hover {
        &::before {
          position: absolute !important;
          top: calc(var(--spacing) * -2.5) !important;
          right: calc(var(--spacing) * -2.5) !important;
          z-index: 10 !important;
          margin: calc(var(--spacing) * 1) !important;
          display: -webkit-box !important;
          -webkit-box-orient: vertical !important;
          -webkit-line-clamp: 1 !important;
          display: block !important;
          height: fit-content !important;
          width: fit-content !important;
          place-self: end !important;
          justify-self: flex-end !important;
          overflow: hidden !important;
          border-radius: var(--radius-lg) !important;
          padding-inline: calc(var(--spacing) * 1.5) !important;
          font-size: 10px !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          --tw-tracking: 0.05em !important;
          letter-spacing: 0.05em !important;
          text-overflow: ellipsis !important;
          white-space: nowrap !important;
          opacity: 100% !important;
          &:hover {
            opacity: 100% !important;
          }
          background-color: #FFD100 !important;
          color: var(--color-black) !important;
          content: 'Popular' !important;
        }
      }
    }
    .control:has(input[type="file"]) {
      input[type="file"] {
        display: block;
        width: 100%;
        overflow: visible;
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        &::file-selector-button {
          margin-right: calc(var(--spacing) * 10);
        }
        &::file-selector-button {
          height: calc(var(--spacing) * 12);
        }
        &::file-selector-button {
          width: 100%;
        }
        &::file-selector-button {
          cursor: pointer;
        }
        &::file-selector-button {
          border-radius: var(--radius-lg);
        }
        &::file-selector-button {
          border-style: var(--tw-border-style);
          border-width: 1px;
        }
        &::file-selector-button {
          border-color: var(--color-stone-200);
        }
        &::file-selector-button {
          background-color: var(--color-white);
        }
        &::file-selector-button {
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ccc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload-icon lucide-upload"><path d="M12 3v12"/><path d="m17 8-5-5-5 5"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/></svg>');
        }
        &::file-selector-button {
          background-size: 16px;
        }
        &::file-selector-button {
          background-position: right 1rem center;
        }
        &::file-selector-button {
          background-repeat: no-repeat;
        }
        &::file-selector-button {
          padding-inline: calc(var(--spacing) * 4);
        }
        &::file-selector-button {
          padding-block: calc(var(--spacing) * 1);
        }
        &::file-selector-button {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
        }
        &::file-selector-button {
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
        }
        &::file-selector-button {
          color: var(--color-stone-950);
        }
        &::file-selector-button {
          --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        &:hover {
          @media (hover: hover) {
            &::file-selector-button {
              border-color: var(--color-stone-300);
            }
          }
        }
        &:hover {
          @media (hover: hover) {
            &::file-selector-button {
              background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload-icon lucide-upload"><path d="M12 3v12"/><path d="m17 8-5-5-5 5"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/></svg>');
            }
          }
        }
        &::file-selector-button {
          &:focus {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
          }
        }
        &::file-selector-button {
          &:focus {
            --tw-ring-color: var(--color-dpo-accent) !important;
          }
        }
      }
      >.file_selected {
        display: flex;
        min-height: calc(var(--spacing) * 12);
        align-items: center;
        justify-content: space-between;
        gap: calc(var(--spacing) * 2);
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-stone-200);
        padding: calc(var(--spacing) * 4);
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        &:hover {
          @media (hover: hover) {
            border-color: var(--color-stone-300);
          }
        }
        >.dpo_file_name {
          overflow: hidden;
          font-size: var(--text-sm) !important;
          line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        >.dpo_remove_file {
          font-size: var(--text-lg) !important;
          line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
        }
      }
    }
    .control:has(select.product-custom-option) {
      > select.product-custom-option {
        height: calc(var(--spacing) * 12) !important;
        width: 100% !important;
        cursor: pointer !important;
        appearance: none !important;
        border-radius: var(--radius-lg) !important;
        border-style: var(--tw-border-style) !important;
        border-width: 1px !important;
        border-color: var(--color-stone-200) !important;
        background-color: var(--color-white) !important;
        background-size: 16px;
        background-position: right 1rem center;
        background-repeat: no-repeat;
        padding-right: calc(var(--spacing) * 10) !important;
        padding-left: calc(var(--spacing) * 4) !important;
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        --tw-font-weight: var(--font-weight-medium) !important;
        font-weight: var(--font-weight-medium) !important;
        color: var(--color-stone-900) !important;
        transition-property: box-shadow !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
        &:hover {
          @media (hover: hover) {
            border-color: var(--color-stone-300) !important;
          }
        }
        &:focus {
          border-color: transparent !important;
        }
        &:focus {
          --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
        }
        &:focus {
          --tw-ring-color: var(--color-dpo-accent) !important;
        }
        &:focus {
          --tw-outline-style: none !important;
          outline-style: none !important;
        }
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
        &:disabled {
          cursor: not-allowed !important;
          opacity: 50% !important;
        }
      }
    }
    h2.legend {
      margin: calc(var(--spacing) * 0) !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      padding: calc(var(--spacing) * 0) !important;
      font-size: 13px !important;
      --tw-font-weight: var(--font-weight-bold) !important;
      font-weight: var(--font-weight-bold) !important;
      --tw-tracking: var(--tracking-widest) !important;
      letter-spacing: var(--tracking-widest) !important;
      color: var(--color-stone-900) !important;
      &:has(> .dpo_tooltip_icon:not(:empty)) {
        justify-content: flex-start !important;
        > .dpo_tooltip_icon {
          order: 9999 !important;
        }
      }
      background-color: transparent !important;
      padding-block: calc(var(--spacing) * 1) !important;
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
      text-transform: uppercase !important;
      &:has(+ .fieldset-section tr.fields:first-of-type > .title-hidden > .field > label:first-child > span.dpo_tooltip_icon) {
        justify-content: flex-start !important;
        gap: calc(var(--spacing) * 2) !important;
        &:after {
          display: block !important;
          width: calc(var(--spacing) * 4) !important;
          height: calc(var(--spacing) * 4) !important;
          --tw-border-style: none !important;
          border-style: none !important;
          background-color: transparent !important;
          background-size: cover !important;
          vertical-align: text-top !important;
          opacity: 60% !important;
          --tw-invert: invert(0%) !important;
          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;
          --tw-content: '' !important;
          content: var(--tw-content) !important;
          content: '' !important;
          background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWluZm8taWNvbiBsdWNpZGUtaW5mbyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJNMTIgMTZ2LTQiLz48cGF0aCBkPSJNMTIgOGguMDEiLz48L3N2Zz4=") !important;
        }
        & + .fieldset-section {
          position: relative !important;
          .title-hidden {
            > .field {
              position: static !important;
              > label:first-child {
                display: block !important;
                font-size: 0px !important;
                >span.dpo_tooltip_icon {
                  position: absolute !important;
                  top: calc(var(--spacing) * -7) !important;
                  right: calc(var(--spacing) * 0) !important;
                  left: calc(var(--spacing) * 0) !important;
                  z-index: 20;
                  margin: calc(var(--spacing) * 0) !important;
                  display: block !important;
                  width: calc(var(--spacing) * 5);
                  height: calc(var(--spacing) * 5);
                  width: 100%;
                  &::after {
                    content: var(--tw-content);
                    opacity: 0% !important;
                  }
                  >.dpo_tooltip_body {
                    right: calc(var(--spacing) * 0) !important;
                    left: calc(var(--spacing) * 0) !important;
                    width: 100% !important;
                    * {
                      display: block !important;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .dpo-container div.fieldset-section:not(.open) {
      height: auto !important;
    }
    #itoris_dynamicproductoptions > .fieldset:has(+ h2.legend) {
      margin-bottom: calc(var(--spacing) * 4) !important;
      overflow: visible !important;
      border-radius: 0 !important;
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 1px !important;
      border-color: var(--color-stone-200) !important;
      padding-bottom: calc(var(--spacing) * 4) !important;
      > table {
        margin-block-end: calc(var(--spacing) * 0) !important;
        &:not(:has(.custom_options)) {
          display: grid;
          gap: calc(var(--spacing) * 4) !important;
        }
      }
    }
    .fieldset:has(.custom_options) {
      display: flex;
      flex-direction: column !important;
      .fields {
        margin-block: calc(var(--spacing) * 0) !important;
      }
      .field, label, p {
        order: -9999 !important;
      }
      label {
        margin-bottom: calc(var(--spacing) * 2) !important;
        display: block !important;
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important;
        color: var(--color-stone-900) !important;
      }
      .ihidden, .is-hidden {
        margin: calc(var(--spacing) * 0) !important;
        display: none !important;
        padding: calc(var(--spacing) * 0) !important;
      }
      textarea {
        min-height: 100px !important;
        width: 100% !important;
        border-radius: var(--radius-lg) !important;
        border-style: var(--tw-border-style) !important;
        border-width: 1px !important;
        border-color: var(--color-stone-200) !important;
        background-color: var(--color-white) !important;
        padding: calc(var(--spacing) * 3) !important;
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        &:focus {
          border-color: var(--color-stone-800) !important;
        }
        &:focus {
          --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
        }
        &:focus {
          --tw-ring-color: var(--color-stone-800) !important;
        }
        &:focus {
          --tw-outline-style: none !important;
          outline-style: none !important;
        }
      }
      input[type="text"] {
        height: calc(var(--spacing) * 12);
        width: 100%;
        appearance: none;
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-stone-200);
        background-color: var(--color-white);
        padding-right: calc(var(--spacing) * 10);
        padding-left: calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-stone-900);
        transition-property: box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:hover {
          @media (hover: hover) {
            border-color: var(--color-stone-300);
          }
        }
        &:focus {
          border-color: transparent;
        }
        &:focus {
          --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
        }
        &:focus {
          --tw-ring-color: #ff6600;
        }
        &:focus {
          --tw-outline-style: none;
          outline-style: none;
        }
      }
      .production_track_custom, .production_track_no_custom, .production_track_visual {
        margin: calc(var(--spacing) * 0) !important;
        margin-block: calc(var(--spacing) * 4) !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: calc(var(--spacing) * 2) !important;
        border-radius: var(--radius-xl) !important;
        border-style: var(--tw-border-style) !important;
        border-width: 2px !important;
        border-color: var(--color-stone-200) !important;
        padding: calc(var(--spacing) * 4) !important;
        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;
        --tw-duration: 100ms !important;
        transition-duration: 100ms !important;
        .fields {
          margin-block: calc(var(--spacing) * 0) !important;
        }
        &:has(input:checked) {
          order: -9999 !important;
          margin-bottom: calc(var(--spacing) * 0) !important;
          border-bottom-right-radius: 0 !important;
          border-bottom-left-radius: 0 !important;
          border-bottom-style: var(--tw-border-style) !important;
          border-bottom-width: 0px !important;
          border-color: var(--color-dpo-accent) !important;
          background-color: var(--color-dpo-accent-background) !important;
          padding-bottom: calc(var(--spacing) * 0) !important;
        }
        > input {
          visibility: visible !important;
          position: static !important;
          z-index: 10 !important;
          order: 9999 !important;
          margin: calc(var(--spacing) * 0) !important;
          display: block !important;
          aspect-ratio: 1 / 1 !important;
          height: calc(var(--spacing) * 5) !important;
          width: calc(var(--spacing) * 5) !important;
          appearance: none !important;
          border-radius: calc(infinity * 1px) !important;
          border-style: var(--tw-border-style) !important;
          border-width: 2px !important;
          border-color: var(--color-stone-200) !important;
          background-color: transparent !important;
          padding: calc(var(--spacing) * 0) !important;
          --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;
          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;
          --tw-duration: 100ms !important;
          transition-duration: 100ms !important;
          &:checked {
            border-color: var(--color-dpo-accent) !important;
            background-color: var(--color-dpo-accent) !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check h-3.5 w-3.5' aria-hidden='true'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E") !important;
            background-size: 12px !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
          }
          order: -9999 !important;
          flex: none !important;
        }
        label {
          margin: calc(var(--spacing) * 0) !important;
          display: flex !important;
          flex-direction: row !important;
          align-items: center !important;
          padding: calc(var(--spacing) * 0) !important;
          font-size: 13px !important;
          --tw-font-weight: var(--font-weight-bold) !important;
          font-weight: var(--font-weight-bold) !important;
          --tw-tracking: var(--tracking-widest) !important;
          letter-spacing: var(--tracking-widest) !important;
          color: var(--color-stone-900) !important;
          &:has(> .dpo_tooltip_icon:not(:empty)) {
            justify-content: flex-start !important;
            > .dpo_tooltip_icon {
              order: 9999 !important;
            }
          }
          margin-block-end: calc(var(--spacing) * 0) !important;
          display: contents !important;
          min-height: calc(var(--spacing) * 0) !important;
          width: 100% !important;
          justify-content: flex-start !important;
          --tw-border-style: none !important;
          border-style: none !important;
          background-color: transparent !important;
          font-size: var(--text-base) !important;
          line-height: var(--tw-leading, var(--text-base--line-height)) !important;
          --tw-font-weight: var(--font-weight-semibold) !important;
          font-weight: var(--font-weight-semibold) !important;
          --tw-tracking: var(--tracking-normal) !important;
          letter-spacing: var(--tracking-normal) !important;
          &:has(> .dpo_tooltip_icon:not(:empty)) {
            gap: calc(var(--spacing) * 2) !important;
          }
          > span:first-child {
            width: 100% !important;
          }
          &:has(.dpo_tooltip_icon)> span {
            &:first-child {
              flex: 1 !important;
            }
            &:last-child {
              width: 100% !important;
            }
          }
        }
        &:not(:has(input:checked)) .dpo_tooltip_body {
          > p {
            display: none !important;
            &:first-child {
              display: block !important;
            }
            &:last-child {
              display: block !important;
            }
          }
        }
        &.production_track_custom:has(input:checked) .dpo_tooltip_body {
          padding-bottom: calc(var(--spacing) * 4) !important;
          &:hover {
            @media (hover: hover) {
              padding-bottom: calc(var(--spacing) * 4) !important;
            }
          }
        }
        &:has(input:checked) .dpo_tooltip_body {
          > p {
            display: block !important;
          }
        }
        .dpo_tooltip_icon {
          position: static !important;
          order: 9999 !important;
          grid-column: 1 / -1 !important;
          display: block !important;
          height: 100% !important;
          width: 100% !important;
          &::after, &::before {
            display: none !important;
          }
          .dpo_tooltip_body, .dpo_tooltip_body:hover {
            visibility: visible !important;
            position: static !important;
            margin: calc(var(--spacing) * 0) !important;
            display: flex !important;
            height: 100% !important;
            width: 100% !important;
            flex-direction: column !important;
            gap: calc(var(--spacing) * 0) !important;
            --tw-border-style: none !important;
            border-style: none !important;
            background-color: transparent !important;
            padding: calc(var(--spacing) * 0) !important;
            font-size: var(--text-sm) !important;
            line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
            --tw-font-weight: var(--font-weight-normal) !important;
            font-weight: var(--font-weight-normal) !important;
            --tw-tracking: var(--tracking-normal) !important;
            letter-spacing: var(--tracking-normal) !important;
            --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;
            &::after, &::before {
              display: none !important;
            }
            > p {
              gap: calc(var(--spacing) * 1.5) !important;
              &:first-child {
                margin-bottom: calc(var(--spacing) * 2) !important;
              }
              &:first-child {
                color: var(--color-stone-700) !important;
              }
              * {
                display: inline !important;
                vertical-align: middle !important;
              }
            }
            ul {
              margin: calc(var(--spacing) * 0) !important;
              list-style-position: inside !important;
              flex-direction: column !important;
              gap: calc(var(--spacing) * 0) !important;
              padding: calc(var(--spacing) * 0) !important;
              & *::marker {
                margin-inline: calc(var(--spacing) * 0) !important;
              }
              &::marker {
                margin-inline: calc(var(--spacing) * 0) !important;
              }
              & *::-webkit-details-marker {
                margin-inline: calc(var(--spacing) * 0) !important;
              }
              &::-webkit-details-marker {
                margin-inline: calc(var(--spacing) * 0) !important;
              }
              & *::marker {
                width: calc(var(--spacing) * 2) !important;
                height: calc(var(--spacing) * 2) !important;
              }
              &::marker {
                width: calc(var(--spacing) * 2) !important;
                height: calc(var(--spacing) * 2) !important;
              }
              & *::-webkit-details-marker {
                width: calc(var(--spacing) * 2) !important;
                height: calc(var(--spacing) * 2) !important;
              }
              &::-webkit-details-marker {
                width: calc(var(--spacing) * 2) !important;
                height: calc(var(--spacing) * 2) !important;
              }
              & *::marker {
                color: var(--color-dpo-accent) !important;
              }
              &::marker {
                color: var(--color-dpo-accent) !important;
              }
              & *::-webkit-details-marker {
                color: var(--color-dpo-accent) !important;
              }
              &::-webkit-details-marker {
                color: var(--color-dpo-accent) !important;
              }
              li {
                margin: calc(var(--spacing) * 0) !important;
                list-style-position: inside !important;
                padding: calc(var(--spacing) * 0) !important;
                & *::marker {
                  margin-inline: calc(var(--spacing) * 0) !important;
                }
                &::marker {
                  margin-inline: calc(var(--spacing) * 0) !important;
                }
                & *::-webkit-details-marker {
                  margin-inline: calc(var(--spacing) * 0) !important;
                }
                &::-webkit-details-marker {
                  margin-inline: calc(var(--spacing) * 0) !important;
                }
                & *::marker {
                  width: calc(var(--spacing) * 2) !important;
                  height: calc(var(--spacing) * 2) !important;
                }
                &::marker {
                  width: calc(var(--spacing) * 2) !important;
                  height: calc(var(--spacing) * 2) !important;
                }
                & *::-webkit-details-marker {
                  width: calc(var(--spacing) * 2) !important;
                  height: calc(var(--spacing) * 2) !important;
                }
                &::-webkit-details-marker {
                  width: calc(var(--spacing) * 2) !important;
                  height: calc(var(--spacing) * 2) !important;
                }
                & *::marker {
                  color: var(--color-dpo-accent) !important;
                }
                &::marker {
                  color: var(--color-dpo-accent) !important;
                }
                & *::-webkit-details-marker {
                  color: var(--color-dpo-accent) !important;
                }
                &::-webkit-details-marker {
                  color: var(--color-dpo-accent) !important;
                }
                list-style-type: square !important;
              }
            }
          }
        }
        order: 9999 !important;
        margin-block-start: calc(var(--spacing) * 4) !important;
        margin-bottom: calc(var(--spacing) * 0) !important;
        background-color: transparent !important;
        &:hover {
          margin: calc(var(--spacing) * 0) !important;
          margin-block: calc(var(--spacing) * 4) !important;
          display: flex !important;
          flex-wrap: wrap !important;
          align-items: center !important;
          justify-content: space-between !important;
          gap: calc(var(--spacing) * 2) !important;
          border-radius: var(--radius-xl) !important;
          border-style: var(--tw-border-style) !important;
          border-width: 2px !important;
          border-color: var(--color-stone-200) !important;
          padding: calc(var(--spacing) * 4) !important;
          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;
          --tw-duration: 100ms !important;
          transition-duration: 100ms !important;
          .fields {
            margin-block: calc(var(--spacing) * 0) !important;
          }
          &:has(input:checked) {
            order: -9999 !important;
            margin-bottom: calc(var(--spacing) * 0) !important;
            border-bottom-right-radius: 0 !important;
            border-bottom-left-radius: 0 !important;
            border-bottom-style: var(--tw-border-style) !important;
            border-bottom-width: 0px !important;
            border-color: var(--color-dpo-accent) !important;
            background-color: var(--color-dpo-accent-background) !important;
            padding-bottom: calc(var(--spacing) * 0) !important;
          }
          > input {
            visibility: visible !important;
            position: static !important;
            z-index: 10 !important;
            order: 9999 !important;
            margin: calc(var(--spacing) * 0) !important;
            display: block !important;
            aspect-ratio: 1 / 1 !important;
            height: calc(var(--spacing) * 5) !important;
            width: calc(var(--spacing) * 5) !important;
            appearance: none !important;
            border-radius: calc(infinity * 1px) !important;
            border-style: var(--tw-border-style) !important;
            border-width: 2px !important;
            border-color: var(--color-stone-200) !important;
            background-color: transparent !important;
            padding: calc(var(--spacing) * 0) !important;
            --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;
            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;
            --tw-duration: 100ms !important;
            transition-duration: 100ms !important;
            &:checked {
              border-color: var(--color-dpo-accent) !important;
              background-color: var(--color-dpo-accent) !important;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check h-3.5 w-3.5' aria-hidden='true'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E") !important;
              background-size: 12px !important;
              background-position: center !important;
              background-repeat: no-repeat !important;
            }
            order: -9999 !important;
            flex: none !important;
          }
          label {
            margin: calc(var(--spacing) * 0) !important;
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            padding: calc(var(--spacing) * 0) !important;
            font-size: 13px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-widest) !important;
            letter-spacing: var(--tracking-widest) !important;
            color: var(--color-stone-900) !important;
            &:has(> .dpo_tooltip_icon:not(:empty)) {
              justify-content: flex-start !important;
              > .dpo_tooltip_icon {
                order: 9999 !important;
              }
            }
            margin-block-end: calc(var(--spacing) * 0) !important;
            display: contents !important;
            min-height: calc(var(--spacing) * 0) !important;
            width: 100% !important;
            justify-content: flex-start !important;
            --tw-border-style: none !important;
            border-style: none !important;
            background-color: transparent !important;
            font-size: var(--text-base) !important;
            line-height: var(--tw-leading, var(--text-base--line-height)) !important;
            --tw-font-weight: var(--font-weight-semibold) !important;
            font-weight: var(--font-weight-semibold) !important;
            --tw-tracking: var(--tracking-normal) !important;
            letter-spacing: var(--tracking-normal) !important;
            &:has(> .dpo_tooltip_icon:not(:empty)) {
              gap: calc(var(--spacing) * 2) !important;
            }
            > span:first-child {
              width: 100% !important;
            }
            &:has(.dpo_tooltip_icon)> span {
              &:first-child {
                flex: 1 !important;
              }
              &:last-child {
                width: 100% !important;
              }
            }
          }
          order: 9999 !important;
          margin-block-start: calc(var(--spacing) * 4) !important;
          margin-bottom: calc(var(--spacing) * 0) !important;
          background-color: transparent !important;
        }
        &:first-of-type {
          margin-block-start: calc(var(--spacing) * 0) !important;
        }
        &:has(~ .production_track_custom :checked), &:has(~ .production_track_no_custom :checked), &:has(~ .production_track_visual :checked) {
          order: -9999 !important;
        }
        &.personalized {
          > label > span:first-child:after {
            content: 'Personalized' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #e5e5e5 !important;
            color: #444444 !important;
          }
        }
        &.mockup-approval {
          > label > span:first-child:after {
            content: 'Mockup Approval' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #e5e5e5 !important;
            color: #444444 !important;
          }
        }
        &.recommended {
          > label > span:first-child:after {
            content: 'Recommended' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #2E2E2E !important;
            color: var(--color-white) !important;
          }
        }
        &.recommended-green {
          > label > span:first-child:after {
            content: 'Recommended' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #0EA57A !important;
            color: var(--color-white) !important;
          }
        }
        &.fastest {
          > label > span:first-child:after {
            content: 'Fastest' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #39C77F !important;
            color: #0F2B1C !important;
          }
        }
        &.new {
          > label > span:first-child:after {
            content: 'New' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #FFD100 !important;
            color: var(--color-black) !important;
          }
        }
        &.popular {
          > label > span:first-child:after {
            content: 'Popular' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #FFD100 !important;
            color: var(--color-black) !important;
          }
        }
        &.limited {
          > label > span:first-child:after {
            content: 'Limited' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #1F1F1F !important;
            color: var(--color-white) !important;
          }
        }
        &.premium {
          > label > span:first-child:after {
            content: 'Premium' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #1F1F1F !important;
            color: var(--color-white) !important;
          }
        }
        &.plus-3-days {
          > label > span:first-child:after {
            content: '+ 3 days' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #FFE8D6 !important;
            color: #B45309 !important;
          }
        }
        &.plus-4-days {
          > label > span:first-child:after {
            content: '+ 4 days' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #FFE8D6 !important;
            color: #B45309 !important;
          }
        }
        &.plus-5-days {
          > label > span:first-child:after {
            content: '+ 5 days' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #FFE8D6 !important;
            color: #B45309 !important;
          }
        }
        &.plus-2-4-days {
          > label > span:first-child:after {
            content: '+ 2-4 days' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #FFE8D6 !important;
            color: #B45309 !important;
          }
        }
        &.plus-3-8-days {
          > label > span:first-child:after {
            content: '+ 3-8 days' !important;
            margin-left: calc(var(--spacing) * 2) !important;
            display: inline-flex !important;
            flex-shrink: 1 !important;
            align-items: center !important;
            border-radius: var(--radius-sm) !important;
            padding-inline: calc(var(--spacing) * 1.5) !important;
            padding-block: calc(var(--spacing) * 0.5) !important;
            vertical-align: text-bottom !important;
            font-size: 10px !important;
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
            --tw-tracking: var(--tracking-wide) !important;
            letter-spacing: var(--tracking-wide) !important;
            text-transform: uppercase !important;
            background-color: #FFE8D6 !important;
            color: #B45309 !important;
          }
        }
      }
      .field:not(.choice) {
        width: 100% !important;
        padding-inline: calc(var(--spacing) * 4) !important;
        > label {
          margin: calc(var(--spacing) * 0) !important;
          display: flex;
          flex-direction: row !important;
          align-items: center !important;
          padding: calc(var(--spacing) * 0) !important;
          font-size: 13px;
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          --tw-tracking: var(--tracking-widest);
          letter-spacing: var(--tracking-widest);
          color: var(--color-stone-900);
          &:has(> .dpo_tooltip_icon:not(:empty)) {
            justify-content: flex-start !important;
            > .dpo_tooltip_icon {
              order: 9999 !important;
            }
          }
        }
      }
      table, tbody, td, .control, .customization:not(.visual-confirmation) > *, .options-list:has(.production_track_custom), .options-list:has(.production_track_no_custom) {
        display: contents !important;
      }
      tr {
        flex-direction: column;
        align-items: center !important;
        justify-content: space-between !important;
        &:not(*:first-child) {
          display: block !important;
        }
        &:first-child {
          display: contents !important;
        }
        &:last-child {
          display: block !important;
          &:after {
            margin-block-end: calc(var(--spacing) * 0) !important;
            display: flex !important;
            height: calc(var(--spacing) * 4) !important;
            width: 100% !important;
            border-bottom-right-radius: var(--radius-xl) !important;
            border-bottom-left-radius: var(--radius-xl) !important;
            border-style: var(--tw-border-style) !important;
            border-width: 2px !important;
            border-top-style: var(--tw-border-style) !important;
            border-top-width: 0px !important;
            border-color: var(--color-dpo-accent) !important;
            border-top-color: transparent !important;
            background-color: var(--color-dpo-accent-background) !important;
            content: '' !important;
          }
        }
        td {
          > * {
            margin: calc(var(--spacing) * 0) !important;
            display: block;
            height: 100% !important;
            width: 100% !important;
            border-style: var(--tw-border-style) !important;
            border-width: 2px !important;
            border-block-style: var(--tw-border-style) !important;
            border-block-width: 0px !important;
            border-color: var(--color-dpo-accent) !important;
            background-color: var(--color-dpo-accent-background) !important;
            padding-block: calc(var(--spacing) * 2) !important;
          }
        }
        &:first-child {
          p {
            display: none !important;
          }
        }
      }
      .option-fields-cols-2 tr:not(:has(>td>div.empty)) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: calc(var(--spacing) * 4) !important;
        @media (width >= 40rem) {
          display: grid !important;
        }
        > td {
          > .field:not(.choice) {
            height: 100% !important;
            width: 100% !important;
          }
          &:last-of-type > .field:not(.choice) {
            @media (width >= 40rem) {
              border-left-style: var(--tw-border-style) !important;
              border-left-width: 0px !important;
            }
            @media (width >= 40rem) {
              padding-left: calc(var(--spacing) * 0) !important;
            }
          }
          &:first-of-type > .field:not(.choice) {
            @media (width >= 40rem) {
              border-right-style: var(--tw-border-style) !important;
              border-right-width: 0px !important;
            }
            @media (width >= 40rem) {
              padding-right: calc(var(--spacing) * 0) !important;
            }
          }
        }
      }
    }
    .fieldset table:has(.extras-collapsible) {
      margin: calc(var(--spacing) * 0) !important;
      margin-block: calc(var(--spacing) * 4) !important;
      display: flex !important;
      flex-wrap: wrap !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: calc(var(--spacing) * 2) !important;
      border-radius: var(--radius-xl) !important;
      border-style: var(--tw-border-style) !important;
      border-width: 2px !important;
      border-color: var(--color-stone-200) !important;
      padding: calc(var(--spacing) * 4) !important;
      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;
      --tw-duration: 100ms !important;
      transition-duration: 100ms !important;
      .fields {
        margin-block: calc(var(--spacing) * 0) !important;
      }
      &:has(input:checked) {
        order: -9999 !important;
        margin-bottom: calc(var(--spacing) * 0) !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-style: var(--tw-border-style) !important;
        border-bottom-width: 0px !important;
        border-color: var(--color-dpo-accent) !important;
        background-color: var(--color-dpo-accent-background) !important;
        padding-bottom: calc(var(--spacing) * 0) !important;
      }
      > input {
        visibility: visible !important;
        position: static !important;
        z-index: 10 !important;
        order: 9999 !important;
        margin: calc(var(--spacing) * 0) !important;
        display: block !important;
        aspect-ratio: 1 / 1 !important;
        height: calc(var(--spacing) * 5) !important;
        width: calc(var(--spacing) * 5) !important;
        appearance: none !important;
        border-radius: calc(infinity * 1px) !important;
        border-style: var(--tw-border-style) !important;
        border-width: 2px !important;
        border-color: var(--color-stone-200) !important;
        background-color: transparent !important;
        padding: calc(var(--spacing) * 0) !important;
        --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;
        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;
        --tw-duration: 100ms !important;
        transition-duration: 100ms !important;
        &:checked {
          border-color: var(--color-dpo-accent) !important;
          background-color: var(--color-dpo-accent) !important;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check h-3.5 w-3.5' aria-hidden='true'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E") !important;
          background-size: 12px !important;
          background-position: center !important;
          background-repeat: no-repeat !important;
        }
        order: -9999 !important;
        flex: none !important;
      }
      label {
        margin: calc(var(--spacing) * 0) !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: calc(var(--spacing) * 0) !important;
        font-size: 13px !important;
        --tw-font-weight: var(--font-weight-bold) !important;
        font-weight: var(--font-weight-bold) !important;
        --tw-tracking: var(--tracking-widest) !important;
        letter-spacing: var(--tracking-widest) !important;
        color: var(--color-stone-900) !important;
        &:has(> .dpo_tooltip_icon:not(:empty)) {
          justify-content: flex-start !important;
          > .dpo_tooltip_icon {
            order: 9999 !important;
          }
        }
        margin-block-end: calc(var(--spacing) * 0) !important;
        display: contents !important;
        min-height: calc(var(--spacing) * 0) !important;
        width: 100% !important;
        justify-content: flex-start !important;
        --tw-border-style: none !important;
        border-style: none !important;
        background-color: transparent !important;
        font-size: var(--text-base) !important;
        line-height: var(--tw-leading, var(--text-base--line-height)) !important;
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important;
        --tw-tracking: var(--tracking-normal) !important;
        letter-spacing: var(--tracking-normal) !important;
        &:has(> .dpo_tooltip_icon:not(:empty)) {
          gap: calc(var(--spacing) * 2) !important;
        }
        > span:first-child {
          width: 100% !important;
        }
        &:has(.dpo_tooltip_icon)> span {
          &:first-child {
            flex: 1 !important;
          }
          &:last-child {
            width: 100% !important;
          }
        }
      }
      margin-block-start: calc(var(--spacing) * 0) !important;
      display: grid !important;
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
      gap: calc(var(--spacing) * 0) !important;
      &:not(*:last-child) {
        margin-block-end: calc(var(--spacing) * 4) !important;
      }
      td:not(.title-hidden) label:has(+ .control) {
        margin: calc(var(--spacing) * 0) !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: calc(var(--spacing) * 0) !important;
        font-size: 13px !important;
        --tw-font-weight: var(--font-weight-bold) !important;
        font-weight: var(--font-weight-bold) !important;
        --tw-tracking: var(--tracking-widest) !important;
        letter-spacing: var(--tracking-widest) !important;
        color: var(--color-stone-900) !important;
        &:has(> .dpo_tooltip_icon:not(:empty)) {
          justify-content: flex-start !important;
          > .dpo_tooltip_icon {
            order: 9999 !important;
          }
        }
      }
      td:not(.title-hidden) label:has(+ .control), td.title-hidden > div {
        margin-block-start: calc(var(--spacing) * 2) !important;
      }
      &:has(input:checked) {
        margin-bottom: calc(var(--spacing) * 4) !important;
        border-bottom-right-radius: var(--radius-xl) !important;
        border-bottom-left-radius: var(--radius-xl) !important;
        border-bottom-style: var(--tw-border-style) !important;
        border-bottom-width: 2px !important;
        border-color: var(--color-dpo-accent) !important;
        background-color: var(--color-dpo-accent-background) !important;
        padding-bottom: calc(var(--spacing) * 4) !important;
      }
      img {
        order: -9999 !important;
        width: calc(var(--spacing) * 20) !important;
        height: calc(var(--spacing) * 20) !important;
        border-radius: var(--radius-lg) !important;
        object-fit: cover !important;
      }
      .extras-collapsible {
        > .field > label:first-child {
          display: none !important;
        }
        label {
          width: 100% !important;
          min-width: fit-content !important;
          flex-direction: row !important;
          flex-wrap: wrap !important;
          align-items: flex-start !important;
          justify-content: flex-start !important;
          gap: calc(var(--spacing) * 0) !important;
          .price-notice, .price-compare {
            margin: calc(var(--spacing) * 0) !important;
            width: fit-content !important;
            font-size: var(--text-sm) !important;
            line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
            --tw-font-weight: var(--font-weight-normal) !important;
            font-weight: var(--font-weight-normal) !important;
            color: var(--color-stone-500) !important;
          }
          &:has(.price-compare) {
            .price-notice {
              margin-right: calc(var(--spacing) * 1) !important;
              --tw-font-weight: var(--font-weight-semibold) !important;
              font-weight: var(--font-weight-semibold) !important;
              color: var(--color-stone-950) !important;
            }
          }
          &:has(.dpo_tooltip_icon) {
            position: relative !important;
            .dpo_tooltip_icon {
              position: absolute !important;
              top: calc(var(--spacing) * 1) !important;
              right: calc(var(--spacing) * -4) !important;
              margin: calc(var(--spacing) * 0) !important;
              display: flex !important;
              align-items: flex-end !important;
              justify-content: flex-end !important;
              .dpo_tooltip_body {
                right: calc(var(--spacing) * 0) !important;
                left: calc(var(--spacing) * 0) !important;
                width: 100% !important;
              }
            }
          }
        }
        >.field:first-child {
          display: contents !important;
          >.control {
            display: grid !important;
            width: 100% !important;
            grid-auto-flow: row dense !important;
            grid-auto-rows: min-content !important;
            grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
            grid-template-rows: repeat(3,auto) !important;
            align-items: center !important;
            justify-content: center !important;
            column-gap: calc(var(--spacing) * 3) !important;
            &:has(img) {
              grid-template-columns: auto 1fr !important;
            }
            &:has(>p) {
              > .options-list {
                > .field {
                  > label {
                    grid-row: span 2 / span 2 !important;
                  }
                }
              }
            }
            &:not(:has(>p)) {
              > .options-list {
                > .field {
                  > label {
                    grid-row: 1 / -1 !important;
                  }
                }
              }
            }
            > p {
              grid-column-start: 2 !important;
            }
            > .options-list {
              display: contents !important;
              padding: calc(var(--spacing) * 0) !important;
              > .field {
                display: contents !important;
                > div:empty {
                  display: none !important;
                }
                > label {
                  display: flex !important;
                  flex-wrap: wrap !important;
                }
                > input {
                  order: 9999 !important;
                  grid-column-start: calc(1 * -1) !important;
                  grid-row: 1 / -1 !important;
                }
                > img {
                  grid-column-start: 1 !important;
                  grid-row: 1 / -1 !important;
                  display: block !important;
                }
              }
            }
          }
        }
        .field.choice {
          display: flex !important;
          width: 100% !important;
          flex-direction: row !important;
          align-items: center !important;
          justify-content: flex-start !important;
          input {
            --switch-size: calc(var(--spacing) * 6) !important;
            --switch-border-width: calc(var(--switch-size) * 0.1) !important;
            order: 9999 !important;
            margin: calc(var(--spacing) * 0) !important;
            display: block !important;
            aspect-ratio: 2/1 !important;
            height: var(--switch-size) !important;
            width: auto !important;
            appearance: none !important;
            border-radius: calc(infinity * 1px) !important;
            border-style: var(--tw-border-style) !important;
            border-width: 0px !important;
            background-color: var(--color-stone-200) !important;
            padding: calc(var(--spacing) * 0) !important;
            accent-color: var(--color-white) !important;
            opacity: 100% !important;
            --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;
            &:after {
              position: static !important;
              box-sizing: border-box !important;
              display: block !important;
              aspect-ratio: 1 / 1 !important;
              height: 100% !important;
              width: auto !important;
              rotate: 0deg !important;
              transform: none !important;
              border-radius: calc(infinity * 1px) !important;
              border-style: var(--tw-border-style) !important;
              border-width: var(--switch-border-width) !important;
              border-color: var(--color-stone-200) !important;
              background-color: var(--color-white) !important;
              opacity: 100% !important;
              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;
              --tw-duration: 200ms !important;
              transition-duration: 200ms !important;
              content: '' !important;
            }
            &:checked {
              border-style: var(--tw-border-style) !important;
              border-width: 0px !important;
              background-color: var(--color-stone-900) !important;
              --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;
              &:after {
                --tw-translate-x: var(--switch-size) !important;
                --tw-translate-y: calc(var(--spacing) * 0) !important;
                translate: var(--tw-translate-x) var(--tw-translate-y) !important;
                border-color: var(--color-stone-900) !important;
              }
            }
          }
        }
      }
      .field {
        gap: calc(var(--spacing) * 2) !important;
      }
      &:has(.swatch-label-hidden), &:has(.swatch-label-hidden):hover {
        .dpo_swatch label {
          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;
        }
      }
      .dpo_swatch {
        label {
          opacity: 100% !important;
        }
        &:has(> input:checked) {
          label {
            opacity: 100% !important;
          }
        }
      }
      > table {
        margin: calc(var(--spacing) * 0) !important;
        display: grid;
        gap: calc(var(--spacing) * 0);
        padding: calc(var(--spacing) * 0) !important;
        tr:has(>td>.empty), tr:has(>td>.ihidden) {
          display: none !important;
        }
        .fields {
          margin: calc(var(--spacing) * 0) !important;
        }
      }
      tr:not(:only-child) {
        &:has(.extras-collapsible input:checked) {
          margin-bottom: calc(var(--spacing) * 0) !important;
        }
      }
      &:has(.extras-collapsible input:checked) {
        table {
          gap: calc(var(--spacing) * 2);
        }
      }
    }
    .pills {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: calc(var(--spacing) * 2) !important;
      border-color: var(--color-stone-200) !important;
      background-color: var(--color-white) !important;
      font-size: var(--text-xs) !important;
      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
      color: var(--color-stone-600) !important;
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-stone-400) !important;
        }
      }
      .choice {
        margin: calc(var(--spacing) * 0) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: calc(var(--spacing) * 0) !important;
        border-radius: calc(infinity * 1px) !important;
        border-color: var(--color-stone-200) !important;
        background-color: var(--color-white) !important;
        padding-inline: calc(var(--spacing) * 2) !important;
        padding-block: calc(var(--spacing) * 1) !important;
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important;
        color: var(--color-stone-600) !important;
        &:hover {
          @media (hover: hover) {
            border-color: var(--color-stone-400) !important;
          }
        }
        &:has(input:checked) {
          border-color: var(--color-stone-800) !important;
          background-color: var(--color-stone-800) !important;
          span {
            color: var(--color-stone-100) !important;
            &::after {
              --tw-invert: invert(100%) !important;
              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;
            }
          }
        }
        label {
          margin: calc(var(--spacing) * 0) !important;
          margin-block: calc(var(--spacing) * 0) !important;
          display: flex !important;
          align-items: center !important;
          justify-content: center !important;
          gap: calc(var(--spacing) * 0) !important;
          .dpo_tooltip_icon {
            top: -1px !important;
          }
        }
        span {
          display: block !important;
          width: max-content !important;
          font-size: var(--text-xs) !important;
          line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
          white-space: nowrap !important;
        }
      }
      .options-list {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: calc(var(--spacing) * 2) !important;
        padding-block: calc(var(--spacing) * 0) !important;
      }
      input {
        display: none !important;
      }
    }
    .field {
      margin: calc(var(--spacing) * 0) !important;
      &:has(> input[type="checkbox"]):not(.dpo_swatch) {
        display: flex;
        align-items: center !important;
        > * {
          margin-block: calc(var(--spacing) * 0) !important;
        }
      }
    }
  }
}
@layer components {
  slider-element {
    --rounded-block: 1rem;
  }
  media-dots {
    padding: calc(var(--spacing) * 2);
  }
  media-gallery {
    @media (width >= 64rem) {
      position: sticky !important;
    }
    @media (width >= 64rem) {
      top: var(--header-height) !important;
    }
  }
  .product__thumbnail::after {
    display: none;
    --tw-shadow: 0 0 #0000;
    --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-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-color: transparent;
    --tw-ring-offset-color: #fff;
  }
  .product__thumbnail,	.product__thumbnail[aria-current="true"]:focus:not(:focus-visible) {
    width: 100% !important;
    height: 100% !important;
    max-height: calc(var(--spacing) * 36) !important;
    min-height: calc(var(--spacing) * 20) !important;
    max-width: calc(var(--spacing) * 36) !important;
    min-width: calc(var(--spacing) * 20) !important;
    border-radius: var(--radius-lg) !important;
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
    outline-offset: 2px !important;
    outline-color: transparent;
    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: 100ms;
    transition-duration: 100ms;
  }
  .product__thumbnail:hover {
    outline-color: var(--color-gray-200);
  }
  .product__thumbnail[aria-current="true"]:not([aria-current="false"]) {
    outline-color: var(--color-black);
  }
  .has_dpo_options {
    .main-content .section {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-stone-50) !important;
      }
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  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-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@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-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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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;
}
@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-border-style: solid;
      --tw-duration: 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-font-weight: initial;
      --tw-tracking: initial;
      --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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-leading: initial;
      --tw-outline-style: solid;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}