.ssq{--ssq-accent: #5e8896;--ssq-card: #f4eee3;--ssq-ink: #26211c;--ssq-muted: #6e655a;--ssq-cream: #fbf8f1;--ssq-track: #e6dac6;--ssq-badge-bg: #e5c98d;--ssq-badge-fg: #5a4319;--ssq-font-display: "Bricolage Grotesque", var(--font-heading--family, sans-serif);--ssq-font-body: "Hanken Grotesque", var(--font-body--family, system-ui, sans-serif);font-family:var(--ssq-font-body);color:var(--ssq-ink);-webkit-font-smoothing:antialiased;padding:56px 24px 90px}.ssq button,.ssq input{font-family:inherit}@keyframes ssq-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ssq-step{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes ssq-img{0%{opacity:.2}to{opacity:1}}.ssq__frame{width:100%;max-width:1060px;margin:0 auto;background:var(--ssq-card);border-radius:28px;box-shadow:0 30px 60px -30px #26211c73;border:1px solid rgba(38,33,28,.05);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:600px}.ssq__hero{position:relative;background:#e4d9c6;overflow:hidden;min-height:240px}.ssq__hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ssq__hero img.ssq-animate{animation:ssq-img .5s ease both}.ssq__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#26211c47,#26211c00 55%)}.ssq__hero-brand{position:absolute;top:26px;left:28px;font-family:var(--ssq-font-display);font-weight:800;font-size:15px;color:#fbf7ee;letter-spacing:-.01em;z-index:1}.ssq__hero-tag{position:absolute;bottom:26px;left:28px;color:#fbf7ee;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.9;z-index:1}.ssq__pane{padding:38px 40px;display:flex;flex-direction:column}.ssq__progress{height:5px;border-radius:999px;background:var(--ssq-track);overflow:hidden;margin-bottom:26px}.ssq__progress-fill{height:100%;background:var(--ssq-accent);border-radius:999px;transition:width .4s cubic-bezier(.2,.85,.3,1);width:0%}.ssq__stepwrap{display:flex;flex-direction:column;flex:1}.ssq__stepwrap.ssq-animate{animation:ssq-step .42s cubic-bezier(.2,.85,.3,1) both}.ssq__kicker{font-size:12.5px;font-weight:800;letter-spacing:.12em;color:#9a8f7e;text-transform:uppercase}.ssq__kicker--accent{color:var(--ssq-accent)}.ssq__qtitle{font-family:var(--ssq-font-display);font-weight:700;font-size:36px;line-height:1.02;letter-spacing:-.025em;margin:10px 0 0}.ssq__qsub{font-size:15px;color:var(--ssq-muted);margin:8px 0 0}.ssq__options{display:flex;flex-direction:column;gap:11px;margin-top:26px}.ssq__option{display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;background:var(--ssq-cream);border:1.5px solid rgba(38,33,28,.08);border-radius:16px;padding:16px 18px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.ssq__option:active{transform:scale(.99)}.ssq__option-emoji{font-size:26px;line-height:1}.ssq__option-label{flex:1;font-family:var(--ssq-font-display);font-weight:700;font-size:19px;color:var(--ssq-ink)}.ssq__option-sub{display:block;font-family:var(--ssq-font-body);font-weight:500;font-size:12.5px;color:#9a8f7e;margin-top:2px}.ssq__back{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;color:var(--ssq-muted);font-weight:700;font-size:13.5px;padding-top:20px}.ssq__result{display:flex;flex-direction:column;flex:1;animation:ssq-pop .3s ease both}.ssq__rtitle{font-family:var(--ssq-font-display);font-weight:700;font-size:32px;line-height:1.03;letter-spacing:-.025em;margin:8px 0 0}.ssq__lines{display:flex;flex-direction:column;gap:10px;margin-top:18px}.ssq__line{background:var(--ssq-cream);border:1px solid rgba(38,33,28,.06);border-radius:14px;padding:12px 14px;transition:opacity .3s ease,transform .3s ease}.ssq__line.ssq-removing{opacity:0;transform:translate(26px) scale(.94)}.ssq__line-main{display:flex;align-items:center;gap:14px}.ssq__line-img{width:44px;height:44px;object-fit:contain;flex-shrink:0}.ssq__line-img.ssq-animate{animation:ssq-img .32s ease both}.ssq__line-name{font-weight:700;font-size:15px}.ssq__line-qty{font-size:12.5px;color:#8a7f70}.ssq__line-price{margin-left:auto;font-weight:700;font-size:15px;white-space:nowrap}.ssq__line-remove{width:26px;height:26px;border-radius:50%;border:0;background:#efe7da;color:#8a7f70;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:6px}.ssq__line-swatches{display:flex;align-items:center;gap:8px;margin-top:11px;padding-left:58px}.ssq__line-swatches-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9a8f7e}.ssq__swatch{position:relative;width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.8);box-shadow:0 1px 3px #26211c47;padding:0}.ssq__swatch[aria-pressed=true]:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--ssq-accent)}.ssq__total-row{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(38,33,28,.1)}.ssq__total-label{font-size:14px;color:var(--ssq-muted);font-weight:600}.ssq__total{font-family:var(--ssq-font-display);font-weight:800;font-size:28px}.ssq__save-badge{background:var(--ssq-badge-bg);color:var(--ssq-badge-fg);font-weight:800;font-size:12px;padding:5px 10px;border-radius:999px}.ssq__save-badge[hidden]{display:none}.ssq__add-btn{width:100%;margin-top:18px;background:var(--ssq-ink);color:#f7f1e6;font-weight:700;font-size:16px;padding:16px;border:0;border-radius:999px;cursor:pointer;transition:background .18s ease,opacity .15s ease}.ssq__add-btn:hover{background:var(--ssq-accent)}.ssq__add-btn[disabled]{opacity:.6;cursor:wait}.ssq__error{color:#a4442c;font-size:13px;font-weight:600;margin-top:10px}.ssq__error[hidden]{display:none}.ssq__added{margin-top:18px;background:#ddeae0;border:1px solid rgba(44,74,52,.16);border-radius:18px;padding:20px 20px 22px;animation:ssq-pop .3s ease both}.ssq__added-head{display:flex;align-items:center;gap:10px}.ssq__added-check{width:24px;height:24px;border-radius:50%;background:#2c4a34;color:#ddeae0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ssq__added-title{font-family:var(--ssq-font-display);font-weight:800;font-size:17px;color:#2c4a34}.ssq__added-sub{font-size:13.5px;color:#3f5a45;margin-top:8px;font-weight:600}.ssq__email-form{display:flex;gap:10px;margin-top:13px}.ssq__email-form input[type=email]{flex:1;min-width:0;background:var(--ssq-cream);border:1px solid rgba(38,33,28,.14);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--ssq-ink)}.ssq__email-form button{background:var(--ssq-ink);color:#f7f1e6;font-weight:700;font-size:14px;padding:14px 26px;border:0;border-radius:12px;cursor:pointer;flex-shrink:0}.ssq__email-success{font-size:13.5px;color:#2c4a34;font-weight:700;margin-top:13px}.ssq__restart{margin-top:12px;align-self:flex-start;background:none;border:0;cursor:pointer;color:var(--ssq-muted);font-weight:700;font-size:13.5px}.ssq :is(a,button):focus-visible{outline:2px solid var(--ssq-accent);outline-offset:2px}@media(max-width:749px){.ssq{padding:24px 14px 60px}.ssq__frame{grid-template-columns:1fr;min-height:0}.ssq__hero{min-height:200px;aspect-ratio:16 / 9}.ssq__pane{padding:26px 20px 30px}.ssq__qtitle{font-size:28px}.ssq__rtitle{font-size:26px}.ssq__line-swatches{padding-left:0}}@media(prefers-reduced-motion:reduce){.ssq *,.ssq *:before,.ssq *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ss-setup-quiz.css.map */