.videoplayer-component{width:100%;margin:var(--m-shared-margin-print)}.videoplayer__surface{display:block;padding:0}.videoplayer__frame{position:relative;height:0;padding-bottom:var(--m-videoplayer-frame-padding-bottom);overflow:hidden;border-radius:var(--m-radius-8px);background:var(--m-shared-background);box-shadow:var(--m-videoplayer-frame-shadow)}.videoplayer__frame:after{content:"";position:absolute;inset:0;background:var(--m-videoplayer-frame-background);opacity:0;pointer-events:none;transition:var(--m-videoplayer-frame-transition)}.videoplayer__frame:hover:after,.videoplayer__frame.is-paused:after{opacity:1}#videotag{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--m-shared-background)}.videoplayer__poster{position:absolute;inset:0;z-index:1;background-color:var(--m-videoplayer-poster-background-color)}.videoplayer__poster-image{display:block;width:100%;height:100%;object-fit:cover}.videoplayer__frame.has-started .videoplayer__poster{display:none}.videoplayer__toolbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:var(--m-space-055rem);padding:var(--m-videoplayer-toolbar-padding);background:var(--m-videoplayer-toolbar-background);opacity:0;pointer-events:none;transition:var(--m-shared-transition-opacity-200ms-ease);z-index:2}.videoplayer__frame:hover .videoplayer__toolbar,.videoplayer__frame.is-paused .videoplayer__toolbar{opacity:1;pointer-events:auto}.videoplayer__status-overlay{position:absolute;top:.85rem;left:1rem;right:1rem;z-index:3;color:var(--m-on-brand);pointer-events:none;opacity:0;transition:var(--m-shared-transition-opacity-200ms-ease)}.videoplayer__frame:hover .videoplayer__status-overlay,.videoplayer__frame.is-paused .videoplayer__status-overlay{opacity:1}.videoplayer__status-overlay strong{font-size:var(--fs-body);font-weight:var(--m-weight-bold);line-height:var(--m-line-h3);text-shadow:var(--m-videoplayer-status-overlay-shadow)}.videocontrolbutton{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:none;border-radius:var(--m-pill);background:var(--m-videocontrolbutton-background);color:var(--m-on-brand);box-shadow:var(--m-videocontrolbutton-shadow);cursor:pointer;transition:var(--m-videocontrolbutton-transition)}.videocontrolbutton--inline{width:var(--m-touch-target);height:var(--m-touch-target);padding:var(--m-space-02rem);border-radius:0;background:var(--m-shared-background-hover-desktop);box-shadow:none;color:var(--m-on-brand)}.videocontrolbutton:hover,.videocontrolbutton:focus-visible{box-shadow:var(--m-videocontrolbutton-shadow-hover)}.videoplayer__fallback{padding:var(--m-video-fallback-padding);text-align:center}.videocontrolbutton--inline:hover,.videocontrolbutton--inline:focus-visible{transform:none;box-shadow:none;color:var(--m-videocontrolbutton-inline-color)}.videocontrolbutton--overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;min-width:12.5rem;min-height:var(--m-touch-target);height:auto;padding:var(--m-videocontrolbutton-overlay-padding-09rem-12rem);gap:var(--m-space-07rem);background:var(--m-videocontrolbutton-overlay-background);backdrop-filter:var(--m-videocontrolbutton-overlay-filter);-webkit-backdrop-filter:var(--m-videocontrolbutton-overlay-filter);box-shadow:var(--m-videocontrolbutton-overlay-shadow);opacity:1;pointer-events:auto;transition:none;z-index:10}.videocontrolbutton--overlay:hover,.videocontrolbutton--overlay:focus-visible{background:var(--m-videocontrolbutton-overlay-background-hover);box-shadow:var(--m-videocontrolbutton-overlay-shadow-hover)}.videoplayer__frame:not(.is-paused) .videocontrolbutton--overlay{opacity:0;pointer-events:none}.videoplayer__frame.is-paused .videocontrolbutton--overlay{opacity:1;pointer-events:auto}.videocontrolbutton i{font-size:var(--fs-h3);line-height:var(--m-line-icon)}.videocontrolbutton--inline i{font-size:var(--fs-ui-icon-large)}.videocontrolbutton__text{font-size:var(--fs-ui-control);font-weight:var(--m-weight-bold);letter-spacing:var(--m-tracking-none);white-space:nowrap}.videoplayer__time{font-size:var(--fs-ui-supporting-emphasis);font-weight:var(--m-weight-bold);font-variant-numeric:tabular-nums;color:var(--m-shared-color-rgba-255-255-255-084);white-space:nowrap;text-shadow:var(--m-videoplayer-time-shadow);flex:0 0 auto}#video-timeline{flex:1 1 0;min-width:0;width:100%;height:var(--m-touch-target);margin:0;appearance:none;border:none;border-radius:var(--m-pill);background:var(--m-shared-background-hover-desktop);cursor:pointer}#video-timeline::-webkit-slider-runnable-track{height:.45rem;border-radius:var(--m-pill);background:var(--m-video-timeline-background)}#video-timeline::-moz-range-track{height:.45rem;border:none;border-radius:var(--m-pill);background:var(--m-video-timeline-background)}#video-timeline::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;margin-top:var(--m-video-timeline-margin-top);border:none;border-radius:var(--m-radius-50pct);background:var(--m-surface);box-shadow:var(--m-video-timeline-shadow)}#video-timeline::-moz-range-thumb{width:1rem;height:1rem;border:none;border-radius:var(--m-radius-50pct);background:var(--m-surface);box-shadow:var(--m-video-timeline-shadow)}@media only screen and (max-width:559px){.videoplayer__toolbar{display:grid;grid-template-columns:repeat(3,var(--m-touch-target)) auto minmax(var(--m-touch-target),1fr) auto;gap:var(--m-videoplayer-toolbar-gap);padding:var(--m-space-xs)}.videoplayer__time{font-size:var(--fs-video-player-time)}.videocontrolbutton--inline{padding:0;flex:0 0 auto}.videocontrolbutton--inline i{font-size:var(--fs-ui-icon)}.videoplayer__status-overlay{top:.6rem;left:.7rem;right:.7rem}.videoplayer__status-overlay strong{font-size:var(--fs-ui-control-compact)}.videocontrolbutton--overlay{min-width:0;width:auto;padding:var(--m-videocontrolbutton-overlay-padding);justify-content:center}.videocontrolbutton--overlay .videocontrolbutton__text{font-size:var(--fs-ui-control-compact)}}@media(pointer:coarse){.videoplayer__frame .videocontrolbutton--overlay{opacity:1;pointer-events:auto}.videoplayer__frame:not(.is-paused) .videocontrolbutton--overlay{opacity:0;pointer-events:none}}@media print{.videoplayer__frame{background:var(--m-surface);box-shadow:none}.videoplayer__frame:after{content:none;display:none}.videoplayer__frame.has-started .videoplayer__poster,.videoplayer__poster{display:block;background:var(--m-surface)}.videoplayer__poster-image{display:block;width:100%;height:100%;object-fit:cover;opacity:1;visibility:visible;filter:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.videoplayer__toolbar,.videoplayer__status-overlay,.videocontrolbutton--overlay{display:none}}