:where(.vds-controls),:where(.vds-controls-group){box-sizing:border-box;display:inline-block;position:relative;width:100%}:where([data-view-type=audio] .vds-controls){display:inline-block;max-width:100%}:where([data-view-type=video] .vds-controls){display:flex;flex-direction:column;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;padding:var(--media-controls-padding,0);pointer-events:none;position:absolute;transition:var(--media-controls-out-transition,opacity .2s ease-out);visibility:hidden;width:100%;z-index:10}:where([data-view-type=video] .vds-controls[data-visible]){opacity:1;transition:var(--media-controls-in-transition,opacity .2s ease-in);visibility:visible}:where(.vds-controls-spacer){flex:1 1 0%;pointer-events:none}