@layer components{@scope(.media-skin[data-theme=default][data-preset=video]){.video-status-indicators{pointer-events:none;z-index:20;color:var(--media-controls-foreground);grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;display:grid;position:absolute;inset:0}}@scope(.media-skin[data-theme=default][data-preset=video]){.video-controls-backdrop{pointer-events:none;z-index:10;border-radius:inherit;background-image:var(--media-controls-gradient);transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration-controls);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;inset:0}.video-controls-backdrop:not([data-visible]){opacity:0}@container media-root (width<32rem){.video-controls-captions-button{display:none}}.video-controls-content{padding:var(--media-spacing);color:var(--media-controls-foreground);transition-property:filter,opacity,scale,translate;transition-duration:.15s;transition-duration:calc(var(--media-duration-controls)/2);text-shadow:0 1px 0 var(--media-shadow-current-color);transition-timing-function:cubic-bezier(0,0,.2,1);display:contents}@container media-root (width>=32rem){.video-controls-content{inset-inline:calc(var(--media-spacing)*2);bottom:calc(var(--media-spacing)*2);z-index:30;border-radius:var(--media-controls-radius);background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border,var(--media-border)),var(--media-shadow-surface);backdrop-filter:var(--media-backdrop-filter-surface);align-items:center;display:flex;position:absolute}.video-controls-content:not([data-visible]){pointer-events:none;translate:0 var(--media-hidden-offset);scale:var(--media-hidden-scale)var(--media-hidden-scale);opacity:0;transition-duration:var(--media-duration-controls)}.video-controls-content:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;inset:0}.video-controls-content:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (pointer:fine){.video-controls-content:not([data-visible]){filter:blur(var(--media-hidden-blur))}}}@container media-root (width>=42rem){.video-controls-content{inset-inline:calc(var(--media-spacing)*3);bottom:calc(var(--media-spacing)*3)}}.video-controls-primary{inset-inline:calc(var(--media-spacing)*2);bottom:calc(var(--media-spacing)*2);z-index:30;transform-origin:bottom;border-radius:var(--media-controls-radius);padding:calc(var(--media-spacing)*.5);transition-property:filter,opacity,scale,translate;transition-duration:.15s;transition-duration:calc(var(--media-duration-controls)/2);align-items:center;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:absolute}.video-controls-primary:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@container media-root (width>=32rem){.video-controls-primary{display:contents}}@container media-root (width<32rem){.video-controls-primary{background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border,var(--media-border)),var(--media-shadow-surface);backdrop-filter:var(--media-backdrop-filter-surface)}@scope(.video-controls-content){:scope:not([data-visible]) .video-controls-primary{pointer-events:none;translate:0 var(--media-hidden-offset);scale:var(--media-hidden-scale)var(--media-hidden-scale);opacity:0;transition-duration:var(--media-duration-controls)}}.video-controls-primary:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;inset:0}@media (pointer:fine){@scope(.video-controls-content){:scope:not([data-visible]) .video-controls-primary{filter:blur(var(--media-hidden-blur))}}}}.video-controls-secondary{top:calc(var(--media-spacing)*2);right:calc(var(--media-spacing)*2);z-index:30;transform-origin:top;border-radius:var(--media-controls-radius);padding:calc(var(--media-spacing)*.5);transition-property:filter,opacity,scale,translate;transition-duration:.15s;transition-duration:calc(var(--media-duration-controls)/2);align-items:center;gap:1px;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:absolute}.video-controls-secondary:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@container media-root (width>=32rem){.video-controls-secondary{padding:0;position:static}}@container media-root (width<32rem){.video-controls-secondary{background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border,var(--media-border)),var(--media-shadow-surface);backdrop-filter:var(--media-backdrop-filter-surface)}@scope(.video-controls-content){:scope:not([data-visible]) .video-controls-secondary{pointer-events:none;translate:0 calc(var(--media-hidden-offset)*-1);scale:var(--media-hidden-scale)var(--media-hidden-scale);opacity:0;transition-duration:var(--media-duration-controls)}}.video-controls-secondary:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;inset:0}@media (pointer:fine){@scope(.video-controls-content){:scope:not([data-visible]) .video-controls-secondary{filter:blur(var(--media-hidden-blur))}}}}@container media-root (width>=32rem){.video-controls-settings-button{margin-inline-start:1px}}.video-controls-volume-button{margin-inline-start:1px}.video-time-slider-group{align-items:center;gap:calc(var(--media-spacing)*2.5);padding-inline:calc(var(--media-spacing)*2);flex:1;display:flex;container:media-time/inline-size}.video-time-slider-group:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@container media-root (width>=32rem){.video-time-slider-group{padding-inline:calc(var(--media-spacing)*3)}}@container media-time (width<16rem){.video-time-value{display:none}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-time-toggle{cursor:pointer;font-variant-numeric:tabular-nums;outline-offset:-2px;transition-property:outline-color,outline-offset;transition-duration:.15s;transition-duration:var(--media-duration-fast);border-radius:.25rem;outline:2px solid #0000;transition-timing-function:cubic-bezier(0,0,.2,1)}.media-time-toggle:focus-visible{outline-offset:2px;outline-color:var(--media-ring)}.media-time-toggle[aria-disabled=true]{cursor:not-allowed;opacity:.5}.media-time-value{font-variant-numeric:tabular-nums;transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration-slow);transition-timing-function:cubic-bezier(0,0,.2,1)}.media-time-value[data-unavailable]{opacity:.5}}@scope(.media-skin[data-theme=default][data-preset=video]){@media (pointer:fine){.video-skin:not([data-controls-visible]),:scope.video-skin:not([data-controls-visible]){cursor:none}}}}