.section-compare-shades .section-shades-wrapper{border-radius:20px;background-color:#f6f4f1;padding:20px 32px;overflow:hidden}.section-compare-shades .section-shades-header .swatch{height:19px}.section-compare-shades .section-shades-header .swatch-input__input+.swatch-input__label{flex:0 1 65px;outline-width:.5px;outline-offset:2px}.section-compare-shades .section-shades-header .swatch-input__input+.swatch-input__label::before{top:-0.1rem;left:-0.1rem;width:calc(100% + .2rem);height:calc(100% + .2rem)}.section-compare-shades .section-shades-header fieldset{margin:22px 0}.section-compare-shades .section-shades-header .swatch-input__input.visually-disabled+.swatch-input__label>.swatch{opacity:1}.section-compare-shades .section-shades-header .swatch-input__input.visually-disabled+.swatch-input__label>.swatch::after{content:none}.section-compare-shades .shades .shade{letter-spacing:.28px;font-weight:600}.section-compare-shades .shades .shade img{border-radius:20px;aspect-ratio:.88;object-fit:cover;margin-bottom:8px}@media only screen and (min-width: 769px){.section-compare-shades .section-shades-wrapper{padding:40px 60px}.section-compare-shades .section-shades-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:10px}.section-compare-shades .section-shades-header .swatch{width:65px}.section-compare-shades .section-shades-header .swatch-input__label{margin:.7rem 0 .2rem 11px !important}.section-compare-shades .section-shades-header fieldset{margin-bottom:10px;justify-content:flex-end}.section-compare-shades .section-shades-header fieldset .form__label{display:flex;justify-content:end}}