.section-scent-finder{background:#090909}.page-handle-choose-your-scent #header-group{position:absolute;inset:0 0 auto;z-index:var(--layer-sticky, 20);width:100%}.page-handle-choose-your-scent #header-group>.shopify-section:not(.header-section){display:none}.page-handle-choose-your-scent #header-component[transparent]:not([data-sticky-state=active]){--closed-underlay-height: 0px;--header-logo-display: none;--header-logo-inverse-display: block;--color-foreground: #fff;--color-foreground-rgb: 255, 255, 255;--color-border: rgb(255 255 255 / 16%);--color-border-rgb: 255, 255, 255}.page-handle-choose-your-scent #header-component[transparent]:not([data-sticky-state=active]) .zuofun-header__menu .menu-list .menu-list__link{color:#fff!important}.page-handle-choose-your-scent .sf-stage,.page-handle-choose-your-scent .sf-quiz,.page-handle-choose-your-scent .sf-reveal,.page-handle-choose-your-scent .sf-result{min-height:100svh}.sf-stage{--px: 0;--py: 0;--mist-scale: .42;--mist-opacity: .15;position:relative;display:block;min-height:calc(100svh - var(--header-height, 0px));overflow:hidden;isolation:isolate;background:#090909;color:#fff;font-family:var(--font-body--family, "Helvetica Neue", Helvetica, Arial, sans-serif)}.sf-stage *,.sf-stage *:before,.sf-stage *:after{box-sizing:border-box}.sf-stage [hidden]{display:none!important}.sf-stage button,.sf-stage textarea{font:inherit}.sf-media,.sf-shade,.sf-glow,.sf-mist{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sf-scene{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%;object-fit:cover;opacity:0;filter:saturate(.82) brightness(.65) blur(12px);transform:translate3d(calc(var(--px) * -9px),calc(var(--py) * -7px),0) scale(1.14);transition:opacity .85s cubic-bezier(.22,1,.36,1),filter 1.05s ease,transform 1.65s cubic-bezier(.16,1,.3,1);will-change:opacity,filter,transform}.sf-scene.is-active{opacity:1;filter:saturate(.92) brightness(.78) blur(0);transform:translate3d(calc(var(--px) * -9px),calc(var(--py) * -7px),0) scale(1.035)}.sf-scene.is-departing{opacity:0;filter:saturate(.7) brightness(.5) blur(16px);transform:translate3d(calc(var(--px) * 7px),calc(var(--py) * 5px),0) scale(.99)}.sf-shade{z-index:1;background:radial-gradient(circle at 70% 45%,transparent 0 16%,rgb(0 0 0/.17) 58%,rgb(0 0 0/.56) 100%),linear-gradient(90deg,#000000bd,#00000045 52%,#0000001f),linear-gradient(0deg,rgb(0 0 0/.74),transparent 44%,rgb(0 0 0/.19))}.sf-glow{z-index:2;background:var(--accent);mix-blend-mode:soft-light;opacity:.82;transition:background .75s ease}.sf-mist{z-index:2;opacity:0;background:radial-gradient(ellipse at 55% 60%,rgb(244 238 224/.28),transparent 52%),radial-gradient(ellipse at 62% 44%,rgb(230 218 198/.18),transparent 46%);filter:blur(22px);transform:scale(.55);transition:opacity .95s ease,transform 1.25s cubic-bezier(.16,1,.3,1)}.sf-stage.is-projection .sf-mist{opacity:var(--mist-opacity);transform:scale(var(--mist-scale))}.sf-quiz{position:relative;z-index:3;display:grid;min-height:calc(100svh - var(--header-height, 0px));grid-template-rows:auto 1fr auto;padding:clamp(128px,14vh,160px) clamp(24px,8.5vw,144px) clamp(34px,5.5vh,56px);transition:opacity .48s ease,transform .7s cubic-bezier(.22,1,.36,1),filter .48s ease}.sf-quiz.is-leaving{opacity:0;transform:translate3d(0,-18px,0);filter:blur(8px)}.sf-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:34px;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.sf-kicker{justify-self:center}.sf-counter{justify-self:end;color:#ffffffa8}.sf-question{align-self:center;width:min(790px,68vw);padding-bottom:4vh}.sf-stage h1{max-width:790px;margin:0;font-family:var(--font-body--family, "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:clamp(42px,4.05vw,68px);font-weight:400;letter-spacing:-.035em;line-height:1.08;text-wrap:balance;text-shadow:0 10px 36px rgb(0 0 0/.32)}.sf-question p{max-width:620px;margin:22px 0 0;color:#ffffffad;font-size:clamp(14px,1.2vw,18px);line-height:1.5}.sf-controls{display:grid;gap:clamp(16px,2vw,30px)}.sf-choices{display:grid;grid-template-columns:repeat(var(--count,6),minmax(0,1fr));gap:10px;align-items:end}.sf-choice{min-height:50px;padding:12px 4px;border:0;background:transparent;color:#ffffff6e;cursor:pointer;font-size:clamp(11px,1.02vw,15px);font-weight:500;letter-spacing:.13em;text-align:left;text-transform:uppercase;transition:color .32s ease,transform .48s cubic-bezier(.22,1,.36,1),text-shadow .48s ease}.sf-choice:hover,.sf-choice:focus-visible{color:#ffffffd6;outline:none;transform:translate3d(0,-4px,0)}.sf-choice.is-active{color:#fff;transform:translate3d(0,-7px,0) scale(1.03);text-shadow:0 0 28px var(--choice-glow)}.sf-action{padding:10px 0;border:0;background:transparent;color:#ffffffdb;cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.19em;text-decoration:none;text-transform:uppercase;transition:color .24s ease,transform .4s cubic-bezier(.22,1,.36,1),opacity .24s ease}.sf-action:hover,.sf-action:focus-visible{color:#fff;outline:none}.sf-back{justify-self:start}.sf-back:hover{transform:translate3d(-6px,0,0)}.sf-continue{justify-self:end}.sf-continue:hover{transform:translate3d(7px,0,0)}.sf-action:disabled{opacity:.22;cursor:default;transform:none}.sf-memory{width:min(620px,100%);margin-top:-6px}.sf-memory label{display:block;margin-bottom:8px;color:#ffffff7a;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.sf-memory textarea{display:block;width:100%;min-height:58px;padding:4px 0;resize:none;overflow:hidden;border:0;outline:0;background:transparent;color:#fff;font-size:clamp(16px,1.35vw,20px);line-height:1.45}.sf-memory textarea::placeholder{color:#ffffff57}.sf-hint{position:absolute;z-index:4;right:clamp(24px,3.2vw,50px);top:50%;color:#ffffff6b;font-size:9px;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;transform:translateY(-50%);transition:opacity .5s ease}.sf-stage.is-interacted .sf-hint{opacity:0}.sf-reveal{position:relative;z-index:6;min-height:calc(100svh - var(--header-height, 0px))}.sf-thinking{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:28px;text-align:center}.sf-thinking p{margin:0;color:#ffffffad;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.sf-summary-words{display:flex;min-height:70px;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.sf-summary-word{opacity:0;font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(19px,2.5vw,38px);letter-spacing:-.02em;transform:translateY(20px) scale(.96);animation:sf-word .9s cubic-bezier(.22,1,.36,1) forwards}.sf-result{display:grid;min-height:calc(100svh - var(--header-height, 0px));grid-template-columns:minmax(0,.82fr) minmax(360px,1fr);align-items:center;gap:4vw;padding:clamp(34px,6vw,96px);animation:sf-result-in 1.05s cubic-bezier(.16,1,.3,1) both}.sf-result-copy>span{color:#ffffff94;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.sf-result-copy h1{margin:24px 0 0}.sf-result-copy h1 a{color:inherit;text-decoration:none}.sf-result-copy h1 a:hover,.sf-result-copy h1 a:focus-visible{opacity:.78;outline:none}.sf-result-copy p{margin:22px 0 34px;color:#ffffffa8;font-size:16px;letter-spacing:.08em}.sf-result-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.sf-product-link{border-bottom:1px solid rgb(255 255 255/.58)}.sf-result-product{position:relative;display:grid;min-height:72vh;place-items:center;color:inherit;text-decoration:none}.sf-result-product img{position:relative;z-index:1;width:min(78%,500px);max-height:76vh;object-fit:contain;animation:sf-bottle 1.45s .18s cubic-bezier(.16,1,.3,1) both;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .65s ease}.sf-result-product:hover img,.sf-result-product:focus-visible img{transform:translateY(-10px) scale(1.025);filter:drop-shadow(0 42px 50px rgb(0 0 0/.66))}.sf-result-product:focus-visible{outline:1px solid rgb(255 255 255/.72);outline-offset:8px}.sf-result-halo{position:absolute;width:min(65vw,650px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--result-glow),transparent 66%);filter:blur(25px);opacity:.75}@keyframes sf-word{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(8px)}40%,74%{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:translateY(-14px) scale(1.02);filter:blur(7px)}}@keyframes sf-result-in{0%{opacity:0;filter:blur(16px)}to{opacity:1;filter:blur(0)}}@keyframes sf-bottle{0%{opacity:0;transform:translateY(55px) scale(.9);filter:blur(16px) drop-shadow(0 34px 42px rgb(0 0 0/.58))}to{opacity:1;transform:none;filter:blur(0) drop-shadow(0 34px 42px rgb(0 0 0/.58))}}@media(max-width:820px){.sf-quiz{padding:calc(var(--header-height, 72px) + 34px) 22px 26px}.sf-meta{grid-template-columns:1fr auto}.sf-kicker{justify-self:start}.sf-counter{grid-column:2;grid-row:1}.sf-back:not([hidden])+.sf-kicker{display:none}.sf-question{width:100%;padding-bottom:0}.sf-stage h1{font-size:clamp(40px,11.7vw,62px)}.sf-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px}.sf-choice{min-height:42px;font-size:11px}.sf-hint{display:none}.sf-result{grid-template-columns:1fr;align-content:center;padding:34px 24px;text-align:center}.sf-result-product{grid-row:1;min-height:46vh}.sf-result-product img{width:min(62vw,300px);max-height:43vh}.sf-result-copy h1{font-size:clamp(42px,12vw,64px)}.sf-result-actions{justify-content:center}}@media(prefers-reduced-motion:reduce){.sf-stage *,.sf-stage *:before,.sf-stage *:after{animation-duration:1ms!important;transition-duration:1ms!important}.sf-scene,.sf-scene.is-active,.sf-scene.is-departing{transform:scale(1.04)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/scent-quiz-motion.css.map */