collection-swatch-picker{display:contents}.card-swatch-strip{display:flex;flex-wrap:wrap;align-items:center;gap:5px;list-style:none;margin:6px 0 2px;padding:0;position:relative;z-index:10}.card-swatch-strip__item{--swatch-input--size: var(--collection-swatch-size, 20px);position:relative;line-height:0}.card-swatch-strip--overflow .card-swatch-strip__item:nth-child(n+4){display:none}.card-swatch-strip:not(.card-swatch-strip--overflow) .card-swatch-strip__more{display:none}.card-swatch-strip__more{display:flex;align-items:center;justify-content:center;line-height:1}.card-swatch-strip__more-link{display:flex;align-items:center;justify-content:center;width:var(--collection-swatch-size, 20px);height:var(--collection-swatch-size, 20px);font-size:calc(var(--collection-swatch-size, 20px) * .5);border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.4);color:rgb(var(--color-foreground));text-decoration:none;opacity:.65;transition:opacity .15s ease}.card-swatch-strip__more-link:hover{opacity:1}.card-swatch-strip__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.card-swatch-strip__label{display:block;cursor:pointer;border-radius:50%;outline:.2rem solid transparent;outline-offset:.15rem;transition:outline-color .15s ease,outline-width .15s ease}.card-swatch-strip__label--square{border-radius:.2rem}.card-swatch-strip__input:checked+.card-swatch-strip__label{outline:.1rem solid rgb(var(--color-foreground));outline-offset:.15rem}.card-swatch-strip__label:hover{outline:.15rem solid rgba(var(--color-foreground),.4)}.card-swatch-strip__input:focus-visible+.card-swatch-strip__label{outline:.2rem solid rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .4rem rgba(var(--color-foreground),.25)}.card-swatch-strip__item--unavailable .swatch{opacity:.4;overflow:hidden;position:relative}.card-swatch-strip__item--unavailable .swatch:after{--diagonal: calc(var(--collection-swatch-size, 20px) * 1.414);content:"";position:absolute;bottom:-.05rem;left:0;width:var(--diagonal);height:.1rem;background-color:rgb(var(--color-foreground));transform:rotate(-45deg);transform-origin:left}.card-swatch-strip__item--coming-soon .swatch{opacity:1}.card-swatch-strip__item--coming-soon .swatch:after{display:none}.collection-swatch--image{background-size:cover;background-position:center top}img[data-swatch-image]{transition:opacity .12s ease}img[data-swatch-image].swatch-image--swapping{opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/17/assets/collection-swatch-picker.css.map */