html[data-se2-quiz-open],html[data-se2-quiz-open] body{overflow:hidden}@media screen and (min-width:990px){html[data-se2-quiz-open] .page-wrapper{overflow:hidden}}.se2-quiz{--se2-quiz-ease: var(--se2-motion-ease, cubic-bezier(.2, .7, .2, 1));--se2-quiz-pad: var(--se2-gutter-mobile, 16px);--se2-quiz-max: 100%;box-sizing:border-box;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--se2-ground);color:var(--se2-ink-primary);font-family:var(--se2-font-family)}.se2-quiz:focus,.se2-quiz:focus-visible{outline:none}.se2-quiz::backdrop{background:transparent}.se2-quiz *,.se2-quiz *:before,.se2-quiz *:after{box-sizing:border-box}.se2-quiz[open]:not(:modal){position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.se2-quiz__frame{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;padding-top:env(safe-area-inset-top,0px)}.se2-quiz__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;padding:6px 12px}.se2-quiz__barform{display:contents}.se2-quiz__back,.se2-quiz__skip{grid-area:1 / 1;justify-self:start}.se2-quiz__wordmark{grid-area:1 / 2;display:inline-flex;align-items:baseline;color:var(--se2-ink-primary);font-size:var(--se2-text-wordmark-mobile, 15px);line-height:var(--se2-text-wordmark-mobile-lh, 15px);letter-spacing:var(--se2-text-wordmark-mobile-ls, .3px);text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none}.se2-quiz__wm-a{font-weight:var(--se2-weight-bold, 600)}.se2-quiz__wm-b{font-weight:var(--se2-weight-wordmark-light, 300)}.se2-quiz__close{grid-area:1 / 3;justify-self:end}.se2-quiz__back[hidden],.se2-quiz__skip[hidden]{display:none}.se2-quiz__skip{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;min-width:var(--se2-size-touch-target, 44px);min-height:var(--se2-size-touch-target, 44px);margin:0;padding:0 var(--se2-space-4, 4px);border:0;border-radius:var(--se2-radius-sm, 8px);background:transparent;color:var(--se2-ink-secondary);font-family:inherit;font-size:var(--se2-text-meta-medium);line-height:var(--se2-text-meta-medium-lh);font-weight:var(--se2-text-meta-medium-weight);text-decoration:none;cursor:pointer}.se2-quiz__skip:hover{color:var(--se2-ink-primary);text-decoration:underline;text-underline-offset:3px}.se2-quiz__round{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:var(--se2-size-touch-target, 44px);height:var(--se2-size-touch-target, 44px);margin:0;padding:0;border:var(--se2-stroke-hairline, 1px) solid var(--se2-line);border-radius:50%;background:var(--se2-wash);color:var(--se2-ink-primary);cursor:pointer;transition:background-color .14s ease,transform .12s var(--se2-quiz-ease)}.se2-quiz__round:hover{background:var(--se2-surface)}.se2-quiz__round:active,.se2-quiz__skip:active{transform:scale(.96)}.se2-quiz__round svg{width:var(--se2-size-icon, 18px);height:var(--se2-size-icon, 18px)}.se2-quiz__skip:focus-visible,.se2-quiz__round:focus-visible,.se2-quiz .se2-btn:focus-visible{outline:var(--se2-focus-ring-width) solid var(--se2-focus-ring-color);outline-offset:var(--se2-focus-ring-offset)}.se2-quiz__progress{display:flex;gap:var(--se2-space-8, 8px);width:100%;max-width:calc(var(--se2-quiz-max) + 2 * var(--se2-quiz-pad));margin-inline:auto;padding:12px var(--se2-quiz-pad) 0}.se2-quiz__pseg{flex:1 1 0;height:4px;border-radius:2px;background:var(--se2-line);overflow:hidden}.se2-quiz__pseg>span{display:block;height:100%;background:var(--se2-ink-primary);transform:scaleX(0);transform-origin:left center;transition:transform .3s var(--se2-quiz-ease)}.se2-quiz__pseg--1>span,.se2-quiz:is([data-se2-quiz-state=fragrance],[data-se2-quiz-state=match]) .se2-quiz__pseg--2>span{transform:scaleX(1)}.se2-quiz__body{display:grid;grid-template-rows:1fr;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:12px var(--se2-quiz-pad) 12px}.se2-quiz__step,.se2-quiz__match{grid-area:1 / 1;width:100%;max-width:var(--se2-quiz-max);min-width:0;margin:0 auto}.se2-quiz__step{align-self:start}.se2-quiz__body>.is-leaving{height:0;overflow:visible;pointer-events:none}.se2-quiz__step[hidden],.se2-quiz__match[hidden],.se2-quiz__set[hidden]{display:none}.se2-quiz__eyebrow{margin:0;color:var(--se2-ink-tertiary);font-size:var(--se2-text-eyebrow);line-height:var(--se2-text-eyebrow-lh);font-weight:var(--se2-text-eyebrow-weight);letter-spacing:var(--se2-text-eyebrow-ls);text-transform:uppercase}.se2-quiz__h{margin:4px 0 0;color:var(--se2-ink-primary);font-family:var(--se2-font-family);font-size:var(--se2-text-display-mobile, 40px);line-height:var(--se2-text-display-mobile-lh, 44px);font-weight:var(--se2-text-display-mobile-weight, 400);font-style:normal;letter-spacing:-.8px;text-transform:none}.se2-quiz__h:focus{outline:none}.se2-quiz__h:focus-visible{outline:var(--se2-focus-ring-width) solid var(--se2-focus-ring-color);outline-offset:var(--se2-focus-ring-offset)}.se2-quiz__heads{display:grid}.se2-quiz__heads>.se2-quiz__h{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .16s var(--se2-quiz-ease),visibility 0s linear .16s}.se2-quiz__heads>.se2-quiz__h.is-current{opacity:1;visibility:visible;transition:opacity .16s var(--se2-quiz-ease),visibility 0s linear 0s}.se2-quiz__lede{display:none;max-width:560px;margin:var(--se2-space-8, 8px) 0 0;color:var(--se2-ink-secondary);font-size:var(--se2-text-body);line-height:var(--se2-text-body-lh);font-weight:var(--se2-text-body-weight)}.se2-quiz__by{display:flex;flex-wrap:wrap;align-items:center;gap:var(--se2-space-12, 12px);margin-top:var(--se2-space-16, 16px)}.se2-quiz__set{min-width:0;margin:var(--se2-space-12, 12px) 0 0;padding:0;border:0}.se2-quiz__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--se2-space-12, 12px)}.se2-quiz__opt{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;isolation:isolate;border-radius:var(--se2-radius-card);background:var(--se2-sand);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--se2-quiz-ease),box-shadow .2s var(--se2-quiz-ease);animation:se2-quiz-rise .32s var(--se2-quiz-ease) backwards;animation-delay:calc(var(--i, 0) * 40ms)}.se2-quiz__opt--space{aspect-ratio:1 / 1}.se2-quiz__opt:active{transform:scale(.98)}.se2-quiz__radio{position:absolute;top:50%;left:50%;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.se2-quiz__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.se2-quiz__media--wash{background:var(--se2-wash)}.se2-quiz__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--se2-quiz-ease),filter .2s var(--se2-quiz-ease)}.se2-quiz__text{position:absolute;inset:auto 0 0 0;z-index:1;display:flex;flex-direction:column;gap:2px;padding:40px 12px 12px;background:linear-gradient(to top,#1e1c19c2,#1e1c19a8 calc(100% - 40px),#1e1c1900);color:var(--se2-ink-white);pointer-events:none}.se2-quiz__title{color:var(--se2-ink-white);font-size:var(--se2-text-label);line-height:var(--se2-text-label-lh);font-weight:var(--se2-text-label-weight)}.se2-quiz__sub{color:#ffffffdb;font-size:var(--se2-text-caption);line-height:var(--se2-text-caption-lh);font-weight:var(--se2-text-caption-weight)}.se2-quiz__opt--space .se2-quiz__sub{min-height:calc(2 * var(--se2-text-caption-lh))}.se2-quiz__check{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--se2-ground);color:var(--se2-ink-primary);box-shadow:var(--se2-shadow-hairline);opacity:0;transform:scale(.6);pointer-events:none}.se2-quiz__opt:has(.se2-quiz__radio:checked){box-shadow:0 0 0 2px var(--se2-ground),0 0 0 4px var(--se2-ink-primary)}.se2-quiz__opt:has(.se2-quiz__radio:checked) .se2-quiz__check{opacity:1;transform:none;animation:se2-quiz-pop .22s var(--se2-quiz-ease)}.se2-quiz__opt:has(.se2-quiz__radio:checked) .se2-quiz__media img{transform:scale(1.04)}.se2-quiz__grid:has(.se2-quiz__radio:checked) .se2-quiz__opt:not(:has(.se2-quiz__radio:checked)) .se2-quiz__media img{filter:saturate(.85) brightness(.92)}@media(hover:hover){.se2-quiz__opt:hover .se2-quiz__media img{transform:scale(1.02)}.se2-quiz__opt:has(.se2-quiz__radio:checked):hover .se2-quiz__media img{transform:scale(1.04)}}.se2-quiz__opt:has(.se2-quiz__radio:focus-visible){outline:var(--se2-focus-ring-width) solid var(--se2-focus-ring-color);outline-offset:6px}.se2-quiz__grid.is-nudge{animation:se2-quiz-nudge .24s linear}.se2-quiz__note{margin:var(--se2-space-8, 8px) 0 0;padding:var(--se2-space-8, 8px) var(--se2-space-12, 12px);border:1px dashed var(--se2-line);border-radius:var(--se2-radius-sm, 8px);background:var(--se2-surface);color:var(--se2-ink-secondary);font-size:var(--se2-text-meta);line-height:var(--se2-text-meta-lh)}.se2-quiz__note--card{position:absolute;top:8px;left:8px;right:44px;z-index:2;margin:0;font-size:var(--se2-text-caption);line-height:var(--se2-text-caption-lh)}.se2-quiz__match{align-self:center;display:flex;flex-direction:column;align-items:center;padding:var(--se2-space-24, 24px) 0;text-align:center}.se2-quiz__match:focus,.se2-quiz__result:focus{outline:none}.se2-quiz__nb{white-space:nowrap}.se2-quiz__pair{position:relative;display:flex;justify-content:center;width:168px;height:128px}.se2-quiz__halo{position:absolute;top:50%;left:50%;z-index:0;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;background:var(--se2-quiz-halo, none);-webkit-mask-image:radial-gradient(closest-side,#000 45%,transparent 100%);mask-image:radial-gradient(closest-side,#000 45%,transparent 100%);opacity:0;transition:opacity .4s var(--se2-quiz-ease);pointer-events:none}.se2-quiz__match.is-in .se2-quiz__halo{opacity:1}.se2-quiz__tile{--r: -3deg;position:relative;z-index:1;flex:none;width:96px;height:128px;overflow:hidden;border-radius:var(--se2-radius-card);background:var(--se2-sand);box-shadow:0 0 0 3px var(--se2-ground),var(--se2-shadow-float);opacity:0;transform:translateY(8px) rotate(var(--r))}.se2-quiz__tile--feel{--r: 3deg;z-index:2;margin-left:-24px}.se2-quiz__tile img{display:block;width:100%;height:100%;object-fit:cover}.se2-quiz__tile img:not([src]){visibility:hidden}.se2-quiz__tile.is-wash{background:var(--se2-wash)}.se2-quiz__match.is-in .se2-quiz__tile{opacity:1;transform:translateY(0) rotate(var(--r));transition:opacity .32s var(--se2-quiz-ease),transform .32s var(--se2-quiz-ease)}.se2-quiz__match.is-in .se2-quiz__tile--feel{transition-delay:60ms}.se2-quiz__result{position:relative;z-index:1;width:100%;max-width:360px;min-height:176px;margin-top:var(--se2-space-32, 32px)}.se2-quiz__result>*{animation:se2-quiz-fade .24s var(--se2-quiz-ease) backwards}.se2-quiz__matching{margin:0;color:var(--se2-ink-secondary);font-size:var(--se2-text-body);line-height:var(--se2-text-body-lh)}.se2-quiz__r-eyebrow{margin:0;color:var(--se2-ink-tertiary);font-size:var(--se2-text-eyebrow);line-height:var(--se2-text-eyebrow-lh);font-weight:var(--se2-text-eyebrow-weight);letter-spacing:var(--se2-text-eyebrow-ls);text-transform:uppercase}.se2-quiz__r-line{margin:var(--se2-space-4, 4px) 0 0;color:var(--se2-ink-primary);font-size:var(--se2-text-title);line-height:var(--se2-text-title-lh);font-weight:var(--se2-text-title-weight);text-wrap:balance}.se2-quiz__r-gift{margin:var(--se2-space-8, 8px) 0 0;color:var(--se2-ink-secondary);font-size:var(--se2-text-meta);line-height:var(--se2-text-meta-lh);text-wrap:pretty}.se2-quiz__foot{display:flex;justify-content:center;min-height:calc(var(--se2-size-button-lg, 56px) + 25px + env(safe-area-inset-bottom,0px));padding:12px var(--se2-quiz-pad) calc(12px + env(safe-area-inset-bottom,0px));border-top:var(--se2-stroke-hairline, 1px) solid var(--se2-line);background:var(--se2-ground)}.se2-quiz .se2-quiz__next{min-height:var(--se2-size-button-lg, 56px);transition:background-color .2s var(--se2-quiz-ease),border-color .2s var(--se2-quiz-ease),color .2s var(--se2-quiz-ease)}.se2-quiz .se2-quiz__next[hidden]{display:none}.se2-quiz .se2-quiz__next[aria-disabled=true]{background:var(--se2-sand);border-color:var(--se2-sand);color:var(--se2-ink-tertiary);opacity:1;cursor:default}.se2-quiz .se2-quiz__next.is-ready{animation:se2-quiz-ready .3s var(--se2-quiz-ease)}.se2-quiz__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media screen and (min-width:750px){.se2-quiz{--se2-quiz-pad: var(--se2-gutter, 32px);--se2-quiz-max: 704px}.se2-quiz__lede{display:block}.se2-quiz__grid--space{grid-template-columns:repeat(3,minmax(0,1fr))}.se2-quiz__grid--feel{grid-template-columns:repeat(4,minmax(0,1fr))}.se2-quiz__opt--space{aspect-ratio:3 / 4}.se2-quiz__set{margin-top:var(--se2-space-24, 24px)}}@media screen and (min-width:990px){.se2-quiz{--se2-quiz-max: 1120px}.se2-quiz__bar{height:72px;padding:14px 24px}.se2-quiz__wordmark{font-size:var(--se2-text-wordmark, 18px);line-height:var(--se2-text-wordmark-lh, 18px);letter-spacing:var(--se2-text-wordmark-ls, .3px)}.se2-quiz__body{padding-top:var(--se2-space-24, 24px)}.se2-quiz__h{font-size:var(--se2-text-display, 56px);line-height:var(--se2-text-display-lh, 60px);font-weight:var(--se2-text-display-weight, 400);letter-spacing:-1.4px}.se2-quiz__grid{gap:var(--se2-space-16, 16px)}.se2-quiz__grid--space{grid-template-columns:repeat(6,minmax(0,1fr))}.se2-quiz__r-line{font-size:var(--se2-text-headline);line-height:var(--se2-text-headline-lh)}.se2-quiz__result{max-width:440px;min-height:200px}.se2-quiz__foot{min-height:calc(var(--se2-size-button-lg, 56px) + 33px + env(safe-area-inset-bottom,0px));padding-block:16px calc(16px + env(safe-area-inset-bottom,0px))}.se2-quiz .se2-quiz__next{width:auto;min-width:360px}}@keyframes se2-quiz-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes se2-quiz-fade{0%{opacity:0;transform:translateY(4px)}}@keyframes se2-quiz-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes se2-quiz-ready{50%{transform:scale(1.02)}}@keyframes se2-quiz-nudge{0%,to{transform:none}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.se2-quiz *,.se2-quiz *:before,.se2-quiz *:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}.se2-quiz__opt:active,.se2-quiz__round:active,.se2-quiz__skip:active,.se2-quiz__opt .se2-quiz__media img,.se2-quiz__opt:has(.se2-quiz__radio:checked) .se2-quiz__media img,.se2-quiz__opt:has(.se2-quiz__radio:checked) .se2-quiz__check,.se2-quiz__tile,.se2-quiz__match.is-in .se2-quiz__tile,.se2-quiz__grid.is-nudge,.se2-quiz .se2-quiz__next.is-ready{transform:none!important;animation:none!important}.se2-quiz__grid:has(.se2-quiz__radio:checked) .se2-quiz__opt:not(:has(.se2-quiz__radio:checked)) .se2-quiz__media img{filter:none}.se2-quiz__tile{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/se2-quiz.css.map */