#root{min-block-size:100dvh}.play-share-video{aspect-ratio:16/9;object-fit:contain;max-block-size:75dvh;inline-size:100%;display:block}.play-library-card{position:relative}.play-library-thumb{order:-1;position:relative}.play-library-cover{aspect-ratio:16/9;object-fit:cover;inline-size:100%;display:block}.play-library-owner{gap:var(--kui-space-sm);grid-template-columns:auto minmax(0,1fr);align-items:center;padding-block-end:var(--kui-space-sm);display:grid}.play-library-owner-text{display:grid}.play-library-duration{position:absolute;inset-block-end:var(--kui-space-sm);inset-inline-end:var(--kui-space-sm)}.play-library-card .kui-card__title a:after{content:"";position:absolute;inset:0}.play-comment-timeline{min-block-size:var(--kui-space-xl);position:relative}.play-comment-timeline:before{content:"";border-block-start:2px solid var(--kui-border);position:absolute;inset-block-start:50%;inset-inline:0}.play-comment-marker{translate:calc(-1 * var(--play-marker-position)) 0;position:absolute;inset-inline-start:var(--play-marker-position)}.play-comment-list{margin:0;padding:0;list-style:none}.play-comment-body{white-space:pre-wrap;overflow-wrap:anywhere}.play-share-placeholder{aspect-ratio:16/9;block-size:auto}.play-share-owner-placeholder{gap:var(--kui-space-sm);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.play-owner-placeholder{inline-size:var(--kui-space-2xl);block-size:var(--kui-space-2xl)}.play-comment-row{align-items:start;gap:var(--kui-space-md);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.play-page-comment{position:relative}.play-page-comment-select{block-size:100%;inline-size:100%;position:absolute;inset:0}.play-page-comment-content{pointer-events:none;position:relative}.play-page-comment-control{pointer-events:auto}.play-shell:has(.play-prototype){block-size:100dvh}.play-main:has(.play-prototype){min-block-size:0;display:flex;overflow:hidden}.play-content:has(.play-prototype){min-block-size:0;max-inline-size:none;padding:0}.play-prototype{flex-direction:column;block-size:100%;min-block-size:0;display:flex}.play-page-header{gap:var(--kui-space-sm);padding:var(--kui-space-md);display:grid}.play-page-workspace{flex:1;min-block-size:0;position:relative}.play-page-stage{block-size:100%;inline-size:100%;min-inline-size:0;position:relative;overflow:hidden}.play-page-frame{border:0;block-size:100%;inline-size:100%;display:block}.play-page-panel,.play-page-panel-toggle{z-index:4;position:absolute;inset-block-start:var(--kui-space-sm);inset-inline-end:var(--kui-space-sm)}.play-page-panel{inline-size:min(24rem, calc(100% - 2 * var(--kui-space-sm)));max-block-size:calc(100% - 2 * var(--kui-space-sm));overflow:auto}.play-page-pin-button{border-radius:var(--kui-radius-full) var(--kui-radius-full) var(--kui-radius-full) 0;padding:var(--kui-space-xs);block-size:auto}.play-page-replies{margin-inline-start:var(--kui-space-lg)}.play-page-thread-actions{position:relative}.play-page-notice{padding-inline:var(--kui-space-md)}.play-page-capture{z-index:1;block-size:100%;inline-size:100%;position:absolute;inset:0}.play-page-pin{z-index:2;position:absolute;translate:0 -100%}.play-page-composer{z-index:3;inline-size:min(18rem,100%);position:absolute}.play-library-prototype{place-items:center;display:grid}
