solorice/config/spicetify/Extracted/Raw/xpui/xpui-routes-playlist.css
Kristofers Solo a42ded1119 Use dotter
2024-08-28 09:02:07 +03:00

27 lines
17 KiB
CSS
Executable File

.sponsor-container{padding-bottom:20px;padding-left:42px}.sponsor-container .sponsor-text{color:#fff;display:block;padding-bottom:var(--encore-spacing-tighter-2)}.sponsor-container .sponsor-logo .sponsor-logo__link{border:0;text-decoration:none}.sponsor-container .sponsor-logo .sponsor-logo__image{max-height:75px;max-width:200px}.sponsor-container .sponsor-logo__3p-imp-pixel,.sponsor-container .sponsor-logo__click-img-pixel,.sponsor-container .sponsor-logo__imp-pixel{display:none;height:1px;width:1px}
/*!
* 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
*/.hOOwEKqNuXrNvOCB1SgZ{color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;gap:32px;height:calc(100vh - 114px);justify-content:center;margin-top:-64px}.csEdkIN9z2LjJIuZraqz,.hOOwEKqNuXrNvOCB1SgZ{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.csEdkIN9z2LjJIuZraqz{gap:8px}.TGW6mpr34dHAhhFh0pfw{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;margin-block:8px 16px}.pQmF4tvRpUeLWgPKUcW7{background-color:#242424;border-radius:8px;display:grid;grid-template-columns:102px auto 32px;height:102px;max-width:420px;overflow:hidden;width:420px}.mGY3ER0iIvb1NbJ1d7X4{height:102px;-o-object-fit:cover;object-fit:cover;width:102px;-webkit-box-flex:0;border-bottom-left-radius:8px;border-top-left-radius:8px;-ms-flex:0 0 102px;flex:0 0 102px}.JHz_5gqDYpq9Lw3pIac_{padding-top:8px;padding-inline:16px}.oTFzEDWGQSLME1nHjJrt{font-size:11px;font-weight:400;padding-bottom:4px}.HPCUzqQRn7oae4vJa3y9{font-size:16px;font-weight:700;padding-bottom:4px;-webkit-line-clamp:1}.HPCUzqQRn7oae4vJa3y9,.YxZlxyNx0MHxSVO51TVQ{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.YxZlxyNx0MHxSVO51TVQ{font-size:14px;font-weight:400;-webkit-line-clamp:2}a._B5m05rOGq0BKdTa7al5{text-decoration:none}.StPcf0AvSM0c18nwF4hJ{margin-top:4px}.KhaSITGJnz5MH4qDsYkK{scroll-snap-align:center}.KhaSITGJnz5MH4qDsYkK:hover{text-decoration:none}.ERx0RCdRdFFmYdmZR1P5{cursor:pointer;-ms-flex-item-align:center;align-self:center;z-index:10}.ERx0RCdRdFFmYdmZR1P5:active,.ERx0RCdRdFFmYdmZR1P5:focus,.ERx0RCdRdFFmYdmZR1P5:hover{cursor:pointer}.nX5e9EyU1GmU42OFVHwH{margin:0 32px;position:relative}.MIgjuGue6dRaJWwfUX0K{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;overflow-x:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.C5dyMaEg91RyIp9YajnW{background:url(https://concerts.spotifycdn.com/images/this_is_playlists/ArtistCardBackground.png);background-size:contain;border-radius:8px;height:102px;max-width:500px;overflow:hidden;width:420px}.himyaJTaj2PpeC7nuAH5{contain:content;display:grid;grid-template-columns:auto 40px;position:absolute;top:45%;width:100%;z-index:1}.KfXbOs2l5lLjtz9R4DiW,.yy5akXrxTifXTssHWubJ{background:var(--base-set-text-base,#fff);border-radius:50%;color:#0d0d0d;cursor:pointer;padding:0;position:relative;width:32px}.KfXbOs2l5lLjtz9R4DiW:active,.KfXbOs2l5lLjtz9R4DiW:focus,.KfXbOs2l5lLjtz9R4DiW:hover,.yy5akXrxTifXTssHWubJ:active,.yy5akXrxTifXTssHWubJ:focus,.yy5akXrxTifXTssHWubJ:hover{color:#0d0d0d;cursor:pointer}.KfXbOs2l5lLjtz9R4DiW{-webkit-margin-start:8px;margin-inline-start:8px}.yy5akXrxTifXTssHWubJ{-webkit-margin-end:8px;margin-inline-end:8px}@-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}}.playlist-inlineSearchBox-filterInputContainer{position:relative}.playlist-inlineSearchBox-filterInput{background-color:hsla(0,0%,100%,.1);border:0;border-radius:4px;color:hsla(0,0%,100%,.7);height:40px;opacity:1;padding:8px 32px;text-overflow:ellipsis;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity width;transition-property:opacity width;-webkit-transition-timing-function:cubic-bezier(.3,0,.4,1);transition-timing-function:cubic-bezier(.3,0,.4,1);width:100%}.playlist-inlineSearchBox-filterInput::-ms-clear{display:none}.playlist-inlineSearchBox-filterInput::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.playlist-inlineSearchBox-filterInput::-moz-placeholder{color:hsla(0,0%,100%,.7)}.playlist-inlineSearchBox-filterInput:-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.playlist-inlineSearchBox-filterInput::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.playlist-inlineSearchBox-filterInput::placeholder{color:hsla(0,0%,100%,.7)}.playlist-inlineSearchBox-overlay{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:10px;position:absolute;right:10px;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:1;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.3,0,.4,1);transition-timing-function:cubic-bezier(.3,0,.4,1)}.playlist-inlineSearchBox-searchIconContainer{-webkit-box-flex:1;color:hsla(0,0%,100%,.7);-ms-flex:1;flex:1}.playlist-inlineSearchBox-searchIcon{display:block}.playlist-inlineSearchBox-clearButton{background-color:transparent;border:0;color:hsla(0,0%,100%,.7);padding:0;pointer-events:auto}.playlist-inlineSearchBox-clearButton,.dK79XxAEu3SEKJ2jS_Qy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dK79XxAEu3SEKJ2jS_Qy{gap:4px;white-space:nowrap}.guiUbDD6Ga8Qpatq2jQ8{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0}.guiUbDD6Ga8Qpatq2jQ8>:not(:first-child):before{content:"•";display:inline-block;margin:0 4px}.ci11tAmTK1LnxThQkXPy{max-width:816px}._2sJPwAAp1wY1Ftke6iFe{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px}._2sJPwAAp1wY1Ftke6iFe>:not(:first-child){opacity:0}._2sJPwAAp1wY1Ftke6iFe .yuNzasMLs7hvemHI4d8Q{opacity:1}.ci11tAmTK1LnxThQkXPy:focus-within ._2sJPwAAp1wY1Ftke6iFe>*,.ci11tAmTK1LnxThQkXPy:hover ._2sJPwAAp1wY1Ftke6iFe>*{opacity:1}.ci11tAmTK1LnxThQkXPy.dNymWGRudMrTI6ot9FBg .luWcW9hkbLdFxRQB0yGb{color:var(--text-bright-accent)}.abYR6tZoE7BdzThmWTb0{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.GOcKQxqNMhGzbGiAXBig,.abYR6tZoE7BdzThmWTb0{display:-webkit-box;display:-ms-flexbox;display:flex}.GOcKQxqNMhGzbGiAXBig{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.yFQjuDAhri_egM1pwn70:before{border-top:1px solid hsla(0,0%,100%,.1);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.i3wVxndfxMEqUujUJOYc{-webkit-margin-end:4px;margin-inline-end:4px}.XFwXZEToljeXDRWQYSEm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hZ_wTiRO870PNY1cRKCd{margin-right:4px}__workaround_element__{--__workaround_property__:0}@-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%)}}/*!
* 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
*/.playlist-playlist-playlist{margin-top:-64px}.playlist-playlist-searchBoxContainer{-webkit-margin-start:auto;margin-inline-start:auto;-ms-flex-pack:end}.playlist-playlist-searchBoxContainer,.playlist-playlist-leadingSlot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;gap:8px;justify-content:flex-end}.playlist-playlist-leadingSlot{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-pack:end}.playlist-playlist-recommendedTrackList{display:grid;gap:24px;margin-top:30px}.playlist-playlist-playlistContent{background:var(--background-base);isolation:isolate}.playlist-playlist-playlistDescription{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:74px;overflow:hidden;word-break:break-word}.playlist-playlist-top{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.playlist-playlist-top,.playlist-playlist-header{display:-webkit-box;display:-ms-flexbox;display:flex}.playlist-playlist-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.playlist-playlist-subtitle{color:#b3b3b3;margin-top:5px}.playlist-playlist-refreshButton{justify-self:end}.playlist-playlist-playlistImageContainer{-ms-flex-item-align:end;align-self:flex-end;height:192px;min-width:192px;width:192px;-webkit-margin-end:24px;margin-inline-end:24px}@media(min-width:1280px){.playlist-playlist-playlistImageContainer{height:232px;min-width:232px;width:232px}}.playlist-playlist-playlistInlineCurationSection{border-top:1px solid hsla(0,0%,100%,.1);display:-webkit-box;display:-ms-flexbox;display:flex;padding:24px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:24px}.playlist-playlist-playlistInlineCurationSection .playlist-playlist-playlistInlineCurationTitle{color:#fff;margin-bottom:16px}.playlist-playlist-playlistInlineCurationWrapper{display:inline-block}.playlist-playlist-playlistInlineCurationCloseButton{margin-right:16px}.playlist-playlist-playlistInlineCurationCloseButton,.playlist-playlist-playlistInlineCurationBackButton{background-color:transparent;border:0;color:hsla(0,0%,100%,.7)}.playlist-playlist-playlistInlineCurationBackButton{align-self:end;border-radius:32px;display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:close-button;height:32px;margin:16px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.playlist-playlist-artistResultListTitle{margin:20px 0 16px}.playlist-playlist-seeMore{background:none;border:none;color:#fff;display:block;margin:32px 16px 0 0}.playlist-playlist-emptyStateContainer{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.playlist-playlist-emptySearchTermContainer,.playlist-playlist-searchResultListContainer{min-height:calc(60vh - 122px)}.playlist-playlist-whiteOpacity{color:hsla(0,0%,100%,.7)}.playlist-playlist-noBooklistSupportContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:8px 0 32px}.playlist-playlist-concertsFooter{margin-block:56px 32px;margin-inline:32px}.playlist-playlist-promoRow{border-radius:4px;margin:32px 0;max-width:400px;min-height:92px;overflow:hidden;padding:8px 12px;position:relative;-webkit-padding-end:100px;background-color:#7358ff;background-image:-webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.25)));background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.25));color:#fff;padding-inline-end:100px}.playlist-playlist-promoTitle{-webkit-margin-after:8px;line-height:1.5rem;margin-block-end:8px;padding-bottom:8px}.playlist-playlist-ctaLink:focus,.playlist-playlist-ctaLink:hover{cursor:pointer;text-decoration:none}.playlist-playlist-ctaLink span:last-of-type{font-weight:700!important}.playlist-playlist-promoImage{-webkit-box-shadow:0 4px 60px rgba(0,0,0,.4);box-shadow:0 4px 60px rgba(0,0,0,.4);display:block;height:80px;inset-block-end:-8px;inset-inline-end:-8px;position:absolute;-webkit-transform:rotate(25deg);transform:rotate(25deg);width:80px}.playlist-playlist-disclaimerContainer{max-width:70vw} .playlist-playlist-seeMore{margin-left:auto} .playlist-playlist-icon{margin-right:4px} .playlist-playlist-playlistInlineCurationCloseButton{margin-right:8px}
/*!
* 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}.G2t3w2AAeb5OXp0_GeWs,.saVjTFMyWYUz975_tkQm{border-radius:50%;height:40px;width:40px}.saVjTFMyWYUz975_tkQm{background-color:#282828;color:#b3b3b3;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}.CyuIzriQn67Wypa5jMuY{border-radius:4px}.CyuIzriQn67Wypa5jMuY,.thi8fNCkEhutRkDC90c0{height:40px;width:40px}.CyuIzriQn67Wypa5jMuY,.G2t3w2AAeb5OXp0_GeWs,.saVjTFMyWYUz975_tkQm,.thi8fNCkEhutRkDC90c0{-webkit-margin-start:-8px;margin-inline-start:-8px}.pHVlkChuJpEnBQyU3ADv{color:#fff}.ENWs3JxcqtD98_8fbPz2{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;max-height:64px;min-height:56px}.ENWs3JxcqtD98_8fbPz2:hover{background-color:hsla(0,0%,100%,.1)}.ENWs3JxcqtD98_8fbPz2:active{background-color:hsla(0,0%,100%,.3)}.L8IUKEJL6JiTyE_qUVCc{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.L8IUKEJL6JiTyE_qUVCc,.XcyjdXgsNX0DBt72tfiD{display:-webkit-box;display:-ms-flexbox;display:flex}.XcyjdXgsNX0DBt72tfiD{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.VhJnuS7UcUPfIlzD8dlU{background:none;border:none;margin-left:auto}.He29vQ5anFj_bJ5iEaI2{background:none;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:inherit}.bg5inM_sdkHpYWiFf7Id{margin-inline:-12px}.DyW2LAm9YDcCkcdM0eeP{background:var(--text-bright-accent);height:2px;margin-bottom:-2px;pointer-events:none;position:relative;width:100%;z-index:1}.BagEpNps_J8R2QuHRZMa{margin-top:40px;content-visibility:auto;contain-intrinsic-height:calc(var(--last-height));margin-inline:-12px;opacity:1;-webkit-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out}.BagEpNps_J8R2QuHRZMa:empty{min-height:var(--last-height);opacity:0;will-change:opacity}.bjB8WZd0Ev30ZFbiScDm{margin-inline:12px;margin-bottom:0}.main-editImage-buttonContainer,.main-editImageButton-image{height:100%;width:100%}.main-editImageButton-image{background-color:#282828;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border:none;border-radius:4px;justify-content:center;opacity:0;padding:0}.main-editImageButton-image:focus,.main-editImageButton-image:hover{opacity:1}.main-editImageButton-image:focus:not(:focus-visible,:hover){opacity:0}.main-editImageButton-overlay{background-color:rgba(0,0,0,.7)}.main-editImageButton-rounded{border-radius:50%}.main-editImageButton-icon{margin-top:16px;-webkit-transition:opacity .2s;transition:opacity .2s}.main-editImageButton-copy{display:block}.profile-editImage-imageContainer{display:-webkit-box;display:-ms-flexbox;display:flex;height:inherit;position:relative;width:inherit}.profile-editImage-editImageButtonContainer{bottom:0;left:0;position:absolute;right:0;top:0}