1 line
4.4 KiB
CSS
1 line
4.4 KiB
CSS
|
.nowPlayingBarInfoContainer{display:flex;align-items:center;height:100%;flex-grow:1;overflow:hidden;max-width:40%}.nowPlayingBar{text-align:center;contain:layout style;position:relative;container-type:inline-size;container-name:nowplayingbar}.nowPlayingBar-footer{will-change:transform}.nowPlayingBar-footer-transition{transition:transform 220ms ease-out}.nowPlayingBar-hidden{transform:translateY(100%)}.nowPlayingBarTop{display:flex;flex-direction:row;align-items:center;height:4.6em;position:relative;justify-content:center}.mediaButton{vertical-align:middle;margin:0;text-align:center;font-size:200%!important}.nowPlayingBarImage{background-position:center center;background-repeat:no-repeat;background-size:contain;height:71%;width:3.266em;flex-shrink:0;margin-top:0;margin-bottom:0;margin-inline-start:1.25em;margin-inline-end:.8em;border-radius:.42em;overflow:hidden;display:flex;align-items:center;justify-content:center}.nowPlayingBarImage-tv{height:60%}.nowPlayingBarDefaultItemIcon{font-size:200%}@supports (aspect-ratio:16 / 9){.nowPlayingBarImage{width:auto}}.nowPlayingBarInfoContainer-tv{max-width:initial;width:20%}.nowPlayingBarText{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;text-align:start;flex-grow:1;font-size:92%;margin-inline-end:2.4em}.nowPlayingBar-tv .nowPlayingBar-hidetv{display:none}.nowPlayingBarCenter{vertical-align:middle;text-align:center;z-index:2;flex-grow:1;display:flex;align-items:center;justify-content:center;position:absolute}.nowPlayingBarCenter-tv{position:static;justify-content:flex-end;height:100%;font-size:92%;width:20%}.nowPlayingBarTVText{display:flex;justify-content:center;text-decoration:none!important}.nowplayingbar-textitems{flex-wrap:nowrap!important}.nowPlayingBarPositionContainer{position:absolute!important;top:0;top:calc(-1 * var(--line-size));left:0;right:0;inset-inline-start:0;inset-inline-end:0;z-index:1;height:.21em!important}.nowPlayingBarPositionContainer-tv{top:initial;bottom:0;height:.12em!important}.nowPlayingBarPositionContainer-background{background:0 0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.nowPlayingBarRight{position:relative;margin-top:0;margin-bottom:0;margin-inline-start:auto;margin-inline-end:.5em;z-index:2;display:flex;align-items:center;flex-shrink:0}.nowPlayingBarCurrentTime{vertical-align:middle;text-align:center;display:inline-block;padding-inline-start:1.5em}.nowPlayingBarVolumeSliderContainer{margin-inline-end:2em}@media all and (pointer:fine){.nowPlayingBarText-autohide{display:none}}@media not all and (pointer:fine){.nowPlayingBarPositionSlider{touch-action:none;pointer-events:none}.nowPlayingBarPositionSliderThumb{display:none!important}.nowPlayingBarButton-autohide{display:none}.nowPlayingBarVolumeSliderContainer,.nowPlayingBarMuteButton{display:none!important}}@supports (container-type:inline-size){@container nowplayingbar not (min-width:50em){.nowPlayingBarCenter-autohide{display:none!important}.toggleRepeatButton,.toggleShuffleButton{display:none}.nowPlayingBarInfoContainer{max-width:none}}@container nowplayingbar (min-width:50em){.playPauseButton-right,.stopButton-right{display:none}}@container nowplayingbar not (min-width:66em){.nowPlayingBarCurrentTime-autohide{display:none!important}}@container nowplayingbar not (min-width:80em){.nowPlayingBarVolumeSliderContainer,.nowPlayingBarMuteButton{display:none!important}}@container nowplayingbar not (min-width:87.5em){.nowPlayingBarFavoriteButton{display:none}}}@supports not (container-type:inline-size){@media not all and (min-width:50em){.nowPlayingBarCenter-autohide{display:none!important}.toggleRepeatButton,.toggleShuffleButton{display:none}.nowPlayingBarInfoContainer{max-width:none}}@media all and (min-width:50em){.playPauseButton-right,.stopButton-right{display:none}}@media not all and (min-width:66em){.nowPlayingBarCurrentTime-autohide{display:none!important}}@media not all and (min-width:80em){.nowPlayingBarVolumeSliderContainer,.nowPlayingBarMuteButton{display:none!important}}@media not all and (min-width:87.5em){.nowPlayingB
|