@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);.volume-bar[data-v-0662e674]{position:relative;background:-webkit-gradient(linear,left top,left bottom,from(#b0ddeb),to(#639cf2));background:linear-gradient(#b0ddeb,#639cf2)}.volume-bar .line[data-v-0662e674]{background:-webkit-gradient(linear,right top,left top,from(#f6faff),to(#bddbe4));background:linear-gradient(270deg,#f6faff,#bddbe4);height:3px;position:absolute;width:100%;bottom:50%;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.3);box-shadow:0 3px 3px rgba(0,0,0,.3)}.volume-bar canvas[data-v-0662e674]{margin-bottom:10px;-webkit-box-shadow:0 2px 3px rgba(54,91,89,.5);box-shadow:0 2px 3px rgba(54,91,89,.5)}.volume-bar .voice[data-v-0662e674]{position:absolute;right:10%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}audio{display:none}.home{min-height:100vh}.home,.home__player{display:-webkit-box;display:-ms-flexbox;display:flex}.home__player{-webkit-box-flex:4;-ms-flex:4;flex:4;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.home__player .player__top{-webkit-box-flex:1;-ms-flex:1;flex:1;background:linear-gradient(135deg,#bddbe4,#f6faff);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.home__list{-webkit-box-flex:1;-ms-flex:1;flex:1;background:-webkit-gradient(linear,left bottom,left top,color-stop(1.34%,#bedce6),color-stop(97.17%,#f7faff));background:linear-gradient(1turn,#bedce6 1.34%,#f7faff 97.17%);-webkit-box-shadow:-2px 0 10px rgba(0,0,0,.25);box-shadow:-2px 0 10px rgba(0,0,0,.25);z-index:1}.player__cover{position:absolute;top:-270px;left:-20px;width:991px;background-color:#fff;height:991px;background-image:url(../img/SongExploder109-FleetFoxes-600x420.e66dcc12.png);background-size:100%;background-position:0 100%;background-repeat:no-repeat;border-radius:0 50% 50% 50%;-webkit-box-shadow:0 4px 20px #93def5;box-shadow:0 4px 20px #93def5}.player__main{min-width:37%;margin-left:auto;text-align:left;margin-bottom:100px}.player__main h1{font-weight:700;font-size:32px;line-height:37px;color:#365b59}.player__main h1,.player__main h2{font-family:Roboto;font-style:normal;letter-spacing:.1em}.player__main h2{font-weight:400;font-size:20px;line-height:23px;color:#717171}.home__list,.home__list .list__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home__list .list__top{height:180px;-webkit-box-shadow:0 5px 5px rgba(0,0,0,.1);box-shadow:0 5px 5px rgba(0,0,0,.1);z-index:0;padding:40px 50px 0 50px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home__list .list__main{-webkit-box-flex:1;-ms-flex:1;flex:1;background:linear-gradient(135deg,#f6faff,#bddbe4)}.player__actions{display:-webkit-box;display:-ms-flexbox;display:flex}.player__actions .action__center{padding:0 40px}.player__actions button{background-color:transparent;border:none;outline:none;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1}.player__actions .actions__main{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;border-radius:50%;width:50px;height:50px;border:1px solid #639cf2}.player__actions .border-right{border-right:1px solid #c4c4c4}.player__actions .border-left{border-left:1px solid #c4c4c4}.song__list{list-style:none;margin:0;padding:0}.song__list .song__detail{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 50px}.song__list .song__detail.active{background:rgba(99,156,242,.2);-webkit-box-shadow:inset 0 4px 4px rgba(0,0,0,.15),inset 0 -3px 4px rgba(0,0,0,.1);box-shadow:inset 0 4px 4px rgba(0,0,0,.15),inset 0 -3px 4px rgba(0,0,0,.1)}.song__list .song__detail .thumbnail{width:70px;height:70px;border-radius:50%;background-image:url(../img/SongExploder109-FleetFoxes-600x420.e66dcc12.png);background-size:cover;background-position:50%}.song__list .song__detail .detail__info{text-align:left;margin-left:10px}.song__list .song__detail .detail__info h1{font-family:Roboto;font-style:normal;font-weight:500;font-size:20px;line-height:23px;letter-spacing:.1em;color:#365b59}.song__list .song__detail .detail__info h2{font-family:Roboto;font-style:normal;font-weight:400;font-size:18px;line-height:21px;letter-spacing:.1em;color:#717171}.top__actions{display:-webkit-box;display:-ms-flexbox;display:flex}.top__actions button{background-color:transparent;border:none;outline:none;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:100px;text-align:left}.top__actions button:first-child{margin-right:auto}.top__actions button.small{max-width:50px}.p-0{padding:0!important}