*,:after,:before{box-sizing:border-box}body{background-color:#eaeaea;color:#001f3f;font-family:Lato,system-ui,-apple-system,Segoe UI;margin:0;overflow:hidden}.container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden}.player{background:#eaeaea;border-radius:36px;box-shadow:41px 41px 82px #bebebe,-41px -41px 82px #fff;padding:48px 64px;width:512px}.song-name{margin:0 0 8px;text-align:center}.song-author{color:#a5aaaf;margin:0;text-align:center}.player-progress{margin-top:36px}.player-progress .progress-values{color:#a5aaaf;display:flex;font-size:14px;justify-content:space-between}.player-progress input{-webkit-appearance:none;background:#cdd2d7;border-radius:3px;height:6px;outline:none;overflow:hidden;width:100%}.player-progress input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f0f0f0;border-radius:50%;box-shadow:-303px 0 0 300px #9ea1a5;cursor:pointer;height:6px;width:6px}.player-buttons{gap:24px;margin-top:24px}.player-buttons,.player-buttons .btn{align-items:center;display:flex;justify-content:center}.player-buttons .btn{background:linear-gradient(145deg,#cacaca,#f0f0f0);border:none;border-radius:50px;box-shadow:5px 5px 10px #aaa,-5px -5px 10px #fff;color:#6f7275;cursor:pointer;font-size:16px;height:48px;width:48px}.player-buttons .btn-activated{background:linear-gradient(145deg,#f0f0f0,#cacaca)}.player-buttons .btn-activated i{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#5232c1,#15f1f1);-webkit-background-clip:text}.player-buttons .btn.btn-prev i{display:inline-block}.player-buttons .btn.btn-play{box-shadow:6px 6px 13px #aaa,-6px -6px 13px #fff;font-size:36px;height:76px;width:76px}.player-buttons .btn.btn-play i{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#5232c1,#15f1f1);-webkit-background-clip:text;display:inline-block}.player-buttons .btn.btn-next i{display:inline-block}.player-buttons .dropdown{position:relative}.player-buttons .dropdown-content{bottom:5px;display:none;left:16px;padding:16px;position:absolute;-webkit-transform:rotate(270deg);transform:rotate(270deg);width:104px;z-index:1}.player-buttons .dropdown-content input{-webkit-appearance:none;background:#cdd2d7;border-radius:3px;height:6px;outline:none;overflow:hidden;width:100%}.player-buttons .dropdown-content input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f0f0f0;border-radius:50%;box-shadow:-303px 0 0 300px #9ea1a5;cursor:pointer;height:6px;width:6px}.player-buttons .dropdown:hover .dropdown-content{display:block}@media (max-width:768px){.player{box-shadow:none;padding:24px;width:100%}.player-buttons .btn{height:42px;width:42px}.player-buttons .dropdown-content{left:4px}}
/*# sourceMappingURL=main.df45335b.css.map*/