.hott-quiz{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#00c;color:#f2efe6;min-height:clamp(420px,62vh,640px);display:flex;flex-direction:column;justify-content:center}.hott-quiz .q-intro{padding:clamp(36px,4vw,76px) var(--hott-pad,60px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(24px,4vw,64px);align-items:center}@media(max-width:900px){.hott-quiz .q-intro{grid-template-columns:1fr}}.hott-quiz .k{font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#9e9eec;margin-bottom:18px}.hott-quiz h1{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-weight:800;font-size:clamp(40px,5.8vw,94px);line-height:.86;letter-spacing:-.04em;text-transform:lowercase;color:#f2efe6;margin:0 0 22px}.hott-quiz h1 .o{-webkit-text-stroke:1.8px #F2EFE6;color:transparent}.hott-quiz .body p{font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:#f2efe6;margin:0 0 12px;max-width:40ch}.hott-quiz .go{display:inline-block;background:#f2efe6;color:#00c;border:none;cursor:pointer;font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:17px 30px;margin-top:22px;text-decoration:none;transition:transform .22s ease}.hott-quiz .go:hover{transform:translateY(-3px)}.hott-quiz .note{margin-top:16px;font-family:Space Mono,ui-monospace,monospace;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#9e9eec}.hott-map{justify-self:end;width:100%;max-width:470px}.hott-map svg{display:block;width:100%;height:auto;overflow:visible}.hott-map .axes line{stroke:#f2efe666;stroke-width:1.4;stroke-dasharray:2 7}.hott-map .edge text{font-family:Space Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.2em;fill:#9e9eec}.hott-map .pts circle{r:5.5;fill:#f2efe6;opacity:0;animation:hott-mapin .5s ease forwards}.hott-map .pts text{font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.1em;fill:#f2efe6;opacity:0;animation:hott-mapin .5s ease forwards}.hott-map .pts circle:nth-of-type(1),.hott-map .pts text:nth-of-type(1){animation-delay:.1s}.hott-map .pts circle:nth-of-type(2),.hott-map .pts text:nth-of-type(2){animation-delay:.2s}.hott-map .pts circle:nth-of-type(3),.hott-map .pts text:nth-of-type(3){animation-delay:.3s}.hott-map .pts circle:nth-of-type(4),.hott-map .pts text:nth-of-type(4){animation-delay:.4s}.hott-map .pts circle:nth-of-type(5),.hott-map .pts text:nth-of-type(5){animation-delay:.5s}.hott-map .pts circle:nth-of-type(6),.hott-map .pts text:nth-of-type(6){animation-delay:.6s}@keyframes hott-mapin{to{opacity:1}}@media(prefers-reduced-motion:reduce){.hott-map .pts circle,.hott-map .pts text{animation:none;opacity:1}}@media(max-width:900px){.hott-map{justify-self:start;margin-top:30px;max-width:400px}}.hott-quiz .q-play{position:relative}.hott-quiz .bar{position:absolute;top:0;left:0;right:0;height:3px;background:#f2efe638}.hott-quiz .bar span{display:block;height:100%;width:0;background:#f2efe6;transition:width .35s cubic-bezier(.6,.05,.2,1)}.hott-quiz .q-play .inner{padding:clamp(40px,4.4vw,84px) var(--hott-pad,60px)}.hott-quiz .count{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#9e9eec;margin-bottom:16px}.hott-quiz .q-play h2{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-weight:800;font-size:clamp(28px,4.2vw,64px);line-height:.92;letter-spacing:-.035em;color:#f2efe6;margin:0 0 30px;max-width:20ch}.hott-quiz .opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#f2efe64d;max-width:860px}.hott-quiz .opt{background:#00c;border:none;color:#f2efe6;cursor:pointer;text-align:left;padding:22px 24px;font-family:Inter,-apple-system,sans-serif;font-size:clamp(15px,1.3vw,18px);font-weight:300;line-height:1.4;transition:background .2s ease,color .2s ease}.hott-quiz .opt:hover,.hott-quiz .opt.on{background:#f2efe6;color:#00c}.hott-quiz .back{margin-top:24px;background:none;border:none;cursor:pointer;font-family:Space Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9e9eec;padding:0}.hott-quiz .back:hover{color:#f2efe6}@media(max-width:680px){.hott-quiz .opts{grid-template-columns:1fr}}.hott-quiz .q-result .inner{padding:clamp(40px,4.4vw,84px) var(--hott-pad,60px)}.hott-quiz .q-result h2{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-weight:800;font-size:clamp(46px,8vw,124px);line-height:.84;letter-spacing:-.045em;text-transform:lowercase;color:#f2efe6;margin:0 0 16px}.hott-quiz .q-result .notes{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9e9eec;margin-bottom:20px}.hott-quiz .q-result .line{font-size:clamp(16px,1.4vw,21px);line-height:1.5;color:#f2efe6;margin:0 0 12px;max-width:40ch}.hott-quiz .acts{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:12px}.hott-quiz .again{background:none;border:none;cursor:pointer;font-family:Space Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9e9eec;padding:0}.hott-quiz .again:hover{color:#f2efe6}.hott-quiz .second{margin-top:30px;padding-top:20px;border-top:1px solid rgba(242,239,230,.28);display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.hott-quiz .second .mono{font-family:Space Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9e9eec}.hott-quiz .second a{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-weight:700;font-size:clamp(18px,1.8vw,26px);letter-spacing:-.025em;text-transform:lowercase;color:#f2efe6;text-decoration:none;border-bottom:1.5px solid rgba(242,239,230,.5)}.hott-quiz .second a:hover{color:#9e9eec;border-color:#9e9eec}.hott-quiz-cta{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#0e0e12;color:#f2efe6;padding:clamp(28px,3vw,52px) var(--hott-pad,60px);display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}.hott-quiz-cta .t{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,40px);line-height:.95;letter-spacing:-.03em;text-transform:lowercase;margin:0;max-width:22ch}.hott-quiz-cta .go{background:#f2efe6;color:#0e0e12;font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:17px 28px;text-decoration:none;transition:transform .22s ease;margin:0;flex-shrink:0}.hott-quiz-cta .go:hover{transform:translateY(-3px)}
/*# sourceMappingURL=/cdn/shop/t/80/assets/hott-quiz.css.map */