*{margin:0;padding:0;box-sizing:border-box;font-family:"Inter",sans-serif}img{display:block;max-width:100%}button{border:0;cursor:pointer}body{background:url("/assets/imgs/bg.jpg") no-repeat center center/cover;color:#e5e7eb;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.player{background:rgba(18,24,38,.651);width:100%;max-width:21rem;padding:1.5rem 1.25rem;border-radius:1rem;display:flex;gap:1.25rem;flex-direction:column;align-items:center;justify-content:center;text-align:center}.player .player__image{height:17.5rem}.player img{width:100%;height:inherit;border-radius:1rem;object-fit:cover;object-position:center}.player__info{color:#e5e7eb}.player__info .title{font-size:1.125rem;margin-bottom:.25rem;font-weight:600}.player__info .author{font-size:.875rem;color:#4c5461;font-weight:400}.player__progress{width:100%;display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.player__progress .times{display:flex;justify-content:space-between;font-size:.625rem;color:#4c5461;cursor:default}.player__progress #progressBar{width:100%;height:.3125rem;box-shadow:.3em .3em 1em rgba(201,59,118,.5)}.player__progress progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;border-radius:1rem;background:#e5e7eb}.player__progress progress[value]::-webkit-progress-bar{background:#e5e7eb;border-radius:1rem}.player__progress progress[value]::-webkit-progress-value{background:#c93b76;border-radius:1rem}.player__progress progress[value]::-moz-progress-bar{background:#c93b76;border-radius:1rem}.player__actions #audioPlayer{display:none}.controls{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem}.controls button{width:3rem;height:3rem;border-radius:50%;color:#e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);padding:.5rem;transition:all .3s}.controls button:hover{background:rgba(76,84,97,.4)}.controls button:hover>svg{fill:rgba(229,231,235,.6);stroke:rgba(229,231,235,.6)}.controls button svg{fill:#4c5461;stroke:#4c5461}.controls #playPauseBtn{background:#c93b76;position:relative;box-shadow:.3em .3em 1em rgba(201,59,118,.5);width:3rem;height:3rem}.controls #playPauseBtn:hover{opacity:.8}.controls #playPauseBtn svg{fill:#e5e7eb;stroke:#e5e7eb}/*# sourceMappingURL=index.css.map */