.player-visuals{width:100%;max-width:352px;margin:20px auto 24px}.player-visuals__switch{background:#10171c;border:1px solid #ffffff1f;border-radius:999px;gap:2px;width:fit-content;margin:0 auto 14px;padding:3px;display:flex}.player-visuals__switch button{color:#b8c5c8;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 21px;font-size:12px;font-weight:600}.player-visuals__switch button[aria-pressed=true]{color:#173630;background:#dfeee8}.player-visuals__switch button:focus-visible{outline-offset:4px;outline:2px solid #8be5ce}.player-visuals__frame{aspect-ratio:1;border:1px solid #ffffff20;border-radius:12px;width:min(100%,36vh);min-width:min(100%,230px);margin:0 auto;overflow:hidden;box-shadow:0 18px 44px #00000038}.player-visuals__frame>.recording-cover{border-radius:inherit;border:0;width:100%;height:100%}.player-visuals__concert{background:radial-gradient(at 50% 60%,#315759,#0a1520 75%);width:100%;height:100%;margin:0;position:relative}.player-visuals__concert canvas{width:100%;height:100%;display:block}.player-visuals__overline{color:#e4f2f0;text-align:center;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:500;position:absolute;inset:22px 12px auto}.player-visuals__concert figcaption{color:#d6e8e4;text-align:center;letter-spacing:.05em;font-size:10px;position:absolute;inset:auto 12px 18px}.player-recording-thumb{border-radius:6px;flex:0 0 40px;width:40px;height:40px;display:block;overflow:hidden}.player-recording-thumb>.recording-cover{border-radius:inherit;border:0;width:100%;height:100%}@media (max-height:640px){.player-visuals__frame{min-width:min(100%,180px)}}