:root:has(.se-quiz){scroll-snap-type:y proximity}.se-quiz{--se-quiz-ink: var(--se-cream, #f8f2e7);--se-quiz-paper: #f7f2e7;position:relative;isolation:isolate;overflow:clip;color:var(--se-quiz-ink);font:16px/1.5 var(--se-sans);background:var(--se-black, #0d0c0a)}.se-quiz__fixed{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.se-quiz__viewport{position:sticky;top:0;height:100svh;overflow:hidden}.se-quiz__layers,.se-quiz__layer{position:absolute;top:0;right:0;bottom:0;left:0}.se-quiz__layer{opacity:0;transition:opacity 1s ease}.se-quiz__layer--neutral{background:radial-gradient(circle at 72% 24%,rgb(218 184 103 / 62%),transparent 28%),linear-gradient(137deg,#080807,#18140e 62%,#40331f)}.se-quiz__layer--citrus{background:radial-gradient(circle at 73% 20%,#d8b55f,transparent 27%),linear-gradient(137deg,#080706,#352814 58%,#8a672d)}.se-quiz__layer--botanical{background:radial-gradient(circle at 73% 20%,#b7954c,transparent 28%),linear-gradient(140deg,#080706,#211b12 58%,#59451f)}.se-quiz__layer--warm{background:radial-gradient(circle at 74% 24%,#c2923e,transparent 29%),linear-gradient(140deg,#080706,#2c2112 57%,#6f4d1d)}.se-quiz__layer--cool{background:radial-gradient(circle at 73% 21%,#e5d49b,transparent 27%),linear-gradient(140deg,#080807,#24211b 58%,#6d5b38)}.se-quiz[data-system=neutral] .se-quiz__layer--neutral,.se-quiz[data-system=citrus] .se-quiz__layer--citrus,.se-quiz[data-system=botanical] .se-quiz__layer--botanical,.se-quiz[data-system=warm] .se-quiz__layer--warm,.se-quiz[data-system=cool] .se-quiz__layer--cool{opacity:1}.se-quiz__stage{position:absolute;top:12svh;right:4vw;width:46vw;height:80svh;display:grid;place-items:center}.se-quiz__bottle{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 35px 38px rgb(24 26 20 / 24%));transform:rotate(var(--se-quiz-rotate, 0deg)) scale(var(--se-quiz-scale, 1));transition:transform .2s linear}.se-quiz__glow{position:absolute;bottom:9%;width:62%;height:15%;background:radial-gradient(ellipse,rgb(21 23 18 / 28%),transparent 68%);filter:blur(8px)}.se-quiz__rail{position:absolute;top:50%;right:2vw;transform:translateY(-50%)}.se-quiz__rail p{margin:0 auto 13px;font:10px var(--se-mono);letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}.se-quiz__rail>div{display:grid;gap:5px}.se-quiz__candidate{width:30px;height:39px;display:grid;place-items:center;border:1px solid color-mix(in srgb,currentcolor 45%,transparent);background:#ffffff1f;transition:opacity .3s ease,transform .3s ease}.se-quiz__candidate img{width:21px;height:32px;object-fit:cover;object-position:center 64%}.se-quiz__candidate.is-removed{opacity:0;transform:translate(15px)}.se-quiz__rail strong{display:block;margin-top:9px;text-align:center;font:12px var(--se-mono)}.se-quiz__nav{position:absolute;top:50%;left:3vw;transform:translateY(-50%);display:grid;justify-items:center}.se-quiz__nav span{font:11px var(--se-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.5}.se-quiz__nav span.is-active{font-weight:600;opacity:1;color:var(--se-gold-light, #ead9aa)}.se-quiz__nav i{width:1px;height:29px;margin:5px 0;background:currentcolor;opacity:.25}.se-quiz__screens{position:relative;z-index:1}.se-quiz__screen{position:relative;min-height:100svh;display:flex;align-items:center;padding:115px 51vw 70px 11vw;scroll-snap-align:start}.se-quiz__screen[hidden]{display:none}.se-quiz__card{width:min(560px,38vw)}.se-quiz__eyebrow{margin:0 0 18px;font:12px var(--se-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--se-gold-light, #ead9aa)}.se-quiz__title,.se-quiz__results-title{margin:0;font:500 clamp(50px,5.2vw,80px) / .96 var(--se-serif);letter-spacing:-.052em;color:inherit}.se-quiz__title em,.se-quiz__results-title em{font-style:italic}.se-quiz__copy{max-width:420px;margin:21px 0 0;color:#f8f2e7db}.se-quiz__answers{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.se-quiz__answers button{min-height:80px;padding:16px;border:1px solid color-mix(in srgb,currentcolor 38%,transparent);background:#f7f4ec1a;color:#fff;font-family:var(--se-sans);text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.se-quiz__answers button:hover{border-color:currentcolor;transform:translateY(-2px)}.se-quiz__answers button.is-selected{border-color:var(--se-gold, #c5a15b);transform:translateY(-2px);box-shadow:0 7px #c5a15b61}.se-quiz__answers button:focus-visible{outline:2px solid var(--se-gold, #c5a15b);outline-offset:3px}.se-quiz__answers b{display:block;font:500 17px var(--se-serif)}.se-quiz__answers span{display:block;margin-top:4px;font-size:12px;opacity:.72}.se-quiz__hint{position:absolute;left:11vw;bottom:23px;margin:0;font:11px var(--se-mono);letter-spacing:.08em}.se-quiz__hint span{margin-left:6px;font-size:17px}.se-quiz__screen--results{padding-right:9vw}.se-quiz__results{width:100%;max-width:930px;margin:0 auto;padding:43px;border-top:3px solid var(--se-gold, #c5a15b);background:#f5f2eaeb;color:var(--se-ink, #17130d);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.se-quiz__results .se-quiz__eyebrow{color:#6d5327}.se-quiz__results-title{font-size:clamp(42px,4.3vw,65px)}.se-quiz__results-intro{margin:12px 0 26px;color:#514c43}.se-quiz__result-grid{display:grid;grid-template-columns:repeat(var(--se-quiz-results, 3),minmax(0,1fr));gap:10px}.se-quiz__result{min-width:0;padding:13px;border:1px solid rgb(23 34 29 / 18%);background:#faf7ef;box-shadow:inset 0 3px 0 var(--se-gold, #c5a15b)}.se-quiz__result-visual{height:145px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 72% 18%,#ead79f,transparent 28%),linear-gradient(140deg,#c7a35d,#312718)}.se-quiz__result-visual img{width:90px;height:135px;object-fit:cover;object-position:center 65%;mix-blend-mode:multiply}.se-quiz__result h3{margin:12px 0 1px;font:500 20px var(--se-serif)}.se-quiz__result h3 a{color:inherit;text-decoration:none}.se-quiz__result h3 a:hover{text-decoration:underline}.se-quiz__result>p{margin:0;font-size:12px;color:#656b66}.se-quiz__specs{display:grid;gap:4px;margin:10px 0 0;padding:9px 0;border-top:1px solid rgb(23 34 29 / 14%);border-bottom:1px solid rgb(23 34 29 / 14%)}.se-quiz__specs>div{display:flex;justify-content:space-between;gap:8px;font:9px var(--se-mono);color:#5e594f}.se-quiz__specs>div[hidden]{display:none}.se-quiz__specs dd{margin:0;font-weight:500;text-align:right;color:var(--se-ink, #17130d)}.se-quiz__result>strong{display:block;margin:9px 0;font:12px var(--se-mono);color:var(--se-gold-deep, #8a672d)}.se-quiz__result-buttons{display:grid;grid-template-columns:.8fr 1.2fr;gap:6px}.se-quiz__result-buttons a,.se-quiz__result-buttons button{min-height:39px;display:flex;align-items:center;justify-content:center;font:12px var(--se-sans);cursor:pointer}.se-quiz__result-buttons a{border:1px solid var(--se-gold-deep, #8a672d);color:#6f511f;text-decoration:none}.se-quiz__result-buttons button{border:0;background:var(--se-black, #0d0c0a);color:var(--se-gold, #c5a15b)}.se-quiz__result-buttons button:disabled{cursor:not-allowed;opacity:.55}.se-quiz__result--feminine{box-shadow:inset 0 3px 0 var(--se-red, #841010)}.se-quiz__result--feminine .se-quiz__result-visual{background:radial-gradient(circle at 72% 18%,#e7ca87,transparent 26%),linear-gradient(140deg,#f0dfb8,#841010)}.se-quiz__result--feminine h3,.se-quiz__result--feminine>strong{color:var(--se-red, #841010)}.se-quiz__result-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px}.se-quiz__result-actions button,.se-quiz__result-actions a{padding:0;border:0;background:none;color:var(--se-ink, #17130d);font:13px var(--se-sans);text-decoration:underline;cursor:pointer}.se-quiz__toast{position:fixed;z-index:var(--layer-temporary, 20);left:50%;bottom:24px;padding:12px 18px;background:var(--se-black, #0d0c0a);color:var(--se-cream, #f8f2e7);font-size:13px;transform:translate(-50%,120px);transition:transform .25s ease}.se-quiz__toast.is-visible{transform:translate(-50%)}.se-quiz__toast a{margin-left:6px;color:var(--se-gold, #c5a15b)}.se-quiz__toast.is-error a{display:none}@media screen and (max-width:760px){.se-quiz__stage{top:6svh;right:0;width:100vw;height:36svh;opacity:.68}.se-quiz__rail,.se-quiz__hint{display:none}.se-quiz__nav{top:auto;bottom:9px;left:50%;transform:translate(-50%);display:flex;align-items:center;padding:7px 10px;border-radius:22px;background:#17221dc7;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.se-quiz__nav span{font-size:9px}.se-quiz__nav i{width:15px;height:1px;margin:0 4px}.se-quiz__screen{align-items:flex-start;padding:37svh 14px 78px}.se-quiz__card{width:100%;padding:19px 17px 20px;border:1px solid rgb(23 34 29 / 11%);background:#f7f2e7f0;color:var(--se-ink, #17130d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.se-quiz__card .se-quiz__eyebrow{color:#6d5327}.se-quiz__title{font-size:clamp(36px,10.8vw,43px);line-height:.97;overflow-wrap:break-word}.se-quiz__copy{margin-top:15px;font-size:14px;line-height:1.45;color:#3f3b34}.se-quiz__answers{gap:7px;margin-top:19px}.se-quiz__answers button{min-width:0;min-height:67px;padding:10px;border-color:#17130d59;background:#fbf7ee;color:var(--se-ink, #17130d)}.se-quiz__answers b{font-size:15px;line-height:1.1;overflow-wrap:anywhere}.se-quiz__answers span{font-size:11px;line-height:1.3}.se-quiz__screen--results{display:block;padding:71px 10px 68px}.se-quiz__results{padding:19px 16px;background:#f7f2e7f7}.se-quiz__results-title{font-size:clamp(33px,10vw,39px);line-height:.98;overflow-wrap:break-word}.se-quiz__results-intro{margin:11px 0 20px;font-size:13px;line-height:1.45}.se-quiz__result-grid{grid-template-columns:1fr;gap:9px}.se-quiz__result{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:11px}.se-quiz__result-visual{grid-row:1 / 4;width:78px;height:96px}.se-quiz__result-visual img{width:59px;height:88px}.se-quiz__result h3{margin:0;font-size:19px;line-height:1.05;overflow-wrap:anywhere}.se-quiz__result>p{font-size:11px;line-height:1.3}.se-quiz__result>strong{align-self:end;margin:0}.se-quiz__specs,.se-quiz__result-buttons{grid-column:1 / 3}.se-quiz__specs>div{font-size:9px;line-height:1.3}.se-quiz__result-actions{align-items:flex-start;gap:13px}.se-quiz__result-actions button,.se-quiz__result-actions a{font-size:12px;line-height:1.3}}@media screen and (max-width:370px){.se-quiz__answers{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){:root:has(.se-quiz){scroll-snap-type:none}.se-quiz__layer,.se-quiz__candidate,.se-quiz__bottle,.se-quiz__toast{transition:none!important}.se-quiz__stage{display:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/serenium-quiz.css.map */