.layout{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:16/9}.layout .controls{position:absolute;display:flex;align-items:center;bottom:0;left:0;width:inherit;height:40px;background-color:#000;z-index:1}.icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, 24px);height:var(--icon-size, 24px);min-width:var(--icon-size, 24px);min-height:var(--icon-size, 24px);flex-shrink:0}.icon svg{width:100%;height:100%;color:inherit;fill:currentColor;display:block}.icon--play svg{fill:currentColor}.icon--pause svg{fill:currentColor}.icon--volumeOn svg{fill:currentColor}.icon--volumeOff svg{fill:currentColor}.icon--unknown{display:flex;align-items:center;justify-content:center;font-size:12px;color:#ccc;background-color:#f0f0f0;border-radius:2px}.playback-button,.muted-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;cursor:pointer}