solorice/config/spicetify/Extracted/Raw/xpui/dwp-full-screen-mode-container.css

.ylcmjHXKpwmez5_bBVgt{font-size:.3vw;height:100vh;opacity:0;position:relative;-webkit-transition:opacity .25s;transition:opacity .25s;will-change:opacity;z-index:3}.kChcaF3yz3SoL5dZPwEr{opacity:1}.npv-nowPlayingBar-container{bottom:10.5em;display:-webkit-box;display:-ms-flexbox;display:flex;left:14.5em;position:absolute;right:14.5em;-webkit-box-orient:vertical;-webkit-box-direction:normal;direction:ltr;-ms-flex-direction:column;flex-direction:column}.npv-nowPlayingBar-controls{display:grid;grid-template-columns:1fr 1fr 1fr;height:19.5em;z-index:9}.npv-nowPlayingBar-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.npv-nowPlayingBar-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.npv-nowPlayingBar-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.npv-nowPlayingBar-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.npv-exitFullScreenButton-button,.Lgyj1e9c3lrdgVGlMIyV{background:transparent;border:none;color:hsla(0,0%,100%,.7);height:32px;width:32px}.npv-exitFullScreenButton-button:focus,.npv-exitFullScreenButton-button:hover,.Lgyj1e9c3lrdgVGlMIyV:focus,.Lgyj1e9c3lrdgVGlMIyV:hover{color:#fff}.spotifyinternal-artistnpv .npv-modal--hidden.npv-modal--hidden{pointer-events:none}.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}.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}.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}}.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)}.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%)}.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)}@-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}}.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)}}.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}.Psc33HXPyazZYAAr1tgz{-webkit-app-region:no-drag;background:rgba(0,0,0,.7);color:hsla(0,0%,100%,.7);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;border:none;border-radius:30px;height:30px;justify-content:center;text-align:center;width:30px}.Psc33HXPyazZYAAr1tgz:hover{color:#fff}.VGJz_GOARJ6j02JICvW6{background:transparent;color:#b3b3b3}.VpNHGG5ZhoxQ8AqW709S:focus{border-color:#fff;color:#fff}.P7395UzhjxLUlLZvj5fb{border-color:#1db954;color:#1db954;position:relative}.P7395UzhjxLUlLZvj5fb:after{background-color:#1db954;border-radius:50%;bottom:2px;content:"";display:block;height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}.P7395UzhjxLUlLZvj5fb:focus{border-color:#1ed760;color:#1ed760}.P7395UzhjxLUlLZvj5fb:focus:after{background-color:#1ed760}