#media-player-container{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;left:20px;right:20px;pointer-events:none;z-index:49}@media screen and (min-width:1024px){#media-player-container{left:260px}}#media-player-container #media-player{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:rgba(44,105,114,.9);padding:10px 16px;transition:.2s;border-radius:12px;backdrop-filter:blur(4px);max-width:1500px;width:100%}#media-player-container #media-player.hide{transform:translateY(calc(100% + 40px));box-shadow:none}#media-player-container #media-player:not(.hide){pointer-events:all}#media-player-container #media-player .side{width:300px}#media-player-container #media-player .media-data{display:flex;flex-direction:row;align-items:center;gap:10px}#media-player-container #media-player .control-button-container{display:flex;flex-direction:row;align-items:center;gap:15px}#media-player-container #media-player .control-button-container>*{cursor:pointer}#media-player-container #media-player .control-button-container>span svg{color:hsla(0,0%,100%,.7);cursor:pointer;font-size:24px}#media-player-container #media-player .control-button-container>span svg:hover{color:#fff}#media-player-container #media-player .control-button-container .play-pause-btn{width:32px;height:32px;background-color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center}#media-player-container #media-player .actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px}#media-player-container #media-player .actions .action-icon{color:hsla(0,0%,100%,.7);cursor:pointer;font-size:24px}#media-player-container #media-player .actions .action-icon:hover{color:#fff}#media-player-container #media-player .actions .action-icon.in-basket{color:var(--clr-success)}@media screen and (max-width:640px){#media-player-container{left:0;bottom:0;right:0}#media-player-container #media-player{border-radius:0}}