.product-form__input--shades{max-width:64rem}.product-form__input--shades .form__label{margin-bottom:1.2rem;letter-spacing:.06rem}.product-form__input--shades .shade-selected{color:rgba(var(--color-foreground),.75)}.product-form__input.product-form__input--shades input[type=radio]+label.shade-swatch{position:relative;display:inline-block;vertical-align:top;width:5.8rem;height:5.8rem;margin:0 .8rem .8rem 0;padding:.25rem;border:.1rem solid transparent;border-radius:.5rem;background:transparent;color:rgb(var(--color-foreground));box-shadow:none;cursor:pointer;text-decoration:none;transition:border-color .2s ease}.product-form__input.product-form__input--shades input[type=radio]+label.shade-swatch:before{display:none}.shade-swatch__tile{position:relative;display:block;width:100%;height:100%;border-radius:.3rem;overflow:hidden;background:rgba(var(--color-foreground),.06)}.shade-swatch__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.shade-swatch__tile--empty{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.14)}.shade-swatch__code{padding:0 .2rem;font-size:1.1rem;line-height:1.2;letter-spacing:.04rem;text-align:center;color:rgba(var(--color-foreground),.8);word-break:break-all}.product-form__input--shades input[type=radio]+label.shade-swatch:hover{border-color:rgba(var(--color-foreground),.35)}.product-form__input--shades input[type=radio]+label.shade-swatch:hover .shade-swatch__img{transform:scale(1.06)}.product-form__input.product-form__input--shades input[type=radio]:checked+label.shade-swatch{background:transparent;color:rgb(var(--color-foreground));border:.2rem solid rgb(var(--color-foreground));padding:.15rem}.product-form__input--shades label.shade-swatch:after{content:attr(data-shade-name);position:absolute;z-index:3;left:50%;bottom:calc(100% + .6rem);transform:translate(-50%,.4rem);padding:.4rem .9rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.3rem;background:rgb(var(--color-background));box-shadow:0 .2rem .8rem #00000014;color:rgb(var(--color-foreground));font-size:1.3rem;letter-spacing:.04rem;line-height:1.3;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s}.product-form__input--shades label.shade-swatch:hover:after,.product-form__input--shades input[type=radio]:focus-visible+label.shade-swatch:after{opacity:1;visibility:visible;transform:translate(-50%)}.product-form__input--shades input[type=radio]:focus-visible+label.shade-swatch{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.product-form__input--shades input[type=radio].disabled+label.shade-swatch{text-decoration:none}.product-form__input--shades input[type=radio].disabled+label.shade-swatch .shade-swatch__tile{opacity:.5}.product-form__input--shades input[type=radio].disabled+label.shade-swatch .shade-swatch__tile:after{content:"";position:absolute;z-index:1;top:50%;left:-20%;width:140%;height:.15rem;background:rgb(var(--color-background));transform:rotate(-45deg)}@media screen and (max-width:749px){.product-form__input.product-form__input--shades input[type=radio]+label.shade-swatch{width:calc((100% - 3.6rem) / 6);height:auto;aspect-ratio:1 / 1;margin:0 .6rem .6rem 0}.product-form__input--shades input[type=radio]+label.shade-swatch:nth-of-type(6n){margin-right:0}.product-form__input--shades label.shade-swatch:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-shade-swatches.css.map */