.btc{--btc-ink:#0a0e1a;--btc-label:#0a0e1a;--btc-muted:#4b5563;--btc-tile-bg:#0a0e1a;--btc-tile-ink:#fafbfc;--btc-tile-line:#0a0e1a;--btc-dot:#7c6ff7;font-variant-numeric:tabular-nums}.btc[data-variant=band]{--btc-tile-bg:#fff;--btc-tile-ink:#a50d20;--btc-tile-line:#c8102e38;--btc-dot:#c8102e}.btc-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin:0;display:flex}.btc[data-variant=band]{padding:3px 0}.btc[data-variant=band] .btc-when{display:none}@media (min-width:768px){.btc[data-variant=band]{border-left:1px solid #1a1b2629;padding:0 0 0 12px}}.btc[data-variant=ribbon]{--btc-label:#fff;--btc-muted:#ffffffe0;--btc-tile-bg:#fff;--btc-tile-ink:#a50d20;--btc-tile-line:#fff;isolation:isolate;background:linear-gradient(90deg,#8f0717,#c8102e 18% 82%,#8f0717);position:relative;overflow:hidden;box-shadow:inset 0 -1px #0003}.btc[data-variant=ribbon] .btc-row{z-index:1;gap:6px 16px;min-height:48px;padding:7px 16px;position:relative}.btc-label{color:var(--btc-label);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:650;line-height:1.2;display:inline-flex}.btc[data-variant=ribbon] .btc-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.09em;text-transform:uppercase;gap:11px;font-size:12.5px;font-weight:700}.btc[data-variant=ribbon] .btc-clock{gap:7px}.btc[data-variant=ribbon] .btc-tile{border-radius:7px;min-width:2.2em;padding:4px 6px;font-size:16px;box-shadow:0 2px #00000038}.btc[data-variant=ribbon] .btc-u{font-size:12px}.btc[data-variant=ribbon] .btc-when{font-size:12.5px;font-weight:600}.btc[data-variant=ribbon] .btc-final{color:#a50d20;background:#fff}.btc-dot{background:var(--btc-dot);border-radius:50%;flex:none;width:7px;height:7px;position:relative}.btc-final{background:var(--btc-ink);color:#fafbfc;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10.5px}.btc[data-variant=band] .btc-final{background:#c8102e}.btc-clock{align-items:center;gap:6px;display:inline-flex}.btc-unit{align-items:baseline;gap:2px;display:inline-flex}.btc-tile{border:1px solid var(--btc-tile-line);background:var(--btc-tile-bg);min-width:2.15em;color:var(--btc-tile-ink);font-family:var(--font-mono,ui-monospace, monospace);text-align:center;border-radius:6px;padding:3px 5px;font-size:13px;font-weight:700;line-height:1.15;display:inline-block}.btc-u{color:var(--btc-muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:11px;font-weight:600}.btc-when{color:var(--btc-muted);white-space:nowrap;font-size:11.5px;font-weight:500}.btc[data-state=pending] .btc-tile{color:#0000}.btc-tile[data-ph]:before,.btc-u[data-ph]:before{content:attr(data-ph)}@media (max-width:639px){.btc-row{gap:6px 10px}.btc[data-variant=ribbon] .btc-row{gap:5px 10px;min-height:44px;padding:6px 12px}.btc-label{gap:6px}.btc[data-variant=ribbon] .btc-label{letter-spacing:.06em;gap:9px;font-size:10.5px}.btc-clock{gap:4px}.btc-tile{padding:3px 4px;font-size:12px}.btc[data-variant=ribbon] .btc-clock{gap:6px}.btc[data-variant=ribbon] .btc-tile{padding:3px 5px;font-size:14px}.btc[data-variant=ribbon] .btc-u{font-size:11px}.btc-when{display:none}}@media (prefers-reduced-motion:no-preference){.btc[data-state=live] .btc-unit:last-child .btc-tile,.btc[data-state=final] .btc-unit:last-child .btc-tile{animation:.24s cubic-bezier(.2,.8,.2,1) both btc-tick}.btc[data-state=final] .btc-dot:after{content:"";background:var(--btc-dot);border-radius:50%;animation:1.6s ease-in-out infinite btc-breathe;position:absolute;inset:-2px}}@keyframes btc-tick{0%{opacity:.35;transform:translateY(-22%)}to{opacity:1;transform:translateY(0)}}@keyframes btc-breathe{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.4;transform:scale(1.25)}}.bogo-sticky[data-pinned]{z-index:51;position:sticky;top:0}.bogo-sticky:empty{display:none}.bogo-sticky[data-variant=band] .btc{background:#fbf3e4;border-bottom:1px solid #ead9bd;border-left:0;padding:6px 16px}.bogo-sticky[data-variant=band] .btc-row{gap:4px 12px}.btc-label-short{display:none}@media (max-width:639px){.btc[data-variant=ribbon] .btc-label-full{display:none}.btc[data-variant=ribbon] .btc-label-short{display:inline}.btc[data-variant=ribbon] .btc-row{gap:4px 8px}}
