.shade-finder{padding:calc(var(--sf-pt) * .75) 0 calc(var(--sf-pb) * .75);background:var(--sf-bg);font-family:var(--font-body)}.shade-finder__heading{margin:0 0 24px;padding:0 var(--space-outer, 3.3vw);color:var(--sf-heading);text-align:center}.shade-finder__grid{display:grid;max-width:1440px;margin:0 auto;padding:0;list-style:none}.shade-finder--count-1 .shade-finder__grid{max-width:720px}.shade-finder__card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--sf-card-bg, #d7d7d7);color:var(--sf-heading);text-align:center;container-type:inline-size;isolation:isolate}.shade-finder__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.shade-finder__overlay:focus-visible{outline:2px solid var(--sf-heading);outline-offset:-6px}.shade-finder__text{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:center;box-sizing:border-box;min-height:calc(var(--sf-head, 0) * 100cqi);padding:clamp(28px,7cqi,64px) 20px 24px}.shade-finder__card--no-image .shade-finder__text{justify-content:center;padding-bottom:clamp(28px,7cqi,64px)}.shade-finder__eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.shade-finder__title{margin:0;font-size:clamp(28px,8cqi,54px);line-height:1.05;color:inherit;text-wrap:balance;overflow-wrap:anywhere}.shade-finder__title:after{content:"";display:block;width:32px;height:2px;margin:clamp(12px,2.4cqi,18px) auto 0;background:currentColor}.shade-finder__copy{margin:clamp(10px,2cqi,16px) 0 0;font-size:clamp(16px,3.2cqi,22px);line-height:1.35}.shade-finder__shades{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin:12px 0 0}.shade-finder__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.shade-finder__dot{width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px #1918171a}.shade-finder__count{font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.shade-finder__cta.shade-finder__cta{position:relative;z-index:3;margin:clamp(16px,3cqi,24px) 0 0}.shade-finder__media{position:relative;z-index:-1;flex:none;aspect-ratio:var(--sf-ratio, .78);margin-top:calc(var(--sf-head, 0) * -100cqi)}.shade-finder__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 56px);mask-image:linear-gradient(to bottom,transparent 0,#000 56px)}@media(min-width:720px){.shade-finder__grid{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}
/*# sourceMappingURL=/cdn/shop/t/175/assets/shade-finder.css.map */