.swatches{--swatch-size: 18px;--swatch-ring-gap: 2px;--swatch-ring-width: 2px;--swatch-gap: 2px;--swatch-ring-colour: #000;--swatch-box: calc(var(--swatch-size) + (var(--swatch-ring-gap) + var(--swatch-ring-width)) * 2);display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:10px}.swatches__text{font-weight:500;font-family:Neue Haas Grotesk Text Pro,sans-serif;font-size:14px;line-height:var(--swatch-box)}.swatches__text--mobile{display:none}.swatches__items{display:flex;flex-wrap:wrap;align-items:center;gap:var(--swatch-gap);margin:0;padding:0;list-style:none}.swatches__button{display:flex;align-items:center;justify-content:center;position:relative;width:var(--swatch-box);height:var(--swatch-box);border-radius:50%}.swatches__button:before{content:"";box-sizing:border-box;display:block;width:var(--swatch-size);height:var(--swatch-size);background-color:currentColor;background-image:var(--swatch-split, none);border-radius:50%}.swatches__button:after{content:"";position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;border-radius:50%;border:var(--swatch-ring-width) solid var(--swatch-ring-colour);opacity:0;transition:opacity .2s ease}.swatches__button--bordered:before{border:1px solid rgba(0,0,0,.25)}.swatches__button.is-selected{cursor:default}.swatches__button.is-selected:after{opacity:1}.swatches__button[href]{cursor:pointer}@media(hover:hover){.swatches__button[href]:hover:after{opacity:.5;border-width:1px}}.swatches__button[href]:focus-visible{outline:none}.swatches__button[href]:focus-visible:after{opacity:1;border-width:1px}.swatches__button span.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}@media screen and (max-width:900px){.swatches{--swatch-size: 17px;--swatch-gap: 1px;column-gap:4px;margin-top:8px}.swatches__text{font-size:12px}.swatches__item:nth-child(n+5){display:none}.swatches__text--desktop{display:none}.swatches__text--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-swatches.css.map */