variant-selector{display:flex;flex-direction:column;gap:var(--variant-option-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-header{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between;margin:0 0 .75rem}variant-selector .variant-selector__option-name{font:900 1rem/1.5rem var(--title-font);letter-spacing:0;margin:0;text-transform:uppercase}variant-selector .variant-selector__size-chart-link{color:inherit;flex-shrink:0;font:900 .875rem/1.25rem var(--title-font);letter-spacing:0;text-decoration:underline;text-transform:uppercase;text-underline-offset:2px}variant-selector .field--swatch__list{display:flex;flex-wrap:wrap;gap:8px;width:100%}variant-selector .field--swatch .field--swatch__button{height:40px;padding:0;position:relative;width:40px}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__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-primary-background);border:1px solid var(--color-primary-border);border-radius:999px;box-shadow:0 2px 0 0 var(--color-shadow,var(--color-primary-shadow));box-sizing:border-box;color:var(--color-primary-text);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;overflow:hidden;padding:0 1.25rem;position:relative;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[data-unavailable]),variant-selector .field--swatch__button[data-unavailable]{cursor:pointer}variant-selector .field--swatch__button:has(input[data-unavailable]):after,variant-selector .field--swatch__button[data-unavailable]:after{background:linear-gradient(to top right,transparent calc(50% - 2px),red 50%,transparent calc(50% + 2px));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}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][data-unavailable]+.radio-swatch-box,variant-selector .field--radio .radio-swatch input[type=radio][data-unavailable]+.radio-swatch-box{background:#f5f5f5;border-color:#ccc;cursor:pointer;opacity:.5;position:relative}variant-selector .field--checkbox .radio-swatch input[type=radio][data-unavailable]+.radio-swatch-box:after,variant-selector .field--radio .radio-swatch input[type=radio][data-unavailable]+.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][data-unavailable]~.radio-swatch-box,variant-selector .field--checkbox .radio-swatch input[type=radio][data-unavailable]~span,variant-selector .field--radio .radio-swatch input[type=radio][data-unavailable]~.radio-swatch-box,variant-selector .field--radio .radio-swatch input[type=radio][data-unavailable]~span{cursor:pointer}.variant-selector__size-chart-modal .size-chart-table{margin-top:1rem;max-width:none;width:100%}