dotfiles/.config/spicetify/Extracted/Raw/concerts/css/concerts.css
2021-03-28 17:11:08 +02:00

2 lines
No EOL
20 KiB
CSS
Executable file

.billboard-ad{display:none;z-index:9;overflow:hidden;opacity:0;transition:background-color .5s,opacity .5s}.billboard-ad{background:rgba(18,19,20,.95)}.billboard-ad{padding-right:30px;padding-left:30px}.billboard-ad a{border:none}.billboard-ad.dummy{display:block;visibility:none}.billboard-ad.visible{display:flex;align-items:center;justify-content:center}.billboard-ad.ready{opacity:1}.billboard-ad .minimizer{outline:0;width:24px;height:24px;color:#fff;opacity:.3;transition:opacity .5s;position:fixed;top:-2px;display:none}.billboard-ad .minimizer{margin:0;padding:0;border:none;background:none}.billboard-ad .minimizer{right:0}.billboard-ad .minimizer:hover{opacity:.7}.billboard-ad .minimizer:focus{opacity:.9}.billboard-ad .minimizer.visible{display:block}.billboard-ad .billboard-wrapper{opacity:1;visibility:visible}.billboard-ad .billboard-wrapper{transform:translateZ(0)}.billboard-ad .billboard{position:static;pointer-events:auto}.billboard-ad .billboard{cursor:pointer}.billboard-ad .billboard img{height:100%;width:100%}.billboard-ad .billboard img{margin-top:10px}.billboard-ad .billboard .disclaimer{font-size:11px;line-height:16px;letter-spacing:.015em;font-weight:var(--glue-font-weight-normal);color:#b3b3b3;text-transform:uppercase;letter-spacing:.16em;display:block;width:100%}.billboard-ad .billboard .disclaimer{text-align:center}.billboard-ad .billboard .title{display:block;font-size:19px;height:20px;color:#fff}.billboard-ad .billboard .title{text-align:center}.billboard-ad .footer{position:absolute;bottom:-122px;height:122px;transition:background-color .5s .2s;pointer-events:auto}.billboard-ad .footer{border-top:1px solid #282828;background-color:rgba(24,24,24,0)}.billboard-ad .footer{left:0;right:0}.billboard-ad .footer .companion{height:90px;display:block;max-width:720px;width:100%;transition:margin .5s ease .2s,opacity .5s ease .2s;opacity:0}.billboard-ad .footer .companion{cursor:pointer;margin:46px auto 0}.billboard-ad .footer .companion img{height:auto;width:100%}.billboard-ad.minimized{pointer-events:none}.billboard-ad.minimized{background:rgba(18,19,20,0)}.billboard-ad.minimized .footer{background-color:#181818}.billboard-ad.minimized .footer .companion{opacity:1}.billboard-ad.minimized .footer .companion{margin-top:16px}.billboard-ad.minimized .minimizer{display:none}.billboard-ad.minimized .billboard-wrapper{animation:downAndOut .5s;animation-fill-mode:forwards}.billboard-ad.minimized .footer{bottom:0}@keyframes downAndOut{to{transform:translate3d(0,30px,0);opacity:0;visibility:hidden}}@media(max-height:975px),(max-width:1600px){.billboard-ad.video .billboard-wrapper{width:1000px}}@media(max-height:825px),(max-width:1200px){.billboard-ad .billboard-wrapper{width:800px}}@media(max-height:725px),(max-width:1000px){.billboard-ad .billboard-wrapper{width:600px}}#leaderboard-ad-wrapper{z-index:4;position:relative;overflow:hidden}#leaderboard-ad-wrapper .click-block-overlay{position:absolute;top:0;width:100%;height:100%;display:none;flex-direction:column;justify-content:center}#leaderboard-ad-wrapper .click-block-overlay{background-color:rgba(24,24,24,.8)}#leaderboard-ad-wrapper .click-block-overlay{left:0}#leaderboard-ad-wrapper .click-block-overlay.active{display:flex}#leaderboard-ad-wrapper .click-block-overlay:hover{color:transparent}#leaderboard-ad-wrapper .click-block-overlay .click-button-wrapper{text-align:center}#leaderboard-ad-element{width:760px;height:90px;position:relative;-webkit-user-select:none;user-select:none}#leaderboard-ad-element{margin:16px auto}@media(max-width:1024px){#leaderboard-ad-element{padding:0 8px;margin:8px auto}}@media(max-height:768px){#leaderboard-ad-element{margin:8px auto}}.ne-bg-image{position:absolute;top:0;max-width:1480px;width:100%;height:100%;opacity:.8}.ne-bg-image{background-size:cover}.bg-centered{background-position:50%}.blurred{opacity:.4;filter:blur(30px)}.ne-header{padding-bottom:20px}.ne-container{z-index:2}.ne-container{padding-top:25px}.ne-container .ne-container-center{max-width:685px}.ne-container .ne-container-center{margin:0 auto}.ne-container .ne-title{font-size:36px;line-height:38px}.ne-container .ne-attrib{font-size:14px;display:flex;flex-wrap:wrap}.ne-container .ne-attrib{margin-top:10px}.ne-container .exclusive{color:#7ab800}.ne-bottom-fade{width:100%;position:absolute;bottom:0;z-index:1}.ne-bottom-fade{box-shadow:0 52px 105px 121px #181818}.ne-left-fade{height:100%;width:300px;position:absolute;top:0;z-index:1}.ne-left-fade{background:linear-gradient(270deg,rgba(18,19,20,0) 0,#000)}.ne-right-fade{height:100%;width:300px;position:absolute;top:0;z-index:1}.ne-right-fade{right:0;background:linear-gradient(90deg,rgba(18,19,20,0) 0,#181818)}.h-main-content .h-title{max-height:79px}.h-main-content .h-title{margin-bottom:0}.h-main-content .h-description{font-size:12px;color:#adaeb3}.h-main-content .h-label p{color:#fff}.h-main-content .h-label img{max-width:170px;max-height:100px}.h-main-content .h-label .tagline{letter-spacing:0}.ne-container.sponsored{height:350px}.sponsored-credits{position:absolute;bottom:16px;max-height:28px;max-width:230px;opacity:.6}.sponsored-credits{right:16px}@media screen and (max-width:750px){.sponsored-credits{display:none}}@media screen and (max-width:804px){.h-media{width:210px}.h-media{padding-bottom:16px}.h-description{display:-webkit-box;visibility:visible}.h-controllers{left:auto}}#hpto{position:relative;overflow:hidden}#hpto-container{overflow:hidden;-webkit-user-select:none;user-select:none;transition:height .5s ease}#hpto-container{margin-bottom:14px}#hpto-container .h-controllers{left:auto!important}#hpto-container .ad-container{max-width:1480px;min-height:270px}#hpto-container .ad-container{background-position:top;background-repeat:no-repeat;margin:0 auto}#hpto-container .ad-container.image-hpto{min-height:0}#hpto-container .ad-container.image-hpto{text-align:center}#hpto-container .ad-container .hpto-image-creative{max-width:1200px;max-height:270px;width:100%}#hpto-container .ad-container .hpto-image-creative{margin:0 auto;cursor:pointer}#hpto-container .ad-container.hidden{display:none}#hpto-container .ad-container.interactive{cursor:pointer}#hpto-container.hpto-closed{height:0}.ad-iframe{width:800px;height:245px;display:block;overflow:hidden}.ad-iframe{margin:0 auto;padding:10px 0 0;border:none;background:transparent}.hpto-button{font-size:11px;line-height:16px;letter-spacing:.015em;font-weight:var(--glue-font-weight-normal);color:#b3b3b3;text-transform:uppercase;letter-spacing:.16em;position:absolute;top:24px;color:#f6f8ff;opacity:.4;transition:opacity .2s ease;z-index:3}.hpto-button{background:#29292d;cursor:pointer;padding:7px 16px 5px;border-radius:10px}.hpto-button{right:30px}.hpto-button:hover{opacity:.8;color:#f6f8ff}.hpto-button:hover{background-color:#3d3e43}.no-hover:hover{opacity:.4}.no-hover:hover{background-color:#29292d;cursor:default}.min-width{min-width:800px}.saf-video-takeover{position:absolute;top:0;bottom:0;z-index:9;display:flex;align-items:center;justify-content:center;overflow:hidden}.saf-video-takeover{left:0;right:0}.saf-video-takeover.will-maximize{transform:scale(0)}.saf-video-takeover.will-maximize{transform-origin:-15% 80%}.saf-video-takeover.will-maximize.maximize{transition:transform .3s ease-in-out}.saf-video-takeover.will-maximize.maximize,.saf-video-takeover.will-minimize{transform:scale(1)}.saf-video-takeover.will-minimize{transform-origin:-15% 80%}.saf-video-takeover.will-minimize.minimize{transition:transform .3s ease-in-out}.saf-video-takeover.will-minimize.minimize{transform:scale(0)}.saf-video-takeover-min .saf-video-takeover{background:#000}.saf-video-takeover-max .saf-video-takeover{background:rgba(18,19,20,.95)}.saf-video-takeover-video video{cursor:pointer}.saf-video-takeover-min .saf-video-takeover-video video{width:100%}.saf-video-takeover-min .saf-video-takeover-video video{padding:0 10px}@media(max-width:1000px){.saf-video-takeover-max .saf-video-takeover-video video{width:540px}.saf-video-takeover-max .saf-video-takeover-video video{margin:0}}@media(min-width:1000px)and (max-width:1279px){.saf-video-takeover-max .saf-video-takeover-video video{width:640px}.saf-video-takeover-max .saf-video-takeover-video video{margin:80px}}@media(min-width:1280px)and (max-width:1899px){.saf-video-takeover-max .saf-video-takeover-video video{width:854px}.saf-video-takeover-max .saf-video-takeover-video video{margin:100px}}@media(min-width:1900px){.saf-video-takeover-max .saf-video-takeover-video video{width:1280px}.saf-video-takeover-max .saf-video-takeover-video video{margin:150px}}.saf-video-takeover-btn-max,.saf-video-takeover-btn-min{display:none;color:#fff;outline:0}.saf-video-takeover-btn-max,.saf-video-takeover-btn-min{background:none;border:none;margin:0;padding:0;text-align:center}.saf-video-takeover-btn-max{position:absolute;top:15px;width:24px;height:24px;opacity:.3;transition:opacity .5s}.saf-video-takeover-btn-max{right:20px}.saf-video-takeover-btn-max:hover{opacity:.7}.saf-video-takeover-btn-max:focus{opacity:.9}.saf-video-takeover-max .saf-video-takeover-btn-max{display:block}html.glue2 #view-video-ad .saf-video-takeover-view{z-index:1025}html.glue2 #view-video-ad .saf-video-takeover-btn-max{-webkit-app-region:no-drag}.saf-video-takeover-btn-min{position:absolute;top:5px;width:20px;height:20px;opacity:0;transition:opacity .5s}.saf-video-takeover-btn-min{right:5px}.saf-video-takeover-min .saf-video-takeover-btn-min{display:block}.saf-video-takeover-min:hover .saf-video-takeover-btn-min{opacity:1}.context-menu-container{position:absolute;width:100%;height:100%;top:0}.context-menu-container{left:0}.context-menu{position:absolute;display:none;width:auto;min-width:160px;max-width:350px;color:#b3b3b3;isolation:isolate}.context-menu{padding:8px 0;background-color:#282828;box-shadow:0 4px 12px 4px rgba(0,0,0,.5);border-radius:8px}.scrollbar-style-visible-mac .context-menu::-webkit-scrollbar-button,.scrollbar-style-visible-mac .context-menu::-webkit-scrollbar-track,.scrollbar-style-visible-windows .context-menu::-webkit-scrollbar-button,.scrollbar-style-visible-windows .context-menu::-webkit-scrollbar-track{background-color:#282828}.body-container--unknown-os .context-menu,.body-container--windows .context-menu{border-radius:0}.context-menu .item{position:relative;line-height:18px;display:flex}.context-menu .item{padding:7px 34px;cursor:default}.context-menu .sep{display:block;height:1px}.context-menu .sep{margin:4px 0;background-color:#404040}.context-menu .item.disabled{opacity:.4}.context-menu .filter-search{position:fixed;height:0;width:0;opacity:0}.context-menu .filter-search{left:0;right:0}.context-menu .filter-search input:focus{outline:0}.context-menu .item.with-icon{padding-left:12px}.context-menu .item.with-icon:before{margin-right:6px}.context-menu .item.with-icon-svg:before{content:"";display:inline-block;width:16px;height:16px;vertical-align:top;position:relative;top:1px}.context-menu .item.with-icon-svg:before{background-image:var(--svg-icon);background-repeat:no-repeat;background-size:contain}.context-menu .item span{pointer-events:none}.context-menu .item .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu .item.secondary{display:flex;flex-direction:row;justify-content:space-between}.context-menu .item.secondary{padding-right:10px}.context-menu .item.secondary .secondary{flex-shrink:0}.context-menu .item.secondary .secondary{margin-left:20px}.context-menu .filtered{display:none}.context-menu .item .highlight{color:#fff}.context-menu .item .highlight{background-color:#2e77d0;padding:0 3px;border-radius:2px}.context-menu .item.parent:after{font-family:glue-spoticon;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;display:inline-block;line-height:inherit;vertical-align:bottom;display:block;position:absolute;top:8px;width:0;height:0}.context-menu .item.parent:after{right:24px}.context-menu .item.parent:after{content:"\f110"}.context-menu .item.hover:not(.disabled){color:#fff}.context-menu .item.hover:not(.disabled){background-color:#404040;cursor:default}.context-menu .item.active{color:#fff}.context-menu .item.active{background-color:#404040}.context-menu .item:last-child{border:0}.location__container{display:flex;justify-content:flex-start;align-items:center;position:relative}.location__container{padding:1em 0}.location__name{font-size:36px;line-height:44px;letter-spacing:-.005em;font-weight:var(--glue-font-weight-black);color:#fff;text-transform:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.location__name{margin-right:40px}.change-location{display:flex;justify-content:space-between;align-items:center;position:relative;width:56%}.change-location__btn-cancel{flex-shrink:0}.change-location__instruction{font-size:36px;line-height:44px;letter-spacing:-.005em;font-weight:var(--glue-font-weight-black);color:#fff;text-transform:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:312px}.change-location__dropdown{z-index:10;width:100%;min-width:300px;color:#fff;font-size:14px;line-height:36px;font-weight:var(--glue-font-weight-normal);position:relative}.static .change-location__dropdown{display:inline-block;position:static}.change-location__standalone{display:flex;align-items:center}.change-location__standalone{background:#181818}.change-location__standalone>div{position:relative;width:40%}.change-location__standalone>div{margin:0 16px}.change-location__standalone .change-location__list{position:absolute;width:100%}.change-location__standalone .change-location__list{background-color:#282828}.change-location__standalone .change-location__item{margin-right:0;margin-left:0}.change-location__standalone .change-location__form{margin:1em 0 0}.change-location__standalone .button{margin-top:1em}.change-location__form{margin:0 16px}.change-location__input-label{width:100%}.change-location__input-label{margin:0}.change-location__input{width:100%;color:#fff;font-weight:300}.change-location__input{border:0;background-color:transparent}.change-location__input{padding-left:22px;padding-right:22px}.change-location__input:focus{outline:none}.change-location__label{position:relative;width:100%}.change-location__label{background-color:#333;margin-bottom:0;border-radius:18px}.change-location__label{padding-left:8px;padding-right:8px}.change-location__label:before{position:absolute}.change-location__list{list-style-type:none;max-height:22vh;overflow-y:scroll;position:absolute;width:96%}.change-location__list{padding:0;margin-top:8px;background-color:#282828}.change-location__list{margin-right:auto;margin-left:auto;left:0;right:0}.scrollbar-style-visible-mac .change-location__list::-webkit-scrollbar-button,.scrollbar-style-visible-mac .change-location__list::-webkit-scrollbar-track,.scrollbar-style-visible-windows .change-location__list::-webkit-scrollbar-button,.scrollbar-style-visible-windows .change-location__list::-webkit-scrollbar-track{background-color:#282828}.change-location__error,.change-location__item{margin:0 16px}.change-location__error,.change-location__item{text-align:left}.scrollbar-style-visible-mac .change-location__error,.scrollbar-style-visible-mac .change-location__item,.scrollbar-style-visible-windows .change-location__error,.scrollbar-style-visible-windows .change-location__item{margin-right:0}.change-location__error,.change-location__link{padding:0 16px}.change-location__item{border-bottom:1px solid #333;padding:0}.change-location__item:focus,.change-location__item:hover{outline:none}.change-location__item:focus,.change-location__item:hover{cursor:pointer;background-color:#333}.change-location__link{display:block}.change-location__link:focus:not(.button),.change-location__link:hover:not(.button){text-decoration:underline}.change-location__link:focus:not(.button),.change-location__link:hover:not(.button){border-bottom-color:transparent}.spoticon-x-16{position:absolute;top:1px}.spoticon-x-16{right:8px}.spoticon-x-16:before{font-size:12px;font-weight:var(--glue-font-weight-bold)}.spoticon-x-16.hide{display:none}@media screen and (max-width:800px){.change-location__instruction{min-width:0}}.concert-list-row{display:table;width:100%;height:80px;position:relative}.concert-list-row{margin:0;padding:10px;border-bottom:1px solid #282828}.concert-list-row:hover{background-color:#333;cursor:pointer}.concert-list-row:hover .card-button-play,.concert-list-row:hover .right>a{visibility:visible}.concert-list-row:hover .tooltip--container{opacity:1}.concert-list-row.has-badge.expanded{border-bottom:0}.concert-list-row>div{display:table-cell;vertical-align:middle}.concert-list-row .card.playing .button-play.card-button-play{visibility:visible}.concert-avatar{width:60px;min-width:60px;height:60px}.concert-title{width:40%;min-width:40%}.concert-title{padding:0 10px}.concert-discovery,.concert-title.discovery{width:20%;min-width:20%}.concert-discovery{padding:0 10px}.concert-discovery:hover>span{color:#b3b3b3}.concert-discovery:hover>span{border:#404040}.concert-dates{position:relative;width:20%;min-width:20%}.concert-dates{padding:0 10px}.concert-dates .spoticon-chevron-down-16,.concert-dates .spoticon-chevron-up-16{position:absolute}.concert-dates .spoticon-chevron-down-16,.concert-dates .spoticon-chevron-up-16{left:-15px}.concert-dates .spoticon-chevron-down-16:before,.concert-dates .spoticon-chevron-up-16:before{font-size:.8em}.concert-dates .spoticon-chevron-down-16{margin-top:-1px}.concert-dates-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.concert-count{color:#1a1a1a;font-style:normal;font-size:.9em;font-weight:700;position:relative;top:-1px}.concert-count{background-color:#b3b3b3;border-radius:2px;padding:0 2px}.concert-count{margin-left:4px}.concert-location{width:40%;min-width:40%}.concert-location{padding:0 10px}.concert-location--collapsed{display:none}.concert-venue{position:relative;min-width:40%}.concert-venue{padding-right:60px}.concert-list--expanded{border-bottom:1px solid #282828}.concert-list--expanded .concert-list-row{border:0}.concert-list--expanded .concert-avatar,.concert-list--expanded .concert-title{visibility:hidden;pointer-events:none}.concert-list--expanded .card{display:none}.concert-interested{display:inline-block}.concert-interested{margin-right:0}.concert-interested:before{color:#dd3b66}@media screen and (max-width:840px){.concert-discovery>span{display:none}}@media screen and (max-width:740px){.concert-venue{min-width:120px}.concert-venue{padding-right:0}.concert-venue>span{display:none}.concert-location{min-width:10px;width:10px}.concert-location{padding-right:0}.concert-location>span{display:none}.concert-location--collapsed{display:inline}.concert-buy{position:static;width:auto}.concert-title{width:80%}.concert-title.discovery{width:40%}}.concert-list{padding-bottom:2em}.concert-list:last-child{padding-bottom:1em}.upcoming-shows .tour-row{display:flex;align-items:center}.upcoming-shows .tour-row{padding:.5em}.upcoming-shows .tour-row{margin-left:-.5em}.upcoming-shows .tour-row:focus,.upcoming-shows .tour-row:hover{background-color:#333;border-bottom-color:transparent}.upcoming-shows .tour-row__icon{flex:0 0 auto}.upcoming-shows .tour-row__details{color:#fff;overflow:hidden}.upcoming-shows .tour-row__details{padding-left:1em}.upcoming-shows .tour-caption{color:#b3b3b3}.upcoming-shows .tour-location,.upcoming-shows .tour-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upcoming-shows .tour-location{color:#b3b3b3}.upcoming-shows .tour-location :first-child:after{content:"•"}.upcoming-shows .tour-location :first-child:after{padding:0 .25em}@media screen and (max-width:819px){.upcoming-shows{margin-top:10px}}.app-header{position:relative;z-index:2}.app-content{position:relative;z-index:1;will-change:transform}.hpto-wrapper--is-visible{margin-top:48px}.hpto-wrapper--is-visible .hpto-top-bar{z-index:2}.hpto-wrapper--is-visible #hpto{z-index:1}body,html{height:100%}.hpto-wrapper{display:none}.hpto-wrapper--is-visible{display:block}.hpto-top-bar{position:fixed;top:0;height:48px}.hpto-top-bar{background:#121212}.hpto-top-bar{left:0;right:0}.hpto-container{overflow:hidden;position:relative}.local-nav{height:45px;overflow:hidden}.drildown-block,.static-block{margin-top:20px}.hub-page{min-height:660px}.hub-page{margin-top:1em}.full-height{height:100%}.section-divider{margin-bottom:0;padding-bottom:12px}.error{text-align:center;margin-top:6em}.error-title{font-size:28px;line-height:36px;letter-spacing:-.005em;font-weight:var(--glue-font-weight-black);color:#fff;text-transform:none}.concerts-help-text{padding:0 0 2em 80px}.concerts-help-text.section-empty{padding-top:2em}.calendar-icon{min-width:48px}
/*# sourceMappingURL=concerts.css.map*/