.fragrance-finder{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;font-family:var(--ff-sans);color:var(--ff-white);background:#0d0f0a;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .5s var(--ff-ease),visibility 0s linear .5s}.fragrance-finder.is-ready{opacity:1;visibility:visible;transition:opacity .5s var(--ff-ease)}.ff-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background-color:#cdd4d8}.ff-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--ff-bg-position, 50% 50%);display:block;opacity:0;transition:opacity .3s ease;will-change:opacity;pointer-events:none;-webkit-user-select:none;user-select:none}.ff-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(180deg,#00000047,#0000 22%),linear-gradient(0deg,#0000004d,#0000 30%);pointer-events:none}.ff-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s var(--ff-ease),transform .45s var(--ff-ease),visibility 0s linear .45s;pointer-events:none}.ff-screen.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .45s var(--ff-ease),transform .45s var(--ff-ease)}.ff-entry__inner{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:0}.ff-entry__heading{letter-spacing:.08em;font-family:"Baskervville",var(--ff-serif);font-weight:500;font-size:clamp(22px,2.6vw,28px);line-height:1.35;max-width:560px;margin:0 0 32px;color:#000;text-shadow:0 1px 20px rgba(255,255,255,.35)}.ff-entry__sub{font-size:13px;letter-spacing:.04em;max-width:26em;margin:-12px auto 24px;color:var(--ff-ink)}.ff-entry .ff-btn{font-size:14px;background:#000;border-color:#000}.ff-loading--dark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#080a06a8;pointer-events:none}.ff-loading__inner{position:relative;z-index:1;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.ff-loader{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:92vw}.ff-loader__bar{position:relative;width:clamp(160px,30vw,220px);height:2px;background:#ffffff59;overflow:hidden}.ff-loader__bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--ff-white);transform:scaleX(0);transform-origin:left center}.ff-loader__bar--play:after{animation:ff-load 1.2s var(--ff-ease) forwards}.ff-loader__label{color:var(--ff-white);font-size:12px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;text-align:center;text-shadow:0 1px 10px rgba(0,0,0,.4)}@keyframes ff-load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ff-exit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .35s var(--ff-ease),visibility 0s linear .35s}.ff-exit.is-open{opacity:1;visibility:visible;transition:opacity .35s var(--ff-ease);background:#0003}.ff-exit__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0e0a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ff-exit__dialog{position:relative;min-height:440px;display:flex;flex-direction:column;justify-content:space-between;z-index:1;width:min(800px,92vw);background:var(--ff-white);color:var(--ff-ink);text-align:center;padding:48px clamp(40px,7vw,96px) 56px;transform:translateY(10px);transition:transform .35s var(--ff-ease)}.ff-exit.is-open .ff-exit__dialog{transform:none}.ff-exit__progress{position:relative;width:130px;height:2px;margin:0 auto 22px;background:#dcdad3;overflow:hidden}.ff-exit__progress:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--ff-exit-progress, 0%);background:var(--ff-black);transition:width .45s var(--ff-ease)}.ff-exit__eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#000;margin:0 0 22px}.ff-exit__heading{font-family:"Baskervville",var(--ff-serif);font-weight:400;font-size:clamp(20px,2.2vw,28px);line-height:36px;letter-spacing:.07em;text-transform:uppercase;margin:0 0 30px}.ff-exit__body{font-size:16px;line-height:1.7;color:#6a6a60;max-width:46em;margin:0 auto 30px}.ff-exit__actions{display:flex;flex-direction:column;gap:12px;align-items:center}.ff-exit__actions .ff-btn{width:100%;max-width:300px;font-size:12px;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/37/assets/fragrance-finder-quiz.css.map */