.cs{margin-top:10px}.cs__list{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cs--card .cs__list{justify-content:center}.cs-swatch{position:relative;display:block;flex:0 0 auto;width:28px;height:28px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(var(--text-color),.18);transition:transform .15s ease,box-shadow .15s ease}.cs-swatch:hover,.cs-swatch:focus-visible{transform:scale(1.12);box-shadow:0 0 0 1px rgba(var(--text-color),.6);z-index:1}.cs-swatch--current{box-shadow:0 0 0 2px rgb(var(--background)),0 0 0 3.5px rgb(var(--heading-color))}.cs-swatch--current:hover{transform:none;box-shadow:0 0 0 2px rgb(var(--background)),0 0 0 3.5px rgb(var(--heading-color))}.cs-swatch__img,.cs-swatch__fill{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cs-swatch--sold-out .cs-swatch__img,.cs-swatch--sold-out .cs-swatch__fill{opacity:.45}.cs-swatch--sold-out:after{content:"";position:absolute;top:-6px;bottom:-6px;left:50%;width:1.5px;background:rgba(var(--text-color),.7);transform:rotate(45deg)}.cs-more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:28px;min-width:28px;padding:0 7px;border-radius:14px;font-size:11px;font-weight:var(--text-font-bold-weight);line-height:1;text-decoration:none;color:rgb(var(--heading-color));background:rgb(var(--secondary-background));box-shadow:0 0 0 1px rgba(var(--text-color),.12)}.cs-more:hover{background:rgba(var(--text-color),.08)}.cs--page{margin:16px 0 4px}.cs--page .cs__label{margin-bottom:10px;font-size:13px}.cs--page .cs__label-key,.cs--page .cs__label-value{font-weight:var(--text-font-bold-weight)}.cs--page .cs__count{font-size:12px}.cs--page .cs__list{gap:8px}.cs--page .cs-swatch{width:46px;height:46px;border-radius:var(--block-border-radius-reduced, 4px)}.cs--page .cs-swatch--current{box-shadow:0 0 0 2px rgb(var(--background)),0 0 0 4px rgb(var(--heading-color))}@media screen and (max-width:740px){.cs--card .cs-swatch,.cs--card .cs-more{width:24px;height:24px;min-width:24px}.cs--card .cs-more{width:auto;font-size:10px;padding:0 6px}.cs--card .cs__list{gap:5px}.cs--page .cs-swatch{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/color-siblings.css.map */