media-controller{--media-primary-color:rgb(238,195,60);--media-secondary-color:rgb(116,157,63);--media-control-hover-background:rgb(22,90,51);--media-range-track-height:8px;--media-loading-indicator-icon-height:100px;width:100%;height:100%}video{width:100%;height:100%;object-fit:fill}.wrapper-centered[slot=centered-chrome]{width:100%;display:inline-flex;justify-content:space-evenly}.wrapper-centered[slot=centered-chrome] .btn-centered{padding:0;background:transparent;animation:glow 2s}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{transition:opacity .15s ease-out;width:122px;overflow:hidden;transform:rotate(-90deg);position:absolute;top:-75px;left:-47px;border-left:16px solid transparent;opacity:0;display:flex;justify-content:center;align-items:center;background:rgba(116,157,63,.5);border-radius:0 9999px 9999px 0}media-volume-range{background:transparent;--media-range-track-border-radius:20px}media-mute-button{--media-control-hover-background:rgba(116,157,63,1)}.wrapper-volume-range:hover,media-mute-button:hover+.wrapper-volume-range,media-seek-backward-button.btn-centered:hover,media-seek-forward-button.btn-centered:hover{opacity:1}