variant-selector{display:flex;flex-direction:column;gap:20px}variant-selector .field--hidden{display:none}variant-selector .variant-selector__option--color{order:1}variant-selector .variant-selector__option--size{order:2}variant-selector .variant-selector__option+.variant-selector__option{margin-top:var(--variant-option-gap,20px)}variant-selector .variant-selector__option-name{font-family:var(--title-font);font-size:1rem;letter-spacing:0;line-height:1.5rem;margin:0 0 .75rem;text-transform:uppercase}variant-selector .field--swatch__list{display:flex;flex-wrap:wrap;gap:8px;width:100%}variant-selector .field--swatch .field--swatch__button{--swatch-chip-inset:4px;align-items:center;background:var(--color-white,#fff);border:2px solid var(--color-neutral-1000,#0b0b0b);border-radius:999px;box-shadow:0 2px 0 0 var(--color-shadow,var(--color-theme-shadow,hsla(0,0%,4%,.2)));box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 auto;gap:0;height:40px;justify-content:center;line-height:1;min-height:0;min-width:40px;padding:0;position:relative;transition:border-width .15s ease;width:40px}variant-selector .field--swatch .field--swatch__chip{background:var(--swatch__chip-background) center/cover no-repeat;border:none;border-radius:999px;inset:var(--swatch-chip-inset);position:absolute;transition:inset .15s ease}variant-selector .field--swatch .field--swatch__text{align-items:center;background:var(--color-white,#fff);border-radius:999px;display:flex;font-family:var(--title-font);font-size:.75rem;height:100%;justify-content:center;line-height:1rem;text-transform:uppercase;width:100%}variant-selector .field--swatch .field--swatch__button:has(input:checked){--swatch-chip-inset:0px;border-width:2px;box-shadow:none}variant-selector .field--swatch .field--swatch__input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}variant-selector .field--grid .field--swatch__list{gap:8px}variant-selector .field--grid .field--swatch__button{align-items:center;background:var(--color-white,#fff);border:1px solid var(--color-neutral-1000,#0b0b0b);border-radius:999px;box-shadow:0 2px 0 0 var(--color-shadow,hsla(0,0%,4%,.2));box-sizing:border-box;color:var(--color-neutral-1000,#0b0b0b);cursor:pointer;display:flex;flex:0 0 auto;font-family:var(--title-font);font-size:1rem;gap:0;height:40px;justify-content:center;line-height:1.5rem;min-height:0;min-width:80px;padding:0 1.25rem;text-transform:uppercase}variant-selector .field--grid .field--swatch__button:has(input:checked){background:var(--color-neutral-1000,#0b0b0b);box-shadow:none;color:var(--color-white,#fff)}variant-selector .field--grid .field--swatch__input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}variant-selector .field--grid .field--swatch__text{pointer-events:none}variant-selector .field--swatch__button:has(input:disabled){cursor:not-allowed;opacity:.4}variant-selector .field--swatch__button:focus-visible{outline:2px solid var(--color-neutral-1000,#0b0b0b);outline-offset:3px}variant-selector .variant-current-value .variant-value{display:none}variant-selector .variant-current-value .variant-value.active,variant-selector .variant-selector input.variant-radio:checked~.variant-value{display:inline}variant-selector .field--select select{height:auto;padding:.25rem .5rem;width:40%}variant-selector .field--checkbox,variant-selector .field--radio{display:flex;flex-wrap:wrap;gap:.5rem}variant-selector .field--checkbox .radio-swatch,variant-selector .field--radio .radio-swatch{align-items:center;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;position:relative}variant-selector .field--checkbox .radio-swatch input[type=radio],variant-selector .field--radio .radio-swatch input[type=radio]{appearance:none;height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}variant-selector .field--checkbox .radio-swatch .radio-swatch-box,variant-selector .field--radio .radio-swatch .radio-swatch-box{background:#fff;border:1px solid var(--color-input-border);box-sizing:border-box;display:inline-block;height:20px;width:20px}variant-selector .field--checkbox .radio-swatch input[type=radio]:checked+.radio-swatch-box,variant-selector .field--radio .radio-swatch input[type=radio]:checked+.radio-swatch-box{background:#b1ff8f;border-color:#000;box-shadow:0 0 0 1px #000}variant-selector .field--checkbox .radio-swatch input[type=radio]:disabled+.radio-swatch-box,variant-selector .field--radio .radio-swatch input[type=radio]:disabled+.radio-swatch-box{background:#f5f5f5;border-color:#ccc;cursor:not-allowed;opacity:.5;position:relative}variant-selector .field--checkbox .radio-swatch input[type=radio]:disabled+.radio-swatch-box:after,variant-selector .field--radio .radio-swatch input[type=radio]:disabled+.radio-swatch-box:after{background:rgba(0,0,0,.3);content:"";height:1px;left:0;pointer-events:none;position:absolute;top:50%;transform:rotate(45deg) translateY(-50%);width:100%}variant-selector .field--checkbox .radio-swatch input[type=radio]:disabled~.radio-swatch-box,variant-selector .field--checkbox .radio-swatch input[type=radio]:disabled~span,variant-selector .field--radio .radio-swatch input[type=radio]:disabled~.radio-swatch-box,variant-selector .field--radio .radio-swatch input[type=radio]:disabled~span{cursor:not-allowed}