.shade-finder-step1--options,.shade-finder-step2--options{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.shade-finder-step1--options::-webkit-scrollbar,.shade-finder-step2--options::-webkit-scrollbar{width:0;height:0}.shade-finder-intro--wrapper,.shade-finder-step1--wrapper,.shade-finder-step2--wrapper,.shade-finder-results--wrapper{position:relative;font-size:0;color:rgb(var(--color-foreground));height:606px}@media screen and (min-width:750px){.shade-finder-intro--wrapper,.shade-finder-step1--wrapper,.shade-finder-step2--wrapper,.shade-finder-results--wrapper{height:650px}}.shade-finder--link-target.shade-finder--link-target--active{opacity:1;transition:.5s opacity ease-out}.shade-finder--link-target{transition:.5s opacity ease-in;opacity:0}.shade-finder-intro--wrapper{display:flex;flex-direction:column}.shade-finder-intro--background{position:relative;flex:1}.shade-finder-intro--background img,.shade-finder-intro--background svg{position:absolute;width:100%;height:100%;object-fit:cover}.shade-finder-intro--content{padding:43px 50px 29px;text-align:center;background-color:rgb(var(--color-background));flex:0 1 max-content}.shade-finder-intro--text-content{font-size:calc(56px / 3);letter-spacing:-.022em;line-height:20px;font-weight:500;text-align:center;margin-bottom:46px}.shade-finder-intro--text-content p{margin:19px 0 20px}.shade-finder-intro--text-content p:first-child{margin-top:0}.shade-finder-intro--button{font-size:calc(40px / 3);letter-spacing:calc(-1px / 3);line-height:calc(58px / 3);font-weight:400;padding:0 54px;min-height:39px}@media screen and (min-width:750px){.shade-finder-intro--wrapper{display:block}.shade-finder-intro--background{height:100%}.shade-finder-intro--content{position:absolute;bottom:0;left:0;right:0;width:100%;margin:0 auto;max-width:700px;padding:0 50px 50px;background:none}.shade-finder-intro--text-content{font-size:23px;letter-spacing:-.022em;line-height:24px;margin-bottom:0}.shade-finder-intro--text-content p{margin:19px 0}.shade-finder-intro--button{font-size:16px;letter-spacing:-.5px;line-height:24px;font-weight:400;padding:0 66px;min-height:49px}}.shade-finder-step1--wrapper{display:flex;flex-direction:column}.shade-finder-step1--options{display:flex;overflow-x:scroll;scrollbar-width:none;padding:0;height:552px;width:max-content;max-width:100%;margin:0 auto;scroll-snap-type:x mandatory;list-style:none;font-size:0;flex:1}.shade-finder-step1--option{height:100%;scroll-snap-align:start;position:relative}.shade-finder-step1--option .placeholder-svg,.shade-finder-step1--image{height:100%;width:auto;width:min(262px,calc(100vw / (375 / 262)));object-fit:cover}.shade-finder-step1--content{font-size:calc(44px / 3);letter-spacing:calc(-1px / 3);line-height:calc(52px / 3);font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;flex:0 0 max-content;padding:16px 72px 18px}@media screen and (min-width:750px){.shade-finder-step1--option .placeholder-svg,.shade-finder-step1--image{width:max(285px,calc(100vw / (1180 / 285)))}.shade-finder-step1--content{font-size:21px;letter-spacing:-.026em;line-height:24px;font-weight:500;text-align:center;padding:16px 0}}.shade-finder-step2--wrapper{display:flex;flex-direction:column}.shade-finder-step2--options{display:flex;overflow-x:scroll;scrollbar-width:none;padding:0;height:552px;width:100%;max-width:1280px;margin:30px auto 0;scroll-snap-type:x mandatory;list-style:none;font-size:0}.shade-finder-step2--option{height:100%;scroll-snap-align:start;width:90vw;max-width:336px}@media screen and (min-width:750px){.shade-finder-step2--options{margin:0 auto}.shade-finder-step2--option{max-width:calc(1280px / var(--option-count));width:calc(100vw / var(--option-count));min-width:calc(1180px / var(--option-count))}.shade-finder-step2--options{--option-count: 3}.shade-finder-step2--options[data-option-count="2"]{--option-count: 2}.shade-finder-step2--options[data-option-count="1"]{--option-count: 1}}.shade-finder-step2--option .placeholder-svg,.shade-finder-step2--image{height:100%;width:90vw;max-width:336px;object-fit:cover}@media screen and (min-width:750px){.shade-finder-step2--option .placeholder-svg,.shade-finder-step2--image{width:100%;max-width:unset}}.shade-finder-step2--option.no-image{display:flex;justify-content:center;align-items:center;flex-shrink:0}.shade-finder-step2--option.no-image .shade-finder-step2--button{color:rbg(var(--color-foreground));font-size:21px;letter-spacing:-.5px;line-height:24px;font-weight:500;text-align:center;border:2px solid currentColor;border-radius:0;padding:0 18px}.shade-finder-step2--option.no-image a{color:rbg(var(--color-foreground))}.shade-finder-step2--content{font-size:calc(44px / 3);letter-spacing:calc(-1px / 3);line-height:16px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:15px 30px 21.67px}@media screen and (min-width:750px){.shade-finder-step2--content{font-size:21px;letter-spacing:-.5px;line-height:24px;padding:16px 0;position:relative}}.shade-finder-step2--back-button{position:absolute;left:50px;top:0;bottom:0;margin:auto 0;height:max-content;font-size:16px;letter-spacing:-.5px;line-height:24px;color:rgb(var(--color-foreground));font-weight:500;text-decoration:none}@media screen and (max-width:749.98px){.shade-finder-step2--back-button{top:0;margin:0;left:0;right:0;height:30px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));text-align:left;padding-left:19px;font-size:12px;letter-spacing:calc(-1px / 3);line-height:16px;display:flex;align-items:center}}.shade-finder-results--text-content{height:174px;width:100%;max-width:584.5px;font-size:calc(44px / 3);letter-spacing:calc(-1px / 3);line-height:16px;font-weight:500;text-align:center;margin:auto;color:rgb(var(--color-foreground));padding:56px 72px 25px;display:flex;flex-direction:column;justify-content:space-between}.shade-finder-results--text-content p:first-child{font-size:calc(44px / 3);line-height:16px}.shade-finder-results--text-content p{font-size:calc(56px / 3);line-height:20px;margin:0}@media screen and (min-width:750px){.shade-finder-results--text-content{height:157px;font-size:21px;letter-spacing:-.5px;line-height:24px;padding:45px 0 17px}.shade-finder-results--text-content p:first-child{font-size:21px;line-height:24px}.shade-finder-results--text-content p{font-size:24px;line-height:24px;margin:0}}.shade-finder-results--text-content a{white-space:nowrap;color:rgb(var(--color-foreground))}.shade-finder-results--image-content{display:flex;justify-content:center;height:345px}.shade-finder-results--image-content picture{width:100%}.shade-finder-results--image-content picture>img{height:100%;width:100%;object-fit:contain}.shade-finder-results--footer{width:100%;height:113px;max-width:1280px;margin-left:auto;margin-right:auto;padding-top:18px}.shade-finder-results--link{display:flex;width:max-content;margin:0 auto;padding:0 44px;min-height:40px;font-size:calc(40px / 3);letter-spacing:calc(-1px / 3);line-height:calc(58px / 3);font-weight:400}@media screen and (min-width:750px){.shade-finder-results--image-content{height:380px}.shade-finder-results--footer{position:relative;padding-top:14px}.shade-finder-results--link{font-size:16px;letter-spacing:-.5px;line-height:24px;min-height:calc(4.5rem + var(--buttons-border-width) * 2);padding:0 56px}}.shade-finder-results--back-button{position:absolute;left:50px;bottom:37px;font-size:16px;letter-spacing:-.5px;line-height:24px;color:rgb(var(--color-foreground));font-weight:500;text-decoration:none}@media screen and (max-width:749.98px){.shade-finder-results--back-button{top:0;margin:0;left:0;right:0;height:30px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));text-align:left;padding-left:19px;font-size:12px;letter-spacing:calc(-1px / 3);line-height:16px;display:flex;align-items:center}}@media screen and (max-width:749.98px){.shade-finder-results--footer-text{height:max-content;font-size:calc(44px / 3);line-height:16px;text-align:center;margin-top:-32px;margin-bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/shade-finder.css.map */