.sc-figure{--sc-muted:var(--muted,#8a8983);--sc-text:var(--ink,#1a1b18);margin:2rem 0 0}.sc-plate{background:linear-gradient(165deg,color-mix(in oklab,var(--f0,#ddd)42%,var(--paper,#f4f3f0))0%,color-mix(in oklab,var(--f1,#ddd)34%,var(--paper,#f4f3f0))55%,color-mix(in oklab,var(--f3,#ddd)30%,var(--paper,#f4f3f0))100%);isolation:isolate;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000b}.sc-plate:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000b}.sc-figure:is([data-kind=video],[data-kind=image]) .sc-plate:not([data-placeholder]){justify-content:center;padding:2.5rem 3.75rem;display:flex}.sc-video,.sc-image{border-radius:8px;width:100%;max-width:28.5rem;height:auto;display:block;box-shadow:0 0 0 .5px #00000014,0 2px 6px #0000000f,0 24px 48px -16px #00000047}.sc-stage{aspect-ratio:var(--sc-aspect)}.sc-stage:has(.ss-fit){aspect-ratio:auto}.sc-stage .ss-fit{display:block}.sc-placeholder{aspect-ratio:16/9;text-align:center;font-family:var(--font-mono,ui-monospace,monospace);color:var(--sc-muted);justify-content:center;align-items:center;padding:2rem;font-size:.75rem;line-height:1.5;display:flex}.sc-plate[data-placeholder]{box-shadow:none;border:1px dashed var(--rule,#00000024);background:0 0}.sc-plate[data-placeholder]:after{display:none}.sc-caption{font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.01em;color:var(--sc-muted);justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:.85rem;font-size:.75rem;line-height:1.5;display:flex}.sc-speed{width:2.25rem;height:1.25rem;color:var(--sc-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;transition:background-color .2s,color .2s,transform .15s;position:relative}.sc-speed span{opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.sc-speed span[data-active=true]{opacity:1}.sc-speed:hover{color:var(--sc-text);background:#0000000d}.sc-speed:active{transform:scale(.94)}.sc-speed:focus-visible{outline:1px solid var(--sc-muted);outline-offset:2px}@media (max-width:640px){.sc-figure:is([data-kind=video],[data-kind=image]) .sc-plate:not([data-placeholder]){padding:1.5rem}.sc-figure{margin-inline:calc(-1*var(--gutter,1rem))}.sc-plate{border-radius:0}.sc-plate:after{border-radius:0;box-shadow:inset 0 1px #0000000d,inset 0 -1px #0000000d}.sc-stage{aspect-ratio:var(--sc-aspect-compact,var(--sc-aspect))}.sc-figure .ss-stage{border-radius:0!important}.sc-caption{padding-inline:var(--gutter,1rem)}.sc-video,.sc-image{max-width:none}}
