kristoferssolo/solorice
1
0
Fork 0
mirror of https://github.com/kristoferssolo/solorice.git synced 2025-10-21 20:10:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
7da57cd023
solorice/config/spicetify/Extracted/Raw/xpui/dwp-now-playing-bar.css

18 lines
28 KiB
CSS
Executable File
Raw Blame History

.dz_h98rH9nZCwfPdnKgr{background-image:-webkit-gradient(linear,left top,right top,from(#af2896),to(#509bf5));background-image:linear-gradient(90deg,#af2896,#509bf5);display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;cursor:pointer;gap:24px;justify-content:space-between;position:relative;z-index:1}.tcl2FhHNlmla32zllShK{margin:0 0 4px}.XkXPpDRWozMF6G8_GlLQ{white-space:nowrap;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto} .dz_h98rH9nZCwfPdnKgr{padding:11px 24px 7px 15px}.rAfV2jB_HMM9Xtr0Rqvn{color:var(--text-base)} .rAfV2jB_HMM9Xtr0Rqvn{margin:0 0 4px}.gqYYMz8DkhaT3e44LcHQ{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.VX33mI2V_jRA7hRBI9_0{-webkit-margin-end:8px;margin-inline-end:8px}.nQSM_BrSHJ4Cp3XSuLOF{margin:0 10px}.w0kwPDoelauN3C9dVoVe{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.w0kwPDoelauN3C9dVoVe>*{line-height:0}.xzLZD9uD3b4u9wecXAJY{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--background-base);border-radius:50%}.DaFhhSm73r7rNpomErhI{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3)}.UWuPbrFbZar0lIcBFH31{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.UWuPbrFbZar0lIcBFH31>:not(:first-child){-webkit-margin-start:8px;margin-inline-start:8px}.wFkvSGFYuw6rhfwWWYWC{cursor:pointer}.main-connectBar-connectBar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;height:24px;padding-inline:2px;position:relative;-webkit-padding-end:8px;padding-inline-end:8px}.main-connectBar-connectBar.n2JI6OkSXCc_qBtEKdIi{height:16px;-webkit-padding-end:73.5px;padding-inline-end:73.5px}.main-connectBar-connectBar.main-connectBar-connected{background-color:var(--background-base);color:var(--text-base)}.main-connectBar-connectBar.main-connectBar-connecting{background-color:var(--background-elevated-base)}.mzFrOATz9u84D6mip820{margin:0 10px}.main-genericButton-button{background-color:transparent;border:none;color:hsla(0,0%,100%,.7);height:32px;position:relative;width:32px}.main-genericButton-button:focus-visible,.main-genericButton-button:hover{color:#fff}.main-genericButton-button:focus-visible:active,.main-genericButton-button:hover:active{color:hsla(0,0%,100%,.7)}.main-genericButton-button.main-genericButton-buttonActive{color:#1db954}.main-genericButton-button.main-genericButton-buttonActive:focus,.main-genericButton-button.main-genericButton-buttonActive:hover{color:#1ed760}.main-genericButton-button.main-genericButton-buttonActive:active{color:hsla(0,0%,100%,.7)}.main-genericButton-button.main-genericButton-buttonActive:active:focus,.main-genericButton-button.main-genericButton-buttonActive:active:hover{color:#1db954}.main-genericButton-button.main-genericButton-buttonActiveDot:after{background-color:#1db954;border-radius:50%;bottom:0;content:"";display:block;height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px;inline-size:4px!important}.YXmoVBUuxZBY8Hh5GKjE{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:-16px;padding:16px}.T5ZnRxyz77bA1OMH61wo,.YXmoVBUuxZBY8Hh5GKjE{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;gap:8px}.T5ZnRxyz77bA1OMH61wo{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.VLyyIUlq5U8KjKAcs9QA{-webkit-box-flex:1;display:-webkit-box;-ms-flex:1;flex:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:unset}.S8k0V5C_z3AUnCUaJKBg{-ms-flex-item-align:end;align-self:end}.xP7v0EBcbJMj1xIJxywg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-16px;padding:16px}.zJU_lLLzQL6oKvMA0c5b{-webkit-margin-start:8px;margin-inline-start:8px}.Ff6EfEq4XqAVswazzkJY{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin:-16px;padding:16px}.YqfUOVs6GgQf7Xx2vGYG,.qKtH3N2HaKmj4QktMeei{-ms-flex-negative:0;flex-shrink:0}.A8ETvbaffbfWsxJDy_OW{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:16px;width:100%}.A8ETvbaffbfWsxJDy_OW,.yQQ8ZWvoqRXw2oHD1OJR{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.yQQ8ZWvoqRXw2oHD1OJR{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;gap:32px;-ms-flex-item-align:end;align-self:flex-end}__workaround_element__{--__workaround_property__:0}/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter,
Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
* Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
*/.sgQuNaOh5Eu6vnzh3eoh{display:grid}.KJNUWtMTBWtQrmsas64b{display:none}.F3qS5Fne4ECzEWyFeJ5S{background-color:var(--lyrics-color-background);border-radius:8px;overflow:hidden}.F3qS5Fne4ECzEWyFeJ5S .dS_1_x4lBrx_vX9AMg6Q:focus-within,.F3qS5Fne4ECzEWyFeJ5S:hover .dS_1_x4lBrx_vX9AMg6Q{opacity:1}.F3qS5Fne4ECzEWyFeJ5S .dS_1_x4lBrx_vX9AMg6Q{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;opacity:0;position:absolute;right:20px;top:16px;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:1}.F3qS5Fne4ECzEWyFeJ5S .mC8gFZzy9ZRO5c61MeuO{height:100%;width:100%}.spotify__container--is-desktop.spotify__os--is-windows .dS_1_x4lBrx_vX9AMg6Q{top:40px}.Cffu0OWzcoGaMWSXoGsq{width:300px}.L5PLOiBhdFNjs4FEu8ln{display:block}.TNGv07zrye9gB_3ukweR{left:0;pointer-events:none;position:fixed;top:0;z-index:9999}.playback-progressbar{height:12px;position:relative;width:100%}.playback-progressbar.playback-progressbar-isInteractive:focus-within{outline:5px auto #3673d4}.progress-bar{height:100%;overflow:hidden;-ms-touch-action:none;touch-action:none;width:100%;--bg-color:hsla(0,0%,100%,.3);--fg-color:#fff;--is-active-fg-color:#1db954;--progress-bar-transform:0%;--progress-bar-height:4px;--progress-bar-radius:calc(var(--progress-bar-height)/2)}.x-progressBar-progressBarBg{background-color:var(--bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.x-progressBar-progressBarBg,.x-progressBar-sliderArea{border-radius:var(--progress-bar-radius);height:var(--progress-bar-height);width:100%}.x-progressBar-sliderArea{overflow:hidden}.oShi2lRbnhFkEr2LlUqC{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:var(--progress-bar-duration);transition-duration:var(--progress-bar-duration);-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform;-webkit-transition-timing-function:linear;transition-timing-function:linear}.ZqlJ1uWjMeen9ye7Y7GC .oShi2lRbnhFkEr2LlUqC{-webkit-transition:none;transition:none}.x-progressBar-fillColor{background-color:var(--fg-color);border-radius:var(--progress-bar-radius);height:var(--progress-bar-height);-webkit-transform:translateX(calc(-100% + var(--progress-bar-transform)));transform:translateX(calc(-100% + var(--progress-bar-transform)));width:100%;will-change:transform}.progress-bar.VI_bMRxDl9fS6qksct7W .x-progressBar-fillColor{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--edge-glow-color)),color-stop(30%,var(--core-color)),color-stop(50%,var(--core-color)),color-stop(70%,var(--core-color)),to(var(--edge-glow-color)));background-image:linear-gradient(to bottom,var(--edge-glow-color) 0,var(--core-color) 30%,var(--core-color) 50%,var(--core-color) 70%,var(--edge-glow-color) 100%)}.progress-bar.VI_bMRxDl9fS6qksct7W.progress-bar--isDragging .sW0M_K97doEB3B4Ts58i:before,.progress-bar.VI_bMRxDl9fS6qksct7W.progress-bar:hover .sW0M_K97doEB3B4Ts58i:before{-webkit-animation-name:saber-flicker;animation-name:saber-flicker}.progress-bar.VI_bMRxDl9fS6qksct7W .x-progressBar-progressBarBg,.progress-bar.VI_bMRxDl9fS6qksct7W .x-progressBar-fillColor,.progress-bar.VI_bMRxDl9fS6qksct7W .x-progressBar-sliderArea{border-radius:0 var(--progress-bar-radius) var(--progress-bar-radius) 0}.progress-bar__slider{background-color:#fff;border:0;border-radius:50%;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);height:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);visibility:hidden;width:12px}.DlESgEm0QGtHnESM1mnR,.progress-bar__slider{cursor:pointer;left:var(--progress-bar-transform);margin-left:-6px;position:absolute;will-change:left;z-index:100}.iA1oALYKD8NxtvpRUsT_{height:18px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px}.iA1oALYKD8NxtvpRUsT_:hover{-webkit-transform:translateY(-50%) scale(2);transform:translateY(-50%) scale(2)}.hMaF66LFzK4KCraLsIXS{-webkit-transform:scaleX(-1) translateY(-50%)!important;transform:scaleX(-1) translateY(-50%)!important}.hMaF66LFzK4KCraLsIXS:hover{-webkit-transform:scaleX(-1) translateY(-50%) scale(2)!important;transform:scaleX(-1) translateY(-50%) scale(2)!important}.playback-progressbar-isInteractive .progress-bar--isDragging .progress-bar__slider,.playback-progressbar-isInteractive .progress-bar:focus .progress-bar__slider,.playback-progressbar-isInteractive .progress-bar:hover .progress-bar__slider,.playback-progressbar-isInteractive:focus-within .progress-bar__slider{visibility:visible}.playback-progressbar-isInteractive .progress-bar--isDragging .x-progressBar-fillColor,.playback-progressbar-isInteractive .progress-bar:focus .x-progressBar-fillColor,.playback-progressbar-isInteractive .progress-bar:hover .x-progressBar-fillColor,.playback-progressbar-isInteractive:focus-within .x-progressBar-fillColor{background-color:var(--is-active-fg-color)}.progress-bar:focus:not(:focus-visible,:hover) .progress-bar__slider{display:none}.sW0M_K97doEB3B4Ts58i{-webkit-box-shadow:0 0 16px 1px var(--blur-glow-color);box-shadow:0 0 16px 1px var(--blur-glow-color);height:var(--progress-bar-height);width:var(--progress-bar-transform)}.sW0M_K97doEB3B4Ts58i,.sW0M_K97doEB3B4Ts58i:before{border-radius:100px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sW0M_K97doEB3B4Ts58i:before{-webkit-animation-duration:.05s;animation-duration:.05s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-box-shadow:0 0 var(--blur-radius) var(--spread-radius) var(--blur-glow-color);box-shadow:0 0 var(--blur-radius) var(--spread-radius) var(--blur-glow-color);content:"";display:block;height:100%;opacity:0;width:100%}@-webkit-keyframes saber-flicker{0%{opacity:0}10%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes saber-flicker{0%{opacity:0}10%{opacity:1}50%{opacity:0}to{opacity:1}}.control-button,.control-button-wrapper{position:relative}.control-button{background-color:transparent;border:none;color:var(--text-subdued);height:32px;min-width:32px;width:32px}.control-button:focus-visible,.control-button:hover{color:#fff;fill:#fff}.control-button:focus-visible:active,.control-button:hover:active{color:var(--text-subdued)}.control-button-heart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.control-button-heart[aria-checked=true]{color:#1ed760}.control-button-heart[aria-checked=false]{color:var(--text-subdued)}.control-button-heart[aria-checked=false]:focus-visible,.control-button-heart[aria-checked=false]:hover{color:#fff;fill:#fff}.control-button-heart[aria-checked=false]:focus-visible:active,.control-button-heart[aria-checked=false]:hover:active{color:var(--text-subdued)}.control-button-feedback{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.control-button--active{fill:#1db954!important;color:#1db954!important}.control-button--active:not(.control-button--disabled):focus,.control-button--active:not(.control-button--disabled):hover{color:#1ed760}.control-button--active:not(.control-button--disabled):active{color:var(--text-subdued)}.control-button--active:not(.control-button--disabled):active:focus,.control-button--active:not(.control-button--disabled):active:hover{color:#1db954}.control-button--active-dot:after{background-color:#1db954;border-radius:50%;bottom:0;content:"";display:block;height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px;inline-size:4px!important}@-webkit-keyframes circle-button-spinning{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(315deg);transform:rotate(315deg)}}@keyframes circle-button-spinning{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(315deg);transform:rotate(315deg)}}.control-button--circled{-webkit-transition:none 33ms cubic-bezier(.3,0,.7,1);transition:none 33ms cubic-bezier(.3,0,.7,1);-webkit-transition-property:all;transition-property:all}@media(-webkit-min-device-pixel-ratio:2){.control-button--circled{-webkit-transition-duration:50ms;transition-duration:50ms}}.control-button--circled:after{border:1px solid hsla(0,0%,100%,.6);border-radius:500px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.control-button--circled:focus,.control-button--circled:hover{-webkit-transform:scale(1.06);transform:scale(1.06);-webkit-transition:none 33ms cubic-bezier(.3,0,0,1);transition:none 33ms cubic-bezier(.3,0,0,1);-webkit-transition-property:all;transition-property:all}@media(-webkit-min-device-pixel-ratio:2){.control-button--circled:focus,.control-button--circled:hover{-webkit-transition-duration:66ms;transition-duration:66ms}}.control-button--circled:focus:after,.control-button--circled:hover:after{border-color:#fff}.control-button--circled:focus:active,.control-button--circled:hover:active{-webkit-transform:scale(.99);transform:scale(.99);-webkit-transition:none;transition:none}.control-button--circled:focus:active:after,.control-button--circled:hover:active:after{border-color:hsla(0,0%,100%,.6)}.control-button--circled.control-button--loading:after{-webkit-animation:circle-button-spinning .65s ease infinite;animation:circle-button-spinning .65s ease infinite;border:3px solid transparent;border-top-color:#fff;bottom:-2px;left:-2px;right:-2px;top:-2px}.control-button--disabled,.control-button--disabled:hover{color:hsla(0,0%,100%,.3)}.control-button--circled.control-button--disabled:after{border:1px solid hsla(0,0%,100%,.3)}.control-button--hidden{visibility:hidden}.volume-bar{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 125px;flex:0 1 125px}.volume-bar.RyUTmsGCr7jM4YTwqq8p{-ms-flex-preferred-size:auto;flex-basis:auto}.volume-bar.HGaOzijxBrKrSQhwI6rT{-webkit-box-flex:0;-ms-flex:none;flex:none}.volume-bar__slider-container{width:var(--slider-width)}.DLZvnBAg9muHrwjSyIus>.volume-bar__slider-container{background-color:#333;border-radius:4px;left:var(--button-size);opacity:0;padding:4px 8px;pointer-events:none;position:absolute;-webkit-transition:opacity .4s linear;transition:opacity .4s linear;z-index:1}.DLZvnBAg9muHrwjSyIus>.volume-bar__slider-container.ekolz0hXwCXtCyFNmvqb{bottom:20px;left:16px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center left;transform-origin:center left}.DLZvnBAg9muHrwjSyIus .volume-bar__icon-button:focus-visible+.volume-bar__slider-container,.DLZvnBAg9muHrwjSyIus .volume-bar__slider-container:focus-within,.DLZvnBAg9muHrwjSyIus:hover .volume-bar__slider-container{opacity:1;pointer-events:auto;position:absolute;-webkit-transition:opacity .1s ease-in .1s;transition:opacity .1s ease-in .1s}.aDDQP2meKLCk46Bn7Zz1{opacity:.3;pointer-events:none}.volume-bar__icon-button{border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;justify-content:center}@media(max-height:170px){.XRpLYcl6xtWmk7bNdHkS{color:hsla(0,0%,100%,.7)}}.main-nowPlayingBar-extraControls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.main-nowPlayingBar-topButton{background-color:transparent;-webkit-app-region:no-drag}.main-nowPlayingBar-topButton:hover{-webkit-transition:background-color .2s linear;transition:background-color .2s linear}.main-nowPlayingBar-lyricsButton,.main-nowPlayingBar-buddyFeedIcon{-ms-flex-negative:0;flex-shrink:0;padding:0}.main-nowPlayingBar-volumeBar{margin-right:8px}.cover-art{background-color:#282828;border:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);display:block;margin:0;position:relative;z-index:0}.cover-art-auto-height{aspect-ratio:1/1}.cover-art-icon{bottom:35%;left:35%;position:absolute;right:35%;top:35%}.cover-art-image,.cover-art-icon svg{height:100%;width:100%}.cover-art-image{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:contain;left:0;position:absolute;top:0}.l6vWJJ896IFrcjkzD4Q0{border-radius:4px}a[data-context-item-type=ad] .cover-art .cover-art-image{bottom:0;height:inherit;margin:auto;top:0}.yyrJTUPMeLS8qs1a0YJr{border-radius:2px;overflow:hidden}.main-nowPlayingWidget-nowPlaying{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.3,0,0,1);transition:-webkit-transform .25s cubic-bezier(.3,0,0,1);transition:transform .25s cubic-bezier(.3,0,0,1);transition:transform .25s cubic-bezier(.3,0,0,1),-webkit-transform .25s cubic-bezier(.3,0,0,1)}.main-coverSlotCollapsed-navAltContainer{border-radius:4px;overflow:hidden}.main-nowPlayingWidget-coverArt{-ms-flex-negative:0;flex-shrink:0;position:relative}.main-nowPlayingWidget-trackInfo{margin:0 8px}.HD9s7U5E1RLSWKpXmrqx{border:0;border-radius:4px;overflow:hidden}
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter,
Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
* Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
*/@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}@media(min-width:1500px){.container{width:1450px}}.row{margin-left:-16px;margin-right:-16px}.container:after,.row:after{clear:both}.hide{display:none!important}.show{display:block!important}.hidden{display:none!important}.main-coverSlotCollapsed-container{isolation:isolate;position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-margin-end:8px;margin-inline-end:8px}.main-coverSlotCollapsed-container:hover .main-coverSlotCollapsed-expandButton{opacity:1}.main-coverSlotCollapsed-container:focus-within .main-coverSlotCollapsed-expandButton{opacity:1}.main-coverSlotCollapsed-expandButton{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;padding:0;position:absolute;top:5px;z-index:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.7);border-radius:500px;border-width:0;color:#b3b3b3;height:24px;line-height:24px;width:24px}.main-coverSlotCollapsed-expandButton:disabled{cursor:not-allowed;opacity:.6}.main-coverSlotCollapsed-expandButton:focus,.main-coverSlotCollapsed-expandButton:hover{background:rgba(0,0,0,.8);color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.main-coverSlotCollapsed-expandButton:focus:disabled,.main-coverSlotCollapsed-expandButton:hover:disabled{cursor:not-allowed;opacity:.6} .main-coverSlotCollapsed-expandButton{right:5px}.VcqCvLW71lZT4kqnCgt0{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;gap:12px;justify-content:center}@container (width < 320px){.VcqCvLW71lZT4kqnCgt0{gap:12px}}.aguQsGoZR9wZeawKGdDh{line-height:16px;max-height:32px;padding:0 var(--encore-spacing-tighter-4);width:80px}.ieqOSqJb6kk3bG5XDOHk{color:#fff;font-variant:tabular-nums;font-weight:700} .ieqOSqJb6kk3bG5XDOHk{margin-left:5px}.playback-bar{--playback-bar-grid-gap:8px;width:100%}.playback-bar__progress-time-elapsed{min-width:40px;text-align:right}.gglUjikTBtMzCZFgSmpS{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--playback-bar-grid-gap)}.dN6OLjjcmnuleiECu55A{display:grid;gap:2px;grid-template:"timer-slot-start timer-slot-end" "progress-bar progress-bar"/1fr 1fr}.dN6OLjjcmnuleiECu55A .playback-bar__progress-time-elapsed{color:hsla(0,0%,100%,.7);grid-area:timer-slot-start;text-align:left}.dN6OLjjcmnuleiECu55A .DSdahCi0SDG37V9ZmsGO{color:hsla(0,0%,100%,.7);grid-area:timer-slot-end;text-align:right}.playback-progressbar-container{display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:progress-bar;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-playbackBarRemainingTime-container{min-width:40px;text-align:left}.Bn7RYdPUyzN4qo1bC1Ic{position:relative;z-index:1;--saber-hilt-width:90px;--saber-hilt-height:20px;height:5px;width:var(--saber-hilt-width);-ms-flex-negative:0;flex-shrink:0;-webkit-margin-end:calc(var(--playback-bar-grid-gap)*-1);margin-inline-end:calc(var(--playback-bar-grid-gap)*-1)}.OEe8k2xe6o6x9x0FAc4b{background-color:transparent;background-image:var(--saber-hilt-url);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border:none;display:block;height:var(--saber-hilt-height);left:var(--saber-hilt-overlap,6px);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--saber-hilt-width)}.INvB6IvAqjjvyfm0ezDi{margin-top:9%}.Is0ZfXiIyRoHd9y1OWtv{height:436px;overflow-y:auto}.NrdHUTnMtBW6EkqM5Bn6 .tippy-content{background-color:#282828;border-radius:4px;-webkit-box-shadow:0 4px 12px 4px rgba(0,0,0,.5);box-shadow:0 4px 12px 4px rgba(0,0,0,.5);min-width:138px;padding:4px}.Ww5ppB6W74laf1c0H_pR{color:hsla(0,0%,100%,.7);display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;min-width:32px;position:relative;width:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:transparent;border:none;justify-content:center}.Ww5ppB6W74laf1c0H_pR:focus,.Ww5ppB6W74laf1c0H_pR:hover,.Ww5ppB6W74laf1c0H_pR[data-context-menu-open=true]{color:#fff}.Ww5ppB6W74laf1c0H_pR:focus:not(:focus-visible,:hover){color:hsla(0,0%,100%,.7)}.Ww5ppB6W74laf1c0H_pR:active,.Ww5ppB6W74laf1c0H_pR[data-context-menu-open=true]:active{color:hsla(0,0%,100%,.7)}.Ww5ppB6W74laf1c0H_pR[disabled]{color:hsla(0,0%,100%,.3)}.player-controls{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player-controls__buttons,.player-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.player-controls__buttons{width:100%;-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;gap:16px;margin-bottom:8px}.player-controls__left,.player-controls__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:8px}.player-controls__left{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fZjbVIqD8Xc3auRZOxu5:before,.vW9NFcNIj8useE43Vx9G:before{background-color:currentcolor;border-radius:50%;bottom:0;content:"";display:block;left:50%;position:absolute;width:4px;inline-size:4px;height:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.zNnlcxsmnV1RiWXSd4IA{padding:8px 12px}.a3sk2brhAAMoZderfRfg[role=menuitem]{padding-inline:12px}.E1ikFpkPVaoLplbQdrTP:after{background-color:currentcolor;border-radius:50%;bottom:0;content:"";display:block;height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px!important}.E1ikFpkPVaoLplbQdrTP.nozebc1PGSbzmePU25qY{outline-offset:12px}.E1ikFpkPVaoLplbQdrTP.nozebc1PGSbzmePU25qY:after{bottom:-8px}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes glue-keyframes-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes glue-keyframes-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes glue-keyframes-fade-in{0%{opacity:0}to{opacity:1}}@keyframes glue-keyframes-fade-in{0%{opacity:0}to{opacity:1}}.main-nowPlayingBar-container{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:620px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-nowPlayingBar-nowPlayingBar{height:72px}.MWD1i_CSJ5N9wRBDpZmX,.main-nowPlayingBar-nowPlayingBar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.MWD1i_CSJ5N9wRBDpZmX{height:0;overflow:hidden}.k3NVrHXkbfflNdAxpT1_{height:0}.m8UPWsNtWbdkvBNvqgBN{height:90px;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:cubic-bezier(.3,0,0,1);transition-timing-function:cubic-bezier(.3,0,0,1)}.aepuRyT82biv_XmkH1eS{height:90px}.mNB8R2RtsKr1Uz5fun48 video{bottom:0;height:210px;left:0;position:absolute;width:210px;z-index:3}.main-nowPlayingBar-left{-webkit-padding-start:8px;min-width:180px;padding-inline-start:8px;width:30%}.main-nowPlayingBar-center{max-width:722px;width:40%}.main-nowPlayingBar-right{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:180px;width:30%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
Reference in New Issue View Git Blame Copy Permalink