.juno-quiz{background:var(--jq-page);--jq-page: #fefaf9;--jq-pink: #ffd9dc;--jq-pink-soft: #fff0ef;--jq-red: #ff333f;--jq-wine: #7c3435;--jq-wine-deep: #5a2a2a;--jq-brown: #421e1e;--jq-lilac: #e8dcf3;--jq-white: #ffffff;--jq-line: rgba(66, 30, 30, .16);--jq-muted: rgba(66, 30, 30, .72);--jq-serif: "Gelica Juno", Georgia, "Times New Roman", serif;--jq-sans: var(--main-font-stack, "DM Sans"), "Helvetica Neue", Arial, sans-serif;font-family:var(--jq-sans);color:var(--jq-brown);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.juno-quiz *,.juno-quiz *:before,.juno-quiz *:after{box-sizing:border-box}.juno-quiz h1,.juno-quiz h2,.juno-quiz h3{overflow-wrap:break-word;font-family:var(--jq-serif);font-weight:700;margin:0;letter-spacing:-.012em;color:inherit}.juno-quiz p{margin:0}.juno-quiz button{font:inherit;color:inherit}.juno-quiz a{color:inherit}.juno-quiz :focus-visible{outline:3px solid var(--jq-red);outline-offset:3px;border-radius:10px}.jq-wrap{max-width:760px;margin:0 auto;padding:clamp(16px,4vw,40px) clamp(14px,4vw,32px)}.jq-panel{background:var(--jq-white);border-radius:28px;box-shadow:0 1px #421e1e0d,0 18px 50px #421e1e12;position:relative;overflow:hidden}.jq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.jq-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;border:0;background:var(--jq-brown);color:var(--jq-white)!important;font-weight:500;font-size:16px;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}.jq-btn:hover{background:var(--jq-wine-deep)}.jq-btn:active{transform:scale(.98)}.jq-btn svg{width:16px;height:16px;transition:transform .2s}.jq-btn:hover svg{transform:translate(3px)}.jq-btn.ghost{background:transparent;color:var(--jq-brown)!important;box-shadow:inset 0 0 0 1.5px var(--jq-line)}.jq-btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--jq-brown);background:transparent}.jq-link{color:var(--jq-red)!important;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:8px;min-height:44px}.jq-link svg{width:9px;height:14px;transition:transform .2s}.jq-link:hover{text-decoration:underline;text-underline-offset:4px}.jq-link:hover svg{transform:translate(3px)}.jq-intro{background:var(--jq-pink);padding:clamp(32px,6vw,64px);min-height:440px;display:flex;flex-direction:column;justify-content:flex-end}.jq-circles{position:absolute;top:-40px;right:-40px;width:260px;height:220px;pointer-events:none}.jq-circles span{position:absolute;border-radius:50%}.jq-circles span:nth-child(1){width:190px;height:190px;top:0;right:90px;background:var(--jq-white);opacity:.55}.jq-circles span:nth-child(2){width:190px;height:190px;top:30px;right:0;border:1.5px solid var(--jq-brown);opacity:.35}.jq-kicker{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--jq-wine);margin-bottom:14px;display:block}.jq-intro h1{font-size:clamp(34px,6vw,52px);line-height:1.08;max-width:12em}.jq-intro .jq-lead{font-size:18px;margin-top:18px;max-width:30em}.jq-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 30px;font-size:14px}.jq-meta span{display:inline-flex;align-items:center;gap:8px}.jq-meta svg{width:18px;height:18px;flex:none}.jq-intro .jq-btn{align-self:flex-start}.jq-privacy{margin-top:18px;font-size:14px;color:var(--jq-muted)}.jq-step{padding:clamp(20px,4vw,40px)}.jq-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.jq-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 4px;margin-left:-4px;background:none;border:0;cursor:pointer;font-size:15px;font-weight:500;border-radius:10px}.jq-back svg{width:16px;height:16px}.jq-back:hover{color:var(--jq-wine)}.jq-back[hidden]{visibility:hidden;display:inline-flex}.jq-count{font-size:14px;color:var(--jq-muted);font-variant-numeric:tabular-nums}.jq-bar{height:4px;border-radius:4px;background:var(--jq-pink);margin:6px 0 clamp(26px,4vw,40px);overflow:hidden}.jq-bar span{display:block;height:100%;background:var(--jq-brown);border-radius:4px;transition:width .35s ease}.jq-q{font-size:clamp(26px,4.2vw,36px);line-height:1.15;outline:none}.jq-hint{margin-top:10px;color:var(--jq-muted);font-size:15px}.jq-options{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:26px}.jq-opt{display:flex;align-items:center;gap:16px;width:100%;min-height:64px;padding:14px 20px;text-align:left;background:var(--jq-white);border:1.5px solid var(--jq-line);border-radius:18px;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .12s}.jq-opt:hover{border-color:var(--jq-brown)}.jq-opt:active{transform:scale(.99)}.jq-mark{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--jq-line);display:grid;place-items:center;transition:border-color .15s}.jq-mark:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--jq-red);transform:scale(0);transition:transform .15s}.jq-swatch{flex:none;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px #421e1e1f}.jq-opt-text{display:flex;flex-direction:column;gap:2px}.jq-opt-label{font-size:17px;font-weight:500;line-height:1.3}.jq-opt-sub{font-size:14px;color:var(--jq-muted);line-height:1.4}.jq-opt[aria-pressed=true]{background:var(--jq-brown);border-color:var(--jq-brown);color:var(--jq-white)}.jq-opt[aria-pressed=true] .jq-opt-sub{color:#ffffffc7}.jq-opt[aria-pressed=true] .jq-mark{border-color:var(--jq-white);background:var(--jq-white)}.jq-opt[aria-pressed=true] .jq-mark:after{transform:scale(1)}.jq-opt[aria-pressed=true] .jq-swatch{box-shadow:0 0 0 2px var(--jq-white)}.jq-quiet{display:inline-flex;align-items:center;min-height:48px;margin-top:8px;padding:0 20px;background:none;border:0;border-radius:999px;cursor:pointer;font-size:16px;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--jq-line)}.jq-quiet:hover{text-decoration-color:var(--jq-brown)}.jq-quiet[aria-pressed=true]{background:var(--jq-brown);color:var(--jq-white);text-decoration:none}.jq-res-head{padding:clamp(24px,5vw,48px) clamp(20px,5vw,48px) clamp(26px,4vw,36px);position:relative}.jq-res-head.ink-light{color:var(--jq-white)}.jq-res-head.ink-light .jq-kicker{color:#fffc}.jq-res-head h2{font-size:clamp(30px,5vw,44px);line-height:1.1;outline:none;max-width:14em}.jq-res-head .jq-lead{margin-top:12px;max-width:34em}.jq-answers{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.jq-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:0;cursor:pointer;font-size:14px;font-weight:500;background:#ffffffb3;color:var(--jq-brown)}.jq-chip svg{width:14px;height:14px;opacity:.7}.jq-chip:hover{background:var(--jq-white)}.ink-light .jq-chip{background:#ffffff24;color:var(--jq-white)}.ink-light .jq-chip:hover{background:#ffffff3d}.jq-res-body{padding:clamp(20px,4vw,40px);display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.jq-note{padding:14px 18px;border-radius:16px;background:var(--jq-pink-soft);font-size:15px}.jq-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:1.5px solid var(--jq-line);border-radius:22px;overflow:hidden;background:var(--jq-white)}.jq-card.top{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);border-color:var(--jq-brown)}.jq-img{aspect-ratio:1 / 1;background:var(--jq-pink-soft);display:grid;place-items:center;position:relative;overflow:hidden}.jq-img img{width:100%;height:100%;object-fit:contain;padding:10%}.jq-img .ph{position:relative;width:58%;aspect-ratio:1}.jq-img .ph span{position:absolute;border-radius:50%;width:72%;aspect-ratio:1}.jq-img .ph span:nth-child(1){left:0;top:0}.jq-img .ph span:nth-child(2){right:0;bottom:0;border:1.5px solid var(--jq-brown);opacity:.3}.jq-img .ph b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--jq-serif);font-size:15px;font-weight:600;text-align:center;padding:0 8%}.jq-info{padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px}.jq-card.top .jq-info{padding:clamp(22px,3.5vw,34px);justify-content:center}.jq-badge{align-self:flex-start;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:var(--jq-pink)}.jq-brand{font-size:13px;color:var(--jq-muted);font-weight:500}.jq-name{font-size:22px;line-height:1.2}.jq-card.top .jq-name{font-size:clamp(26px,3.4vw,32px)}.jq-desc{font-size:15px}.jq-why{list-style:none;padding:0;margin:2px 0 0;display:grid;gap:6px;font-size:14px}.jq-why li{display:flex;gap:10px;align-items:flex-start}.jq-why svg{flex:none;width:16px;height:16px;margin-top:3px;color:var(--jq-wine)}.jq-buy{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;flex-wrap:wrap}.jq-price{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.jq-more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.jq-card.top .jq-img{aspect-ratio:auto;min-height:100%}.jq-more .jq-card{grid-template-rows:auto 1fr}.jq-more .jq-img{aspect-ratio:16 / 9}.jq-buy{margin-top:auto;padding-top:8px}.jq-more .jq-img .ph{width:34%}.jq-more .jq-img img{padding:6%}.jq-more .jq-img .ph b,.jq-addon .jq-img .ph b{display:none}.jq-addon{display:flex;align-items:center;gap:18px;padding:16px 20px;border-radius:22px;background:var(--jq-pink-soft)}.jq-addon .jq-img{width:76px;flex:none;border-radius:14px;background:var(--jq-white)}.jq-addon .jq-img .ph b{font-size:10px}.jq-addon-text{flex:1;min-width:0}.jq-addon-text h3{font-size:18px}.jq-addon-text p{font-size:14px;color:var(--jq-muted);margin-top:2px}.jq-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;border-top:1px solid var(--jq-line);margin-top:8px}.jq-trust{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:500}.jq-trust svg{width:22px;height:22px;color:var(--jq-wine)}.jq-end-actions{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}.jq-anim{animation:jqIn .32s ease both}@keyframes jqIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:640px){.jq-intro{min-height:0;padding-top:150px}.jq-circles{top:-60px;right:-70px;transform:scale(.85);transform-origin:top right}.jq-intro .jq-btn{align-self:stretch}.jq-card.top{grid-template-columns:1fr}.jq-card.top .jq-img{aspect-ratio:16 / 10}.jq-more{grid-template-columns:minmax(0,1fr)}.jq-more .jq-card{grid-template-columns:96px minmax(0,1fr)}.jq-more .jq-card{grid-template-rows:auto}.jq-more .jq-img{aspect-ratio:auto;min-height:100%}.jq-more .jq-img .ph{width:74%}.jq-card.top .jq-img{min-height:0}.jq-addon{flex-wrap:wrap}.jq-addon-text{flex-basis:calc(100% - 94px)}.jq-addon .jq-link{margin-left:94px}.jq-buy .jq-btn{flex:1}.jq-end{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.juno-quiz *,.juno-quiz *:before,.juno-quiz *:after{animation:none!important;transition:none!important}}.juno-quiz p,.juno-quiz li{text-wrap:wrap}.jq-intro{padding-top:200px}.jq-intro>*:not(.jq-circles){position:relative;z-index:1}.jq-intro h1{font-size:clamp(32px,5vw,48px)}@media(max-width:640px){.jq-intro{padding-top:150px}}.juno-quiz{background:linear-gradient(180deg,var(--jq-wine-deep) 0%,var(--jq-wine) 100%)}.juno-quiz .jq-wrap{padding-top:clamp(20px,5vw,64px);padding-bottom:clamp(28px,6vw,96px)}.juno-quiz .jq-panel{box-shadow:none}@media(min-width:990px){.juno-quiz .jq-wrap{max-width:1080px}.juno-quiz .jq-intro{min-height:560px;padding:220px 72px 64px}.juno-quiz .jq-circles{transform:scale(1.4);transform-origin:top right}.juno-quiz .jq-intro h1{font-size:64px}.juno-quiz .jq-intro .jq-lead{font-size:20px}.juno-quiz .jq-step{padding:48px 56px 56px}.juno-quiz .jq-q{font-size:44px}.juno-quiz .jq-hint{font-size:17px}.juno-quiz .jq-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}.juno-quiz .jq-opt{min-height:76px;padding:18px 24px}.juno-quiz .jq-opt-label{font-size:18px}.juno-quiz .jq-res-head{padding:56px 56px 40px}.juno-quiz .jq-res-head h2{font-size:52px}.juno-quiz .jq-res-body{padding:40px 56px 56px}}.juno-quiz .jq-privacy{margin-top:20px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/juno-quiz.css.map */