:where(.sa-quiz) .sa-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:10px;background-clip:padding-box;background:#111;color:#fff;font:inherit;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;outline:none;-webkit-user-select:none;user-select:none;margin:0;transition:all .15s cubic-bezier(.4,0,.2,1)}:where(.sa-quiz) .sa-btn--ghost{background:transparent;color:inherit}:where(.sa-quiz) .sa-btn--outline{background:var(--background);border-color:var(--border)}:where(.sa-quiz) .sa-btn:disabled{pointer-events:none;opacity:.5}@media(hover:hover){:where(.sa-quiz) .sa-btn--ghost:hover{background:var(--muted);color:var(--foreground)}}.sa-quiz .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sa-quiz [hidden]{display:none!important}.sa-quiz{line-height:1.5;-webkit-text-size-adjust:100%}.sa-quiz img{max-width:100%}.sa-quiz .result-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:transparent}body.sa-quiz-body,.sa-quiz{--background:#f6f5f3;--foreground:#111;--card:#fff;--primary:#111;--primary-foreground:#fff;--secondary:#ededeb;--muted:#ededeb;--muted-foreground:#666;--accent:#e288c6;--border:#111}.sa-quiz,.sa-quiz *{box-sizing:border-box}body.sa-quiz-body{background:var(--background);min-width:320px;color:var(--foreground);margin:0;font-family:PCTL9600,Arial,sans-serif}.sa-quiz button,.sa-quiz a{-webkit-tap-highlight-color:transparent}.sa-quiz :is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #111}.sa-quiz h1:focus-visible{outline-offset:6px;outline:2px solid #111}.sa-quiz.quiz-shell{min-height:100svh;position:relative}.sa-quiz .quiz-header{z-index:3;grid-template-columns:1fr auto;align-items:center;gap:20px 16px;width:min(100%,1132px);margin:0 auto;padding:26px 16px 0;display:grid;position:relative}.sa-quiz .brand-link{width:fit-content;display:inline-flex}.sa-quiz .brand-wordmark{width:165px;height:auto;display:block}.sa-quiz .progress-number{color:#777;font-size:12px;line-height:16px}.sa-quiz .header-progress{background:#fff;border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.sa-quiz .header-progress>span{width:100%;height:100%;transform:scaleX(var(--progress,1));transform-origin:0;background:#111;border-radius:2px;transition:transform .36s cubic-bezier(.22,1,.36,1);display:block}.sa-quiz.phase-intro{background:#f9eddf}.sa-quiz.phase-intro .quiz-header{justify-content:center;padding-top:32px;display:flex;position:absolute;top:0;left:0;right:0}.sa-quiz.phase-intro .brand-wordmark{width:260px}.sa-quiz.phase-intro[data-cover=ice-cream] .brand-wordmark{filter:invert()}.sa-quiz .intro-layout{--hero-photo-height:clamp(240px, calc(100svh - 320px) , 650px);isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative}.sa-quiz .intro-layout:before{content:"";height:var(--hero-photo-height);pointer-events:none;flex:none}.sa-quiz .intro-hero{z-index:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.sa-quiz .intro-photo{width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sa-quiz .hero-slide{opacity:0;background:var(--cover-bottom);pointer-events:none;transition:opacity .65s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sa-quiz .hero-slide:before{content:"";width:100%;height:var(--hero-photo-height);background:var(--cover-gradient);position:absolute;top:0;left:0}.sa-quiz .hero-slide.is-active{z-index:1;opacity:1}.sa-quiz .hero-slide picture{width:100%;height:var(--hero-photo-height);display:block;position:relative;-webkit-mask-image:linear-gradient(#000 0% 96%,#0000 100%);mask-image:linear-gradient(#000 0% 96%,#0000)}.sa-quiz .hero-slide picture:before{content:"";z-index:1;background:linear-gradient(transparent,var(--cover-bottom));pointer-events:none;width:100%;height:16px;position:absolute;bottom:0;left:0}.sa-quiz .hero-slide[data-cover=flowers] picture:after{content:"";pointer-events:none;background:linear-gradient(#c7cccd 0 64px,#0000 96px);width:100%;height:96px;position:absolute;top:0;left:0}.sa-quiz .intro-photo img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.sa-quiz .hero-motion-toggle:focus-visible{z-index:3;clip:auto;clip-path:none;color:#111;width:auto;height:44px;font:inherit;pointer-events:auto;background:#fff;border:1px solid #111;border-radius:8px;margin:0;padding:0 12px;top:78px;right:16px;overflow:visible}.sa-quiz .intro-copy{z-index:1;text-align:center;padding:28px 16px 32px;position:relative}.sa-quiz .intro-title{letter-spacing:-1.3px;text-transform:uppercase;margin:0;font-size:48px;font-weight:700;line-height:56px}.sa-quiz .title-line{display:block;overflow:hidden}.sa-quiz .title-line>span{animation:.62s cubic-bezier(.22,1,.36,1) both sa-quiz-title-line-in;display:inline-block}.sa-quiz .title-line:nth-child(2)>span{animation-delay:90ms}.sa-quiz .intro-body{color:#333;max-width:358px;margin:8px auto 0;font-size:14px;line-height:20px}.sa-quiz .primary-pill,.sa-quiz .result-link{color:#fff;cursor:pointer;background:#111;border:1px solid #111;border-radius:8px;justify-content:center;align-items:center;width:100%;height:48px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;transition:background-color .18s,transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.sa-quiz .start-button{max-width:420px;margin-top:24px}.sa-quiz .primary-pill:disabled{opacity:1;color:#fff;cursor:default;background:#a5a5a5;border-color:#a5a5a5}.sa-quiz .timing-note{color:#333;margin:16px 0 0;font-size:12px;line-height:16px}.sa-quiz .intro-body,.sa-quiz .start-button,.sa-quiz .timing-note{animation:.42s cubic-bezier(.22,1,.36,1) both sa-quiz-copy-in}.sa-quiz .intro-body{animation-delay:.13s}.sa-quiz .start-button{animation-delay:.21s}.sa-quiz .timing-note{animation-delay:.27s}.sa-quiz .question-layout{width:min(100%,712px);margin:0 auto;padding:32px 16px 16px}.sa-quiz .question-heading{margin-bottom:24px}.sa-quiz .question-eyebrow{color:#666;letter-spacing:.2px;text-transform:uppercase;margin:0 0 20px;font-size:12px;line-height:16px}.sa-quiz .question-heading h1{letter-spacing:-.5px;max-width:680px;margin:0;font-size:32px;font-weight:700;line-height:36px}.sa-quiz .question-heading>p:last-child{color:#666;margin:12px 0 0;font-size:14px;line-height:20px}.sa-quiz .answer-grid{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.sa-quiz .answer-item{min-width:0;height:100%;animation:.26s cubic-bezier(.22,1,.36,1) both sa-quiz-card-in;animation-delay:var(--stagger,0s)}.sa-quiz .answer-card{color:#111;width:100%;min-width:0;height:auto;min-height:80px;box-shadow:none;white-space:normal;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;justify-content:flex-start;align-items:center;gap:16px;padding:0 14px 0 0;font-family:inherit;transition:border-color .16s,background-color .16s,box-shadow .18s,transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.sa-quiz .answer-card[aria-pressed=true]{background:#fff;border-color:#111}.sa-quiz .answer-card:disabled{opacity:1;cursor:default}.sa-quiz .answer-media{flex:0 0 80px;width:80px;height:80px;display:block;overflow:hidden}.sa-quiz .answer-image{object-fit:cover;width:80px;height:80px;transition:transform .36s cubic-bezier(.22,1,.36,1);display:block}.sa-quiz .answer-card[aria-pressed=true] .answer-image{transform:scale(1.035)}.sa-quiz .answer-text{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.sa-quiz .answer-text strong{font-size:16px;font-weight:700;line-height:22px}.sa-quiz .answer-text small{color:#666;margin-top:4px;font-size:14px;font-weight:400;line-height:20px}.sa-quiz .answer-index{color:#111;background:#e288c6;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;margin-left:14px;font-size:14px;font-weight:700;display:grid}.sa-quiz .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sa-quiz .photo-grid .answer-card{border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;height:100%;padding:0}.sa-quiz .photo-grid .answer-media{aspect-ratio:1;flex:none;width:100%;height:auto}.sa-quiz .photo-grid .answer-image{width:100%;height:100%}.sa-quiz .photo-grid .answer-text{padding:10px 8px 12px}.sa-quiz .photo-grid .answer-text strong{font-size:14px;line-height:20px}.sa-quiz .photo-grid .answer-text small{font-size:12px;line-height:16px}.sa-quiz .question-actions{padding:12px 0 max(16px,env(safe-area-inset-bottom));background:linear-gradient(#0000,#f6f5f3 12px);grid-template-columns:118px minmax(0,1fr);gap:12px;margin-top:12px;display:grid}.sa-quiz .back-button,.sa-quiz .restart-button{color:#111;cursor:pointer;background:0 0;border:1px solid #111;border-radius:8px;justify-content:center;align-items:center;height:48px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.sa-quiz.phase-result .quiz-header{justify-content:center;padding:28px 16px;display:flex}.sa-quiz.phase-result .brand-wordmark{width:220px}.sa-quiz .result-layout{width:min(100%,1100px);margin:0 auto;padding:8px 16px 16px}.sa-quiz .result-copy{flex-direction:column;min-height:calc(100svh - 100px);display:flex}.sa-quiz .result-kicker{color:#666;text-transform:uppercase;margin:0 0 8px;font-size:12px;line-height:16px}.sa-quiz .result-copy h1{letter-spacing:-.6px;margin:0;font-size:36px;font-weight:700;line-height:40px}.sa-quiz .result-description{color:#666;margin:12px 0 0;font-size:14px;line-height:20px}.sa-quiz .result-stage{flex:1;min-height:280px;max-height:520px;margin:20px -16px 0;position:relative;overflow:hidden}.sa-quiz .result-stage img{object-fit:cover;object-position:center}.sa-quiz .result-controls{padding-top:16px;padding-bottom:max(0px,env(safe-area-inset-bottom));margin-top:auto}.sa-quiz .redirect-panel p{color:#666;margin:0 0 8px;font-size:12px;line-height:16px}.sa-quiz .redirect-line{background:#dddddb;height:2px;overflow:hidden}.sa-quiz .redirect-line span{transform-origin:0;background:#111;width:100%;height:100%;transition:transform .9s linear;display:block}.sa-quiz .result-actions{gap:8px;margin-top:16px;display:grid}.sa-quiz .result-link{margin:0}.sa-quiz .pause-button{color:#666;text-underline-offset:3px;cursor:pointer;background:0 0;min-height:44px;font-family:inherit;font-size:12px;text-decoration:underline}.sa-quiz .scene-enter{animation:.36s cubic-bezier(.22,1,.36,1) both sa-quiz-scene-in}.sa-quiz .scene-leave{animation:.17s cubic-bezier(.4,0,1,1) both sa-quiz-scene-out}.sa-quiz[data-direction=back] .scene-enter{animation-name:sa-quiz-scene-in-back}.sa-quiz .result-heading,.sa-quiz .result-stage,.sa-quiz .result-controls{animation:.44s cubic-bezier(.22,1,.36,1) both sa-quiz-result-in}.sa-quiz .result-stage{animation-delay:90ms}.sa-quiz .result-controls{animation-delay:.17s}.sa-quiz .result-stage img{animation:.62s cubic-bezier(.22,1,.36,1) both sa-quiz-result-media-in}@keyframes sa-quiz-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-quiz-title-line-in{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}@keyframes sa-quiz-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-quiz-scene-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}@keyframes sa-quiz-scene-in-back{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translate(0)}}@keyframes sa-quiz-scene-out{to{opacity:0;transform:translateY(-5px)}}@keyframes sa-quiz-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0)}}@keyframes sa-quiz-result-media-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(hover:hover){.sa-quiz .answer-card:hover{background:#fff;border-color:#b5b5b5;transform:translateY(-2px);box-shadow:0 5px 16px #11111112}.sa-quiz .answer-card:hover .answer-image{transform:scale(1.025)}.sa-quiz .answer-card[aria-pressed=true]:hover{border-color:#111}.sa-quiz .primary-pill:not(:disabled):hover,.sa-quiz .result-link:hover{background:#333;transform:translateY(-1px)}.sa-quiz .back-button:hover,.sa-quiz .restart-button:hover{background:#fff}}.sa-quiz .answer-card:active:not(:disabled){transform:scale(.99)}.sa-quiz button:active:not(:disabled){transform:scale(.98)}@media(min-width:701px){.sa-quiz .quiz-header{padding:32px 32px 0}.sa-quiz .question-layout{padding:36px 32px 24px}.sa-quiz .question-photo-grid{width:min(100%,1132px)}.sa-quiz .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-quiz .question-heading h1{font-size:40px;line-height:44px}.sa-quiz .question-actions{grid-template-columns:140px 240px;justify-content:space-between;margin-top:24px}}@media(min-width:821px){.sa-quiz .intro-layout{--hero-photo-height:100%;grid-template-columns:1fr 1fr;align-items:center;height:100svh;display:grid;overflow:hidden}.sa-quiz .hero-slide picture{width:min(50%,calc(100svh * var(--cover-ratio)));margin-left:max(0px,calc((50vw - 100svh * var(--cover-ratio)) / 2));-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 6% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 6% 92%,#0000)}.sa-quiz .intro-photo img{object-fit:contain}.sa-quiz .intro-copy{padding:100px 40px 60px}.sa-quiz .intro-title{letter-spacing:-2px;font-size:clamp(48px,5vw,76px);line-height:1.12}.sa-quiz .intro-body{max-width:420px;margin-top:24px;font-size:16px;line-height:24px}.sa-quiz.phase-intro .quiz-header{width:50%;padding-top:40px;right:auto}.sa-quiz .result-layout{padding:20px 32px 32px}.sa-quiz .result-copy{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px 48px;min-height:calc(100svh - 140px);display:grid}.sa-quiz .result-heading{align-self:end}.sa-quiz .result-copy h1{font-size:48px;line-height:52px}.sa-quiz .result-description{max-width:420px;font-size:16px;line-height:24px}.sa-quiz .result-stage{grid-area:1/2/span 2;height:100%;min-height:480px;max-height:none;margin:0}.sa-quiz .result-controls{grid-column:1;align-self:start;width:100%;margin-top:0}}@media(min-width:601px)and (max-width:820px){.sa-quiz .hero-slide picture{width:min(100%,calc(var(--hero-photo-height) * var(--cover-ratio)));margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.sa-quiz .intro-photo img{object-fit:contain}}@media(min-width:1100px){.sa-quiz .photo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:700px){.sa-quiz.phase-intro .quiz-header{padding-top:max(20px,env(safe-area-inset-top))}.sa-quiz.phase-intro .brand-wordmark{width:min(260px,100vw - 64px)}.sa-quiz .intro-copy{padding:18px 16px max(20px,env(safe-area-inset-bottom))}.sa-quiz .intro-title{font-size:clamp(40px,12vw,48px);line-height:1.08}.sa-quiz .start-button{margin-top:18px}.sa-quiz .timing-note{margin-top:12px}}@media(max-height:650px)and (min-width:701px){.sa-quiz .intro-copy{padding-top:84px;padding-bottom:24px}.sa-quiz .intro-title{font-size:clamp(42px,4.5vw,58px)}.sa-quiz .intro-body{margin-top:14px}.sa-quiz .start-button{margin-top:16px}.sa-quiz .timing-note{margin-top:10px}}@media(max-width:359px){.sa-quiz .intro-title{font-size:42px;line-height:48px}.sa-quiz .question-heading h1{font-size:28px;line-height:32px}.sa-quiz .answer-card{gap:12px}.sa-quiz .answer-text strong{font-size:14px;line-height:20px}.sa-quiz .answer-text small{font-size:12px;line-height:16px}.sa-quiz .result-copy h1{font-size:32px;line-height:36px}}@media(prefers-reduced-motion:reduce){.sa-quiz,.sa-quiz *,.sa-quiz :before,.sa-quiz :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sa-quiz[data-motion=instant],.sa-quiz[data-motion=instant] *,.sa-quiz[data-motion=instant] :before,.sa-quiz[data-motion=instant] :after{transition:none!important;animation:none!important}.cookie-consent{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center}.cookie-consent[hidden]{display:none}.cookie-consent__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.cookie-consent__modal{position:relative;width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow-y:auto;background:#fff;padding:32px;display:flex;flex-direction:column;gap:16px}.cookie-consent__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.cookie-consent__title{font-size:18px;line-height:24px;font-weight:700;text-transform:uppercase;margin:0}.cookie-consent__skip{background:none;border:0;padding:0;cursor:pointer;font-size:13px;line-height:18px;color:var(--c-muted);text-decoration:underline}.cookie-consent__welcome{font-weight:700;text-transform:uppercase;margin:0 0 8px}.cookie-consent__body p,.cookie-consent__prefs p{font-size:14px;line-height:20px;margin:0 0 12px}.cookie-consent__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.cookie-consent__group{display:grid;grid-template-columns:20px 1fr;gap:4px 12px;align-items:start;padding:12px 0;border-top:1px solid var(--c-line, #e6e6e6)}.cookie-consent__group input{grid-row:span 2;margin-top:2px}.cookie-consent__group-name{font-weight:700;font-size:14px;line-height:20px}.cookie-consent__group-text{font-size:13px;line-height:18px;color:var(--c-ink-2)}@media(max-width:599px){.cookie-consent__modal{padding:20px 16px;gap:12px}.cookie-consent__title{font-size:16px}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-8);font:inherit;font-size:var(--fs-13);font-weight:var(--fw-medium);padding:var(--s-12) var(--s-20);border-radius:var(--r-2);border:1px solid var(--c-ink);background:var(--c-ink);color:var(--c-bg);cursor:pointer;text-align:center;transition:opacity var(--dur-base) var(--ease-base),background var(--dur-base),color var(--dur-base)}.button:hover{opacity:.86;color:var(--c-bg)}.button[disabled]{opacity:.4;cursor:default}.button--primary{background:var(--button-bg, var(--c-ink));border-color:var(--button-border, var(--c-ink))}.button--ghost{background:transparent;color:var(--c-ink)}.button--ghost:hover{background:var(--c-surface);color:var(--c-ink);opacity:1}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scent-quiz.css.map */