.swatch--black{--swatch-hex: #000000}.swatch--white{--swatch-hex: #FFFFFF}.card-swatch-wrapper{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-start;padding:0;margin:0 .2rem;list-style:none;align-items:flex-start;z-index:2;position:relative}.card-swatch-wrapper .remaining-count{font-size:1rem;line-height:1;text-transform:uppercase}.card-swatch{background-color:var(--swatch-hex)!important;background-image:var(--swatch-image)!important;position:relative;display:block;height:8px;width:8px;overflow:hidden;border-radius:50%;background-position:center;background-size:cover}@media screen and (min-width: 750px){.card-swatch-wrapper{gap:1rem}.card-swatch{height:10px;width:10px}}.card-swatch-input.card-swatch-input--swatch-oos,.card-swatch.swatch-oos{cursor:not-allowed;opacity:.85}.card-swatch.swatch-oos:before{content:"";width:1px;height:200%;position:absolute;left:0;top:0;transform-origin:top left;transform:translateY(1px);rotate:-45deg;background-color:#000;transform:translate(-50%)}.card-swatch--active,.card-swatch-input input:checked~.card-swatch{--ring-offset-color: #fff;--ring-color: #000;--ring-offset-width: 2px;box-shadow:0 0 0 var(--ring-offset-width) var(--ring-offset-color),0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-color)}.card-swatch-input{cursor:pointer;position:relative}.card-swatch-input input[type=radio]{position:absolute;opacity:1;width:0;height:0;z-index:-1}
/*# sourceMappingURL=/cdn/shop/t/1271/assets/swatches.css.map */