.sl4-quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;opacity:0;pointer-events:none;transition:opacity .35s ease}.sl4-quiz-overlay.is-visible{opacity:1;pointer-events:all}.sl4-quiz-modal{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;overflow:hidden}.sl4-quiz-modal__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#111}.sl4-quiz-modal__img img{width:100%;height:100%;object-fit:cover}.sl4-quiz-modal__panel{grid-column:2 / 3;background:transparent;padding:48px 56px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1;overflow-y:auto;justify-content:center}.sl4-quiz-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:#000;padding:4px;line-height:1;opacity:.5;transition:opacity .15s}.sl4-quiz-close:hover{opacity:1}.sl4-quiz-progress,.sl4-quiz-steps{width:428px;max-width:100%}.sl4-quiz-progress{display:flex;flex-direction:column;gap:6px}.sl4-quiz-progress__bar{height:6px;background:#7a8e9a;border-radius:99px;overflow:hidden}.sl4-quiz-progress__fill{height:100%;background:#fff;border-radius:99px;transition:width .4s ease}#sl4-quiz-fill{display:block}.sl4-quiz-progress__labels{display:flex;justify-content:space-between;font-size:11px;color:#3a4a54}.sl4-quiz-step{display:none;flex-direction:column;gap:24px;flex:1}.sl4-quiz-step.is-active{display:flex;animation:sl4-step-in .38s cubic-bezier(.22,1,.36,1)}@keyframes sl4-step-in{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sl4-quiz-step.is-active{animation:none}}.sl4-quiz-title{font-family:var(--sl4-font-heading);font-stretch:138%;text-transform:uppercase;font-size:clamp(20px,2.2vw,24px);font-weight:700;color:#f2f2f2;line-height:1.33;margin:0}.sl4-quiz-question{font-size:15px;color:#444749;margin:0}.sl4-quiz-options{display:flex;flex-direction:column;gap:12px}.sl4-quiz-opt{display:block;width:100%;padding:16px 24px;background:#000;color:#fff;border:none;border-radius:99px;font-size:15px;font-weight:600;cursor:pointer;text-align:center;transition:background .15s,transform .1s}.sl4-quiz-opt:hover{background:#222;transform:translateY(-1px)}.sl4-quiz-opt--submit{background:#000;margin-top:8px}.sl4-quiz-skip{background:none;border:none;font-size:12px;color:#888;text-decoration:underline;cursor:pointer;text-align:center;padding:4px}.sl4-quiz-skip:hover{color:#000}.sl4-quiz-email-wrap{display:flex;align-items:center;gap:12px;background:#ffffffe0;border-radius:99px;padding:6px 8px 6px 24px;height:48px;box-sizing:border-box}.sl4-quiz-email-input{flex:1;min-width:0;background:none;border:none;outline:none;font-size:14px;color:#1a1a1a}.sl4-quiz-email-input::placeholder{color:#0009}.sl4-quiz-email-submit{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;line-height:0;transition:opacity .15s}.sl4-quiz-email-submit:hover{opacity:.6}.sl4-quiz-note{font-size:12px;color:#444749;margin:0}.sl4-quiz-tab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:9998;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.sl4-quiz-tab[hidden]{display:none}.sl4-quiz-tab__dismiss{margin-left:8px;width:20px;height:20px;padding:0;display:grid;place-items:center;border:none;border-radius:50%;background:#e1e2e3d9;color:#1a1a1a;cursor:pointer;transition:background .15s}.sl4-quiz-tab__dismiss:hover{background:#fff}.sl4-quiz-tab__open{padding:22px 10px;border:none;border-radius:0 20px 20px 0;background:#e1e2e3;color:#1a1a1a;cursor:pointer;box-shadow:0 4px 20px #00000073;transition:padding-right .2s,background .2s}.sl4-quiz-tab__open:hover{background:#fff;padding-right:16px}.sl4-quiz-tab__open span{display:block;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--sl4-font-body);font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}@media(max-width:640px){.sl4-quiz-tab__open{padding:24px 14px}.sl4-quiz-tab__open span{font-size:13px}}@media(max-width:768px){.sl4-quiz-modal{grid-template-columns:1fr;position:relative;overflow:hidden}.sl4-quiz-modal__img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;grid-column:auto}.sl4-quiz-modal__img img{width:100%;height:100%;object-fit:cover}.sl4-quiz-modal__img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000080,#00000038 45%,#00000073)}.sl4-quiz-modal__panel{grid-column:1 / -1;background:transparent;position:relative;z-index:1;padding:154px 60px 40px;justify-content:flex-start}.sl4-quiz-progress{margin-bottom:90px}.sl4-quiz-options{gap:16px}.sl4-quiz-opt{padding:11px 24px}.sl4-quiz-title{color:#fff}.sl4-quiz-question{color:#ffffffd9}.sl4-quiz-progress__labels{color:#ffffffe6}.sl4-quiz-note{color:#fffc}.sl4-quiz-skip{color:#ffffffbf}.sl4-quiz-skip:hover{color:#fff}.sl4-quiz-close{color:#fff;opacity:.85;top:43px;right:30px;width:40px;height:40px;font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sl4-quiz-popup.css.map */