.playlist-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;height:64px;padding:8px;position:relative;text-decoration:none}.playlist-item:hover{background-color:#ffffff1a}.playlist-item__picture{align-items:center;background-color:var(--dark-grey);display:flex;justify-content:center}.playlist-item__picture,.playlist-item__picture img{border-radius:10px;height:48px;width:48px}.playlist-item--skeleton{animation:skeleton 3s ease-in-out infinite alternate;background-color:#282828}@keyframes skeleton{33%{opacity:.7}67%{opacity:.3}}.playlist-item__title{color:var(--white);font-family:Avenir Next,sans-serif;font-size:16px;margin-bottom:5px}.playlist-item__title--selected{color:var(--green)}.playlist-item__subtitle{color:var(--light-grey);font-family:Avenir Next,sans-serif;font-size:14px}.playlist-item--selected{background-color:#ffffff1a}.playlist-item--selected:hover{background-color:#fff3}.menu{font-family:Avenir Next,sans-serif;height:calc(100% - var(--player-height) - 6px);resize:horizontal;width:420px}.menu__nav{display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:scroll;padding:8px;scrollbar-width:none}.menu__nav,.menu__primary-nav{background-color:var(--blackish);border-radius:10px}.menu__primary-nav{padding:8px 12px}.menu ::-webkit-scrollbar{opacity:0}.menu ::-webkit-scrollbar-thumb{background:rgba(var(--white),.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.75);opacity:0}.menu__footer{display:flex;justify-content:flex-end;padding:8px}.menu__header{align-items:center;display:flex;padding:8px}.menu__header-title{color:#fff;margin-right:auto}.menu__empty{align-items:center;color:var(--white);display:flex;flex-direction:column;height:100%;justify-content:center}.add-playlist-modal__input{padding-bottom:14px}.add-playlist-modal__action{width:100px}.default-layout{background-color:#000;display:flex;flex-direction:column;height:100%;justify-content:space-between}.default-layout__header{min-height:64px}.default-layout__center{display:flex;gap:8px;height:calc(100% - var(--player-height));padding:0 8px}.default-layout__player{min-height:var(--player-height)}.default-layout__content{background-color:var(--blackish);border-radius:10px;color:var(--white);height:100%;overflow-y:hidden;width:100%}