.swatch{display:block;width:var(--swatch-size, var(--swatch-size-card));height:var(--swatch-size, var(--swatch-size-card));border-radius:var(--swatch-radius);background-color:var(--color-surface);background-size:cover;background-position:center;box-shadow:var(--swatch-border-shadow)}.swatch-link{position:relative;display:inline-flex;padding:2px;border-radius:var(--swatch-radius);cursor:pointer;transition:box-shadow .2s ease,opacity .2s ease}.swatches--sold-out-strike .swatch-link.is-sold-out:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:var(--swatch-radius);background:linear-gradient(to top left,transparent calc(50% - .75px),var(--color-foreground) calc(50% - .75px),var(--color-foreground) calc(50% + .75px),transparent calc(50% + .75px));opacity:.7;pointer-events:none}.swatches--sold-out-fade .swatch-link.is-sold-out{opacity:.35}.swatches--sold-out-hide .swatch-link.is-sold-out{display:none}.card-swatches{--swatch-size: var(--swatch-size-card);display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-block:.5rem}.card-swatches .swatch-link:hover{box-shadow:0 0 0 1px var(--color-foreground)}.card-swatches__more{margin-inline-start:.25rem;font-size:var(--font-label--size);color:var(--color-text-muted);text-decoration:none}.variant-picker{--swatch-size: var(--swatch-size-product);display:grid;gap:1.25rem;margin-block:1.25rem}.variant-picker__option{min-width:0;margin:0;padding:0;border:0}.variant-picker__label{display:block;margin-bottom:.6rem;padding:0}.variant-picker__value{text-transform:none;letter-spacing:0;color:var(--color-text-muted)}.variant-picker__values{position:relative;display:flex;flex-wrap:wrap;gap:.5rem}.variant-picker input:focus-visible+label{outline:2px solid var(--color-accent, currentcolor);outline-offset:2px}.swatches--selected-ring input:checked+.swatch-link,.swatches--selected-ring .sibling-swatch.is-current{box-shadow:0 0 0 1px var(--color-foreground)}.swatches--selected-border input:checked+.swatch-link,.swatches--selected-border .sibling-swatch.is-current{box-shadow:0 0 0 2px var(--color-foreground)}.swatches--selected-underline .variant-picker__option--color .swatch-link,.swatches--selected-underline .sibling-swatch{padding-bottom:7px}.swatches--selected-underline input:checked+.swatch-link:before,.swatches--selected-underline .sibling-swatch.is-current:before{content:"";position:absolute;left:2px;right:2px;bottom:0;height:2px;background-color:var(--color-foreground)}[class*=swatches--selected-] .sibling-swatch.is-current .swatch{box-shadow:var(--swatch-border-shadow)}.variant-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:var(--variant-button-min);min-height:var(--variant-button-min);padding:0 .9em;font-size:.9em;border:var(--border-width) solid var(--color-border);border-radius:var(--variant-button-radius);background-color:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.variant-button:hover{border-color:var(--color-foreground)}.variant-buttons--selected-fill input:checked+.variant-button{background-color:var(--color-button);border-color:var(--color-button);color:var(--color-button-label)}.variant-buttons--selected-outline input:checked+.variant-button{border-color:var(--color-foreground);box-shadow:inset 0 0 0 1px var(--color-foreground)}.variant-buttons--sold-out-strike .variant-button.is-sold-out{color:var(--color-text-muted);text-decoration:line-through}.variant-buttons--sold-out-fade .variant-button.is-sold-out{opacity:.4}.variant-buttons--sold-out-hide .variant-button.is-sold-out{display:none}.variant-buttons--style-pill .variant-button{border-radius:999px;padding-inline:1.15em}.variant-buttons--style-circle .variant-button{width:var(--variant-button-min);height:var(--variant-button-min);min-width:var(--variant-button-min);padding:0 .4em;border-radius:999px;white-space:nowrap}.variant-buttons--style-grid .variant-picker__option:not(.variant-picker__option--color) .variant-picker__values{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(var(--variant-button-min),56px),1fr));gap:0;border-top:var(--border-width) solid var(--color-border);border-left:var(--border-width) solid var(--color-border)}.variant-buttons--style-grid .variant-button{width:100%;border:0;border-right:var(--border-width) solid var(--color-border);border-bottom:var(--border-width) solid var(--color-border);border-radius:0}.variant-buttons--style-grid .variant-button:hover{background-color:color-mix(in srgb,var(--color-foreground) 5%,transparent)}.variant-buttons--style-grid.variant-buttons--selected-outline input:checked+.variant-button{box-shadow:inset 0 0 0 2px var(--color-foreground)}.variant-buttons--style-underline .variant-picker__values{gap:.25rem 1.25rem}.variant-buttons--style-underline .variant-button,.variant-buttons--style-text .variant-button{min-width:0;min-height:0;padding:.35em .1em;border:0;border-radius:0;background:none;color:var(--color-text-muted)}.variant-buttons--style-underline .variant-button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background-color:currentcolor;transform:scaleX(0);transition:transform .25s ease}.variant-buttons--style-underline .variant-button:hover,.variant-buttons--style-text .variant-button:hover{color:var(--color-foreground)}.variant-buttons--style-underline input:checked+.variant-button,.variant-buttons--style-text input:checked+.variant-button{color:var(--color-foreground);background:none;box-shadow:none}.variant-buttons--style-underline input:checked+.variant-button:after{transform:scaleX(1)}.variant-buttons--style-text .variant-picker__values{gap:.25rem 1.1rem}.variant-buttons--style-text input:checked+.variant-button{font-weight:var(--font-body--weight-bold, 600)}.variant-picker__select{width:100%;max-width:360px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/variants.css.map */