:root{--vh: 1vh;--vw: 1vw;--unit: 1vh;--unit: 1dvh;--gap: 3vh;--gap: 3dvh;--info-popup-size: calc(88 * var(--unit));--info-popup-padding: calc(24 * var(--unit));--info-popup-gap: calc(1.8 * var(--unit));--info-popup-bg-scale: 1.04;--volume-slider-active: #000000;--volume-slider-inactive: rgba(0, 0, 0, .28);--volume-slider-thumb: #000000;--volume-slider-focus: rgba(0, 0, 0, .96);--focus-ring-inner: #ffffff;--focus-ring-outer: rgba(0, 0, 0, .8)}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:clip;overscroll-behavior:none;background:#cb5252ef;animation:bg-cycle-solid 100s linear infinite;font-family:Inter,sans-serif;font-optical-sizing:auto;color:#000;font-style:normal;-webkit-user-select:none;user-select:none}body{position:relative}.bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none}.screen{display:grid;position:relative;z-index:1;width:100vw;height:calc(var(--vh, 1vh) * 100);height:100svh;padding:var(--gap);gap:var(--gap);grid-template-columns:auto calc(94 * var(--unit));grid-template-rows:calc(5 * var(--unit)) auto calc(16 * var(--unit));grid-template-areas:"status logo" "player logo" "history logo"}.logo-and-popups{grid-area:logo;display:grid;height:calc(94 * var(--unit));width:calc(94 * var(--unit))}.logo-and-popups>*{grid-area:1 / 1}.logo{height:calc(94 * var(--unit));width:100%}.logo img{height:100%;object-fit:cover}.info-popup{place-self:center;font-size:calc(2 * var(--unit));margin:0;width:var(--info-popup-size);height:var(--info-popup-size)}.info-popup-bg{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:var(--info-popup-gap);position:relative;isolation:isolate;width:100%;height:100%;padding:var(--info-popup-padding)}.info-popup-bg:before{content:"";position:absolute;inset:0;background-image:url(/info_bg_sprite.svg);background-position:0% 50%;background-repeat:no-repeat;background-size:1000% 100%;animation:info-popup-change 80s steps(9) infinite;transform:scale(var(--info-popup-bg-scale));transform-origin:center;pointer-events:none;z-index:-1}.info-popup img{width:calc(6 * var(--unit));height:calc(6 * var(--unit));margin-bottom:0;flex-shrink:0}#info-description{margin:0;max-width:100%;line-height:1.2}.info-age-mark{display:block;margin-top:calc(.8 * var(--unit));font-weight:700;white-space:nowrap}.info-popup.p-apear{animation:popup-apear .3s cubic-bezier(.86,0,.07,1) forwards}.info-popup.p-disapear{animation:popup-disapear .3s cubic-bezier(.86,0,.07,1) forwards}.status-bar{grid-area:status;display:flex;justify-content:space-between;align-items:center;color:#000}.on-air{display:flex;align-items:center;font-weight:400;font-size:calc(1.5 * var(--unit));color:#000;white-space:nowrap;animation:blink 2s infinite}.dot{display:inline-block;width:calc(1.5 * var(--unit));height:calc(1.5 * var(--unit));background:#000;border-radius:50%;margin-right:calc(1 * var(--unit))}.icons{display:flex;gap:calc(.5 * var(--unit))}.icon-slot{position:relative;display:flex;align-items:center;justify-content:center}.icon{display:flex;-webkit-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;font:inherit;color:inherit;justify-content:center;align-items:center;width:calc(4 * var(--unit));height:calc(4 * var(--unit));border-radius:50%;background-size:cover;cursor:pointer;background-position:center;transition:transform .1s;touch-action:manipulation;flex-shrink:0}.icon:active{transform:scale(.95)}.icon:focus{outline:none}.icon:focus-visible{outline:calc(.28 * var(--unit)) solid var(--focus-ring-inner);outline-offset:calc(.32 * var(--unit));box-shadow:0 0 0 calc(.55 * var(--unit)) var(--focus-ring-outer)}.icon.sound{background-image:url(/sound_on.svg)}.icon.sound.muted{background-image:url(/sound_off.svg);border:solid calc(.3 * var(--unit)) black}.icon.info{border:solid calc(.3 * var(--unit)) black;background-image:url(/info.svg)}.icon.telega{border:solid calc(.3 * var(--unit)) black;background-image:url(/tg.svg)}.icon.search{border:solid calc(.3 * var(--unit)) black;background-image:url(/search.svg)}.player{width:100%;grid-area:player;display:flex;flex-direction:column;justify-content:center;min-width:0}.play-now{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:calc(1 * var(--unit))}.play-btn{-webkit-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;font:inherit;color:inherit;width:calc(9.3 * var(--unit));height:calc(9.3 * var(--unit));background-image:url(/play.svg);background-repeat:no-repeat;background-position:left center;background-size:contain;cursor:pointer;transition:transform .1s;touch-action:manipulation;flex-shrink:0}.play-btn:active{transform:scale(.95)}.play-btn:focus{outline:none}.play-btn:focus-visible{outline:calc(.32 * var(--unit)) solid var(--focus-ring-inner);outline-offset:calc(.36 * var(--unit));filter:drop-shadow(0 0 0 calc(.65 * var(--unit)) var(--focus-ring-outer))}.play-btn.playing{background-image:url(/pause.svg)}.song{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.song-artist{font-size:calc(4 * var(--unit));font-weight:700;white-space:nowrap;display:inline-block;will-change:transform;transform:translate(0);-webkit-user-select:text;user-select:text}.song-title{font-size:calc(3 * var(--unit));font-weight:400;white-space:nowrap;margin-top:calc(.5 * var(--unit));display:inline-block;will-change:transform;transform:translate(0);-webkit-user-select:text;user-select:text}.selectable-text{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;cursor:text}.history-track-name{display:inline-block;white-space:nowrap;will-change:transform;transform:translate(0)}.is-scrolling{animation:scroll-pingpong var(--scroll-duration, 8s) ease-in-out infinite}@keyframes scroll-pingpong{0%,15%{transform:translate(0)}45%,55%{transform:translate(var(--scroll-dist))}85%,to{transform:translate(0)}}.equaliser{display:flex;align-items:flex-start;height:calc(12.5 * var(--unit));width:100%;margin-top:calc(2 * var(--unit))}#eq-canvas{width:100%;height:100%;display:block}.history{display:flex;justify-content:flex-end;flex-direction:column;grid-area:history;color:#000;gap:calc(2 * var(--unit));font-size:calc(2 * var(--unit));overflow:hidden;min-width:0}.history ul{list-style:none;padding:0;margin:0;line-height:calc(3 * var(--unit));white-space:nowrap;width:100%;min-width:0}.history li{overflow:hidden;width:100%}.prev-head{font-weight:700}.noop{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes bg-cycle-solid{0%{background-color:#e45353}12.5%{background-color:#fad84c}25%{background-color:#90f25f}37.5%{background-color:#41f1a8}50%{background-color:#6ddfe9}62.5%{background-color:#6583f1}75%{background-color:#b04fe8}87.5%{background-color:#eb7adc}to{background-color:#e45353}}@keyframes info-popup-change{0%{background-position-x:0%}to{background-position-x:100%}}@keyframes popup-apear{0%{transform:scale(0)}30%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes popup-disapear{0%{transform:scale(1)}30%{transform:scale(1.2)}to{transform:scale(0%)}}@keyframes buutton-pressed{0%{transform:scale(1)}30%{transform:scale(.8)}to{transform:scale(1)}}.search-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#00000094;-webkit-backdrop-filter:none;backdrop-filter:none}.search-overlay.noop{display:none}.search-card{position:relative;background:#000000d1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:calc(3 * var(--unit));padding:calc(4 * var(--unit)) calc(5 * var(--unit)) calc(3.5 * var(--unit));text-align:center;color:#fff;max-width:90vw}.search-head{font-size:calc(2.2 * var(--unit));font-weight:600;margin-bottom:calc(3 * var(--unit));letter-spacing:.02em}.search-services{display:flex;gap:calc(3.5 * var(--unit));justify-content:center}.search-svc{display:flex;-webkit-appearance:none;appearance:none;flex-direction:column;align-items:center;gap:calc(1.2 * var(--unit));text-decoration:none;color:#ffffffd9;border:0;background:transparent;padding:0;font:inherit;cursor:pointer;transition:transform .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.search-svc:active{transform:scale(.92)}.search-svc:focus{outline:none}.search-svc:focus-visible{outline:calc(.26 * var(--unit)) solid rgba(255,255,255,.96);outline-offset:calc(.5 * var(--unit));border-radius:calc(1.8 * var(--unit));box-shadow:0 0 0 calc(.45 * var(--unit)) #ffffff1f}.search-svc-icon{width:calc(10 * var(--unit));height:calc(10 * var(--unit));border-radius:25%;overflow:hidden}.search-svc-icon img{width:100%;height:100%;display:block}.search-svc span{font-size:calc(1.5 * var(--unit));font-weight:400;white-space:nowrap}.search-overlay.sp-appear{animation:sp-fade-in .2s ease-out forwards}.search-overlay.sp-appear .search-card{animation:sp-scale-in .3s cubic-bezier(.175,.885,.32,1.275) forwards}.search-overlay.sp-disappear{animation:sp-fade-out .25s ease-in forwards}.search-overlay.sp-disappear .search-card{animation:sp-scale-out .2s ease-in forwards}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sp-scale-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sp-scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:0}}@media(orientation:portrait){:root{--unit: 1vw;--unit: 1dvw;--gap: 5vw;--gap: 5dvw;--info-popup-size: calc(96 * var(--unit));--info-popup-padding: calc(27 * var(--unit));--info-popup-gap: calc(2 * var(--unit));--info-popup-bg-scale: 1.05}.screen{height:calc(var(--vh, 1vh) * 100);height:100dvh;padding-top:calc(var(--gap) + env(safe-area-inset-top));padding-bottom:calc(var(--gap) + env(safe-area-inset-bottom));grid-template-columns:100%;grid-template-rows:calc(90 * var(--unit)) calc(7 * var(--unit)) minmax(calc(21 * var(--unit)),1fr) calc(23 * var(--unit));grid-template-areas:"logo" "status" "player" "history"}.logo-and-popups{height:calc(90 * var(--unit));width:calc(90 * var(--unit))}.logo-and-popups img{height:unset;width:100%;object-fit:cover}.info-popup{position:fixed;inset:0;margin:auto;font-size:calc(2.4 * var(--unit));z-index:500}.info-popup img{width:calc(6 * var(--unit));height:calc(6 * var(--unit))}.dot{width:calc(2 * var(--unit));height:calc(2 * var(--unit));margin-top:calc(.4 * var(--unit))}.on-air{font-size:calc(3 * var(--unit))}.icons{gap:calc(2 * var(--unit))}.icon{width:calc(8 * var(--unit));height:calc(8 * var(--unit))}.player{min-height:calc(13 * var(--unit))}.play-now{min-height:0;gap:calc(2 * var(--unit))}.play-btn{width:calc(13 * var(--unit));height:calc(13 * var(--unit))}.song-artist{font-size:calc(6 * var(--unit))}.song-title{font-size:calc(5 * var(--unit))}.equaliser{flex:1;height:auto;max-height:calc(20 * var(--unit));min-height:calc(3 * var(--unit))}.history{gap:calc(2 * var(--unit));font-size:calc(3.5 * var(--unit))}.history ul{line-height:calc(5 * var(--unit))}.search-card{border-radius:calc(5 * var(--unit));padding:calc(7 * var(--unit)) calc(8 * var(--unit)) calc(6 * var(--unit))}.search-head{font-size:calc(4 * var(--unit));margin-bottom:calc(5 * var(--unit))}.search-services{gap:calc(5 * var(--unit))}.search-svc{gap:calc(2 * var(--unit))}.search-svc-icon{width:calc(16 * var(--unit));height:calc(16 * var(--unit))}.search-svc span{font-size:calc(2.8 * var(--unit))}}@media(min-aspect-ratio:338/569){body{overflow:scroll}}@media(prefers-reduced-motion:reduce){*:not(html):not(body):not(.is-scrolling){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.info-popup-bg:before{animation:none!important;background-position:0% 50%!important}html,body{animation:bg-cycle-solid 240s linear infinite!important}}.icon-slot-sound{position:relative}.volume-popup{position:absolute;right:calc(100% + 1 * var(--unit));top:50%;width:calc(16 * var(--unit));height:calc(4.5 * var(--unit));background:transparent;border:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;justify-content:center;padding:0 calc(1 * var(--unit));z-index:100;opacity:0;transform:translateY(-50%) translate(8px) scale(.95);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.volume-popup.vol-show{opacity:1;transform:translateY(-50%) translate(0) scale(1);pointer-events:auto}.volume-popup.vol-hide{opacity:0;transform:translateY(-50%) translate(8px) scale(.95);pointer-events:none}.volume-popup:after{display:none}.volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:calc(3 * var(--unit));background:transparent;cursor:pointer;margin:0;padding:0}.volume-slider::-webkit-slider-runnable-track{width:100%;height:calc(.5 * var(--unit));background:linear-gradient(to right,var(--volume-slider-active) var(--vol-pct, 100%),var(--volume-slider-inactive) var(--vol-pct, 100%));border-radius:calc(.25 * var(--unit))}.volume-slider::-moz-range-track{width:100%;height:calc(.5 * var(--unit));background:var(--volume-slider-inactive);border-radius:calc(.25 * var(--unit));border:none}.volume-slider::-moz-range-progress{background:var(--volume-slider-active);border-radius:calc(.25 * var(--unit));height:calc(.5 * var(--unit))}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(2 * var(--unit));height:calc(2 * var(--unit));background:var(--volume-slider-thumb);border-radius:50%;border:none;margin-top:calc(-.75 * var(--unit));box-shadow:none;cursor:pointer}.volume-slider::-moz-range-thumb{width:calc(2 * var(--unit));height:calc(2 * var(--unit));background:var(--volume-slider-thumb);border-radius:50%;border:none;box-shadow:none;cursor:pointer}.volume-slider:focus{outline:none}.volume-slider:focus-visible{outline:calc(.2 * var(--unit)) solid var(--volume-slider-focus);outline-offset:calc(.55 * var(--unit));border-radius:calc(1.6 * var(--unit))}
