.tengri-background-player{z-index:55;box-sizing:border-box;color:#faf7ff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#191322f5;border:1px solid #665075;border-radius:14px;align-items:center;gap:16px;width:min(1120px,100% - 32px);padding:14px 18px;font-family:Arial,sans-serif;font-size:13px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 50px #0008}.background-track{flex:0 260px;align-items:center;gap:12px;min-width:80px;display:flex}.background-track img{object-fit:cover;border-radius:7px;width:44px;height:44px}.background-track>div{min-width:0}.background-track small{letter-spacing:.12em;color:#bbaec7;font-size:10px;display:block}.background-track strong{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;display:block;overflow:hidden}.tengri-background-player button{color:#17101c;cursor:pointer;background:#d8ff35;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.tengri-background-player>.background-close{color:#fff;background:0 0;border:1px solid #665075}.tengri-background-player>input{accent-color:#d8ff35;flex:1;min-width:40px}.background-volume{align-items:center;gap:8px;display:flex}.background-volume input{accent-color:#d8ff35;width:85px}.tengri-background-player button:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=760px){.tengri-background-player{flex-wrap:wrap;gap:10px;padding:12px;bottom:84px}.background-track{flex:1;max-width:calc(100% - 104px)}.tengri-background-player>input{flex-basis:55%;order:4}.tengri-background-player>span{order:4}.background-volume{display:none}body:has(.tengri-background-player){padding-bottom:180px}}body:has(.tengri-background-player) [data-tengri-widget=launcher]{bottom:120px!important}@media (width<=760px){body:has(.tengri-background-player) [data-tengri-widget=launcher]{bottom:220px!important}}.tengri-background-player{background:linear-gradient(120deg,#211433f5,#111c30f5);border-color:#8063a0;border-radius:20px;box-shadow:0 12px 45px #0009,0 0 28px #ab55ff20}.background-equaliser{flex:0 0 92px;align-items:center;gap:3px;height:34px;display:flex}.background-equaliser i{transform-origin:50%;background:linear-gradient(#d8ff35,#39d8ff,#9257ff);border-radius:4px;width:3px;height:100%;animation:.8s ease-in-out infinite alternate background-bars;transform:scaleY(.2)}.tengri-background-player[data-playing=false] .background-equaliser i{animation-play-state:paused;transform:scaleY(.2)}@keyframes background-bars{0%{transform:scaleY(.18)}to{transform:scaleY(.95)}}@media (width<=760px){.background-equaliser{flex-basis:62px;gap:2px;height:24px}.background-equaliser i{width:2px}.background-track{max-width:calc(100% - 178px)}}@media (prefers-reduced-motion:reduce){.background-equaliser i{animation:none;transform:scaleY(.5)}}.music-waveform-seek{touch-action:pan-y;flex:1;min-width:70px;height:44px;position:relative}.music-waveform-seek svg{pointer-events:none;width:100%;height:100%;display:block}.music-waveform-seek input[type=range]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.music-waveform-seek:focus-within{outline-offset:3px;border-radius:5px;outline:2px solid #d8ff35}.music-waveform-seek:has(input:disabled){opacity:.5}@media (width<=760px){.tengri-background-player .music-waveform-seek{flex-basis:55%;order:4;height:38px}}.tengri-background-player{width:100%;padding:12px max(18px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));border-bottom:0;border-left:0;border-right:0;border-radius:0;bottom:0;left:0;right:0;transform:none;box-shadow:0 -8px 32px #0006}body:has(.tengri-background-player){padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}@media (width<=760px){.tengri-background-player{padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));gap:8px;bottom:0}.background-track{flex:1;min-width:0;max-width:none}.background-track img{width:38px;height:38px}.background-equaliser{display:none}.tengri-background-player>.music-waveform-seek{flex:55%;min-width:0}.tengri-background-player>span{font-size:12px}body:has(.tengri-background-player){padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}body:has(.tengri-background-player) [data-tengri-widget=launcher]{bottom:calc(145px + env(safe-area-inset-bottom,0px))!important}.tengri-background-player{grid-template-columns:38px minmax(0,1fr) 42px 42px;align-items:center;gap:6px 8px;display:grid}.tengri-background-player .background-track{grid-area:1/1/auto/3;gap:8px;width:auto;min-width:0;max-width:none}.tengri-background-player .background-track>div{flex:1;min-width:0}.tengri-background-player .background-track strong{margin-top:3px;font-size:12px}.tengri-background-player .background-track small{font-size:9px}.tengri-background-player>button:not(.background-close){grid-area:1/3}.tengri-background-player>.background-close{grid-area:1/4}.tengri-background-player>span:first-of-type{grid-area:2/1}.tengri-background-player>.music-waveform-seek{grid-area:2/2/auto/4;width:100%;height:32px}.tengri-background-player>span:last-of-type{text-align:right;grid-area:2/4}.tengri-background-player>.background-volume,.tengri-background-player>.background-equaliser{display:none}}.music-waveform-seek svg g>rect{transform-box:view-box;animation:.9s ease-in-out infinite alternate paused tengri-wave-dance}.tengri-background-player[data-playing=true] .music-waveform-seek svg g>rect{animation-play-state:running}@keyframes tengri-wave-dance{0%{transform:scaleY(.48)}45%{transform:scaleY(1.06)}to{transform:scaleY(.72)}}@media (prefers-reduced-motion:reduce){.music-waveform-seek svg g>rect{animation:none}}.tengri-background-player>.background-repeat{color:#aaa4bb;background:0 0;border:1px solid #454052}.tengri-background-player>.background-repeat[aria-pressed=true]{color:#172008;background:#d2fc57;border-color:#d2fc57}@media (width<=760px){.tengri-background-player{grid-template-columns:38px minmax(0,1fr) 38px 38px 38px}.tengri-background-player>button:not(.background-close):not(.background-repeat){grid-column:3}.tengri-background-player>button.background-repeat{grid-area:1/4;width:38px;height:38px}.tengri-background-player>.background-close{grid-column:5;width:38px;height:38px}.tengri-background-player>.music-waveform-seek{grid-column:2/5}.tengri-background-player>span:last-of-type{grid-column:5}}