.ml-9665-quiz{color-scheme:light;--ml-9665-text: var(--ml-9665-text-custom, #101218);--ml-9665-muted: var(--ml-9665-muted-custom, #5f6677);--ml-9665-surface: var(--ml-9665-surface-custom, rgba(255,255,255,.72));--ml-9665-surface2: var(--ml-9665-surface2-custom, rgba(255,255,255,.55));--ml-9665-surface3: var(--ml-9665-surface3-custom, rgba(255,255,255,.4));--ml-9665-stroke: var(--ml-9665-stroke-custom, rgba(16,18,24,.1));--ml-9665-stroke2: var(--ml-9665-stroke2-custom, rgba(16,18,24,.16));--ml-9665-pbar-track: var(--ml-9665-pbar-track-custom, rgba(0,0,0,.08));--ml-9665-shadow-lg: 0 22px 70px rgba(16,24,40,.12);--ml-9665-shadow-md: 0 14px 35px rgba(16,24,40,.1);--ml-9665-shadow-sm: 0 10px 22px rgba(16,24,40,.08);--ml-9665-radius-xl: 26px;--ml-9665-radius-lg: 18px;--ml-9665-radius-md: 14px;--ml-9665-pad: clamp(16px, 3vw, 28px);--ml-9665-gap: clamp(12px, 2vw, 18px);--ml-9665-max: 980px;--ml-9665-accent: #34c759;--ml-9665-accent-dim: #2fae4e;--ml-9665-accent-soft: rgba(52,199,89,.14);--ml-9665-accent-ring: rgba(52,199,89,.18);--ml-9665-accent-58: rgba(52,199,89,.58);--ml-9665-accent-22: rgba(52,199,89,.22);--ml-9665-accent-40: rgba(52,199,89,.4);--ml-9665-accent-34: rgba(52,199,89,.34);--ml-9665-accent-38: rgba(52,199,89,.38);--ml-9665-accent-12: rgba(52,199,89,.12);--ml-9665-ease: cubic-bezier(.2,.85,.2,1);--ml-9665-t-fast: .16s;--ml-9665-t-med: .24s;--ml-9665-t-slow: .42s;--ml-9665-progress: 0;color:var(--ml-9665-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ml-9665-quiz,.ml-9665-quiz *{box-sizing:border-box}.ml-9665-quiz button,.ml-9665-quiz input{font:inherit}.ml-9665-quiz img,.ml-9665-quiz svg{display:block;max-width:100%}.ml-9665-quiz :focus{outline:none}.ml-9665-quiz [hidden]{display:none!important}.ml-9665-toggle{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.ml-9665-page{width:100%;display:grid;place-items:center;padding:clamp(18px,3.5vw,54px);position:relative;background:transparent}.ml-9665-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:8;background:#0000000a}.ml-9665-toggle[data-panel=menu]:checked~.ml-9665-page .ml-9665-overlay,.ml-9665-toggle[data-panel=settings]:checked~.ml-9665-page .ml-9665-overlay{opacity:1;pointer-events:auto}.ml-9665-page-actions{position:absolute;top:clamp(14px,2.2vw,22px);right:clamp(14px,2.2vw,22px);display:flex;gap:10px;z-index:9;-webkit-user-select:none;user-select:none}.ml-9665-iconbtn{height:42px;min-width:42px;padding:0 12px;border-radius:16px;border:1px solid var(--ml-9665-stroke);background:#ffffff38;box-shadow:var(--ml-9665-shadow-sm);display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform var(--ml-9665-t-med) var(--ml-9665-ease),box-shadow var(--ml-9665-t-med) var(--ml-9665-ease),border-color var(--ml-9665-t-med) var(--ml-9665-ease),background var(--ml-9665-t-med) var(--ml-9665-ease)}.ml-9665-iconbtn:hover{transform:translateY(-1px);border-color:var(--ml-9665-stroke2);box-shadow:var(--ml-9665-shadow-md)}.ml-9665-iconbtn:active{transform:translateY(0) scale(.995)}.ml-9665-iconbtn:focus-visible{box-shadow:var(--ml-9665-shadow-md),0 0 0 4px var(--ml-9665-accent-ring);border-color:var(--ml-9665-stroke2)}.ml-9665-icon{width:18px;height:18px;opacity:.88}.ml-9665-iconbtn span{font-size:12px;color:var(--ml-9665-muted);letter-spacing:.2px;white-space:nowrap}.ml-9665-toggle[data-panel=menu]:checked~.ml-9665-page label[data-ml-9665-trigger=menu],.ml-9665-toggle[data-panel=settings]:checked~.ml-9665-page label[data-ml-9665-trigger=settings]{border-color:var(--ml-9665-stroke2);box-shadow:var(--ml-9665-shadow-md),0 0 0 4px var(--ml-9665-accent-soft);background:#ffffff47}.ml-9665-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,84vw);border-radius:18px;border:1px solid var(--ml-9665-stroke);background:var(--ml-9665-surface);box-shadow:var(--ml-9665-shadow-lg);padding:12px;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transform-origin:88% 0%;transition:opacity var(--ml-9665-t-slow) var(--ml-9665-ease),transform var(--ml-9665-t-slow) var(--ml-9665-ease)}.ml-9665-toggle[data-panel=menu]:checked~.ml-9665-page .ml-9665-popover--menu,.ml-9665-toggle[data-panel=settings]:checked~.ml-9665-page .ml-9665-popover--settings{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.ml-9665-popover h3{margin:6px 8px 10px;font-size:12px;letter-spacing:.22px;color:var(--ml-9665-text)}.ml-9665-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:14px;border:1px solid var(--ml-9665-stroke);background:#ffffff2e;color:var(--ml-9665-muted);font-size:13px}.ml-9665-item+.ml-9665-item{margin-top:8px}.ml-9665-close-row{margin-top:10px;display:flex;justify-content:flex-end}.ml-9665-close{border:1px solid var(--ml-9665-stroke);background:var(--ml-9665-surface2);color:var(--ml-9665-text);padding:10px 12px;border-radius:12px;box-shadow:var(--ml-9665-shadow-sm);cursor:pointer;font-size:13px;transition:transform var(--ml-9665-t-med) var(--ml-9665-ease),box-shadow var(--ml-9665-t-med) var(--ml-9665-ease),border-color var(--ml-9665-t-med) var(--ml-9665-ease)}.ml-9665-close:hover{transform:translateY(-1px);border-color:var(--ml-9665-stroke2);box-shadow:var(--ml-9665-shadow-md)}.ml-9665-close:active{transform:translateY(0) scale(.995)}.ml-9665-app{width:min(var(--ml-9665-max),100%)}.ml-9665-shell{border-radius:var(--ml-9665-radius-xl);border:1px solid var(--ml-9665-stroke);background:var(--ml-9665-surface);box-shadow:var(--ml-9665-shadow-lg);overflow:hidden}.ml-9665-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:18px var(--ml-9665-pad);border-bottom:1px solid var(--ml-9665-stroke);background:var(--ml-9665-surface2)}.ml-9665-progress-center{text-align:center;display:grid;justify-items:center;gap:8px}.ml-9665-qcount{font-size:12px;color:var(--ml-9665-muted);letter-spacing:.28px}.ml-9665-pbar{width:min(360px,54vw);height:8px;border-radius:999px;border:1px solid var(--ml-9665-stroke);background:var(--ml-9665-pbar-track);overflow:hidden}.ml-9665-pbar>i{display:block;height:100%;width:calc(var(--ml-9665-progress) * 100%);border-radius:999px;background:linear-gradient(90deg,var(--ml-9665-accent),var(--ml-9665-accent-dim));box-shadow:0 10px 22px var(--ml-9665-accent-ring);transition:width var(--ml-9665-t-med) var(--ml-9665-ease)}.ml-9665-body{padding:var(--ml-9665-pad);display:grid;gap:var(--ml-9665-gap)}.ml-9665-quiz-screen{display:grid;gap:var(--ml-9665-gap)}.ml-9665-start-screen{display:grid;justify-items:center;gap:16px;padding:8px 0;text-align:center}.ml-9665-start-text{max-width:58ch;margin:0 auto;color:var(--ml-9665-text);font-size:16px;line-height:1.4}.ml-9665-start-text :is(p,h1,h2,h3){margin:0}.ml-9665-start-text p+p{margin-top:10px}.ml-9665-question{border:1px solid var(--ml-9665-stroke);border-radius:var(--ml-9665-radius-xl);background:var(--ml-9665-surface2);box-shadow:var(--ml-9665-shadow-md);padding:18px}.ml-9665-question h2{margin:0;font-size:clamp(18px,2.3vw,26px);letter-spacing:-.02em}.ml-9665-form{margin:0}.ml-9665-fieldset{border:0;padding:0;margin:0;display:grid;gap:12px}.ml-9665-legend{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ml-9665-choice{position:relative}.ml-9665-choice input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.ml-9665-choice label{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:10px;padding:14px;border-radius:0;border:1px solid var(--ml-9665-stroke);background:#ffffff2e;box-shadow:var(--ml-9665-shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--ml-9665-t-med) var(--ml-9665-ease),box-shadow var(--ml-9665-t-med) var(--ml-9665-ease),border-color var(--ml-9665-t-med) var(--ml-9665-ease),background var(--ml-9665-t-med) var(--ml-9665-ease)}.ml-9665-choice label:hover{transform:translateY(-1px);border-color:var(--ml-9665-stroke2);box-shadow:var(--ml-9665-shadow-md)}.ml-9665-choice label:active{transform:translateY(0) scale(.995)}.ml-9665-choice__key{width:28px;height:28px;border-radius:0;border:1px solid var(--ml-9665-stroke);background:var(--ml-9665-surface3);display:grid;place-items:center;font-size:12px;color:var(--ml-9665-muted)}.ml-9665-choice__tick{width:28px;height:28px;justify-self:end;border-radius:0;border:1px solid var(--ml-9665-stroke);background:var(--ml-9665-surface3);display:grid;place-items:center;opacity:.72;transition:opacity var(--ml-9665-t-med) var(--ml-9665-ease),transform var(--ml-9665-t-med) var(--ml-9665-ease),border-color var(--ml-9665-t-med) var(--ml-9665-ease),background var(--ml-9665-t-med) var(--ml-9665-ease)}.ml-9665-choice__tick:before{content:"";width:10px;height:6px;border-left:2px solid rgba(255,255,255,.92);border-bottom:2px solid rgba(255,255,255,.92);transform:rotate(-45deg) scale(0);transform-origin:20% 80%;opacity:0;transition:transform var(--ml-9665-t-med) var(--ml-9665-ease),opacity var(--ml-9665-t-med) var(--ml-9665-ease)}.ml-9665-choice__text{grid-column:1 / -1;align-self:center;font-size:14px;letter-spacing:.1px;color:var(--ml-9665-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.ml-9665-choice input:checked+label{border-color:var(--ml-9665-accent-40);background:linear-gradient(180deg,var(--ml-9665-accent-soft),rgba(255,255,255,.14));box-shadow:0 26px 70px var(--ml-9665-accent-12),var(--ml-9665-shadow-md)}.ml-9665-choice input:checked+label .ml-9665-choice__key{border-color:var(--ml-9665-accent-38);color:var(--ml-9665-text);box-shadow:0 0 0 4px var(--ml-9665-accent-12)}.ml-9665-choice input:checked+label .ml-9665-choice__tick{opacity:1;border-color:var(--ml-9665-accent-40);background:var(--ml-9665-accent-22);transform:scale(1.03)}.ml-9665-choice input:checked+label .ml-9665-choice__tick:before{opacity:1;transform:rotate(-45deg) scale(1)}.ml-9665-choice input:focus-visible+label{box-shadow:var(--ml-9665-shadow-md),0 0 0 4px var(--ml-9665-accent-ring);border-color:var(--ml-9665-stroke2)}@media(min-width:860px){.ml-9665-fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-9665-choice label{aspect-ratio:1 / 1;padding:16px}.ml-9665-choice__text{align-self:end}}@media(max-width:859.98px){.ml-9665-choice__text{-webkit-line-clamp:2}}.ml-9665-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:2px}.ml-9665-btn{border:1px solid var(--ml-9665-stroke);background:var(--ml-9665-surface2);color:var(--ml-9665-text);padding:12px 14px;border-radius:12px;font-weight:650;letter-spacing:.1px;cursor:pointer;box-shadow:var(--ml-9665-shadow-sm);transition:transform var(--ml-9665-t-med) var(--ml-9665-ease),box-shadow var(--ml-9665-t-med) var(--ml-9665-ease),border-color var(--ml-9665-t-med) var(--ml-9665-ease),background var(--ml-9665-t-med) var(--ml-9665-ease);min-width:140px;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ml-9665-btn:hover{transform:translateY(-1px);border-color:var(--ml-9665-stroke2);box-shadow:var(--ml-9665-shadow-md)}.ml-9665-btn:active{transform:translateY(0) scale(.995)}.ml-9665-btn:focus-visible{box-shadow:var(--ml-9665-shadow-md),0 0 0 4px var(--ml-9665-accent-ring);border-color:var(--ml-9665-stroke2)}.ml-9665-btn--primary{border-color:var(--ml-9665-accent-34);background:linear-gradient(180deg,var(--ml-9665-accent),var(--ml-9665-accent-dim));color:#fff;box-shadow:0 26px 70px var(--ml-9665-accent-ring)}.ml-9665-btn--primary:hover{box-shadow:0 32px 84px var(--ml-9665-accent-22),var(--ml-9665-shadow-md)}.ml-9665-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.ml-9665-btn[disabled]:hover{transform:none;box-shadow:var(--ml-9665-shadow-sm)}@media(max-width:520px){.ml-9665-btn,.ml-9665-back-button,.ml-9665-next-button{min-width:100%}.ml-9665-nav{position:sticky;bottom:0;padding:14px;margin:0 calc(var(--ml-9665-pad) * -1) calc(var(--ml-9665-pad) * -1);border-top:1px solid var(--ml-9665-stroke);background:#ffffff29}}.ml-9665-results{border:1px solid var(--ml-9665-stroke);border-radius:var(--ml-9665-radius-xl);background:var(--ml-9665-surface2);box-shadow:var(--ml-9665-shadow-md);padding:18px;display:grid;gap:12px}.ml-9665-results__title{margin:0;font-size:16px;letter-spacing:-.01em}.ml-9665-results__body{font-size:14px;color:var(--ml-9665-text)}.ml-9665-results__body ol{margin:0;padding-left:18px;display:grid;gap:10px}.ml-9665-results__body li{line-height:1.35}.ml-9665-results__body strong{display:block;margin-bottom:2px}.ml-9665-results__actions{display:flex;flex-wrap:wrap;gap:10px}.ml-9665-noscript{margin:0;color:var(--ml-9665-muted);font-size:13px}.ml-9665-error{margin:0;font-size:13px;line-height:1.35;color:var(--ml-9665-muted);text-align:center}@media(prefers-reduced-motion:reduce){.ml-9665-quiz *,.ml-9665-quiz *:before,.ml-9665-quiz *:after{transition-duration:0ms!important;animation-duration:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ml-9665-quiz.css.map */