.search{display:flex;flex-direction:column;align-items:center;width:100%}.search__input{max-width:30rem}.search__cta{margin-top:1rem;cursor:pointer}.search ul{padding-top:2rem;width:100%;max-width:30rem;padding-bottom:2rem}.search ul li:not(:last-child){margin-bottom:1rem}.search ul li button{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;width:100%;background-color:var(--grey-pale);border-radius:var(--border-radius);padding:1.5rem 1rem;text-align:center;cursor:pointer}.search ul li button:hover{background-color:var(--black);border-color:var(--black);color:var(--white)}.games{text-align:center}.games__headline{font-weight:800;letter-spacing:-.05em;font-size:1rem;margin-bottom:1rem}.games__list{display:flex;flex-direction:column;align-items:center}.games__list li{margin-bottom:.5rem}.play-button button{display:block;margin:0}.tracklist-item{display:flex;align-items:center;padding:1rem;border-radius:var(--border-radius);box-sizing:border-box;width:100%}.tracklist-item__infos{flex-grow:1;overflow:hidden}.tracklist-item h3{font-weight:600}.tracklist-item h3,.tracklist-item span{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracklist-item span{display:block}.tracklist-item__controls{margin-left:1rem;color:var(--grey-light)}.tracklist-item:hover:not(.tracklist-item--disabled):not(.tracklist-item--selected){background-color:var(--grey-pale)}.tracklist-item:hover:not(.tracklist-item--disabled):not(.tracklist-item--selected) .tracklist-item__controls{color:var(--black)}.tracklist-item--disabled{color:var(--grey-light);text-decoration:line-through}.tracklist-item:not(.tracklist-item--disabled){cursor:pointer}.tracklist-item--selected{background-color:var(--black);color:var(--white)}.tracklist-item--selected .tracklist-item__controls{color:var(--white)}.tracklist-item button{color:inherit}.input-checbox{display:flex;align-items:center}.input-checbox span{display:block;margin-right:.25rem}.playlist-preview{width:100%}.playlist-preview__header{display:flex}.playlist-preview__header:after{content:"";flex-basis:1.5rem}.playlist-preview__header button{flex-basis:1.5rem}.playlist-preview__header h2{flex-grow:1;text-align:center;padding:.5rem}.playlist-preview__footer{flex-direction:column;background-color:var(--white);padding:1rem 0;position:sticky;bottom:0;width:100%;display:flex;align-items:center}.playlist-preview__connected{padding-top:.5rem}.home{display:flex;flex-direction:column;align-items:center}.home__header{display:flex;justify-content:flex-end;width:100%}.home__body{padding-top:20vh;flex-grow:1;display:flex;flex-direction:column;align-items:center;width:100%}.home__create{margin-top:1rem;text-decoration:underline;cursor:pointer}.home__logo{margin-bottom:3rem;text-decoration:none;flex-shrink:0}.home__my-playlists{padding-top:1rem}.home__games{margin-top:2rem}.admin-header{display:flex;padding-top:1rem;width:100%;margin-bottom:1rem}.admin-header a{display:block;text-decoration:none}.admin-header__title{display:flex;flex-grow:1}.admin-header__actions{display:flex;justify-content:flex-end}.admin-header__actions li{margin-left:1rem}@media(max-width:767px){.admin-header__logo h3{display:none}}@media(min-width:768px){.admin-header{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem}.admin-header__title{justify-content:center}}.track-section-users{padding-top:2rem}.track-section-users__item{border-radius:var(--border-radius);background-color:var(--grey-pale);padding:1rem;padding-bottom:0;margin-bottom:1rem;display:flex;align-items:stretch}.track-section-users__item>div:first-child{flex-grow:1;display:flex;flex-direction:column}.track-section-users__item h3{font-weight:800;letter-spacing:-.05em;font-size:1rem;margin-bottom:.5rem}.track-section-users__item ul{display:flex;flex-grow:1;flex-wrap:wrap}.track-section-users__item ul li{border-radius:var(--border-radius);background-color:var(--white);padding:1rem;margin-right:1rem;margin-bottom:1rem;border:1px solid var(--grey-light)}.track-section-users__score{display:flex;flex-direction:column;margin-bottom:1rem;justify-content:center}.track-section-users__score span{font-weight:600;margin:.5rem 0}.track-section-users__score button{cursor:pointer}.track-section__header{display:flex}.track-section__position{display:flex;align-items:center;margin-bottom:1rem;flex-grow:1}.track-section__position-icon{margin-right:.25rem}.track-section__number:before{content:"# "}.track-section__total:before{content:" / "}.track-section__reveal{cursor:pointer;display:flex;align-items:center}.track-section__reveal span{display:block}.track-section__reveal span:last-child{margin-left:.25rem;font-weight:600}.track-section__content{display:flex;flex-direction:column;align-items:center}.track-section__play{margin-bottom:1rem}.track-section__play button{font-size:48px;cursor:pointer}.track-section__infos{text-align:center}.track-section__name{margin-bottom:.5rem}.track-section__users{width:100%}.users-item{display:flex;align-items:center;padding:1rem;border-radius:var(--border-radius)}.users-item__content{flex-grow:1}.users-item__name{font-weight:600;font-size:1rem;margin-bottom:.25rem}.users-item__remove{font-size:18px;margin-left:1rem;display:none;cursor:pointer;color:var(--grey-light)}.users-item__remove:hover{color:var(--black)}.users-item:hover{background-color:var(--grey-pale)}.users-item:hover .users-item__remove{display:block}.users{display:flex;flex-direction:column;align-items:stretch}.admin-mobile-menu{display:flex;box-shadow:0 1px 0 var(--grey-light)}.admin-mobile-menu li{flex-grow:1;padding:.5rem;color:var(--grey-light)}.admin-mobile-menu li.is-selected{color:var(--black)}.admin-mobile-menu li button{display:block;width:100%;text-align:center}@media(min-width:1024px){.admin-mobile-menu{display:none}}.admin-main{flex-grow:1;overflow:hidden;height:100%}.admin-main__content{display:flex;position:relative;height:100%}.admin-main__players,.admin-main__tracks{width:100%}.admin-main__track{flex-grow:1}.admin-main__section-headline{display:flex;align-items:center;padding-left:1rem;padding-bottom:.5rem;position:sticky;top:0;background-color:var(--white)}.admin-main__section-headline__section{margin-right:.25rem}@media(max-width:1023px){.admin-main,.admin-main__section{display:flex;flex-direction:column}.admin-main__section{padding-left:var(--container-padding-s);padding-right:var(--container-padding-s);padding-top:1rem;width:100vw;overflow-x:hidden;box-sizing:border-box;flex-shrink:0}.admin-main__section-headline{display:none}.admin-main--1 .admin-main__content{left:0}.admin-main--2 .admin-main__content{left:-100vw}.admin-main--3 .admin-main__content{left:-200vw}}@media(max-width:413px){.admin-main__section{padding-left:var(--container-padding-xs);padding-right:var(--container-padding-xs)}}@media(min-width:1024px){.admin-main{padding-left:var(--container-padding-s);padding-right:var(--container-padding-s)}.admin-main__section{overflow:auto}.admin-main__track{padding:0 2rem}.admin-main__tracks{width:25rem;max-width:30%}.admin-main__players{width:15rem;max-width:15%}}.player{position:sticky;bottom:0;width:100%;background-color:var(--black);color:var(--white);box-sizing:border-box;font-size:.8rem}.player__container{display:flex;align-items:center;padding-top:.5rem;padding-bottom:.5rem}.player__controls{margin-right:1rem}.player__play{font-size:18px;color:var(--white)}.player__infos{flex-grow:1;margin-right:1rem;overflow:hidden;cursor:pointer}.player__infos>div{display:block}.player__name{font-weight:900}.player__artist,.player__name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.player a{text-decoration:none}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.admin{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;height:100vh}@media(min-width:768px){.admin__main>div:not(:last-child){margin-right:1.5rem}.admin__main__tracks{height:100%}}@media(min-width:1024px){.admin__mobile-menu{display:none}}