.play-widget{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:21rem;margin:0 auto}.play-widget__avatar{display:flex;align-items:center;gap:1.5rem;-webkit-user-select:none;user-select:none}.play-widget__avatar img{width:5.5rem;height:5.5rem}@media (max-width: 800px){.play-widget__avatar img{width:4.5rem;height:4.5rem}}.play-widget__arrow{display:flex;padding:0;border:0;background:none;color:inherit;cursor:pointer}.play-widget__arrow svg{height:1.5rem;fill:currentColor;transition:scale .1s}.play-widget__arrow:hover svg{scale:1.5}.play-widget__username{width:100%;padding:.8rem 1rem;border:1px solid #3d2b71;border-radius:12px;background-color:#1f1639;color:#fff;font:inherit;font-size:1.125rem;font-weight:600;text-align:center}.play-widget__username::placeholder{color:#8a77c4;font-weight:400}.play-widget__username:focus{outline:none;border-color:var(--purple-main, #8360f8)}.play-widget__play{display:flex;align-items:center;gap:.75rem;width:100%;padding:.95rem 1.5rem;border:0;border-radius:999px;background-color:var(--purple-main, #8360f8);box-shadow:0 12px 32px -8px #8360f8b3;color:#fff;font:inherit;font-size:1.2rem;font-weight:600;line-height:1;cursor:pointer;transition:filter .15s}.play-widget__play svg{height:1em;fill:currentColor}.play-widget__play:hover{filter:brightness(1.08)}.play-widget__play:disabled{opacity:.7;cursor:wait}.play-widget__tag{margin-left:auto;padding:.3rem .6rem;border-radius:6px;background-color:#fff3;font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.play-widget__hint,.play-widget__error{margin:-.25rem 0 0;font-size:.9rem}.play-widget__hint{color:#b5abd9}.play-widget__error{color:#ef4444}