.feat-sb{--sb-tan: color-mix(in srgb, var(--yellow) 35%, var(--orange));--sb-kraft: color-mix(in srgb, color-mix(in srgb, var(--sb-tan) 35%, var(--silver)) 88%, var(--ink));--sb-kraft-edge: color-mix(in srgb, var(--sb-kraft) 70%, var(--ink));--sb-numeral: color-mix(in srgb, color-mix(in srgb, var(--pink-deep) 35%, var(--orange)) 55%, var(--ink));display:grid;gap:var(--space-4);justify-items:start;min-width:0}.feat-sb__board{position:relative;width:100%;padding-block:18px 10px}.feat-sb__panel{position:relative;z-index:1;container-type:inline-size;margin-inline-start:-8px;padding:clamp(42px,4vw,54px) clamp(16px,3.5vw,36px) clamp(14px,2.5vw,22px);color:var(--ink);background:var(--white);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);rotate:-.6deg}@media(min-width:990px){.feat-sb__panel{margin-inline-start:calc(-1*min(4vw,48px));rotate:-1deg}}html.no-tilts .feat-sb__panel{rotate:0deg}.feat-sb__seal{position:absolute;z-index:3;top:-46px;left:-26px;--burst-size: clamp(96px, 8vw + 50px, 128px);font-size:calc(var(--burst-size) * .135);rotate:-14deg}.feat-sb__staple{position:absolute;z-index:4;top:-6px;left:22px;width:14px;height:4px;background:var(--ink);box-shadow:inset 0 1px 0 var(--silver);rotate:20deg}@media(max-width:749px){.feat-sb__seal{top:-14px;left:auto;right:2px;--burst-size: 84px;rotate:12deg}.feat-sb__staple{left:auto;right:38px;top:-10px;rotate:-16deg}}.feat-sb__readout{margin:0}.feat-sb__art{display:grid;justify-items:start;cursor:default}@media(hover:hover){.feat-sb[data-mode=board] .feat-sb__art{cursor:pointer}}.feat-sb__line1{display:flex;align-items:flex-end;gap:.14em;margin-bottom:.12em;font-size:min(7.5rem,20cqi);line-height:.82;white-space:nowrap}.feat-sb__word,.feat-sb__rest{font-family:var(--font-display);color:var(--ink);line-height:.9}.feat-sb__word{font-size:1em;padding-bottom:.02em}.feat-sb__rest{font-size:min(5.8rem,13.5cqi);max-width:7.2em;text-wrap:balance}.feat-sb .flip-tag.feat-sb__tags{font-size:1em;align-items:flex-end}.feat-sb .flip-tag__digits{gap:.1em;perspective:5em}.feat-sb .flip-tag__tag{position:relative;display:grid;place-items:center;width:.66em;min-width:0;height:1.3em;padding:.06em 0 0;color:var(--sb-numeral);background-color:var(--sb-kraft);background-image:var(--sb-grain, none);background-size:200px 200px;border-radius:0;box-shadow:4px 4px 0 var(--ink);transform-origin:50% -.42em}.feat-sb .flip-tag__digit{font-family:var(--font-body);font-stretch:62%;font-weight:800;font-size:1.16em;line-height:1;translate:0 .07em}.feat-sb .flip-tag__ring{top:.07em;width:.1em;height:.1em;margin-left:-.05em;border:0;border-radius:50%;background:var(--white);box-shadow:inset 0 0 0 2px var(--sb-kraft-edge);z-index:3}.feat-sb .flip-tag__tag:before{content:"";position:absolute;left:50%;top:-.42em;width:7px;height:.5em;margin-left:-3.5px;z-index:4;background:radial-gradient(circle,var(--silver-light) 0 1px,var(--silver) 1.5px 2.4px,var(--silver-dark) 2.5px 3.1px,transparent 3.3px) 0 0 / 7px 6px repeat-y}.feat-sb .flip-tag__tag:after{content:"";position:absolute;left:2px;right:-3px;bottom:-7px;height:7px;z-index:-1;background:repeating-linear-gradient(180deg,var(--sb-kraft-edge) 0 1px,var(--sb-kraft) 1px 3px);border:1px solid var(--sb-kraft-edge);border-top:0}.feat-sb .flip-tag.is-flipping .flip-tag__tag{animation:none}.feat-sb__leaf{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform-style:preserve-3d;transform-origin:50% .12em;pointer-events:none}.feat-sb__face,.feat-sb__back{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;backface-visibility:hidden;background-color:var(--sb-kraft);background-image:var(--sb-grain, none);background-size:200px 200px}.feat-sb__face{padding-top:.06em;font-family:var(--font-body);font-stretch:62%;font-weight:800;font-size:1.16em;line-height:1;color:var(--sb-numeral)}.feat-sb__back{background-color:var(--sb-kraft-edge);transform:rotateX(180deg)}.feat-sb__leaf--over{animation:feat-sb-over .18s steps(1,end) forwards}.feat-sb__leaf--riffle{animation:feat-sb-riffle 60ms steps(1,end) forwards}.feat-sb__leaf--back{animation:feat-sb-back 60ms steps(1,end) forwards}.feat-sb .flip-tag__tag.is-swinging{animation:feat-sb-swing .15s steps(1,end);box-shadow:2px 2px 0 var(--ink)}.feat-sb .flip-tag__tag.is-dropping{animation:feat-sb-drop 60ms steps(1,end)}.feat-sb__panel.is-thunk{animation:feat-sb-thunk 80ms steps(1,end)}.feat-sb__tags.is-nope{animation:feat-sb-nope .16s steps(1,end)}.feat-sb .flip-tag__tag.is-changed{outline:4px solid var(--pink);outline-offset:2px}.feat-sb__stamp{position:absolute;z-index:3;top:8px;right:-14px;display:grid;gap:2px;max-width:min(62%,280px);margin:0;padding:5px 10px 6px;color:var(--sb-numeral);background:color-mix(in srgb,var(--white) 82%,transparent);border:3px double var(--sb-numeral);box-shadow:none;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;line-height:1.1;rotate:-6deg;transform:none}.feat-sb__stamp[hidden]{display:none}.feat-sb__stamp small{font-size:11px;letter-spacing:.04em}.feat-sb__stamp span{font-size:clamp(15px,1.4vw,20px);overflow-wrap:anywhere}.feat-sb__stamp.is-stamping{animation:feat-sb-stamp 90ms steps(1,end)}.feat-sb__record{margin:14px 0 0;padding-top:8px;border-top:2px solid var(--ink);font:700 var(--fs-xs)/1.35 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.feat-sb__record:empty{display:none}.feat-sb__say{margin:0;min-height:1.4em;max-width:52ch;font:700 var(--fs-small)/1.4 var(--font-mono);color:var(--fg)}.feat-sb__controls{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.feat-sb__confess{width:100%;padding:var(--space-4);color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--pink-fill);--focus: var(--ink)}.feat-sb__confess[hidden]{display:none}.feat-sb__q{margin:0;font:400 1.5rem/1.1 var(--font-display)}.feat-sb__q-note{margin:4px 0 var(--space-4);font:700 var(--fs-xs)/1.35 var(--font-mono)}.feat-sb__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:750px){.feat-sb__chips{grid-template-columns:repeat(3,minmax(0,1fr))}}.feat-sb__chip{width:100%;min-height:44px;padding:8px 10px;text-align:left;color:var(--ink);background:var(--white);border:2px solid var(--ink);border-radius:0;font:600 15px/1.2 var(--font-body);font-stretch:75%;cursor:pointer}.feat-sb__chip:hover,.feat-sb__chip:focus-visible{background:var(--ink);color:var(--yellow)}.feat-sb__cancel{margin-top:var(--space-3);min-height:44px;padding:0;border:0;background:none;color:var(--ink);font:700 var(--fs-small)/1.2 var(--font-mono);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;cursor:pointer}.feat-sb__nudge{max-width:46ch;margin:0;padding:10px 14px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-size:var(--fs-small);rotate:-1.5deg;--focus: var(--ink)}.feat-sb__nudge[hidden]{display:none}.feat-sb__nudge a{display:inline-block;margin-left:.2em;font-weight:800;color:var(--ink);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px}.feat-sb__nudge a:hover{background:var(--ink);color:var(--yellow);text-decoration:none}.feat-sb__nudge.is-slapped,.feat-sb__confess.is-slapped{animation:feat-sb-slap 60ms steps(1,end)}.feat-sb--mini{display:block}.feat-sb__mini{margin:0;font:700 var(--fs-small)/1.5 var(--font-mono)}.feat-sb--mini .flip-tag.feat-sb__tags{font-size:1.6rem;vertical-align:middle;margin-inline:.2em}@keyframes feat-sb-over{0%{transform:rotateX(0)}25%{transform:rotateX(62deg)}50%{transform:rotateX(118deg)}75%{transform:rotateX(166deg)}to{transform:rotateX(180deg);visibility:hidden}}@keyframes feat-sb-riffle{0%{transform:rotateX(0)}50%{transform:rotateX(118deg)}to{transform:rotateX(180deg);visibility:hidden}}@keyframes feat-sb-back{0%{transform:rotateX(166deg)}50%{transform:rotateX(62deg)}to{transform:rotateX(0)}}@keyframes feat-sb-swing{0%{rotate:-4deg}33%{rotate:3deg}66%{rotate:-1deg}to{rotate:0deg}}@keyframes feat-sb-thunk{0%{translate:0 0}50%{translate:0 2px}to{translate:0 0}}@keyframes feat-sb-drop{0%{translate:0 3px}to{translate:0 0}}@keyframes feat-sb-stamp{0%{scale:1.18;rotate:-9deg}50%,to{scale:1;rotate:-6deg}}@keyframes feat-sb-nope{0%{translate:-3px 0}25%{translate:3px 0}50%{translate:-2px 0}75%,to{translate:0 0}}@keyframes feat-sb-slap{0%{translate:-3px -3px}to{translate:0 0}}@media(prefers-reduced-motion:reduce){.feat-sb__leaf{display:none}.feat-sb .flip-tag__tag.is-swinging,.feat-sb .flip-tag__tag.is-dropping,.feat-sb__panel.is-thunk,.feat-sb__tags.is-nope,.feat-sb__stamp.is-stamping,.feat-sb__nudge.is-slapped,.feat-sb__confess.is-slapped{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/feat-streak.css.map */