.track-table{height:100%;padding-bottom:22px}.track-table__headers{align-items:center;border-bottom:1px solid hsla(0,0%,40%,.4);display:grid;grid-template-columns:35px 1fr .5fr 50px;margin-bottom:20px;padding:14px 24px}.track-table__header{color:var(--grey);font-family:Avenir Next,sans-serif;font-size:14px;text-transform:uppercase}.track{align-items:center;color:var(--grey);cursor:pointer;display:grid;font-family:Avenir Next,sans-serif;font-size:14px;grid-template-columns:35px 1fr .5fr 50px;height:56px;padding:14px 24px}.track:focus-within,.track:hover{background-color:#ffffff1a;border-radius:5px}.track--playing .track__title{color:var(--green)}.track--not-ready{opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.track .skeleton{animation:skeleton 3s ease-in-out infinite alternate;background-color:#282828;border-radius:5px;display:flex;flex-direction:column;height:24px;justify-content:center;width:80%}@keyframes skeleton{33%{opacity:.7}67%{opacity:.3}}.track__visualizer{height:22px;position:relative}.track__visualizer .s-icon{bottom:7px;left:-5px;max-height:22px;position:absolute}.track__title{color:var(--white);font-size:16px;overflow:hidden;padding-right:40px;text-overflow:ellipsis;white-space:nowrap}.track__number{color:var(--grey)}.s-modal,.vfm__content{min-width:400px}.s-modal{align-items:center;display:flex;font-family:AvenirNext,sans-serif;justify-content:center}.s-modal__title{color:#fff;font-size:24px}.s-modal__content{background-color:var(--dark-grey);padding-left:24px;padding-right:24px}.s-modal__header{align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;justify-content:space-between;padding:24px;width:100%}.s-modal__actions,.s-modal__header{background-color:var(--dark-grey);display:flex}.s-modal__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px;justify-content:flex-end;padding:8px 24px 24px}.add-track-modal__input{padding-bottom:14px}.add-track-modal__action{width:100px}.playlist{background:linear-gradient(#604ec1,#121212 600px);background-attachment:local;font-family:Avenir Next,sans-serif;height:100%;overflow-x:hidden;overflow-y:overlay;padding-left:40px;padding-right:40px;position:relative;z-index:10}.playlist::-webkit-scrollbar{background:transparent;width:10px}.playlist::-webkit-scrollbar-thumb{background:#b3b3b380;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.75)}.playlist::-webkit-scrollbar-thumb:hover{background:#b3b3b3cc}.playlist__dither{background:#1212124d;height:300px;isolation:isolate;position:absolute;right:-10px;width:calc(100% + 10px);z-index:-1}.playlist__play-button{margin-right:32px}.playlist__buttons{display:flex;padding-top:32px;width:100%;z-index:10}.playlist__table{margin-top:32px;width:100%;z-index:10}.playlist__title{display:flex;flex-direction:column;height:30vh;justify-content:flex-end;margin-bottom:30px}.playlist__type{font-size:16px;text-transform:uppercase}.playlist__name{font-size:48px;font-weight:700;line-height:48px;margin-left:-2px}.playlist__bottom{display:flex;gap:5px;margin-top:20px}.playlist__duration,.playlist__number-of-songs{opacity:.7}.playlist__author-name{opacity:1}.playlist__author-name span{opacity:.7}.progress-bar{border-radius:50%;cursor:pointer;height:4px;position:relative;width:100%}.progress-bar:hover .progress-bar__active{background-color:var(--green)}.progress-bar:hover .progress-bar__thumb{display:block}.progress-bar--disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.progress-bar__background{background-color:#ffffff4d;width:100%}.progress-bar__active,.progress-bar__background{border-radius:5px;height:4px;left:0;position:absolute}.progress-bar__active,.progress-bar__thumb{background-color:var(--white)}.progress-bar__thumb{border-radius:50%;bottom:-4px;display:none;height:12px;position:absolute;right:-5px;width:12px}.player{align-items:center;display:grid;font-family:Avenir Next,sans-serif;grid-template-columns:1fr 1fr 1fr;padding-left:8px;padding-right:8px}.player__end{display:flex;justify-content:flex-end}.player__seek{align-items:center;color:var(--grey);display:flex;font-size:12px;gap:8px;width:100%}.player__time{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:40px}.player__audio{display:none}.player__left{width:450px}.player__track-name{color:var(--white);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__middle{align-items:center;display:flex;flex-direction:column}.player__controls{display:flex}.player__volume{width:100px}