.player{font:500 14px/1.3 var(--body);background:#fffaf0e6;border-top:3px double #86661f6b}.player__inner{max-width:var(--wrap);align-items:center;gap:16px;min-height:72px;margin:0 auto;padding:10px 32px;display:flex;position:relative}.player__cover{width:48px;height:48px;box-shadow:0 0 0 1px var(--gold), 0 6px 18px -8px #3c280a80;background:radial-gradient(circle,#1a2440,#0a1020 75%);border-radius:50%;flex:none;padding:4px;position:relative}.player__cover-img{object-fit:contain;width:100%;height:100%;display:block}.player__eq{background:#0a10208c;border-radius:50%;justify-content:center;align-items:flex-end;gap:3px;padding-bottom:15px;display:none;position:absolute;inset:0}.player_playing:not(.player_busy) .player__eq{display:flex}.player__eq-bar{transform-origin:bottom;background:#f0d382;border-radius:2px;width:3px;height:9px;animation:.9s ease-in-out infinite alternate player-eq}.player__eq-bar:nth-child(2){height:16px;animation-delay:-.3s}.player__eq-bar:nth-child(3){height:12px;animation-delay:-.6s}@keyframes player-eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.player__info{flex:0 220px;min-width:0}.player__title{font:600 19px/1.15 var(--display);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player__meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.player__clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px;display:none}.player__error{color:var(--bad);margin-top:2px;font-size:12.5px;line-height:1.25}.player__error:empty,.player_error .player__meta,.player_error .player__clock{display:none}.player__buttons{flex:none;align-items:center;gap:4px;display:flex}.player__btn{width:44px;height:44px;color:var(--gold-hi);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .2s;display:grid}.player__btn:hover{background:#86661f1a}.player__btn_on{background:#86661f29}.player__icon{fill:currentColor;width:22px;height:22px}.player__play{cursor:pointer;border:1px solid var(--gold);width:52px;height:52px;color:var(--gold-hi);background:#ffffffa6;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .2s,background .2s;display:grid}.player__play:hover{background:#c9a45c24;transform:translateY(-1px)}.player_playing .player__play{color:#1d1404;background:linear-gradient(135deg,#f7e2a0 0%,#d6b062 38%,#b08a3e 62%,#f0d382 100%) border-box;border-color:#0000;box-shadow:0 8px 22px -10px #d6b062e6}.player__play:active,.player__btn:active{transform:scale(.94)}.player__play .player__icon{width:26px;height:26px}.player__spinner{width:20px;height:20px;display:none}.player_busy .player__spinner{display:block}.player_busy .player__play .player__icon{display:none}.player__progress{flex:160px;align-items:center;gap:10px;min-width:0;display:flex}.player__progress_panel{margin:0 8px 8px;display:none}.player__time{min-width:34px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.player__time:first-child{text-align:right}.player__line{width:var(--p,0%);background:var(--gold);pointer-events:none;height:3px;display:none;position:absolute;top:-3px;left:0}.player__seek,.player__volume{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:24px;margin:0}.player__volume{flex:none;width:88px}.player__seek::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--p,0%), #1d233826 var(--p,0%));border-radius:99px;height:4px}.player__volume::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--p,0%), #1d233826 var(--p,0%));border-radius:99px;height:4px}.player__seek::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--gold-hi);background:#fffaf0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.player__volume::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--gold-hi);background:#fffaf0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.player__seek::-moz-range-track{background:#1d233826;border-radius:99px;height:4px}.player__volume::-moz-range-track{background:#1d233826;border-radius:99px;height:4px}.player__seek::-moz-range-progress{background:var(--gold);border-radius:99px;height:4px}.player__volume::-moz-range-progress{background:var(--gold);border-radius:99px;height:4px}.player__seek::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--gold-hi);background:#fffaf0;border-radius:50%;width:14px;height:14px}.player__volume::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--gold-hi);background:#fffaf0;border-radius:50%;width:14px;height:14px}.player__sound{flex:none;align-items:center;gap:2px;display:none}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.player__sound{display:flex}}.player_fixed-volume .player__sound{display:none}.player__list{overscroll-behavior:contain;border:1px solid var(--line);background:#fffdf7;border-radius:18px;width:min(380px,100vw - 32px);max-height:calc(100dvh - 24px);padding:10px;position:absolute;bottom:calc(100% + 10px);right:32px;overflow-y:auto;box-shadow:0 24px 60px -28px #503c148c}.player__album{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:6px;padding:6px 8px 12px;display:flex}.player__album .player__cover{width:56px;height:56px}.player__album-title{font:600 22px/1.1 var(--display)}.player__album-meta{color:var(--muted);margin-top:2px;font-size:12.5px}.player__tracks{gap:2px;margin:0;padding:0;list-style:none;display:grid}.player__row{align-items:center;gap:2px;display:flex}.player__track{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;min-height:52px;padding:8px 10px;display:flex}.player__track:hover{background:#86661f14}.player__track_current{background:#f7e2a066}.player__track-num{text-align:center;width:22px;color:var(--gold);font:600 18px/1 var(--display);flex:none}.player__track-name{flex:1;min-width:0;font-weight:600}.player__track-time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}@media (max-width:767px){.player__inner{gap:8px;min-height:64px;padding:8px 8px 8px 16px}.player__cover{width:44px;height:44px}.player__info{cursor:pointer;flex:1}.player__clock{display:block}.player__meta{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.player__btn_wide{display:none}.player__play{width:48px;height:48px}.player__progress{display:none}.player__progress_panel{display:flex}.player__line{display:block}.player__list{width:auto;max-height:calc(100dvh - 74px);inset:calc(100% + 10px) 8px auto}}@media (max-width:359px){.player__inner>.player__cover{display:none}}
