.shade-comparator{overflow:hidden}.shade-comparator__inner{display:block}.shade-comparator__header{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}@media(min-width:990px){.shade-comparator__header{align-items:baseline;-moz-column-gap:1.6rem;column-gap:1.6rem;flex-direction:row;justify-content:space-between}}.shade-comparator__title{margin:0;text-transform:none}.shade-comparator__header-aside{display:flex;flex-direction:column;gap:.4rem}@media(min-width:990px){.shade-comparator__header-aside{align-items:flex-end;text-align:right}}.shade-comparator__select-wrapper{align-items:center;display:flex;gap:.4rem}.shade-comparator__select,.shade-comparator__select-label{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale)*1.2rem);letter-spacing:.1em}.shade-comparator__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5'%3E%3Cpath fill='none' stroke='currentColor' d='m.5.5 4 4 4-4'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;border:none;color:currentColor;cursor:pointer;font-weight:700;padding:0 1.4rem 0 0}.shade-comparator__slider-container{display:block}.shade-comparator .swiper{overflow:visible}.shade-comparator .swiper:not(.swiper-initialized) .shade-comparator__slide{margin-right:1rem}@media(min-width:990px){.shade-comparator .swiper:not(.swiper-initialized) .shade-comparator__slide{margin-right:2rem}}.shade-comparator .swiper:not(.swiper-initialized) .swiper-wrapper{padding-left:calc(50% - 13rem)}@media(min-width:990px){.shade-comparator .swiper:not(.swiper-initialized) .swiper-wrapper{padding-left:0}}.shade-comparator__slider-wrapper{flex-wrap:nowrap;margin:0}.shade-comparator__slide{display:flex;flex-direction:column;height:auto;width:26rem}@media(min-width:990px){.shade-comparator__slide{width:37.1rem}}.shade-comparator__slide.is-hidden{display:none}.shade-comparator__visual{height:32rem;overflow:hidden;position:relative}@media(min-width:990px){.shade-comparator__visual{height:45.7rem}}.shade-comparator__image{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.shade-comparator__swatch{background-color:#f6f5f5;bottom:.8rem;display:block;height:7.2rem;position:absolute;right:.8rem;width:7.2rem}.shade-comparator__swatch-image{height:100%;mix-blend-mode:darken;-o-object-fit:contain;object-fit:contain;width:100%}.shade-comparator__caption{display:none}@media(min-width:990px){.shade-comparator__caption{display:flex;gap:.8rem;margin-top:1rem}}.shade-comparator__caption-name{font-weight:700}.shade-comparator__caption-name,.shade-comparator__caption-subtitle{color:rgba(var(--color-foreground),.8);font-family:var(--font-body-family);font-size:calc(var(--font-body-scale)*1.4rem);letter-spacing:.1em}.shade-comparator__line{display:none}@media(min-width:990px){.shade-comparator__line{display:block;height:2px;margin-top:1rem}}.shade-comparator__mobile-caption{display:flex;gap:.8rem;margin:1rem 0 0}@media(min-width:990px){.shade-comparator__mobile-caption{display:none}}.shade-comparator__segments{display:flex;gap:.4rem;margin-top:1rem}@media(min-width:990px){.shade-comparator__segments{display:none}}.shade-comparator__segment{background-color:rgba(var(--color-foreground),.2);border:none;cursor:pointer;flex:1;height:2px;padding:0;transition:flex-grow .24s ease}.shade-comparator__segment.is-active{flex-grow:4}.shade-comparator__placeholder{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale)*1.4rem);margin:0}