as-media-frame{--media-frame-max-width:81.25rem;--media-frame-gutter:2rem;--media-frame-ratio:var(--as-ratio-horizontal);--media-frame-radius:1.25rem;--media-frame-background:var(--as-color-background-panel);--media-frame-fade:var(--as-time-m);--media-frame-toggle-inset:var(--as-space-l);--media-frame-toggle-size:3.25rem;--media-frame-toggle-ink:var(--as-color-text-inverted);--media-frame-toggle-background:rgb(from var(--as-color-background-inverted) r g b/.45);--media-frame-toggle-background-hover:var(--media-frame-toggle-background);--media-frame-toggle-track:rgb(from var(--as-color-text-inverted) r g b/.3);--media-frame-toggle-indicator:var(--as-color-highlight);--media-frame-toggle-index:var(--as-index-masked);--media-frame-toggle-rest-opacity:.75;aspect-ratio:var(--media-frame-ratio);background:var(--media-frame-background);border-radius:var(--media-frame-radius);box-sizing:border-box;display:block;inline-size:min(100% - 2 * var(--media-frame-gutter),var(--media-frame-max-width));isolation:isolate;margin-inline:auto;overflow:hidden;position:relative}as-media-frame[ratio="16/9"]{--media-frame-ratio:16/9}as-media-frame[ratio="3/2"]{--media-frame-ratio:3/2}as-media-frame[ratio="4/3"]{--media-frame-ratio:4/3}as-media-frame[ratio="1/1"]{--media-frame-ratio:var(--as-ratio-square)}as-media-frame[ratio="3/4"]{--media-frame-ratio:3/4}as-media-frame[ratio="9/16"]{--media-frame-ratio:var(--as-ratio-vertical)}as-media-frame[ratio="21/9"]{--media-frame-ratio:21/9}as-media-frame[source=mobile][ratio-mobile="16/9"]{--media-frame-ratio:16/9}as-media-frame[source=mobile][ratio-mobile="3/2"]{--media-frame-ratio:3/2}as-media-frame[source=mobile][ratio-mobile="4/3"]{--media-frame-ratio:4/3}as-media-frame[source=mobile][ratio-mobile="1/1"]{--media-frame-ratio:var(--as-ratio-square)}as-media-frame[source=mobile][ratio-mobile="3/4"]{--media-frame-ratio:3/4}as-media-frame[source=mobile][ratio-mobile="9/16"]{--media-frame-ratio:var(--as-ratio-vertical)}as-media-frame[source=mobile][ratio-mobile="21/9"]{--media-frame-ratio:21/9}as-media-frame:not([ratio]),as-media-frame[ratio=auto]{aspect-ratio:var(--media-frame-ratio-measured,var(--media-frame-ratio))}as-media-frame[source=mobile][ratio-mobile]:not([ratio-mobile=auto]){aspect-ratio:var(--media-frame-ratio)}as-media-frame[source=mobile][ratio-mobile=auto]{aspect-ratio:var(--media-frame-ratio-measured,var(--media-frame-ratio))}.media-frame__media,.media-frame__video{background:transparent;block-size:100%;border-radius:inherit;display:block;inline-size:100%;inset:0;object-fit:var(--media-frame-fit,cover);object-position:var(--media-frame-media-position,center);position:absolute}.media-frame__video{opacity:0;transition:opacity var(--media-frame-fade) ease}as-media-frame[playing] .media-frame__video{opacity:1}.media-frame__gauge{inset-block-end:var(--media-frame-toggle-inset);inset-inline-end:var(--media-frame-toggle-inset);position:absolute;z-index:var(--media-frame-toggle-index);--as-gauge-size:var(--media-frame-toggle-size);--as-gauge-track:var(--media-frame-toggle-track);--as-gauge-indicator:var(--media-frame-toggle-indicator);--as-gauge-gap:var(--as-space-xxs)}.media-frame__toggle,.media-frame__toggle:active,.media-frame__toggle:focus,.media-frame__toggle:hover{align-items:center;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:var(--media-frame-toggle-background);block-size:var(--as-gauge-inner,var(--media-frame-toggle-size));border:0;border-radius:var(--as-border-radius-circle);box-sizing:border-box;color:var(--media-frame-toggle-ink);cursor:pointer;display:inline-flex;font-weight:inherit;inline-size:var(--as-gauge-inner,var(--media-frame-toggle-size));justify-content:center;opacity:var(--media-frame-toggle-rest-opacity);padding:0;transition:opacity var(--as-time-s) ease,background-color var(--as-time-s) ease}.media-frame__toggle:focus-visible,.media-frame__toggle:hover,as-media-frame:focus-within .media-frame__toggle,as-media-frame:hover .media-frame__toggle{opacity:1}.media-frame__toggle:focus-visible,.media-frame__toggle:hover{background:var(--media-frame-toggle-background-hover)}.media-frame__toggle:focus-visible{outline:var(--as-size-xxs) solid var(--media-frame-toggle-indicator);outline-offset:var(--as-space-xs)}.media-frame__toggle>*{pointer-events:none}.media-frame__glyph{background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65% 100%);block-size:.75rem;inline-size:.625rem}as-media-frame[paused] .media-frame__glyph{background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);margin-inline-start:.125rem}@media (max-width:767px){as-media-frame{--media-frame-gutter:var(--as-space-m);--media-frame-toggle-inset:var(--as-space-m)}}@media (prefers-reduced-motion:reduce){as-media-frame[playing] .media-frame__video{transition:none}}