.card,.card .current-song .controls button.play i{color:#fff}.card .play-list .track.current-audio,.card .play-list .track.play-now{background:#274684;box-shadow:0 0 15px 0 #274684}h1{font-size:36px;margin-bottom:0}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:90%;padding:0 5px;margin-top:20px;border-radius:11px;font-weight:100;overflow:hidden;border:1px solid #e6e3e3;position:inherit}#root{width:80%}.voice-title{text-align:center;margin-block:20px;color:var(--blue);font-weight:700;width:80%}@media (max-width:992px){#root,.voice-title{width:100%}.card{max-width:100%}}.card .current-song{display:flex;flex-direction:column;align-items:center;width:100%;padding:8px 0;border-radius:4px;color:#071739;background:#fff}.card .current-song audio{display:none}.card .current-song .img-wrap{position:relative;margin:0 auto;width:270px;height:200px;overflow:hidden;border-radius:20px;box-shadow:0 10px 40px 0 rgba(39,70,132,.7)}.card .current-song .img-wrap img{width:auto;height:100%}.card .current-song .song-name{margin-top:30px;font-size:22px}.card .current-song .song-autor{color:#709fdc}.card .current-song .time{display:flex;justify-content:space-between;margin-top:10px;width:90%;font-size:12px;color:#00367e}.card .current-song #timeline{position:relative;margin:0 auto;width:90%;height:5px;background:#edf0f3;border-radius:5px;cursor:pointer;box-shadow:3px 4px 6px #ddd}.card .current-song #timeline:hover .hover-playhead,.card .current-song #timeline:hover .hover-playhead::after,.card .current-song #timeline:hover .hover-playhead::before{opacity:1}.card .current-song #timeline #playhead{position:relative;z-index:2;width:0;height:5px;border-radius:5px;background:#00367e}.card .current-song #timeline .hover-playhead{position:absolute;z-index:1;top:0;width:0;height:5px;opacity:0;border-radius:5px;background:#1f449087;transition:opacity .3s}.card .current-song #timeline .hover-playhead::before{opacity:0;content:attr(data-content);display:block;position:absolute;top:-25px;right:-20px;width:35px;padding:3px;text-align:center;color:#fff;background:#274684;border-radius:calc(20px - 12px);font-size:10px}.card .current-song #timeline .hover-playhead::after{opacity:0;content:"";display:block;position:absolute;top:-8px;right:-8px;border-top:8px solid #274684;border-left:8px solid transparent;border-right:8px solid transparent}.card .current-song .controls{display:flex;width:90%;justify-content:flex-start;align-items:center;align-content:center;flex-wrap:nowrap}.card .current-song .controls button{color:#071739;border-radius:50%;margin:5px;font-size:18px;text-align:center;transition:.2s;cursor:pointer;border:none;background:0}.card .current-song .controls button:focus{outline:0}.card .current-song .controls button.play{width:27px;height:27px;border:1px solid #e2e2e2;background-color:#00367e}.card .current-song .controls button.play:hover{left:0;box-shadow:0 0 15px 0 rgba(39,70,132,.7)}.card .current-song .controls button.play .fa-play{margin-block-end:4px;transform:translateX(2px)}.card .current-song .controls i{font-size:11px;color:#00367e}.card .current-song .controls button.prev-next{width:25px;height:25px;background-color:#edf0f3}.card .current-song .controls button.prev-next:hover{transform:scale(1.2)}.card .play-list{display:flex;flex-direction:column;padding:10px;height:180px;overflow-y:scroll}.card .play-list .track{display:flex;align-items:center;margin-bottom:10px;border-radius:calc(20px - 10px);border:1px solid transparent;transition:.3s;cursor:pointer}.card .play-list .track:hover{background:#274684;border-color:#274684;position:relative}.card .play-list .track.play-now{position:relative}.card .play-list .track.play-now:after{content:"";display:block;position:absolute;left:17px;width:57px;height:57px;border-radius:calc(20px - 10px);font-size:16px;-webkit-animation:2s linear infinite play;animation:2s linear infinite play;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve'%3E%3Cpath style='fill:%23071739;' d='M47.799,8.201c-10.935-10.935-28.663-10.935-39.598,0c-10.935,10.935-10.935,28.663,0,39.598 c10.935,10.935,28.663,10.935,39.598,0C58.734,36.864,58.734,19.136,47.799,8.201z M32.95,32.95c-2.734,2.734-7.166,2.734-9.899,0 c-2.734-2.734-2.734-7.166,0-9.899s7.166-2.734,9.899,0S35.683,30.216,32.95,32.95z'/%3E%3Cpath style='fill:%23E7ECED;' d='M35.778,20.222c-4.296-4.296-11.261-4.296-15.556,0c-4.296,4.296-4.296,11.261,0,15.556 c4.296,4.296,11.261,4.296,15.556,0C40.074,31.482,40.074,24.518,35.778,20.222z M30.121,30.121c-1.172,1.172-3.071,1.172-4.243,0 s-1.172-3.071,0-4.243s3.071-1.172,4.243,0S31.293,28.95,30.121,30.121z'/%3E%3Cg%3E%3Cpath style='fill:%23709fdc;' d='M35.778,35.778c-0.76,0.76-1.607,1.378-2.504,1.87l8.157,14.92c2.284-1.25,4.434-2.835,6.368-4.769 c1.934-1.934,3.519-4.084,4.769-6.368l-14.92-8.157C37.157,34.172,36.538,35.018,35.778,35.778z'/%3E%3Cpath style='fill:%23709fdc;' d='M20.222,20.222c0.76-0.76,1.607-1.378,2.504-1.87l-8.157-14.92c-2.284,1.25-4.434,2.835-6.368,4.769 s-3.519,4.084-4.769,6.368l14.92,8.157C18.843,21.828,19.462,20.982,20.222,20.222z'/%3E%3C/g%3E%3C/svg%3E")}.card .play-list .track.play-now .track-img{filter:opacity(70%)}.card .play-list .track .track-img{width:90px;border-radius:calc(20px - 10px)}.card .play-list .track .track-discr{margin-left:15px;display:flex;flex-direction:column;min-width:190px}.card .play-list .track .track-discr .track-name{font-size:17px;margin-top:8px}.card .play-list .track .track-discr .track-author{margin-top:8px;font-weight:300;color:#709fdc}.card .play-list .track .track-duration{min-width:40px;margin-left:10px;margin-right:10px;font-weight:500}.play-list::-webkit-scrollbar{width:5px}.play-list::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.play-list::-webkit-scrollbar-track{background:#071739}@-webkit-keyframes play{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes play{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}