.product-swatches{--swatch-size: 2.4rem;--swatch-border-inactive-color: #E6E6E6;--swatch-border-active-color: #000000;--swatch-counter-text-color: #000000;--swatch-counter-background-color: #F0F0F0;--swatch-counter-border-color: #B0B0B0;--variant-pills-border-inactive-color: var(--swatch-border-inactive-color);--variant-pills-border-active-color: var(--swatch-border-active-color);gap:0rem;width:100%;position:relative}.product-swatches__variant-picker{width:100%;flex-direction:row}.product-swatches .variant-option{width:100%;margin:0;padding:0;border:none;gap:.8rem}.product-swatches__variant-picker .variant-option__swatch{position:relative;list-style:none;margin-bottom:0}.product-swatches__variant-picker .variant-option__swatch,.product-swatches .hidden-swatches__count{line-height:var(--line-height-base, 0)}.product-swatches__variant-picker .variant-option__swatch-opener,.product-swatches__variant-picker .variant-option__swatch-opener button{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-flat, 1);box-sizing:border-box}.product-swatches__variant-picker .variant-option__swatch-opener button{background:transparent;padding:0;border:none;color:currentColor;cursor:pointer}.product-swatches .variant-option__button-label{display:block;position:relative;width:var(--swatch-size);height:var(--swatch-size);cursor:pointer;border:max(.1rem,var(--variant-pills-border-width)) solid var(--variant-pills-border-inactive-color);border-radius:var(--variant-pills-radius);padding:0rem;transition:all var(--duration-short) ease;font-size:0;letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base, 0);box-sizing:border-box}.product-swatches--circle .variant-option__button-label{--variant-pills-radius: 50%}.product-swatches .variant-option__button-label:has(:checked){border-color:var(--variant-pills-border-active-color);padding:.3rem}.product-swatches__variant-picker .variant-option__button-label:has(:checked) .variant-option__swatch-opener,.product-swatches__variant-picker .variant-option__button-label:has(:checked) .variant-option__swatch-opener button{padding:.3rem}.product-swatches .variant-option__button-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;padding:0;margin:0;cursor:pointer;width:100%;height:100%}.product-swatches .variant-option__button-label:has(button) input{pointer-events:none}.product-swatches .variant-option__button-label .swatch{display:block;position:relative;background:var(--swatch-background);border-radius:0;border:none;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:var(--swatch-focal-point, center);border-radius:inherit;overflow:hidden}.product-swatches .variant-option__button-label .swatch--brightness{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.1)}.product-swatches .variant-option__button-label .swatch:after{content:"";display:block;width:calc(100%*sqrt(5));height:.1rem;background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(135deg);opacity:0}.product-swatches .variant-option__button-label:has(:disabled) .swatch:after,.product-swatches .variant-option__button-label:has(.disabled) .swatch:after{opacity:1}.product-swatches .hidden-swatches__count button{--text-decoration-thickness: 0rem;line-height:normal;background:transparent}.product-swatches .hidden-swatches__count span:not(.visually-hidden){width:var(--swatch-size);height:var(--swatch-size);display:flex;text-align:center;justify-content:center;align-items:center;background:var(--swatch-counter-background-color);color:var(--swatch-counter-text-color);font-size:calc(1.2rem * var(--font-body-scale));overflow:hidden;position:relative;border:max(.1rem,var(--variant-pills-border-width)) solid var(--swatch-counter-border-color);border-radius:var(--variant-pills-radius);box-sizing:border-box}.product-swatches .hidden-swatches__count span:not(.visually-hidden):before{counter-reset:overflow-count var(--overflow-count);content:"+" counter(overflow-count);line-height:var(--line-height-lowest, 1)}.product-swatches .hidden-swatches__count--more span:not(.visually-hidden):before{counter-reset:overflow-count calc(var(--counter-total) - var(--counter-limit) + var(--overflow-count))}.product-swatches--circle .hidden-swatches__count span:not(.visually-hidden){--variant-pills-radius: 50%}@media screen and (hover: hover){.product-swatches .variant-option__button-label:hover{border-color:var(--variant-pills-border-active-color);padding:.3rem}.product-swatches__variant-picker .variant-option__swatch-opener:hover,.product-swatches__variant-picker .variant-option__swatch-opener button:hover{padding:.3rem}}@media screen and (min-width: 1033px){.product-swatches{--swatch-size: 3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-swatch.css.map */