@layer base{:where([data-part=captions]){--overlay-padding:1%;--cue-color:#fff;--cue-bg-color:rgba(0,0,0,.8);--cue-font-size:calc(var(--overlay-height) / 100 * 5);--cue-line-height:calc(var(--cue-font-size) * 1.2);--cue-padding-x:calc(var(--cue-font-size) * 0.6);--cue-padding-y:calc(var(--cue-font-size) * 0.4);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;contain:content;margin:var(--overlay-padding);font-size:var(--cue-font-size);font-family:sans-serif;box-sizing:border-box;pointer-events:none;user-select:none;word-spacing:normal;word-break:break-word}:where([data-part=captions]>[data-part=cue-display]){position:absolute;direction:ltr;overflow:visible;contain:content;top:var(--cue-top);left:var(--cue-left);right:var(--cue-right);bottom:var(--cue-bottom);width:var(--cue-width,auto);height:var(--cue-height,auto);box-sizing:border-box;transform:var(--cue-transform);text-align:var(--cue-text-align);writing-mode:var(--cue-writing-mode,unset);white-space:pre-line;unicode-bidi:plaintext;min-width:min-content;min-height:min-content}:where([data-dir=rtl] [data-part=cue-display]){direction:rtl}:where([data-part=captions] [data-part=cue]){display:inline-block;padding:var(--cue-padding-y) var(--cue-padding-x);line-height:var(--cue-line-height);background-color:var(--cue-bg-color);box-sizing:border-box;color:var(--cue-color);box-shadow:var(--cue-box-shadow);white-space:var(--cue-white-space,pre-wrap);outline:var(--cue-outline);text-shadow:var(--cue-text-shadow)}:where([data-part=captions] [data-part=cue-display][data-vertical] [data-part=cue]){padding:var(--cue-padding-x) var(--cue-padding-y)}:where([data-part=captions] [data-part=region]){--anchor-x-percent:calc(var(--region-anchor-x) / 100);--anchor-x:calc(var(--region-width) * var(--anchor-x-percent));--anchor-y-percent:calc(var(--region-anchor-y) / 100);--anchor-y:calc(var(--region-height) * var(--anchor-y-percent));--vp-anchor-x:calc(var(--region-viewport-anchor-x) * 1%);--vp-anchor-y-percent:calc(var(--region-viewport-anchor-y) / 100);--vp-anchor-y:calc(var(--overlay-height) * var(--vp-anchor-y-percent));position:absolute;display:inline-flex;flex-flow:column;justify-content:flex-start;width:var(--region-width);height:var(--region-height);min-height:0;max-height:var(--region-height);writing-mode:horizontal-tb;top:var(--region-top,calc(var(--vp-anchor-y) - var(--anchor-y)));left:var(--region-left,calc(var(--vp-anchor-x) - var(--anchor-x)));right:var(--region-right);bottom:var(--region-bottom);overflow:hidden;overflow-wrap:break-word;box-sizing:border-box}:where([data-part=captions] [data-part=region][data-scroll=up]){justify-content:end}:where([data-part=captions] [data-part=region][data-active][data-scroll=up]){transition:top .433s}:where([data-part=captions] [data-part=region]>[data-part=cue-display]){position:relative;width:auto;left:var(--cue-offset);height:var(--cue-height,auto);text-align:var(--cue-text-align);unicode-bidi:plaintext;margin-top:1px}:where([data-part=captions] [data-part=region] [data-part=cue]){position:relative;padding:calc(var(--cue-padding-y) / 2) var(--cue-padding-x);border-radius:0}}