.player-wrap{flex-direction:column;display:flex}.player-wrap .hidden{display:none}.player-wrap img.player-img{aspect-ratio:1;object-fit:cover;border-radius:5px}.player-wrap .player-controls-wrap,.player-wrap .audile-top-row{flex-direction:column;display:flex}.player-wrap .audile-top-row .audile-title-wrap{flex-direction:column;margin:20px 0 28px;display:flex}.player-wrap .audile-top-row p.audile-current-title{gap:10px;margin:0;font-size:12px;font-weight:600;display:flex}.player-wrap .audile-top-row p.audile-current-title span.artist-name{opacity:.7;font-size:12px;font-weight:400}.player-wrap .progress-bar-wrap{flex-direction:column;display:flex;position:relative}.player-wrap .progress-bar-wrap .bar-track{flex-direction:column;margin-bottom:5px;display:flex}.player-wrap .progress-bar-wrap .audile-progress-bar{flex:auto;width:100%;height:10px;display:flex;position:relative;top:0;left:0}.player-wrap .progress-bar-wrap .audile-scrubber-bar[type=range]{-webkit-appearance:none;opacity:1;cursor:pointer;background-color:#0000;width:100%;height:10px;margin:0;position:absolute;top:0;left:0}.player-wrap .progress-bar-wrap .audile-scrubber-bar[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--clr-border-bold);cursor:pointer;border-radius:20px;width:7px;height:20px;margin-top:0}.player-wrap .progress-bar-wrap .time-duration{justify-content:space-between;align-items:center;display:flex}.player-wrap .progress-bar-wrap .time-duration .audile-current-time,.player-wrap .progress-bar-wrap .time-duration .audile-duration{color:var(--clr-600);flex:none;font-size:10px;display:flex}.player-wrap .audile-controls{color:var(--clr-text);flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px;display:flex}.player-wrap button{color:var(--clr-text);border-radius:0;justify-content:center;align-items:center;display:flex}.player-wrap button:after{display:none}.player-wrap button svg{display:block}.player-wrap .audile-button-mute{width:22px;height:20px}.player-wrap .audile-button-mute svg{width:17px;height:auto}.player-wrap .audile-button-track-previous{width:34px;height:24px}.player-wrap .audile-button-track-previous svg{width:34px;height:auto}.player-wrap .audile-button-play-pause{width:35px;height:48px}.player-wrap .audile-button-play-pause svg{width:35px;height:auto}.player-wrap .audile-button-track-next{width:34px;height:24px}.player-wrap .audile-button-track-next svg{width:34px;height:auto}.player-wrap .audile-button-audio-animation{width:22px;height:22px}.player-wrap .audile-button-audio-animation svg{width:15px;height:auto}