@layer vidstack{:where(.vds-icon svg){vertical-align:middle;width:100%;height:100%;display:block}:where(.vds-controls),:where(.vds-controls-group){box-sizing:border-box;width:100%;display:inline-block;position:relative}:where([data-view-type=audio] .vds-controls){max-width:100%;display:inline-block}:where([data-view-type=video] .vds-controls){z-index:10;opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;padding:var(--media-controls-padding,0px);transition:var(--media-controls-out-transition,opacity .2s ease-out);flex-direction:column;display:flex;position:absolute;inset:0}:where([data-view-type=video] .vds-controls[data-visible]){opacity:1;visibility:visible;transition:var(--media-controls-in-transition,opacity .2s ease-in)}:where(.vds-controls-spacer){pointer-events:none;flex:1}:where(.vds-button){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;appearance:none;border-radius:var(--media-button-border-radius,8px);width:var(--media-button-size,40px);height:var(--media-button-size,40px);contain:layout style;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s ease-out;display:inline-flex;position:relative}.vds-button{border:var(--media-button-border);color:var(--media-button-color,var(--media-controls-color,#f5f5f5));padding:var(--media-button-padding,0px)}:where([data-fullscreen] .vds-button){width:var(--media-fullscreen-button-size,42px);height:var(--media-fullscreen-button-size,42px)}@media screen and (width<=599px){:where([data-fullscreen] .vds-button){width:var(--media-sm-fullscreen-button-size,42px);height:var(--media-sm-fullscreen-button-size,42px)}}:where(.vds-button .vds-icon){width:var(--media-button-icon-size,80%);height:var(--media-button-icon-size,80%);border-radius:var(--media-button-border-radius,8px)}:where(.vds-menu-button .vds-icon){display:flex!important}:where(.vds-button[aria-hidden=true]){display:none!important}@media (hover:hover) and (pointer:fine){.vds-button:hover{background-color:var(--media-button-hover-bg,#fff3);transform:var(--media-button-hover-transform,scale(1.05));transition:var(--media-button-hover-transition,transform .2s ease-in)}.vds-button[aria-expanded=true]{transform:unset}}@media (pointer:coarse){.vds-button:hover{border-radius:var(--media-button-touch-hover-border-radius,100%);background-color:var(--media-button-touch-hover-bg,#fff3)}}:where(.vds-button:focus){outline:none}:where(.vds-button[data-focus],.vds-button:focus-visible){box-shadow:var(--media-focus-ring)}:where(.vds-live-button){min-width:auto;min-height:auto;width:var(--media-live-button-width,40px);height:var(--media-live-button-height,40px);cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}:where(.vds-live-button-text){font-family:var(--media-font-family,sans-serif);font-size:var(--media-live-button-font-size,12px);font-weight:var(--media-live-button-font-weight,600);letter-spacing:var(--media-live-button-letter-spacing,1.5px);transition:color .3s}.vds-live-button-text{background-color:var(--media-live-button-bg,#8a8a8a);border-radius:var(--media-live-button-border-radius,2px);color:var(--media-live-button-color,#161616);padding:var(--media-live-button-padding,1px 4px)}:where(.vds-live-button[data-focus] .vds-live-button-text){box-shadow:var(--media-focus-ring)}:where(.vds-live-button[data-edge]){cursor:unset}.vds-live-button[data-edge] .vds-live-button-text{background-color:var(--media-live-button-edge-bg,#dc2626);color:var(--media-live-button-edge-color,#f5f5f5)}@media (pointer:fine){:where(.vds-live-button:hover){background-color:unset}}.vds-button:not([data-paused]) .vds-play-icon,.vds-button[data-ended] .vds-play-icon,.vds-button[data-paused] .vds-pause-icon,.vds-button[data-ended] .vds-pause-icon,.vds-button:not([data-ended]) .vds-replay-icon,.vds-button[data-active] .vds-pip-enter-icon,.vds-button:not([data-active]) .vds-pip-exit-icon,.vds-button[data-active] .vds-fs-enter-icon,.vds-button:not([data-active]) .vds-fs-exit-icon,.vds-button:not([data-active]) .vds-cc-on-icon,.vds-button[data-active] .vds-cc-off-icon,.vds-button:not([data-muted]) .vds-mute-icon,.vds-button:not([data-state=low]) .vds-volume-low-icon,.vds-button:not([data-state=high]) .vds-volume-high-icon{display:none}:where(.vds-captions){--overlay-padding:var(--media-captions-padding,1%);--cue-color:var(--media-user-text-color,var(--media-cue-color,white));--cue-bg-color:var(--media-user-text-bg,var(--media-cue-bg,#000000b3));--cue-default-font-size:var(--media-cue-font-size,calc(var(--overlay-height) / 100 * 4.5));--cue-font-size:calc(var(--cue-default-font-size) * var(--media-user-font-size,1));--cue-line-height:var(--media-cue-line-height,calc(var(--cue-font-size) * 1.2));--cue-padding-x:var(--media-cue-padding-x,calc(var(--cue-font-size) * .6));--cue-padding-y:var(--media-cue-padding-x,calc(var(--cue-font-size) * .4));--cue-padding:var(--cue-padding-y) var(--cue-padding-x);z-index:1;contain:layout style;margin:var(--overlay-padding);font-size:var(--cue-font-size);font-family:var(--media-user-font-family,sans-serif);box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;word-spacing:normal;word-break:break-word;position:absolute;inset:0}:where([data-fullscreen][data-orientation=portrait] .vds-captions){--cue-default-font-size:var(--media-cue-font-size,calc(var(--overlay-width) / 100 * 4.5))}:where([data-view-type=audio] .vds-captions){margin:0;position:relative}:where(.vds-captions[aria-hidden=true]){opacity:0;visibility:hidden}.vds-captions[data-example]{opacity:1!important;visibility:visible!important}:where([data-view-type=video] .vds-captions [data-part=cue-display][data-example]){--cue-text-align:center;--cue-width:100%;--cue-top:90%;--cue-left:0%}:where([data-view-type=audio] .vds-captions [data-part=cue-display]){--cue-width:100%;position:relative!important}:where(.vds-captions [data-part=cue-display]){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;background-color:var(--media-user-display-bg,var(--media-cue-display-bg));border-radius:var(--media-cue-display-border-radius);direction:ltr;unicode-bidi:plaintext;min-width:min-content;min-height:min-content;position:absolute;overflow:visible}.vds-captions [data-part=cue-display]{padding:var(--media-cue-display-padding)}:where(.vds-captions[data-dir=rtl] [data-part=cue-display]){direction:rtl}:where(.vds-captions [data-part=cue]){contain:content;font-variant:var(--media-user-font-variant);border:var(--media-cue-border,unset);border-radius:var(--media-cue-border-radius,2px);-webkit-backdrop-filter:var(--media-cue-backdrop,blur(8px));backdrop-filter:var(--media-cue-backdrop,blur(8px));line-height:var(--cue-line-height);box-sizing:border-box;box-shadow:var(--media-cue-box-shadow,var(--cue-box-shadow));white-space:var(--cue-white-space,pre-wrap);outline:var(--cue-outline);text-shadow:var(--media-user-text-shadow,var(--cue-text-shadow));display:inline-block}.vds-captions [data-part=cue]{background-color:var(--cue-bg-color);color:var(--cue-color);padding:var(--cue-padding)}:where(.vds-captions [data-part=cue-display][data-vertical] [data-part=cue]){--cue-padding:var(--cue-padding-x) var(--cue-padding-y)}:where(.vds-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));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-wrap:break-word;box-sizing:border-box;flex-flow:column;justify-content:flex-start;display:inline-flex;position:absolute;overflow:hidden}:where(.vds-captions [data-part=region][data-scroll=up]){justify-content:end}:where(.vds-captions [data-part=region][data-active][data-scroll=up]){transition:top .433s}:where(.vds-captions [data-part=region]>[data-part=cue-display]){width:auto;left:var(--cue-offset);height:var(--cue-height,auto);text-align:var(--cue-text-align);unicode-bidi:plaintext;margin-top:2px;position:relative}:where(.vds-captions [data-part=region] [data-part=cue]){border-radius:0;position:relative}}