.rooana-shades .form__label{margin-bottom:1rem;font-size:1.5rem}.rooana-shades .form__label [data-selected-value]{font-weight:700}.rooana-shades__list{display:flex;flex-wrap:wrap;gap:1rem;padding:.2rem}.product-form__input.rooana-shades input[type=radio]+label.rooana-shade{position:relative;display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;min-width:0;margin:0;padding:.4rem;border:2px solid rgba(var(--color-foreground),.12);border-radius:50%;background:#fff;color:transparent;font-size:0;letter-spacing:0;cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .2s ease}.product-form__input.rooana-shades input[type=radio]+label.rooana-shade:before,.product-form__input.rooana-shades input[type=radio]+label.rooana-shade:after{content:none}.rooana-shade img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}.rooana-shade__dot{display:none;width:100%;height:100%;border-radius:50%;background:var(--sw, #ddd);box-shadow:inset 0 0 0 1px #0000001f}.rooana-shade.has-color .rooana-shade__dot{display:block}.rooana-shade.has-color img{display:none}.product-form__input.rooana-shades input[type=radio]+label.rooana-shade:hover{transform:translateY(-2px);border-color:rgba(var(--color-foreground),.35)}.product-form__input.rooana-shades input[type=radio]:checked+label.rooana-shade{border-color:rgb(var(--color-foreground));background:#fff}.product-form__input.rooana-shades input[type=radio]:focus-visible+label.rooana-shade{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.product-form__input.rooana-shades input[type=radio].disabled+label.rooana-shade{opacity:.4}.product-form__input.rooana-shades input[type=radio].disabled+label.rooana-shade .rooana-shade__x{display:block}.rooana-shade__x{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(var(--color-foreground),.75) calc(50% - 1px),rgba(var(--color-foreground),.75) calc(50% + 1px),transparent calc(50% + 1px));border-radius:50%}@media screen and (min-width:750px){.product-form__input.rooana-shades input[type=radio]+label.rooana-shade{width:4.4rem;height:4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/rooana-pdp-swatches.css.map */