.mobile-player{color:#fff;flex-direction:column;justify-content:space-between;width:100%;max-width:768px;height:100vh;max-height:100vh;margin:0 auto;display:flex;overflow:hidden auto}.mobile-player .player-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#ffffff1a;border:none;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:8px;padding:.75rem .5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000004d}.mobile-player .player-btn:hover,.mobile-player .player-btn:active{transform:translateY(-1px);box-shadow:0 3px 10px #0006}.mobile-player .player-btn img{margin-left:2px}.mobile-player .player-btn.player-btn-app{color:#fff;cursor:pointer;white-space:nowrap;background-color:#6153bd;padding:10px 30px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #0000004d;flex:none!important;display:block!important}.mobile-player .mobile-player-header{justify-content:space-between;align-items:center;margin:30px 15px;display:flex}@media (max-width:768px){.mobile-player .mobile-player-header{margin:15px 5px}}.mobile-player .mobile-player-header .mobile-player-back-btn,.mobile-player .mobile-player-header .mobile-player-share-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:background-color .2s;display:flex}.mobile-player .mobile-player-header .mobile-player-back-btn:hover,.mobile-player .mobile-player-header .mobile-player-back-btn:active,.mobile-player .mobile-player-header .mobile-player-share-btn:hover,.mobile-player .mobile-player-header .mobile-player-share-btn:active{background-color:#ffffff1a}.mobile-player .mobile-player-thumbnail-container{justify-content:center;width:100%;margin-bottom:1rem;display:flex}.mobile-player .mobile-player-thumbnail-container .mobile-player-thumbnail .mobile-player-thumbnail-img{object-fit:cover;width:200px;height:200px}.mobile-player .mobile-player-info{text-align:center;margin-bottom:2.5rem;padding:0 1rem}.mobile-player .mobile-player-info .mobile-player-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.mobile-player .mobile-player-info .mobile-player-description{color:#ffffffb3;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0 auto;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.mobile-player .mobile-player-progress-container{width:85%;margin:auto}.mobile-player .mobile-player-progress-container .mobile-player-loader{z-index:10;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.mobile-player .mobile-player-progress-container .mobile-player-loader .mobile-player-spinner{border:4px solid #fff;border-top-color:#6153bd;border-radius:50%;width:40px;height:40px;animation:1s linear infinite mini-player-spin}.mobile-player .mobile-player-progress-container .mobile-player-progress-bar{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:#0000;touch-action:none;background-color:#ffffff1a;border-radius:2.5px;width:100%;height:5px;margin-bottom:.5rem;position:relative}.mobile-player .mobile-player-progress-container .mobile-player-progress-bar .mobile-player-progress-bg{border-radius:2.5px;width:100%;height:100%;position:absolute}.mobile-player .mobile-player-progress-container .mobile-player-progress-bar .mobile-player-progress-fg{background:linear-gradient(90deg,#4e6bff 0%,#8a8aff 100%);border-radius:2.5px;height:100%;position:absolute}.mobile-player .mobile-player-progress-container .mobile-player-progress-bar .mobile-player-progress-knob{background-color:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 3px #0000004d}.mobile-player .mobile-player-progress-container .mobile-player-time-display{color:#ffffffb3;justify-content:space-between;font-size:.75rem;display:flex}.mobile-player .mobile-player-controls{justify-content:space-between;align-items:center;width:80%;margin:10px auto 25px;display:flex}.mobile-player .mobile-player-controls .pause-play__button{width:40px;height:40px}.mobile-player .mobile-player-controls .pause-play__button .pause-play__button-icon{height:20px}.mobile-player .mobile-player-controls .mobile-player-ctrl-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.mobile-player .mobile-player-controls .mobile-player-ctrl-btn:hover,.mobile-player .mobile-player-controls .mobile-player-ctrl-btn:active{opacity:.8}.mobile-player .mobile-player-controls .mobile-player-ctrl-btn .mobile-player-ctrl-label{color:#ffffffb3;margin-top:4px;font-size:.675rem}.mobile-player .mobile-player-speed-container{justify-content:center;margin-top:auto;margin-bottom:1.5rem;display:flex}.mobile-player .mobile-player-speed-container .mobile-player-speed-wrapper{position:relative}.mobile-player .mobile-player-speed-container .mobile-player-speed-btn{color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:16px;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s}.mobile-player .mobile-player-speed-container .mobile-player-speed-btn:hover,.mobile-player .mobile-player-speed-container .mobile-player-speed-btn:active{background-color:#fff3}.mobile-player .mobile-player-speed-container .mobile-player-speed-menu{z-index:10;background-color:#1e1e3cf2;border-radius:8px;flex-direction:column;width:160px;margin-bottom:10px;padding:8px 0;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0000004d}.mobile-player .mobile-player-speed-container .mobile-player-speed-menu:after{content:"";border-top:8px solid #1e1e3cf2;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.mobile-player .mobile-player-speed-container .mobile-player-speed-menu .mobile-player-speed-option{color:#fff;text-align:center;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:.875rem;transition:background-color .2s}.mobile-player .mobile-player-speed-container .mobile-player-speed-menu .mobile-player-speed-option:hover{background-color:#ffffff1a}.mobile-player .mobile-player-speed-container .mobile-player-speed-menu .mobile-player-speed-option.active{color:#4e6bff;font-weight:600}.mobile-player .player-bottom-buttons{justify-content:space-between;align-items:center;gap:.75rem;max-width:400px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:0 .5rem;display:flex}@media (max-width:480px){.mobile-player{height:100vh}.mobile-player .mobile-player-thumbnail-container .mobile-player-thumbnail .mobile-player-thumbnail-img{border-radius:15px;width:230px;height:230px}.mobile-player .mobile-player-controls .mobile-player-ctrl-btn{transform:scale(.9)}.mobile-player .player-bottom-buttons{width:100%;max-width:340px;margin-bottom:1rem;margin-left:auto;margin-right:auto}.mobile-player .player-bottom-buttons .player-btn{padding:.55rem .5rem;font-size:.75rem}.mobile-player .mobile-player-info .mobile-player-title{font-size:1rem}}@media (max-height:700px){.mobile-player .mobile-player-thumbnail-container{margin-bottom:.5rem}.mobile-player .mobile-player-thumbnail-container .mobile-player-thumbnail .mobile-player-thumbnail-img{width:150px;height:150px}.mobile-player .mobile-player-info{margin-bottom:2.5rem}.mobile-player .mobile-player-info .mobile-player-title{margin-bottom:.25rem}}
.player-page__container{z-index:6;width:100%;height:100%}.player-page__container .player-root{display:block}.player-page__container .mobile-player{display:none}@media (max-width:768px){.player-page__container .player-root{display:none}.player-page__container .mobile-player{display:block}}