.sbl-root{--film:color-mix(in srgb, var(--night) 55%, #000);--hair:color-mix(in srgb, var(--cloud) 14%, transparent);--fw:min(74vw, 340px)}@media (min-width:640px){.sbl-root{--fw:clamp(280px, calc((100svh - 620px) * 1.3), 420px)}}@media (min-width:1024px){.sbl-root{--fw:clamp(250px, min(28vw, calc((100svh - 560px) * 1.3)), 460px)}}.sbl-flat{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--gutter) 6px;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;overflow:auto hidden}.sbl-flat::-webkit-scrollbar{display:none}.sbl-flat .sbl-cell{scroll-snap-align:start}.sbl-track{flex:none;align-items:stretch;width:max-content;display:flex;position:relative}.sbl-track:before,.sbl-track:after{content:"";z-index:1;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='30'><rect x='7' y='8' width='12' height='14' rx='3' fill='%23231d19'/></svg>") 8px 0/26px 30px repeat-x;height:30px;position:absolute;top:0;left:0;right:0}.sbl-track:after{top:auto;bottom:0}.sbl-cell{background:var(--film);flex-direction:column;flex:none;display:flex;position:relative}.sbl-cell:first-child{border-radius:6px 0 0 6px}.sbl-cell:last-child{border-radius:0 6px 6px 0}.sbl-band{flex:none;height:30px;display:block;position:relative}.sbl-band>b{z-index:2;font-family:var(--font-mono);letter-spacing:.14em;white-space:nowrap;color:#ffd9a0;opacity:.75;background:var(--film);padding:0 6px;font-size:9.5px;font-style:italic;font-weight:500;position:absolute;bottom:-2px;left:18px}.sbl-bandB>b{inset:-2px 18px auto auto}.sbl-body{color:inherit;border-left:2px solid color-mix(in srgb, var(--cloud) 5%, transparent);outline-offset:-4px;flex-direction:column;flex:1;gap:14px;padding:12px 12px 16px;display:flex;position:relative}.sbl-win{width:var(--fw);aspect-ratio:4/3;background:color-mix(in srgb, var(--cloud) 6%, transparent);border-radius:4px;display:block;position:relative;overflow:hidden}.sbl-win img{transform:translate3d(calc(var(--d,0) * -14px), 0, 0) scale(1.04);filter:saturate(.85)contrast(1.05);transition:scale .8s cubic-bezier(.2,.8,.2,1),filter .6s}.sbl-win:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #0000008c}.sbl-leak{pointer-events:none;mix-blend-mode:screen;transform:translate3d(calc(var(--d,9) * -60%), 0, 0);opacity:calc(.9 - var(--d,9) * var(--d,9) * 2.4);background:radial-gradient(40% 70% at 30% 40%,#ffaa5abf,#0000 70%),radial-gradient(30% 60% at 70% 70%,#ffe2b48c,#0000 70%);position:absolute;inset:-10% -40%}.sbl-open{background:var(--accent);color:var(--ink);opacity:0;border-radius:6px;align-items:center;gap:6px;padding:6px 8px 6px 10px;transition:opacity .3s,translate .4s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:absolute;top:10px;right:10px;translate:0 -6px}.sbl-spark{color:#fff1da;opacity:0;filter:drop-shadow(0 0 6px #ffe2b4cc);transition:opacity .3s,scale .5s cubic-bezier(.34,1.56,.64,1),rotate .6s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:10px;right:10px;rotate:-45deg;scale:.4}.sbl-body:hover .sbl-win img,.sbl-body:focus-visible .sbl-win img{filter:none;scale:1.05}.sbl-body:hover .sbl-open,.sbl-body:focus-visible .sbl-open{opacity:1;translate:0}.sbl-body:hover .sbl-spark,.sbl-body:focus-visible .sbl-spark{opacity:1;rotate:0deg;scale:1}.sbl-current .sbl-title{color:#fff1da}.sbl-title{transition:color .4s}.sbl-tools>i{font-style:normal;font-family:var(--font-mono);letter-spacing:.04em;box-shadow:inset 0 0 0 1px var(--hair);color:color-mix(in srgb, var(--cloud) 82%, transparent);border-radius:4px;padding:3px 7px;font-size:11px}.sbl-gate{z-index:3;pointer-events:none;background:linear-gradient(#0000,#fff1da73 12%,#0000 30% 70%,#fff1da73 88%,#0000);width:1px;position:absolute;top:6px;bottom:6px;left:50%}.sbl-count{aspect-ratio:1;color:#fff1da;place-items:center;width:min(150px,70%);display:grid;position:relative}.sbl-count svg{fill:none;stroke:#fff1da73;stroke-width:1.2px;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.sbl-win img{transform:none}.sbl-leak{display:none}}