.sp-ob{--ob-ink:#431407;--ob-soft:#9a3412;--ob-paper:#fff7ed;--ob-edge:#ea580c47;--ob-hot:#ea580c;--ob-hot2:#e11d48;--ob-cut:hsl(var(--background));--ob-notch:22px;isolation:isolate;width:min(1160px, calc(100% - 2 * var(--sp-gutter,0px)));color:var(--ob-ink);background:var(--ob-paper);box-shadow:inset 0 0 0 1.5px var(--ob-edge), 0 22px 44px -30px var(--ob-hot);border-radius:22px;margin:16px auto 0;animation:.5s cubic-bezier(.2,.8,.2,1) both sp-ob-in;display:grid;position:relative;overflow:hidden}.dark .sp-ob{--ob-ink:#ffedd5;--ob-soft:#fdba74;--ob-paper:color-mix(in srgb, #f97316 11%, hsl(var(--card)));--ob-edge:#fb923c61;--ob-hot:#c2410c;--ob-hot2:#be123c}.sp-ob-glow{z-index:-1;pointer-events:none;background:radial-gradient(60% 90% at 0 0,#fbbf2447,#0000 70%),radial-gradient(40% 70% at 70% 120%,#f43f5e24,#0000 70%);position:absolute;inset:0}.dark .sp-ob-glow{opacity:.55}.sp-ob-main{align-content:center;gap:10px;min-width:0;padding:20px 20px 18px;display:grid}.sp-ob-tag{max-width:100%;min-height:28px;color:var(--ob-soft);background:#f9731624;border-radius:999px;justify-self:start;align-items:center;gap:6px;margin:0;padding:0 11px 0 8px;font-size:13px;font-weight:800;display:inline-flex}.sp-ob-tag svg{width:16px;height:16px;color:var(--ob-hot);flex:none}.dark .sp-ob-tag svg{color:#fb923c}.sp-ob-h{letter-spacing:-.035em;text-wrap:balance;align-items:flex-start;gap:10px;margin:0;font-size:24px;font-weight:900;line-height:1.12;display:flex}.sp-ob-h svg{width:28px;height:28px;color:var(--ob-hot);flex:none;margin-top:1px}.dark .sp-ob-h svg{color:#fb923c}.sp-ob-price{color:var(--ob-soft);margin:0;font-size:14.5px;font-weight:650}.sp-ob-price s{font-weight:700;text-decoration-thickness:2px}.sp-ob-price b{letter-spacing:-.02em;color:var(--ob-ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.sp-ob-acts{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.sp-ob-code,.sp-ob-go{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-family:inherit;font-size:14.5px;font-weight:800;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.sp-ob-code{color:var(--ob-ink);border:2px dashed var(--ob-hot);background:#ffffffbf}.dark .sp-ob-code{background:#00000038;border-color:#fb923c}.sp-ob-code:hover{background:#f9731624}.sp-ob-code b{letter-spacing:.06em;font-weight:900}.sp-ob-code svg,.sp-ob-go svg{flex:none;width:18px;height:18px}.sp-ob-code>svg:first-child{color:var(--ob-hot)}.dark .sp-ob-code>svg:first-child{color:#fb923c}.sp-ob-go{color:#fff;background:linear-gradient(135deg, var(--ob-hot), var(--ob-hot2));box-shadow:0 10px 22px -12px var(--ob-hot2);border:0}.sp-ob-go:hover{transform:translateY(-1px)}.sp-ob-go:hover svg{transform:translate(2px)}.sp-ob-go svg{transition:transform .2s}.sp-ob-small{color:var(--ob-soft);flex-wrap:wrap;gap:4px 14px;margin:0;font-size:13px;font-weight:700;display:flex}.sp-ob-small span{align-items:center;gap:6px;display:inline-flex}.sp-ob-small svg{width:16px;height:16px}.sp-ob-clock{text-align:center;color:#fff;background:radial-gradient(120% 120% at 100% 0%, #ffffff2e, transparent 55%), linear-gradient(150deg, var(--ob-hot), var(--ob-hot2));border-top:2px dashed #ffffff80;align-content:center;justify-items:center;gap:8px;padding:18px 16px 16px;display:grid;position:relative}.sp-ob-clock:before,.sp-ob-clock:after{content:"";top:calc(var(--ob-notch) / -2 - 1px);width:var(--ob-notch);height:var(--ob-notch);background:var(--ob-cut);border-radius:50%;position:absolute}.sp-ob-clock:before{left:calc(var(--ob-notch) / -2)}.sp-ob-clock:after{right:calc(var(--ob-notch) / -2)}.sp-ob-clock-h{opacity:.92;margin:0;font-size:13px;font-weight:800}.sp-ob-tiles{font-variant-numeric:tabular-nums;align-items:flex-start;gap:6px;display:flex}.sp-ob-tile{background:#ffffff2b;border-radius:14px;justify-items:center;min-width:62px;padding:8px 6px 6px;display:grid;box-shadow:inset 0 0 0 1px #ffffff38}.sp-ob-tile b{letter-spacing:-.03em;font-size:32px;font-weight:900;line-height:1}.sp-ob-tile small{opacity:.9;margin-top:4px;font-size:12px;font-weight:700}.sp-ob-colon{opacity:.7;padding-top:8px;font-size:26px;font-weight:900}.sp-ob-when{margin:0;font-size:22px;font-weight:900}.sp-ob-clock-note{opacity:.9;max-width:30ch;margin:0;font-size:12px;font-weight:650;line-height:1.35}@media (min-width:768px){.sp-ob{grid-template-columns:minmax(0,1fr) minmax(280px,320px);margin-top:20px}.sp-ob-main{padding:24px 28px}.sp-ob-h{font-size:30px}.sp-ob-clock{border-top:0;border-left:2px dashed #ffffff80;padding:22px 20px}.sp-ob-clock:before,.sp-ob-clock:after{left:calc(var(--ob-notch) / -2 - 1px);right:auto}.sp-ob-clock:before{top:calc(var(--ob-notch) / -2)}.sp-ob-clock:after{top:auto;bottom:calc(var(--ob-notch) / -2)}.sp-ob-tile{min-width:70px}.sp-ob-tile b{font-size:36px}}@media (max-width:380px){.sp-ob-main{padding:16px 14px}.sp-ob-h{font-size:21px}.sp-ob-h svg{width:24px;height:24px}.sp-ob-acts>*{flex:100%}.sp-ob-tile{min-width:56px}.sp-ob-tile b{font-size:28px}}@keyframes sp-ob-in{0%{opacity:0;translate:0 10px}}@media (prefers-reduced-motion:reduce){.sp-ob{animation:none}.sp-ob-code,.sp-ob-go,.sp-ob-go svg{transition:none}.sp-ob-go:hover,.sp-ob-go:hover svg{transform:none}}.sp-ob :is(button,a):focus-visible{outline-offset:2px;box-shadow:0 0 0 4px var(--ob-hot2);outline:2px solid #fff}a.sp-ob-go{text-decoration:none}.sp-ob-tiles:has(>:nth-child(7)){gap:4px}.sp-ob-tiles:has(>:nth-child(7)) .sp-ob-tile{min-width:54px;padding-inline:4px}.sp-ob-tiles:has(>:nth-child(7)) .sp-ob-tile b{font-size:26px}.sp-ob-tiles:has(>:nth-child(7)) .sp-ob-colon{padding-top:6px;font-size:20px}@media (min-width:768px){.sp-ob:has(.sp-ob-tiles>:nth-child(7)){grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.sp-ob-tiles:has(>:nth-child(7)) .sp-ob-tile{min-width:60px}.sp-ob-tiles:has(>:nth-child(7)) .sp-ob-tile b{font-size:30px}}@media (max-width:380px){.sp-ob-tiles:has(>:nth-child(7)) .sp-ob-tile{min-width:48px}.sp-ob-tiles:has(>:nth-child(7)) .sp-ob-tile b{font-size:22px}}
