:root{--wbc-bg: #FFFDFC;--wbc-ink: #242424;--wbc-ink-strong: #1F1F1F;--wbc-muted: #6A6F75;--wbc-accent: #242424;--wbc-accent-ink: #FFFFFF;--wbc-stroke: #E6E1DC;--wbc-stroke-soft: #D9D9D9;--wbc-pill-bg: #F7F3F0;--wbc-radius-card: 16px;--wbc-radius-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;font-weight:300;background:var(--wbc-bg);color:var(--wbc-ink);min-height:100vh;display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wbc-quiz-page-desc{display:none}#wbc-quiz-root{background:var(--wbc-bg);border:1px solid var(--wbc-stroke);border-radius:24px;margin:32px auto 64px;max-width:780px;width:calc(100% - 48px);overflow:hidden;box-shadow:0 4px 40px #2424240f}.progress-wrap{padding:28px 36px 0;width:100%}.progress-bar-track{height:2px;background:var(--wbc-stroke);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--wbc-ink);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1);will-change:width}.progress-label{margin-top:10px;font-size:11px;color:var(--wbc-muted);letter-spacing:.08em;text-transform:uppercase}.quiz-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 32px 56px;overflow:hidden}.screen{display:none;flex-direction:column;align-items:center;width:100%;max-width:640px;padding-top:52px}.screen.active{display:flex;animation:slideIn .35s cubic-bezier(.4,0,.2,1) both}.screen.exit{animation:slideOut .25s cubic-bezier(.4,0,.2,1) both}.screen.final-step-screen{max-width:100%;align-items:stretch}.screen.omnisend-prerender{display:flex!important;position:absolute;opacity:0;pointer-events:none;visibility:hidden;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.screen.omnisend-prerender.active{position:relative;opacity:1;pointer-events:auto;visibility:visible;width:100%;height:auto;overflow:visible;clip:auto;animation:slideIn .35s cubic-bezier(.4,0,.2,1) both}@keyframes slideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-32px)}}.q-label{font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--wbc-muted);margin-bottom:16px}.q-title{font-size:clamp(28px,5.5vw,44px);font-weight:400;letter-spacing:-.025em;text-align:center;color:var(--wbc-ink-strong);line-height:1.15;margin-bottom:12px}.q-sub{font-size:16px;font-weight:300;color:var(--wbc-muted);text-align:center;margin-bottom:40px;line-height:1.6;max-width:480px}.card-grid{display:grid;width:100%;gap:12px}.card-grid.cols-2{grid-template-columns:repeat(2,1fr)}.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.card-grid.cols-4,.card-grid.cols-5{grid-template-columns:repeat(2,1fr)}@media(min-width:520px){.card-grid.cols-4{grid-template-columns:repeat(4,1fr)}.card-grid.cols-5{grid-template-columns:repeat(5,1fr)}}.opt-card{background:var(--wbc-pill-bg);border:1.5px solid var(--wbc-stroke);border-radius:var(--wbc-radius-card);padding:24px 14px 20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .15s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;text-align:center;position:relative}.opt-card:hover{border-color:var(--wbc-stroke-soft);background:#ede7e1;transform:translateY(-2px);box-shadow:0 6px 20px #24242414}.opt-card.selected{background:var(--wbc-accent);border-color:var(--wbc-accent);color:var(--wbc-accent-ink);box-shadow:0 10px 32px #2424243d;transform:scale(1.03) translateY(-2px)}.opt-card.selected .card-label{color:var(--wbc-accent-ink)}.opt-card.selected .card-sub{color:#ffffff8c}@keyframes cardPulse{0%{transform:scale(1.03) translateY(-2px)}40%{transform:scale(1.06) translateY(-3px)}to{transform:scale(1.03) translateY(-2px)}}.opt-card.selected{animation:cardPulse .2s cubic-bezier(.34,1.56,.64,1) both}.card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:.75;transition:opacity .18s}.opt-card:hover .card-icon{opacity:.9}.opt-card.selected .card-icon{opacity:1;filter:invert(1)}.card-icon svg{width:36px;height:36px}.card-label{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--wbc-ink);line-height:1.3}.card-sub{font-size:11px;font-weight:300;color:var(--wbc-muted);line-height:1.5;margin-top:-2px}.email-wrap{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px}.omnisend-embed-shell,.omnisend-embed-shell [id^=omnisend-embedded-v2-]{width:100%}.email-input{width:100%;height:52px;padding:0 20px;border:1.5px solid var(--wbc-stroke);border-radius:var(--wbc-radius-pill);background:var(--wbc-bg);font-family:Poppins,sans-serif;font-size:14px;font-weight:300;color:var(--wbc-ink);outline:none;transition:border-color .2s}.email-input:focus{border-color:var(--wbc-ink)}.email-input::placeholder{color:var(--wbc-muted)}.email-input.error{border-color:#b42318}.btn-submit{height:52px;background:var(--wbc-accent);color:var(--wbc-accent-ink);border:none;border-radius:var(--wbc-radius-pill);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:box-shadow .2s,transform .2s}.btn-submit:hover{box-shadow:0 8px 24px #24242438;transform:translateY(-1px)}.btn-skip{background:none;border:none;font-family:Poppins,sans-serif;font-size:12px;font-weight:400;color:var(--wbc-muted);cursor:pointer;letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px;margin-top:6px;align-self:center;transition:color .2s}.btn-skip:hover{color:var(--wbc-ink)}.discount-pill{display:inline-flex;align-items:center;background:var(--wbc-pill-bg);border:1px solid var(--wbc-stroke);border-radius:var(--wbc-radius-pill);padding:8px 18px;font-size:12px;font-weight:500;color:var(--wbc-ink);letter-spacing:.03em;margin-bottom:32px;text-align:center}.sub-nudge{text-align:center;font-size:12px;font-weight:300;color:var(--wbc-muted);line-height:1.6;margin-top:20px;max-width:560px}.sub-nudge strong{color:var(--wbc-ink);font-weight:600}.sub-nudge-line{display:block;white-space:nowrap}.final-step-layout{width:100%;max-width:640px;margin:0 auto;display:flex;justify-content:center;align-items:center}.final-step-left{border:1px solid var(--wbc-stroke);border-radius:var(--wbc-radius-card);background:#fff;padding:12px;display:flex;align-items:center;justify-content:center}.origin-anim-frame{width:100%;border:0;background:transparent;border-radius:12px;display:block;aspect-ratio:400 / 480;height:auto;max-height:600px}.final-step-right{display:flex;flex-direction:column;align-items:center}.btn-back{display:none;align-items:center;gap:6px;margin:0 auto 28px;background:none;border:1px solid var(--wbc-stroke);border-radius:var(--wbc-radius-pill);padding:0 20px;height:36px;font-family:Poppins,sans-serif;font-size:12px;font-weight:400;color:var(--wbc-muted);cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s}.btn-back.visible{display:inline-flex}.btn-back:hover{border-color:var(--wbc-ink);color:var(--wbc-ink)}.back-wrap{width:100%;padding:12px 36px 0;min-height:52px;display:flex;align-items:center}.loading-screen{display:none;flex-direction:column;align-items:center;width:100%;max-width:680px;padding-top:32px;text-align:center}.loading-screen.active{display:flex}.loading-text{font-size:18px;font-weight:300;color:var(--wbc-muted);margin-bottom:32px;letter-spacing:-.01em;line-height:1.5}.loading-text span{color:var(--wbc-ink);font-weight:600}.loading-anim-wrap{width:100%;border:1px solid var(--wbc-stroke);border-radius:var(--wbc-radius-card);background:#fff;padding:0;overflow:hidden;line-height:0}.origin-anim-frame--loading{width:100%;display:block;border:0;border-radius:12px;aspect-ratio:400 / 480;height:auto;max-height:72vh;background:#fffdfc}.loading-skip-btn{background:none;border:1px solid var(--wbc-stroke);border-radius:var(--wbc-radius-pill);padding:0 16px;height:36px;font-family:Poppins,sans-serif;font-size:12px;color:var(--wbc-muted);cursor:pointer;display:none;align-items:center;justify-content:center;margin-bottom:16px;align-self:flex-end;transition:border-color .2s,color .2s}.loading-skip-btn.visible{display:inline-flex}.loading-skip-btn:hover{border-color:var(--wbc-ink);color:var(--wbc-ink)}.fade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--wbc-bg);opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:100}.fade-overlay.active{opacity:1;pointer-events:all}@media(max-width:600px){#wbc-quiz-root{width:calc(100% - 24px);margin:16px auto 48px;border-radius:20px}.progress-wrap{padding:20px 20px 0}.back-wrap{padding:8px 20px 0}.quiz-main{padding:0 16px 48px}.q-title{font-size:clamp(24px,7vw,34px)}.q-sub{font-size:14px;margin-bottom:28px}.card-grid.cols-5,.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.opt-card{padding:18px 10px 16px;gap:8px}.card-icon{width:32px;height:32px}.card-icon svg{width:28px;height:28px}.card-label{font-size:12px}.card-sub{font-size:10px}.loading-text{font-size:16px;margin-bottom:20px}.sub-nudge-line{white-space:normal}}@media(max-width:749px){.sub-nudge-line{white-space:normal}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/wbc-quiz.css.map */