.sibling-color-swatches{margin:8px 0 0;font-family:inherit}.siblings-block{padding-bottom:16px}.sibling-swatches__title{font-size:14px;font-weight:500;margin-bottom:8px;color:rgb(var(--color-foreground));line-height:1.4}.select__label-color{font-weight:var(--font-body-weight-bold);font-size:calc(var(--font-body-scale) * 14px)}.sibling-swatches__container{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px}.sibling-swatch{position:relative;flex-shrink:0;outline:1px solid black;border-radius:50%}.siblings-block .sibling-swatch__color{width:32px;height:32px}.sibling-swatch__color{display:block;width:24px;height:24px;border-radius:50%;border:2px solid rgba(var(--color-border),.3);cursor:pointer;transition:all .2s ease-in-out;position:relative;text-decoration:none}.sibling-swatch__link:hover{transform:scale(1.1);border-color:rgba(var(--color-border),.6);box-shadow:0 2px 8px #00000026}.sibling-swatch--current{outline:2px solid black;outline-offset:2px;border-radius:50%}.sibling-swatch--current .sibling-swatch__color{border:3px solid rgb(var(--color-foreground));cursor:default;box-shadow:0 0 0 1px rgba(var(--color-foreground),.1)}.sibling-swatch__link:focus{outline:2px solid rgb(var(--color-button));outline-offset:2px;border-radius:50%}.sibling-swatch__link:focus:not(:focus-visible){outline:none}.sibling-swatch__color[style*="#fff"],.sibling-swatch__color[style*="#ffffff"],.sibling-swatch__color[style*=white],.sibling-swatch__color[style*="#f"]{box-shadow:inset 0 0 0 1px rgba(var(--color-border),.3)}.sibling-swatch--current .sibling-swatch__color[style*="#fff"],.sibling-swatch--current .sibling-swatch__color[style*="#ffffff"],.sibling-swatch--current .sibling-swatch__color[style*=white],.sibling-swatch--current .sibling-swatch__color[style*="#f"]{box-shadow:inset 0 0 0 1px rgba(var(--color-border),.3),0 0 0 1px rgba(var(--color-foreground),.1)}.sibling-swatch__link:active{transform:scale(.95)}@media(prefers-reduced-motion:reduce){.sibling-swatch__color{transition:none}.sibling-swatch__link:hover{transform:none}}@media screen and (max-width:749px){.sibling-swatches__container{gap:6px;padding:4px}.sibling-swatch__color{width:28px;height:28px}.sibling-swatches__title{font-size:13px;margin-bottom:6px}}@media(prefers-contrast:high){.sibling-swatch__color{border-width:3px}.sibling-swatch--current .sibling-swatch__color{border-width:4px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/snippet-siblings.css.map */