:root{--mplayer-primary:#f44336;--mplayer-bg:#262626;--mplayer-color:#fff;--mplayer-padding:0.5rem;--mplayer-duration:.3s;--mplayer-duration-long:1s;--mplayer-badge-bg:#f44336;--mplayer-cover-blur:0.2rem}.scrollbar{--scroll-size:6px;--scroll-radius:10px;--scroll-track:transparent;--scroll-thumb-color:var(--mplayer-primary, #fff)}.scrollbar::-webkit-scrollbar{width:var(--scroll-size,10px);height:var(--scroll-size,10px)}.scrollbar::-webkit-scrollbar-track{background-color:var(--scroll-track,transparent);border-radius:var(--scroll-track-radius,var(--scroll-radius))}.scrollbar::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color,grey);background-image:var(--scroll-thumb,none);border-radius:var(--scroll-thumb-radius,var(--scroll-radius))}.skeleton-text{--mframe-opacity-end:0.5;color:transparent;background-color:rgba(255,255,255,.1);border-radius:1rem;animation:2s linear infinite fadeInOut}@keyframes fadeInOut{0%,100%{opacity:1}50%{opacity:var(--mframe-opacity-end, 0)}}@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.1,1.1,1.1)}}@keyframes translateX{from{transform:translateX(0)}to{transform:translateX(calc(-100% + var(--text-parent-width,0)))}}@keyframes loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body:not(.is-playing):not(.is-loading){--play-animation:pulse var(--mplayer-duration-long) infinite}body.is-loading{--play-animation:loader var(--mplayer-duration-long) infinite}.miniplayer{position:relative;display:flex;align-items:center;padding:var(--mplayer-padding);background:var(--mplayer-bg);color:var(--mplayer-color);border-radius:1rem;z-index:1;gap:.5rem;overflow:hidden;user-select:none}.miniplayer :where(button){border:none;background:0 0;padding:0;color:var(--mplayer-color)}.miniplayer-cover{position:absolute;z-index:-1;filter:blur(var(--mplayer-cover-blur));inset:0;height:100%;width:100%;object-fit:cover;opacity:.25;border-radius:1rem;transition:opacity var(--mplayer-duration-long)}.miniplayer-right{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-right:.5rem}.miniplayer-toggle{position:absolute;inset:0;cursor:pointer;z-index:5;transition:opacity var(--mplayer-duration);display:flex;align-items:center;justify-content:center}.miniplayer-toggle svg{will-change:transform;animation:var(--play-animation,none)}.miniplayer-toggle:not(:hover){opacity:.75}.miniplayer-photo{position:relative;flex:none;width:80px;height:80px;background-color:#383838;overflow:hidden;border-radius:.75rem}.miniplayer-artwork{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:1/1}.miniplayer-artwork img{transition:margin var(--mplayer-duration-long) ease-in-out;width:100%;height:100%}.miniplayer-stations:not(.is-visible){display:none}.miniplayer-content{width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:flex-start}.miniplayer-title{margin-top:.5rem;margin-bottom:.25rem;font-size:1rem;font-weight:700;white-space:nowrap;display:inline-flex}.miniplayer-title.is-scrolling{animation:translateX var(--text-scroll-duration,5s) linear infinite alternate}.miniplayer-desc{font-size:.875rem}.miniplayer-volume{display:flex;align-items:center;gap:.5rem;border-radius:1rem}.miniplayer-volume-toggle{display:flex;cursor:pointer}@media (min-width:576px){.miniplayer-volume{min-width:120px}}.miniplayer-range-input{position:absolute;opacity:0;pointer-events:none;width:100%}.miniplayer-range-fill{position:absolute;top:0;left:0;height:100%;transition:background-color var(--player-duration);background-color:var(--mplayer-primary,#fff);transition:background-color var(--mplayer-duration-long);border-radius:1rem}.miniplayer-range-wrapper{position:relative;height:5px;width:100%;background-color:rgba(255,255,255,.25);border-radius:1rem}@media (max-width:576px){.miniplayer-range-wrapper{display:none!important}}.miniplayer-range-thumb{width:15px;height:15px;transition:background-color var(--player-duration);background-color:#fff;border-radius:5rem;top:50%;position:absolute;transform:translateY(-50%);cursor:pointer}.stations-list{display:flex;position:absolute;background-color:rgba(0,0,0,.5);padding:1rem;border-radius:1rem;overflow-y:auto;white-space:nowrap;gap:1rem;transition:transform var(--mplayer-duration),opacity var(--mplayer-duration);inset:0;z-index:100;backdrop-filter:blur(1rem)}.stations-list:not(.is-active){opacity:0;pointer-events:none}@media (min-width:768px){.stations-list{justify-content:center}}@media (max-width:767px){.stations-list{padding-right:4rem}}.stations-list.is-active+*{--stations-ov-opacity:1}.stations-button{cursor:pointer;text-align:right;display:flex}.stations-button.is-active{z-index:102;position:relative}.stations-overlay{position:absolute;inset:0;left:auto;width:6rem;background-image:linear-gradient(to right,transparent,#000);z-index:101;opacity:var(--stations-ov-opacity, 0);pointer-events:none;transition:opacity var(--mplayer-duration)}.station-button{cursor:pointer;text-align:left;color:rgba(255,255,255,.66);display:flex;align-items:center;gap:.5rem}.station-button.is-active{color:#fff}.station-button-img{order:-1;border-radius:.5rem;width:25px;height:25px}.badge-live{background-color:var(--mplayer-primary,var(--mplayer-badge-bg));transition:background-color var(--mplayer-duration-long);color:#fff;display:inline-flex;align-items:center;padding:.4rem;border-radius:5rem;font-weight:700;font-size:12px;line-height:1;text-transform:uppercase}.badge-live::before{content:"";width:10px;height:10px;display:inline-block;margin-right:.25rem;background-color:#fff;border-radius:5rem;animation:2s linear infinite fadeInOut}