.VolumeIndicator{display:flex;align-items:center;justify-content:center}.VolumeIndicator.video{width:calc(80 * var(--scale));top:calc(-30 * var(--scale));height:calc(30 * var(--scale));position:absolute;right:0;background:#0009}.VolumeIndicator{color:var(--tertiary)}.VolumeIndicator .stripe{width:calc(8 * var(--scale));height:calc(8 * var(--scale));background:var(--tertiary);margin:0 calc(1 * var(--scale));opacity:.2}.VolumeIndicator .stripe.active{opacity:1}.control{cursor:pointer;width:calc(32 * var(--scale));height:calc(40 * var(--scale));display:flex;justify-content:center;align-items:center;transition:opacity 1s}.control .control-button{font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48;color:var(--tertiary);font-size:calc(24 * var(--scale))}.control.control-disabled{cursor:not-allowed;opacity:.3}.timeline{color:var(--tertiary);height:calc(40 * var(--scale))!important;justify-content:flex-start;align-items:center;display:flex;position:relative}.timeline.read-only{opacity:.5;cursor:default}.timeline{cursor:pointer}.timeline div{width:100%;position:absolute;height:calc(6 * var(--scale))!important;background:var(--tertiary);transform-origin:left center}.timeline .all{opacity:.2}.media-player{display:table;background:var(--main-background);border-radius:var(--clr-btn-border-radius, .15rem)}.media-player video{display:block;max-width:100%;margin:auto}.media-player.fullCanvas video{height:calc(100vh - 180px)}.media-player.fullCanvas{position:fixed;display:flex;flex-direction:column;inset:60px 0 80px;z-index:1;text-align:center}.media-player .controls{padding:0 calc(8 * var(--scale));display:flex;background-color:var(--secondary);align-items:center;height:calc(40 * var(--scale));position:relative;border-radius:var(--clr-btn-border-radius, .15rem)}.media-player .timeline{flex:1;min-width:140px;margin:0 calc(8 * var(--scale))}.media-player .time{color:var(--tertiary);-webkit-user-select:none;user-select:none;width:calc(50 * var(--scale))}.media-player .control-bar{position:relative}.media-player .slide-enter-active,.media-player .slide-leave-active{transition:opacity .5s}.media-player .slide-enter,.media-player .slide-leave-to{opacity:0}.media-player .seperator{width:calc(1 * var(--scale));height:calc(16 * var(--scale));background:var(--tertiary);opacity:.4;margin-left:calc(16 * var(--scale));margin-right:calc(8 * var(--scale))}