media-controller{--media-primary-color:#eec33c;--media-secondary-color:#749d3f;--media-control-hover-background:#165a33;--media-range-track-height:8px;--media-loading-indicator-icon-height:100px;width:100%;height:100%}video{object-fit:fill;width:100%;height:100%}.wrapper-centered[slot=centered-chrome]{justify-content:space-evenly;width:100%;display:inline-flex}.wrapper-centered[slot=centered-chrome] .btn-centered{background:0 0;padding:0;animation:2s glow}media-seek-backward-button.btn-centered,media-seek-forward-button.btn-centered{opacity:.5;--media-button-icon-height:40px}media-loading-indicator{--media-loading-indicator-opacity:0;--media-loading-indicator-display:none}media-loading-indicator[medialoading]:not([mediapaused]){--media-loading-indicator-opacity:1;--media-loading-indicator-display:inline-block}.wrapper-centered[slot=centered-chrome]:has(media-loading-indicator[medialoading]:not([mediapaused])) media-play-button{--media-play-button-display:none}media-play-button:not([mediapaused]) .my-icon .play,media-play-button[mediapaused] .my-icon .pause,media-volume-range[mediavolumeunavailable]{display:none}.wrapper-volume-range{opacity:0;background:#749d3f80;border-left:16px solid #0000;border-radius:0 9999px 9999px 0;justify-content:center;align-items:center;width:122px;transition:opacity .15s ease-out;display:flex;position:absolute;top:-75px;left:-47px;overflow:hidden;transform:rotate(-90deg)}media-volume-range{--media-range-track-border-radius:20px;background:0 0}media-mute-button{--media-control-hover-background:#749d3f}.wrapper-volume-range:hover,media-seek-backward-button.btn-centered:hover,media-seek-forward-button.btn-centered:hover,media-mute-button:hover+.wrapper-volume-range{opacity:1}