.blotle-sp{font-family:var(--font-sans);color:var(--color-ink);text-align:left;margin:0}.blotle-sp-nums{font-variant-numeric:tabular-nums lining-nums}.blotle-sp-head{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing) * 4);display:flex}.blotle-sp-eyebrow{font-size:var(--text-2xs);line-height:var(--text-2xs--line-height);letter-spacing:var(--text-2xs--letter-spacing);text-transform:uppercase;color:var(--color-ink-faint);flex:none;font-weight:600}.blotle-sp-meta{text-align:right;text-wrap:balance;font-size:var(--text-2xs);line-height:var(--text-2xs--line-height);color:var(--color-ink-faint)}.blotle-sp-heads{justify-content:space-between;align-items:flex-end;gap:calc(var(--spacing) * 4);margin-top:calc(var(--spacing) * 3);display:flex}.blotle-sp-h{flex-direction:column;min-width:0;max-width:48%;display:flex}.blotle-sp-side{font-size:var(--text-2xs);line-height:var(--text-2xs--line-height);letter-spacing:var(--text-2xs--letter-spacing);text-transform:uppercase;color:currentColor;margin-bottom:calc(var(--spacing) * 1);font-weight:600}.blotle-sp-h[data-side=a]{color:var(--color-split-a)}.blotle-sp-h[data-side=b]{color:var(--color-split-b);text-align:right;align-items:flex-end}.blotle-sp-line{align-items:center;gap:calc(var(--spacing) * 2);min-width:0;display:flex}.blotle-sp-name{font-size:var(--text-sm);line-height:var(--text-sm--line-height);overflow-wrap:anywhere;font-weight:600}.blotle-sp-you{padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2);border-radius:var(--radius-sm);color:var(--color-paper);font-size:var(--text-2xs);line-height:var(--text-2xs--line-height);letter-spacing:var(--text-2xs--letter-spacing);text-transform:uppercase;opacity:0;transition:opacity var(--duration-base) var(--ease-fold) var(--duration-slow);flex:none;font-weight:600}.blotle-sp-h[data-side=a] .blotle-sp-you{background:var(--color-split-a)}.blotle-sp-h[data-side=b] .blotle-sp-you{background:var(--color-split-b)}.blotle-sp[data-grown="1"] .blotle-sp-you{opacity:1}.blotle-sp-share{font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);letter-spacing:var(--text-2xl--letter-spacing)}.blotle-sp-bar{height:calc(var(--spacing) * 7);margin-top:calc(var(--spacing) * 2);background:var(--color-hairline-strong);border-radius:var(--radius-sm);justify-content:space-between;display:flex;position:relative}.blotle-sp-mark{z-index:2;font-size:var(--text-2xs);letter-spacing:.09em;text-transform:uppercase;padding:calc(var(--spacing) * .75) calc(var(--spacing) * 1.5);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-paper);white-space:nowrap;transition:left var(--duration-slow) var(--ease-ink);font-weight:800;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 1px 4px #00000047}.blotle-sp-mark[data-side=a]{background:var(--color-split-a)}.blotle-sp-mark[data-side=b]{background:var(--color-split-b)}.blotle-sp[data-grown="1"] .blotle-sp-mark{left:var(--at)}.blotle-sp-seg{border-radius:var(--radius-sm);height:100%;transition:transform var(--duration-slow) var(--ease-ink);display:block;transform:scaleX(0)}.blotle-sp-seg[data-side=a]{background:var(--color-split-a);transform-origin:0}.blotle-sp-seg[data-side=b]{background:var(--color-split-b);transform-origin:100%}.blotle-sp[data-grown="1"] .blotle-sp-seg{transform:scaleX(1)}.blotle-sp-both{height:calc(var(--spacing) * 5);margin:calc(var(--spacing) * 1) 0 0;padding-inline:calc(var(--spacing) * 2);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-2xs);line-height:var(--text-2xs--line-height);letter-spacing:var(--text-2xs--letter-spacing);text-transform:uppercase;opacity:0;transition:opacity var(--duration-base) var(--ease-fold) var(--duration-slow);align-items:center;font-weight:600;display:flex}.blotle-sp[data-grown="1"] .blotle-sp-both{opacity:1}.blotle-sp[data-cut="1"] .blotle-sp-seg,.blotle-sp[data-cut="1"] .blotle-sp-you,.blotle-sp[data-cut="1"] .blotle-sp-both{transition:none}.blotle-sp-verdict{margin:calc(var(--spacing) * 4) 0 0;font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-ink-muted);text-wrap:pretty}.blotle-sp-verdict[data-side=a]{color:var(--color-split-a)}.blotle-sp-verdict[data-side=b]{color:var(--color-split-b)}.blotle-sp-verdict[data-side=both]{color:var(--color-ink);font-weight:600}@media (max-width:26rem){.blotle-sp-meta{max-width:15em}}