.shade-comparison__header{margin-bottom:24px;text-align:center}.shade-comparison__heading{color:var(--sc-heading);font-family:var(--font-heading-family,inherit);font-weight:700;line-height:1.05;margin:0;text-transform:uppercase}.shade-comparison__subheading{color:var(--sc-note);margin:8px auto 0;max-width:52ch}.shade-comparison__empty{border:1px dashed var(--sc-border);border-radius:var(--sc-radius);color:var(--sc-note);padding:24px;text-align:center}.shade-comparison__hint{color:var(--sc-note);font-size:.8125rem;margin:0 0 8px;text-align:right}.shade-comparison__scroller{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background-color:var(--sc-table-bg);border:1px solid var(--sc-border);border-radius:var(--sc-radius);scroll-snap-type:x proximity}.shade-comparison__scroller:focus-visible{outline:2px solid var(--sc-accent);outline-offset:4px}.shade-comparison__table{background:none;border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.shade-comparison__caption{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.shade-comparison__col,.shade-comparison__corner{border-bottom:1px solid var(--sc-border);color:var(--sc-col-title);font-weight:700;padding:0;text-align:center;vertical-align:bottom}.shade-comparison__corner{min-width:132px;width:30%}.shade-comparison__col{min-width:var(--sc-col-min-width)}.shade-comparison__col-inner{align-items:center;border-radius:calc(var(--sc-radius) / 2);color:inherit;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:flex-end;padding:12px 10px;text-decoration:none;transition:background-color .15s ease,color .15s ease}a.shade-comparison__col-inner--link:hover{background-color:var(--sc-accent-soft);color:var(--sc-accent)}a.shade-comparison__col-inner--link:focus-visible{outline:2px solid var(--sc-accent);outline-offset:-2px}.shade-comparison__col-media{display:block}.shade-comparison__col-img{display:block;height:var(--sc-col-img-height);margin:0 auto;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.shade-comparison__col-title{display:block;line-height:1.15;text-transform:uppercase;text-wrap:balance}.shade-comparison__col-title--shade{color:var(--sc-shade-label)}.shade-comparison__row+.shade-comparison__row .shade-comparison__cell,.shade-comparison__row+.shade-comparison__row .shade-comparison__shade{border-top:1px solid var(--sc-border-soft)}.shade-comparison__row:nth-child(2n) .shade-comparison__cell{background-color:var(--sc-row-alt)}.shade-comparison__shade{font-weight:400;padding:12px;text-align:left}.shade-comparison__shade-inner{align-items:center;display:flex;gap:12px}.shade-comparison__swatch{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex:0 0 auto;height:var(--sc-swatch-size);overflow:hidden;position:relative;width:var(--sc-swatch-size)}.shade-comparison__swatch-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.shade-comparison__shade-text{display:block;min-width:0}.shade-comparison__shade-label{color:var(--sc-shade-label);display:block;font-weight:700}.shade-comparison__shade-note{color:var(--sc-note);display:block;font-size:.75rem;line-height:1.25;margin-top:2px}.shade-comparison__cell{color:var(--sc-value);padding:12px;text-align:center;vertical-align:middle}.shade-comparison__cell--empty{color:var(--sc-note)}.shade-comparison__footnote{color:var(--sc-note);font-size:.8125rem;margin:12px 0 0}.shade-comparison__cta{margin-top:24px;text-align:center}.shade-comparison__cta-link{background-color:var(--sc-accent);border-radius:999px;color:#fff;display:inline-block;font-weight:700;padding:14px 28px;text-decoration:none;text-transform:uppercase}.shade-comparison__corner,.shade-comparison__shade{background-color:var(--sc-table-bg);left:0;position:sticky;z-index:1}.shade-comparison__row:nth-child(2n) .shade-comparison__shade{background-image:linear-gradient(var(--sc-row-alt),var(--sc-row-alt))}@media screen and (max-width:749px){.shade-comparison__corner:after,.shade-comparison__shade:after{background-color:var(--sc-border-soft);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.shade-comparison__table{min-width:100%;table-layout:auto;width:auto}.shade-comparison__corner{font-size:.8125rem;min-width:104px;width:auto}.shade-comparison__col-inner{font-size:.8125rem;padding:10px 8px}.shade-comparison__cell{font-size:.875rem;padding:10px 8px}.shade-comparison__shade{padding:10px}.shade-comparison__shade-inner{gap:8px}.shade-comparison__cell,.shade-comparison__col{scroll-snap-align:end}}@media (prefers-reduced-motion:reduce){.shade-comparison *{transition-duration:.01ms!important}}