.scent-finder{position:fixed;width:100vw;height:100vh;top:0;left:0;transform-origin:center center;will-change:transform,opacity;transition:opacity .4s ease}.section-scent-finder .sf-head{line-height:0}.scent-finder-main:not(:has(.active-media)) .sf-head,.scent-finder-main:not(:has(.active-media)) .sg-btm{z-index:1004}.scent-finder .sf-meta{max-width:235px;margin:0 auto;text-align:center;display:grid;gap:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;pointer-events:auto;transition:opacity .3s ease-in-out}.scent-finder.active-anim .sf-meta{opacity:0;pointer-events:none}.sf-meta-inr h2{font-weight:300;padding-bottom:12px;color:var(--brown)}.scent-finder .sf-meta-inr h2{padding-bottom:4px}.sf-drag{display:flex;align-items:center;gap:4px;padding-bottom:24px;font-size:10px;line-height:110%;letter-spacing:-.1px;text-transform:uppercase;color:var(--grey)}.scent-finder .sf-drag{justify-content:center;padding-bottom:16px}.sg-btm{padding:12px;border-top:1px solid var(--grey);position:fixed;bottom:0;width:100%}.sg-btm-inr{display:flex;align-items:center;justify-content:center}.section-scent-finder:has(.scent-finder.active-anim) .sg-btm-inr{justify-content:space-between}.section-scent-finder .cta{color:var(--brown)}.section-scent-finder .cta:hover{color:var(--technical)}.section-scent-finder:not(:has(.scent-finder.active-anim)) .sg-instruct-blk{display:none}.back-btn,.sg-instruct-blk{z-index:1}.sg-instruct-popup{position:absolute;bottom:100%;left:0;background:var(--white);max-width:365px;width:100%;padding:12px 12px 65px;display:flex;flex-direction:column;gap:56px;border:1px solid var(--grey);box-shadow:0 4px 12px #0000001a;visibility:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0);-webkit-mask-size:100% 0%;mask-size:100% 0%;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:visibility 0s linear 1s,-webkit-mask-size 1s cubic-bezier(.16,1.08,.38,1),mask-size 1s cubic-bezier(.16,1.08,.38,1);will-change:mask-size,opacity}.section-scent-finder.active-instruction .sg-instruct-popup{visibility:visible;pointer-events:auto;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:-webkit-mask-size 1s cubic-bezier(.16,1.08,.38,1),mask-size 1s cubic-bezier(.16,1.08,.38,1)}@media (prefers-reduced-motion: reduce){.sg-instruct-popup,.section-scent-finder.active-instruction .sg-instruct-popup{transition:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:1;visibility:visible}}.section-scent-finder:not(.active-instruction) .sg-instruct-close a{visibility:hidden!important}.section-scent-finder.active-instruction .sf-head,.section-scent-finder.active-instruction .sg-btm{background:var(--white)}.sg-instruct-btn .sg-plus,.sg-instruct-btn .sg-minus{line-height:0}.section-scent-finder.active-instruction .sg-instruct-btn .sg-plus,.section-scent-finder:not(.active-instruction) .sg-instruct-btn .sg-minus{display:none}.scent-finder{padding:64px}.scent-wrapper{cursor:grab;width:max-content}.scent-blk{display:flex;position:absolute;width:max-content;height:max-content;transition:transform .6s cubic-bezier(.33,1,.68,1)}.scent-blk .column{display:flex;flex-direction:column}.scent-blk-media{display:block;will-change:transform,opacity;transition:transform .1s ease,opacity .3s ease-in-out;transform:rotateX(0) rotateY(0);transform-style:preserve-3d;position:relative}.scent-finder.active-anim .scent-blk-media{cursor:none}.leave{transform:rotateX(0) rotateY(0)!important;transition-timing-function:cubic-bezier(.42,0,0,1)!important;transition-duration:1.5s}.scent-blk-media img{position:absolute;width:100%;height:100%;object-fit:cover}.cursor{z-index:99;grid-row-gap:.25em;opacity:0;pointer-events:none;color:var(--white);border-radius:.25em;justify-content:flex-start;align-items:center;font-size:10px;text-transform:uppercase;line-height:110%;letter-spacing:.1px;transition:opacity .2s;position:fixed;inset:0% auto auto 0%}.scent-finder-main .sf-head:before{content:"";position:absolute;top:0;left:0;width:100%;background:linear-gradient(0deg,rgba(255,255,255,0) 0%,var(--white) 100%);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none;opacity:1;transition:opacity .1s ease}.scent-finder-main .sg-btm:before{content:"";position:absolute;bottom:0;left:0;width:100%;transform:rotate(180deg);background:linear-gradient(0deg,rgba(255,255,255,0) 0%,var(--white) 100%);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none;opacity:1;transition:opacity .1s ease}.scent-finder-main .scent-finder:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,var(--white) 100%);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:1014;pointer-events:none;opacity:1;transition:opacity .1s ease}.scent-finder-main .scent-finder:after{content:"";position:absolute;top:0;right:0;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--white) 100%);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:1014;pointer-events:none;opacity:1;transition:opacity .1s ease}.scent-finder-main:has(.active-media) .sf-head:before,.scent-finder-main:has(.active-media) .sg-btm:before,.scent-finder-main:has(.active-media) .scent-finder:before,.scent-finder-main:has(.active-media) .scent-finder:after{opacity:0}.scent-finder.loading-anim{opacity:0}.scent-finder:not(.active-anim) .scent-blk{overflow:hidden}.scent-finder-overlay{position:fixed;top:0;left:0;right:0;text-align:left;padding:0;opacity:0;visibility:hidden;z-index:0;transition:all .5s;color:#000;background:var(--overlay-large);pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scent-finder-overlay.active-media{max-height:100vh;height:100%;opacity:1;visibility:visible;z-index:129;pointer-events:auto}.sf-overlay{max-height:100svh;height:100%;overflow:auto}.sfo-scent-card{padding:52px 0 108px}.sfo-product-highlights{padding:24px 0 0}@media (min-width:992px){.scent-blk{gap:112px;transform:translate(-10%,-10%)}.scent-finder:not(.active-anim) .scent-blk{transform:translate(-10%,-25%)!important}.scent-blk .column{gap:160px}.scent-blk .column:nth-child(2n){margin-top:23.7325vh}.scent-blk-media{width:16.32vw;min-width:235px;height:36.5vh;min-height:306px}.scent-blk-media.set_above{z-index:1}.scent-finder:not(.active-anim) .scent-blk-media[data-img=small] img{width:4.1vw;min-width:59px;height:9.17vh;min-height:77px}.scent-finder:not(.active-anim) .scent-blk-media[data-img=medium] img{width:8.125vw;min-width:117px;height:18vh;min-height:152px}.scent-finder:not(.active-anim) .scent-blk-media[data-img=extra-large]{width:21.009vw;min-width:354px;height:49.624vh;min-height:460px}.sf-head:before,.sg-btm:before{height:120px}.scent-finder-main .scent-finder:before,.scent-finder-main .scent-finder:after{width:120px}.scent-card-title{display:none}}@media (min-width:2500px){.scent-finder:not(.active-anim) .scent-blk{transform:translate(-5%,-20%)!important}}@media (max-width:991px){.scent-blk{transform:translate(-10%,-10%)}.scent-blk .column{gap:120px}.scent-finder:not(.active-anim) .scent-blk{transform:translate(-33%,-26%)!important}.scent-blk{gap:64px}.scent-finder:not(.active-anim) .scent-blk .column:nth-child(2n){margin-top:26.55vh}.scent-finder.active-anim .scent-blk .column:nth-child(odd){margin-top:26.55vh}.scent-finder:not(.active-anim) .scent-blk-media{width:45.6vw;min-width:171px;height:26.6vh;min-height:223px}.scent-finder.active-anim .scent-blk-media{width:171px;height:223px}.scent-blk-media.set_above-mb{z-index:1}.scent-finder:not(.active-anim) .scent-blk-media[data-img=small] img{width:56px;height:73px}.scent-finder:not(.active-anim) .scent-blk-media[data-img=medium] img{width:114px;height:148px}.scent-finder:not(.active-anim) .scent-blk-media[data-img=extra-large]{width:286px;height:373px}.sf-head:before,.sg-btm:before{height:65px}.scent-finder-main .scent-finder:before,.scent-finder-main .scent-finder:after{width:65px}.scent-finder:not(.active-anim) .scent-card-title{display:none}.section-scent-finder:not(.scent-finder.active-anim){overflow:hidden;position:fixed;top:0;right:0;left:0;bottom:0}.scent-card-title{position:absolute;top:50%;width:100%;text-align:center;color:var(--white);font-size:10px;text-transform:uppercase}.scent-finder:not(.active-anim) .scent-blk .column .scent-blk-media:nth-child(1){animation:floatA 10s ease-in-out infinite;animation-delay:0s}.scent-finder:not(.active-anim) .scent-blk .column .scent-blk-media:nth-child(2){animation:floatB 14s ease-in-out infinite;animation-delay:2s}.scent-finder:not(.active-anim) .scent-blk .column .scent-blk-media:nth-child(3){animation:floatC 11s ease-in-out infinite;animation-delay:1s}@keyframes floatA{0%{transform:translate(-5px,-5px) translateZ(0) rotate(.01deg)}25%{transform:translate(-5px,-5px) translate3d(-10px,-6px,0) rotate(-.2deg)}50%{transform:translate(-5px,-5px) translate3d(10px,10px,0) rotate(.15deg)}75%{transform:translate(-5px,-5px) translate3d(-6px,10px,0) rotate(-.12deg)}to{transform:translate(-5px,-5px) translateZ(0) rotate(.01deg)}}@keyframes floatB{0%{transform:translate(-5px,-5px) translateZ(0)}20%{transform:translate(-5px,-5px) translate3d(20px,8px,0)}40%{transform:translate(-5px,-5px) translate3d(0,20px,0)}60%{transform:translate(-5px,-5px) translate3d(-18px,-12px,0)}80%{transform:translate(-5px,-5px) translate3d(10px,-18px,0)}to{transform:translate(-5px,-5px) translateZ(0)}}@keyframes floatC{0%{transform:translate(-5px,-5px) translateZ(0) rotate(.01deg)}50%{transform:translate(-5px,-5px) translate3d(30px,-20px,0) rotate(.3deg)}to{transform:translate(-5px,-5px) translateZ(0) rotate(.01deg)}}}@media (max-width:575px){.scent-blk{transform:translate(-39%,-10%)}.scent-finder:not(.active-anim) .scent-blk{transform:translate(-29%,-26%)!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/scent-finder.css.map */