@layer ocx{.ocx-terminal{border:var(--ocx-border-width) solid var(--ocx-color-border);border-radius:var(--ocx-radius-lg);background:var(--ocx-color-code-bg);container-type:inline-size}.ocx-terminal__chrome{align-items:center;gap:var(--ocx-space-3);width:100%;padding:var(--ocx-space-3) var(--ocx-space-4);border-radius:var(--ocx-radius-lg) var(--ocx-radius-lg) 0 0;font:inherit;color:inherit;text-align:left;background:var(--ocx-color-surface-subtle);border:0;grid-template-columns:1fr auto 1fr;margin:0;display:grid}button.ocx-terminal__chrome{cursor:pointer;user-select:none;transition:background-color var(--ocx-duration-base)}button.ocx-terminal__chrome:hover{background:var(--ocx-color-surface)}button.ocx-terminal__chrome:focus-visible{outline:var(--ocx-focus-ring);outline-offset:var(--ocx-focus-offset-inset)}.ocx-terminal__dots{gap:var(--ocx-space-2);display:flex}.ocx-terminal__dot{width:var(--ocx-icon-xs);height:var(--ocx-icon-xs);border-radius:var(--ocx-radius-sm);background:var(--ocx-color-danger)}.ocx-terminal__dot:nth-child(2){background:var(--ocx-color-warning)}.ocx-terminal__dot:nth-child(3){background:var(--ocx-color-success)}.ocx-terminal__title{font-family:var(--ocx-font-mono);font-size:var(--ocx-text-sm);line-height:var(--ocx-lh-heading);color:var(--ocx-color-fg-subtle);text-align:center;grid-column:2}button .ocx-terminal__title{color:var(--ocx-color-accent-fg);font-weight:var(--ocx-font-weight-medium)}.ocx-terminal__chevron{color:var(--ocx-color-accent-fg);transform-origin:50%;transition:rotate var(--ocx-duration-moderate) var(--ocx-ease-in-out);grid-column:3;place-self:center end}[aria-expanded=true]>.ocx-terminal__chevron{rotate:180deg}.ocx-terminal__player{min-height:calc(var(--ocx-control-xl) + 2 * var(--ocx-control-3xl));border-top:var(--ocx-border-width) solid var(--ocx-color-border);color:var(--ocx-color-code-fg);position:relative}.ocx-terminal__start{inset:0 0 var(--ocx-control-xl);z-index:1;cursor:pointer;place-items:center;display:grid;position:absolute}.ocx-terminal__start-button{color:var(--ocx-color-accent);cursor:pointer;transition:color var(--ocx-duration-base) var(--ocx-ease-out);background:0 0;border:0;place-items:center;padding:0;display:grid}.ocx-terminal__start-button:hover{color:var(--ocx-color-accent-hover)}.ocx-terminal__start-button:focus-visible{outline:var(--ocx-focus-ring);outline-offset:var(--ocx-focus-offset)}.ocx-terminal__start-button .ocx-icon{inline-size:var(--ocx-control-2xl);block-size:var(--ocx-control-2xl);fill:currentColor;stroke-linejoin:miter}.ocx-terminal__start[hidden]{opacity:0;pointer-events:none;transition:opacity var(--ocx-duration-base) var(--ocx-ease-out), display var(--ocx-duration-base) allow-discrete;display:none}.ocx-terminal__player .ap-overlay-start{display:none}.ocx-terminal__player[style*=--_rows]{min-height:calc(100cqi * (var(--_rows) * 20 + 22) / (var(--_cols) * 9 + 22) + 32px)}.ocx-terminal__player .ap-player{border-radius:0}.ocx-terminal__controls{align-items:center;gap:var(--ocx-space-3);block-size:var(--ocx-control-xl);padding:0 var(--ocx-space-3);border-top:var(--ocx-border-width) solid var(--ocx-color-border);background:var(--ocx-color-surface-subtle);display:flex}.ocx-terminal__controls[hidden]{display:none}.ocx-terminal__seek{appearance:none;block-size:var(--ocx-control-md);cursor:pointer;background:0 0;flex:1;margin:0}.ocx-terminal__seek:disabled{cursor:default}.ocx-terminal__seek::-webkit-slider-runnable-track{block-size:var(--ocx-seek-track);background:linear-gradient(to right, var(--ocx-color-fg-muted) calc(var(--_p,0) * 100%), var(--ocx-color-border) 0)}.ocx-terminal__seek::-moz-range-track{block-size:var(--ocx-seek-track);background:linear-gradient(to right, var(--ocx-color-fg-muted) calc(var(--_p,0) * 100%), var(--ocx-color-border) 0)}.ocx-terminal__seek::-webkit-slider-thumb{appearance:none;inline-size:var(--ocx-seek-thumb);block-size:var(--ocx-seek-thumb);background:var(--ocx-color-fg-muted);border:0;border-radius:0;margin-block-start:calc((var(--ocx-seek-track) - var(--ocx-seek-thumb)) / 2)}.ocx-terminal__seek::-moz-range-thumb{inline-size:var(--ocx-seek-thumb);block-size:var(--ocx-seek-thumb);background:var(--ocx-color-fg-muted);border:0;border-radius:0}.ocx-terminal__seek:hover:not(:disabled)::-webkit-slider-thumb{background:var(--ocx-color-fg)}.ocx-terminal__seek:hover:not(:disabled)::-moz-range-thumb{background:var(--ocx-color-fg)}.ocx-terminal__seek:disabled::-webkit-slider-thumb{visibility:hidden}.ocx-terminal__seek:disabled::-moz-range-thumb{visibility:hidden}.ocx-terminal__seek:focus-visible{outline:var(--ocx-focus-ring);outline-offset:var(--ocx-focus-offset-inset)}@media (forced-colors:active){.ocx-terminal__seek::-webkit-slider-runnable-track,.ocx-terminal__seek::-moz-range-track{forced-color-adjust:none;background:graytext}.ocx-terminal__seek::-webkit-slider-thumb,.ocx-terminal__seek::-moz-range-thumb{forced-color-adjust:none;background:canvastext}}.ocx-terminal__time{font-family:var(--ocx-font-mono);font-size:var(--ocx-text-sm);color:var(--ocx-color-fg-subtle);white-space:nowrap}.ocx-terminal__controls :is(.ocx-terminal__play,.ocx-terminal__fullscreen):not([hidden]){display:inline-grid}.ocx-terminal__controls :is(.ocx-terminal__play,.ocx-terminal__fullscreen)>svg{grid-area:1/1}.ocx-terminal__play .ocx-terminal__pause-icon,.ocx-terminal__controls[data-state=playing] .ocx-terminal__play-icon,.ocx-terminal__fullscreen .ocx-terminal__fs-exit-icon,.ocx-terminal__controls[data-fullscreen] .ocx-terminal__fs-icon{opacity:0;visibility:hidden;scale:.5}.ocx-terminal__controls[data-state=playing] .ocx-terminal__pause-icon,.ocx-terminal__controls[data-fullscreen] .ocx-terminal__fs-exit-icon{opacity:1;visibility:visible;scale:1}.ocx-terminal[data-live] .ocx-terminal__controls svg{transition:opacity var(--ocx-duration-moderate) var(--ocx-ease-in-out), visibility var(--ocx-duration-moderate) var(--ocx-ease-in-out), scale var(--ocx-duration-moderate) var(--ocx-ease-in-out)}.ocx-terminal:fullscreen{background:var(--ocx-color-code-bg);flex-direction:column;display:flex}.ocx-terminal:fullscreen .ocx-terminal__player{flex-direction:column;flex:1;min-height:0;display:flex}.ocx-terminal:fullscreen .ap-wrapper{flex:1;align-items:center;min-height:0}.ocx-terminal::backdrop{background:var(--ocx-color-code-bg)}.asciinema-player-theme-ocx{--term-color-foreground:var(--ocx-color-code-fg);--term-color-background:var(--ocx-color-code-bg);--term-color-0:var(--ocx-color-code-comment);--term-color-1:var(--ocx-color-danger);--term-color-2:var(--ocx-color-code-string);--term-color-3:var(--ocx-color-code-number);--term-color-4:var(--ocx-color-code-keyword);--term-color-5:var(--ocx-color-code-variable);--term-color-6:var(--ocx-color-success);--term-color-7:var(--ocx-color-fg-muted);--term-color-8:var(--ocx-color-fg-subtle);--term-color-9:var(--ocx-color-danger);--term-color-10:var(--ocx-color-success);--term-color-11:var(--ocx-color-warning);--term-color-12:var(--ocx-color-keyword);--term-color-13:var(--ocx-color-accent-fg);--term-color-14:var(--ocx-color-success);--term-color-15:var(--ocx-color-fg)}}