.ot3-quiz-open{overflow:hidden}.ot3-sleep-quiz-section{position:relative;z-index:50}.ot3-sleep-quiz{width:min(1100px,calc(100vw - 40px));max-width:1100px;height:min(720px,calc(100dvh - 40px));max-height:720px;padding:0;overflow:hidden;border:0;border-radius:28px;background:#fff;color:#071525;box-shadow:0 32px 100px #000c1857;font-family:var(--font-body-family, Arial, sans-serif)}.ot3-sleep-quiz::backdrop{background:#020c16b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ot3-sleep-quiz__close{position:absolute;z-index:5;top:18px;right:18px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(7,21,37,.12);border-radius:50%;background:#ffffffeb;color:#071525;cursor:pointer;transition:transform .25s ease,background .25s ease}.ot3-sleep-quiz__close:hover{transform:rotate(8deg) scale(1.05);background:#fff}.ot3-sleep-quiz__close svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6}.ot3-sleep-quiz__layout{display:grid;grid-template-columns:41% 59%;height:100%}.ot3-sleep-quiz__visual{position:relative;min-height:0;overflow:hidden;background:#061524;color:#fff}.ot3-sleep-quiz__visual-media,.ot3-sleep-quiz__visual-frame{position:absolute;top:0;right:0;bottom:0;left:0}.ot3-sleep-quiz__visual-frame{opacity:0;transform:scale(1.025);transition:opacity .65s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.ot3-sleep-quiz__visual-frame.is-active{opacity:1;transform:scale(1)}.ot3-sleep-quiz__visual-frame img,.ot3-sleep-quiz__visual-frame svg{width:100%;height:100%;object-fit:cover}.ot3-sleep-quiz__visual-frame--contain{background:linear-gradient(145deg,#102d40,#071826)}.ot3-sleep-quiz__visual-frame--contain img{object-fit:contain;padding:9%;filter:drop-shadow(0 24px 34px rgba(0,0,0,.22))}.ot3-sleep-quiz__visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04121e14,#04121e29 42%,#04121ee6)}.ot3-sleep-quiz__visual-content{position:absolute;z-index:2;left:34px;right:30px;bottom:34px}.ot3-sleep-quiz__eyebrow{display:block;margin-bottom:12px;color:#64c9ff;font-size:11px;font-weight:750;letter-spacing:.14em}.ot3-sleep-quiz__visual-title{margin:0 0 20px;color:#fff;font-size:clamp(27px,2.3vw,36px);font-weight:750;line-height:.98;letter-spacing:-.045em}.ot3-sleep-quiz__visual-badges{display:flex;flex-wrap:wrap;gap:7px}.ot3-sleep-quiz__visual-badges span{padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:#06152475;color:#ffffffe6;font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ot3-sleep-quiz__content{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;padding:30px 52px 28px;overflow-y:auto;scrollbar-width:thin}.ot3-sleep-quiz__topline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-right:44px}.ot3-sleep-quiz__brand{display:inline-flex;align-items:center;min-height:28px}.ot3-sleep-quiz__brand img{display:block;width:112px;max-height:32px;object-fit:contain;object-position:left center}.ot3-sleep-quiz__progress-label{color:#657789;font-size:11px;font-weight:650;letter-spacing:.05em}.ot3-sleep-quiz__progress{height:3px;margin-top:18px;overflow:hidden;border-radius:99px;background:#e8eef2}.ot3-sleep-quiz__progress span{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d91ed,#63c9ff);transition:width .55s cubic-bezier(.2,.8,.2,1)}.ot3-sleep-quiz__panel{display:none;flex:1;padding:48px 0 16px;animation:ot3QuizIn .45s cubic-bezier(.2,.8,.2,1) both}.ot3-sleep-quiz__panel.is-active{display:block}.ot3-sleep-quiz__kicker{display:block;margin-bottom:13px;color:#168fe4;font-size:11px;font-weight:750;letter-spacing:.13em}.ot3-sleep-quiz__panel h2{max-width:560px;margin:0;color:#071525;font-family:var(--font-heading-family,inherit);font-size:clamp(34px,3.15vw,50px);font-weight:750;line-height:.98;letter-spacing:-.05em}.ot3-sleep-quiz__lead{max-width:600px;margin:20px 0 0;color:#5b6e80;font-size:16px;line-height:1.55}.ot3-sleep-quiz__benefits{display:grid;gap:10px;margin:32px 0;padding:0;list-style:none}.ot3-sleep-quiz__benefits li{display:flex;align-items:center;gap:13px;color:#102437;font-size:14px;font-weight:650}.ot3-sleep-quiz__benefits span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e7f6ff;color:#158fde;font-size:9px}.ot3-sleep-quiz__primary{display:flex;align-items:center;justify-content:space-between;width:min(100%,380px);padding:17px 21px;border:0;border-radius:99px;background:linear-gradient(100deg,#218fe7,#5bc6ff);color:#061524;font:inherit;font-size:15px;font-weight:750;cursor:pointer;box-shadow:0 14px 30px #1f99e738;transition:transform .25s ease,box-shadow .25s ease}.ot3-sleep-quiz__primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px #1f99e74d}.ot3-sleep-quiz__primary span{font-size:20px}.ot3-sleep-quiz__microcopy{margin:13px 0 0;color:#82909e;font-size:11px}.ot3-sleep-quiz__options{display:grid;gap:11px;margin-top:28px}.ot3-sleep-quiz__options button{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:15px;width:100%;min-height:82px;padding:13px 17px;border:1px solid #dae4eb;border-radius:17px;background:#f8fafc;color:#071525;text-align:left;cursor:pointer;transition:border .22s ease,transform .22s ease,background .22s ease,box-shadow .22s ease}.ot3-sleep-quiz__options button:hover,.ot3-sleep-quiz__options button.is-selected{transform:translateY(-2px);border-color:#39aaf0;background:#f0f9ff;box-shadow:0 12px 28px #125e8f1a}.ot3-sleep-quiz__options button b{color:#239be8;font-size:19px;font-weight:500}.ot3-sleep-quiz__options button strong{display:block;margin-bottom:4px;font-size:14px;line-height:1.25}.ot3-sleep-quiz__options button small{display:block;color:#627587;font-size:11px;line-height:1.35}.ot3-sleep-quiz__option-icon,.ot3-sleep-quiz__option-figure{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#ddf2ff;color:#168fe4;font-size:18px;font-weight:750}.ot3-sleep-quiz__options--cards{grid-template-columns:1fr 1fr}.ot3-sleep-quiz__options--cards button{grid-template-columns:50px 1fr 18px;min-height:110px}.ot3-sleep-quiz__sleep-focus{padding:20px 22px;border:1px solid #cbe5f5;border-radius:19px;background:linear-gradient(145deg,#f5fbff,#edf7fc)}.ot3-sleep-quiz__sleep-focus span,.ot3-sleep-quiz__model-intro span{color:#168fe4;font-size:9px;font-weight:800;letter-spacing:.12em}.ot3-sleep-quiz__sleep-focus h2{margin-top:8px;font-size:clamp(25px,2.1vw,34px)}.ot3-sleep-quiz__sleep-focus p{margin:10px 0 0;color:#536779;font-size:12px;line-height:1.48}.ot3-sleep-quiz__model-intro{display:grid;grid-template-columns:126px 1fr;gap:14px;align-items:start;margin:14px 0 9px;padding-inline:2px}.ot3-sleep-quiz__model-intro p{margin:0;color:#607487;font-size:10.5px;line-height:1.4}.ot3-sleep-quiz__result{position:relative;padding:18px 20px 17px;border-radius:17px;background:#061524;color:#fff;overflow:hidden}.ot3-sleep-quiz__result:after{content:"";position:absolute;top:-55px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(91,198,255,.28),transparent 68%)}.ot3-sleep-quiz__result-badge{color:#64c9ff;font-size:9px;font-weight:800;letter-spacing:.13em}.ot3-sleep-quiz__result h2{margin-top:9px;color:#fff;font-size:clamp(26px,2.2vw,36px)}.ot3-sleep-quiz__result p{max-width:455px;margin:8px 0 12px;color:#b9cad7;font-size:11.5px;line-height:1.45}.ot3-sleep-quiz__result a{position:relative;z-index:1;display:inline-flex;gap:18px;align-items:center;color:#64c9ff;font-size:12px;font-weight:750;text-decoration:none}.ot3-sleep-quiz__result-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:18px}.ot3-sleep-quiz__form{margin-top:16px;padding-top:15px;border-top:1px solid #e3ebf0}.ot3-sleep-quiz__form h3{margin:0 0 5px;color:#071525;font-size:16px}.ot3-sleep-quiz__form>div>p{margin:0 0 12px;color:#66798a;font-size:11px}.ot3-sleep-quiz__email-row{display:grid;grid-template-columns:1fr auto;gap:8px}.ot3-sleep-quiz__email-row input{min-width:0;height:48px;padding:0 15px;border:1px solid #ccd9e2;border-radius:13px;background:#fff;color:#071525;font:inherit;font-size:13px;box-shadow:none}.ot3-sleep-quiz__email-row input:focus{outline:2px solid #51baf5;outline-offset:1px}.ot3-sleep-quiz__email-row button{height:48px;padding:0 18px;border:0;border-radius:13px;background:linear-gradient(100deg,#218fe7,#5bc6ff);color:#061524;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.ot3-sleep-quiz__consent{display:flex;align-items:flex-start;gap:8px;margin-top:10px;color:#708191;font-size:9.5px;line-height:1.35;cursor:pointer}.ot3-sleep-quiz__consent input{width:15px;height:15px;margin:0;accent-color:#168fe4}.ot3-sleep-quiz__error{display:block;margin-top:8px;color:#bd2e2e;font-size:10px}.ot3-sleep-quiz__success{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:18px;border:1px solid #bfe6d9;border-radius:17px;background:#effbf7}.ot3-sleep-quiz__success-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#00a878;color:#fff;font-size:18px;font-weight:800}.ot3-sleep-quiz__success strong{display:block;color:#073d2b;font-size:15px}.ot3-sleep-quiz__success p{margin:4px 0 0;color:#4d6f62;font-size:11px;line-height:1.45}.ot3-sleep-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:10px;color:#778897;font-size:10px}.ot3-sleep-quiz__nav[hidden]{display:none}.ot3-sleep-quiz__nav button{padding:7px 0;border:0;background:transparent;color:#455b6d;font:inherit;font-size:11px;cursor:pointer}@keyframes ot3QuizIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:749px){.ot3-sleep-quiz{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}.ot3-sleep-quiz__layout{display:block;height:100%}.ot3-sleep-quiz__visual{display:none}.ot3-sleep-quiz__close{position:fixed;top:max(14px,env(safe-area-inset-top));right:14px;width:40px;height:40px}.ot3-sleep-quiz__content{height:100dvh;padding:max(20px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom))}.ot3-sleep-quiz__topline{min-height:40px;padding-right:50px}.ot3-sleep-quiz__panel{padding-top:40px;padding-bottom:12px}.ot3-sleep-quiz__panel h2{font-size:clamp(34px,10.5vw,44px)}.ot3-sleep-quiz__lead{margin-top:16px;font-size:15px}.ot3-sleep-quiz__benefits{margin:26px 0}.ot3-sleep-quiz__primary{width:100%}.ot3-sleep-quiz__options{margin-top:24px}.ot3-sleep-quiz__options--cards{grid-template-columns:1fr}.ot3-sleep-quiz__options button,.ot3-sleep-quiz__options--cards button{min-height:85px;padding:12px}.ot3-sleep-quiz__panel--result{padding-top:25px}.ot3-sleep-quiz__model-intro{grid-template-columns:1fr;gap:5px}.ot3-sleep-quiz__email-row{grid-template-columns:1fr}.ot3-sleep-quiz__email-row button{width:100%}}@media(max-width:380px){.ot3-sleep-quiz__content{padding-inline:14px}.ot3-sleep-quiz__panel{padding-top:28px}.ot3-sleep-quiz__panel h2{font-size:32px}.ot3-sleep-quiz__options button{grid-template-columns:42px 1fr 14px;gap:9px}.ot3-sleep-quiz__option-icon,.ot3-sleep-quiz__option-figure{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.ot3-sleep-quiz *,.ot3-sleep-quiz *:before,.ot3-sleep-quiz *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/ot3-sleep-quiz.css.map */