:root{--img-swatch-size: 7.2rem;--img-swatch-radius: .8rem;--img-swatch-gap: 1.4rem}.img-swatch-fieldset{display:flex;flex-wrap:wrap;gap:var(--img-swatch-gap);align-items:flex-start;border:none;padding:0;margin:0 0 1.6rem}.img-swatch-fieldset .form__label{flex-basis:100%;margin-bottom:.4rem}.img-swatch__input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.img-swatch-fieldset .img-swatch__input+.img-swatch__label,.img-swatch-fieldset .img-swatch__input:checked+.img-swatch__label{border-radius:var(--img-swatch-radius)!important}.img-swatch__label{display:inline-block;position:relative;width:var(--img-swatch-size);height:var(--img-swatch-size);border-radius:var(--img-swatch-radius);overflow:hidden;cursor:pointer;outline:.15rem solid rgba(0,0,0,.15);outline-offset:.15rem;transition:outline-color .12s ease,outline-width .12s ease;background:#f0f0f0;flex-shrink:0;border:none!important;padding:0!important;margin:0!important;font-size:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;text-align:left!important;text-decoration:none!important;box-shadow:none!important;background-color:#f0f0f0!important;color:inherit!important}.img-swatch__label img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:var(--img-swatch-radius)}.img-swatch__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#00000073}.img-swatch__label:hover{outline:.15rem solid rgba(0,0,0,.45)!important;outline-offset:.15rem}.img-swatch__input:checked+.img-swatch__label{outline:.25rem solid #000!important;outline-offset:.2rem;background-color:#f0f0f0!important;color:inherit!important}.img-swatch__label--sold-out{opacity:.35;cursor:not-allowed}.img-swatch__label--sold-out:hover{outline:.15rem solid rgba(0,0,0,.15)!important}.img-swatch__soldout-line{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.img-swatch__soldout-line:after{content:"";position:absolute;top:50%;left:-5%;width:110%;height:.12rem;background:#0009;transform:rotate(-30deg)}.img-swatch__selected-label{font-weight:400}@media screen and (max-width:749px){:root{--img-swatch-size: 5.6rem;--img-swatch-gap: 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/component-color-swatch.css.map */