.new-home-shade-finder{width:100%;overflow:hidden;color:var(--nhsf-text);background:var(--nhsf-background)}.new-home-shade-finder__inner{width:100%;max-width:1440px;min-height:652px;margin:0 auto;padding:75px 74px 73px;display:grid;grid-template-columns:500px 472px minmax(0,1fr);column-gap:34px;box-sizing:border-box}.new-home-shade-finder__content{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.new-home-shade-finder__eyebrow,.new-home-shade-finder__heading,.new-home-shade-finder__description,.new-home-shade-finder__description p{margin:0}.new-home-shade-finder__eyebrow{margin-bottom:28px;color:var(--nhsf-accent);font-family:Manrope,sans-serif;font-size:14px;font-weight:800;line-height:1;letter-spacing:3px}.new-home-shade-finder__heading{color:var(--nhsf-text);font-family:Manrope,sans-serif;font-size:50px;font-weight:600;line-height:1.224;letter-spacing:0;width:517px}.new-home-shade-finder__heading-first{display:block}.new-home-shade-finder__heading-second,.new-home-shade-finder__heading em{display:inline}.new-home-shade-finder__heading em{color:var(--nhsf-heading-accent);font-style:normal}.new-home-shade-finder__description{width:537px;max-width:537px;margin-top:20px;color:var(--nhsf-muted);font-family:Manrope,sans-serif;font-size:16px;font-weight:300;letter-spacing:0;line-height:1.75}.new-home-shade-finder__tones{margin-top:50px;display:flex;align-items:flex-start;gap:20px}.new-home-shade-finder__tone{width:80px;display:flex;flex:0 0 80px;flex-direction:column;align-items:center;color:var(--nhsf-text);font-family:Manrope,sans-serif;font-weight:600;letter-spacing:0;text-decoration:none}.new-home-shade-finder__tone-swatch{width:80px;height:80px;display:block;border:1px solid transparent;border-radius:50%;background:var(--nhsf-tone);box-sizing:border-box;transition:transform .18s ease,box-shadow .18s ease}a.new-home-shade-finder__tone:hover .new-home-shade-finder__tone-swatch,a.new-home-shade-finder__tone:focus-visible .new-home-shade-finder__tone-swatch{transform:translateY(-2px);box-shadow:0 0 0 2px var(--nhsf-background),0 0 0 3px var(--nhsf-accent)}a.new-home-shade-finder__tone:focus-visible{outline:none}.new-home-shade-finder__tone-label{margin-top:14px;font-size:18px;line-height:28.675px;text-align:center}.new-home-shade-finder__button{width:210px;min-height:50px;margin-top:auto;padding:0 27px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--nhsf-button-background);border-radius:5px;color:var(--nhsf-button-text);background:var(--nhsf-button-background);font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:1;letter-spacing:1.54px;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:color .18s ease,background-color .18s ease}.new-home-shade-finder__button:hover,.new-home-shade-finder__button:focus-visible{color:var(--nhsf-button-background);background:transparent}.new-home-shade-finder__button:focus-visible{outline:2px solid var(--nhsf-button-background);outline-offset:3px}.new-home-shade-finder__media{position:relative;width:472px;height:470px;margin-top:34px;overflow:visible;border-radius:20px 20px 0 0}.new-home-shade-finder__media picture{position:relative;width:100%;height:100%;display:block;overflow:visible}.new-home-shade-finder__image{position:absolute;top:0;left:var(--nhsf-desktop-image-shift);width:var(--nhsf-desktop-image-width);max-width:none;height:100%;display:block;object-fit:contain}.new-home-shade-finder__benefits{grid-column:3;min-width:0;margin-top:65px;padding-left:32px;display:flex;flex-direction:column;gap:39px}.new-home-shade-finder__benefit{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start;gap:0}.new-home-shade-finder__benefit-icon{width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--nhsf-accent);border-radius:50%;box-sizing:border-box}.new-home-shade-finder__benefit-icon-image{width:50px;height:50px;display:block;object-fit:contain}.new-home-shade-finder__benefit-icon-picture{width:100%;height:100%;display:block}.new-home-shade-finder__benefit-icon--image{border:0}.new-home-shade-finder__benefit-icon-dot{width:8px;height:8px;display:block;border:1px solid var(--nhsf-accent);border-radius:50%}.new-home-shade-finder__benefit-copy{grid-column:1 / -1;margin-top:9px}.new-home-shade-finder__benefit h3,.new-home-shade-finder__benefit p{margin:0;font-family:Manrope,sans-serif;letter-spacing:0}.new-home-shade-finder__benefit h3{color:var(--nhsf-text);font-size:16px;font-weight:700;line-height:normal}.new-home-shade-finder__benefit p{margin-top:10px;color:var(--nhsf-muted);font-size:14px;font-weight:400;line-height:1.45}@media screen and (max-width:1199px)and (min-width:750px){.new-home-shade-finder__inner{min-height:auto;padding:48px 36px 40px;grid-template-columns:minmax(300px,500px) minmax(340px,472px);justify-content:space-between;column-gap:24px;row-gap:36px}.new-home-shade-finder__eyebrow{margin-bottom:22px}.new-home-shade-finder__heading{width:100%;font-size:clamp(30px,4vw,46px);line-height:1.2}.new-home-shade-finder__description{width:100%;max-width:none;margin-top:16px;font-size:15px;line-height:1.7}.new-home-shade-finder__tones{margin-top:34px;gap:clamp(8px,1.5vw,18px)}.new-home-shade-finder__tone{width:clamp(44px,5.35vw,64px);flex-basis:clamp(44px,5.35vw,64px)}.new-home-shade-finder__tone-swatch{width:clamp(44px,5.35vw,64px);height:clamp(44px,5.35vw,64px)}.new-home-shade-finder__tone-label{margin-top:10px;font-size:16px;line-height:1.4}.new-home-shade-finder__button{margin-top:auto}.new-home-shade-finder__media{align-self:end;width:100%;height:auto;aspect-ratio:1 / 1;margin-top:10px}.new-home-shade-finder__media,.new-home-shade-finder__media picture{overflow:visible}.new-home-shade-finder__image{position:absolute;top:0;left:var(--nhsf-desktop-focus);width:auto;max-width:none;height:100%;object-fit:contain;transform:translate(calc(0% - var(--nhsf-desktop-focus)))}.new-home-shade-finder__benefits{grid-column:1 / -1;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.new-home-shade-finder__benefit{display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center}.new-home-shade-finder__benefit-copy{margin-top:8px}}@media screen and (max-width:749px){.new-home-shade-finder{position:relative}.new-home-shade-finder__inner{position:relative;min-height:374px;padding:27px 17px 76px;display:block}.new-home-shade-finder__content{width:225px;display:block}.new-home-shade-finder__eyebrow{margin-bottom:11px;font-size:12px;line-height:1;letter-spacing:1.9px}.new-home-shade-finder__heading{width:225px;font-size:21px;line-height:1.3;letter-spacing:-.025em}.new-home-shade-finder__heading-first,.new-home-shade-finder__heading-second{display:inline}.new-home-shade-finder__heading-first:after{content:" "}.new-home-shade-finder__heading em{display:block}.new-home-shade-finder__description{width:170px;margin-top:8px;font-size:11px;line-height:1.5}.new-home-shade-finder__tones{width:131px;margin-top:24px;flex-wrap:wrap;column-gap:10px;row-gap:12px}.new-home-shade-finder__tone{width:37px;flex-basis:37px}.new-home-shade-finder__tone-swatch{width:26px;height:26px}.new-home-shade-finder__tone-label{margin-top:8px;font-size:11px;line-height:1}.new-home-shade-finder__button{width:127px;min-height:29px;margin-top:16px;margin-left:3px;padding:0 11px 0 13px;gap:9px;border-radius:9px;font-size:10px;letter-spacing:.06em}.new-home-shade-finder__media{position:absolute;right:0;bottom:76px;z-index:1;width:203px;height:183px;margin:0;border-radius:13px 0 0;pointer-events:none}.new-home-shade-finder__image{position:absolute;top:0;left:var(--nhsf-mobile-image-shift);width:var(--nhsf-mobile-image-width);max-width:none;height:100%;object-fit:contain}.new-home-shade-finder__benefits{position:absolute;right:0;bottom:0;left:0;z-index:3;width:100%;height:76px;margin:0;padding:8px 8px 5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;color:var(--nhsf-text);background:#fff;box-sizing:border-box}.new-home-shade-finder__benefit{display:flex;min-width:0;padding:0 4px;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}.new-home-shade-finder__benefit-icon,.new-home-shade-finder__benefit-icon-image{width:20px;height:20px;flex:0 0 20px}.new-home-shade-finder__benefit-copy{width:100%;margin-top:3px}.new-home-shade-finder__benefit h3{overflow:hidden;font-size:12px;font-weight:600;line-height:14px;text-overflow:ellipsis;white-space:nowrap}.new-home-shade-finder__benefit p{overflow:hidden;margin-top:2px;display:-webkit-box;font-size:9px;line-height:11px;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media screen and (max-width:359px){.new-home-shade-finder__inner{min-height:102.222vw;padding:7.5vw 4.722vw calc(16.111vw + 18px)}.new-home-shade-finder__content{width:62.5vw}.new-home-shade-finder__eyebrow{margin-bottom:3.056vw;font-size:calc(2.778vw + 2px)}.new-home-shade-finder__heading{width:62.5vw;font-size:5.833vw}.new-home-shade-finder__description{width:47.222vw;margin-top:2.222vw;font-size:calc(2.222vw + 3px)}.new-home-shade-finder__tones{width:36.39vw;margin-top:6.667vw;column-gap:2.778vw;row-gap:3.333vw}.new-home-shade-finder__tone{width:10.278vw;flex-basis:10.278vw}.new-home-shade-finder__tone-swatch{width:7.222vw;height:7.222vw}.new-home-shade-finder__tone-label{margin-top:2.222vw;font-size:calc(2.5vw + 2px)}.new-home-shade-finder__button{width:35.278vw;min-height:8.056vw;margin-top:4.444vw;margin-left:.833vw;padding:0 3.056vw 0 3.611vw;font-size:2.778vw}.new-home-shade-finder__media{width:56.389vw;height:50.833vw;bottom:calc(16.111vw + 18px)}.new-home-shade-finder__image{left:-11.194vw;width:67.593vw}.new-home-shade-finder__benefits{height:calc(16.111vw + 18px);padding:2.222vw 2.222vw 1.389vw}.new-home-shade-finder__benefit-icon,.new-home-shade-finder__benefit-icon-image{width:calc(3.889vw + 6px);height:calc(3.889vw + 6px);flex-basis:calc(3.889vw + 6px)}.new-home-shade-finder__benefit-copy{margin-top:.833vw}.new-home-shade-finder__benefit h3{font-size:calc(2.222vw + 4px);line-height:calc(2.778vw + 4px)}.new-home-shade-finder__benefit p{margin-top:.556vw;font-size:calc(1.389vw + 4px);line-height:calc(2.222vw + 4px)}}@media(prefers-reduced-motion:reduce){.new-home-shade-finder__tone-swatch,.new-home-shade-finder__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/new-home-shade-finder.css.map */