.swatches{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start}.sw__radio{position:absolute;opacity:0;width:var(--hairline);height:var(--hairline)}.swatch{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:var(--size-tap-min);min-height:var(--size-tap-min);padding:0 var(--space-3);border:var(--hairline) solid var(--glass-line-2);border-radius:var(--radius-pill);background:var(--glass-fill-1);color:var(--glass-text);font-size:var(--type-body-s-size);text-decoration:none;cursor:pointer}.swatch--photo,.swatch--color{padding:0;border:0;background:none}.swatch--photo .swatch__media,.swatch--color .swatch__media{position:relative;padding:var(--hairline)}.swatches--pdp .swatch--text{font-size:var(--type-pdp-text-sm-size);font-weight:var(--weight-strong);line-height:1.2;text-transform:uppercase}.swatch__img,.swatch__fill{display:block;width:max(var(--sw-size),calc(var(--size-tap-min) - var(--hairline) * 2));height:max(var(--sw-size),calc(var(--size-tap-min) - var(--hairline) * 2))}.swatch__img{object-fit:contain}.swatches--circle .swatch--photo .swatch__media,.swatches--circle .swatch--color .swatch__media,.swatches--circle .swatch--photo .swatch__img,.swatches--circle .swatch__fill{border-radius:var(--radius-round)}.swatches--rounded .swatch--photo .swatch__media,.swatches--rounded .swatch--color .swatch__media,.swatches--rounded .swatch__img,.swatches--rounded .swatch__fill{border-radius:var(--radius-xs)}.swatches--square .swatch--photo .swatch__media,.swatches--square .swatch--color .swatch__media,.swatches--square .swatch__img,.swatches--square .swatch__fill{border-radius:0}.swatch--photo .swatch__media,.swatch--color .swatch__media{overflow:hidden;border:var(--hairline) solid var(--glass-line-2)}.swatch__name{margin-top:var(--space-1);font-size:var(--type-micro-size);text-transform:uppercase;color:var(--glass-text-soft)}.swatch--hover .swatch__name{position:absolute;width:var(--hairline);height:var(--hairline);margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.swatch--hover:hover .swatch__name,.sw__radio:focus-visible+.swatch--hover .swatch__name{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin-top:var(--space-1)}.swatch:hover,.swatch--photo:hover .swatch__media,.swatch--color:hover .swatch__media{border-color:var(--glass-line-3)}.sw__radio:checked+.swatch--text,.swatch--text.is-current{border-color:var(--sw-pick, var(--glass-text));background:var(--glass-fill-3)}.sw__radio:checked+.swatch--photo .swatch__media,.sw__radio:checked+.swatch--color .swatch__media,.swatch--photo.is-current .swatch__media,.swatch--color.is-current .swatch__media{border-color:var(--sw-pick, var(--glass-text));background:var(--glass-fill-3)}.swatches--pick-ring .sw__radio:checked+.swatch--text,.swatches--pick-ring .swatch--text.is-current{box-shadow:0 0 0 var(--focus-width) var(--sw-pick, var(--glass-text))}.swatches--pick-ring .sw__radio:checked+.swatch--photo .swatch__media,.swatches--pick-ring .sw__radio:checked+.swatch--color .swatch__media,.swatches--pick-ring .swatch--photo.is-current .swatch__media,.swatches--pick-ring .swatch--color.is-current .swatch__media{box-shadow:0 0 0 var(--focus-width) var(--sw-pick, var(--glass-text))}.swatches--pick-underline .sw__radio:checked+.swatch--text,.swatches--pick-underline .swatch--text.is-current{border-color:var(--glass-line-2);box-shadow:0 var(--focus-width) 0 0 var(--sw-pick, var(--glass-text))}.swatches--pick-underline .sw__radio:checked+.swatch--photo .swatch__media,.swatches--pick-underline .sw__radio:checked+.swatch--color .swatch__media,.swatches--pick-underline .swatch--photo.is-current .swatch__media,.swatches--pick-underline .swatch--color.is-current .swatch__media{border-color:var(--glass-line-2);box-shadow:0 var(--focus-width) 0 0 var(--sw-pick, var(--glass-text))}.sw__radio:focus-visible+.swatch,.swatch:focus-visible,.swatches__more-btn:focus-visible{outline:var(--focus-width) solid var(--accent-focus-on-glass);outline-offset:var(--focus-offset)}.swatch--text.is-soldout:after,.swatch--photo.is-soldout .swatch__media:after,.swatch--color.is-soldout .swatch__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - var(--hairline)),var(--glass-text-soft) 50%,transparent calc(50% + var(--hairline)));pointer-events:none}.swatches__more{display:contents}.swatches__more-btn{display:inline-flex;align-items:center;min-width:var(--size-tap-min);min-height:var(--size-tap-min);padding:0 var(--space-3);font-size:var(--type-body-s-size);color:var(--glass-text-soft);cursor:pointer}.swatches__more[open] .swatches__more-btn{display:none}.swatches__more-list{display:contents}
/*# sourceMappingURL=/cdn/shop/t/79/assets/swatches.css.map */
