.btn.band-plays-capsule{width:100%;max-width:360px;min-width:0;padding:0 12px 0 8px;justify-content:flex-start;container-type:inline-size}.band-plays-capsule-line{display:flex;align-items:center;gap:6px;width:100%;min-width:0;white-space:nowrap;font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.band-plays-capsule-line>:first-child,.band-plays-capsule-name{flex:none}.band-plays-capsule-words{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-tile);font-weight:var(--fw-medium);letter-spacing:.02em}.band-plays-capsule-arrow,.band-plays-capsule-from{opacity:.6}.band-plays-capsule-arrow{margin:0 4px;font-family:var(--font-body)}.band-plays-capsule-points{flex:none;margin-left:auto;padding-left:6px}@container (max-width: 14.5em){.band-plays-capsule-name{display:none}}@container (max-width: 11.5em){.band-plays-capsule-arrow,.band-plays-capsule-from{display:none}}.menu-surface.band-notice{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;--notice-from-t:0px;--notice-from-r:30%;--notice-from-b:0px;--notice-from-l:30%;--notice-from-radius:10px}.menu-surface.band-notice[data-measured]{animation:bandNoticeGrow .26s var(--ease-out) backwards}.menu-surface.band-notice[data-measured][data-leaving]{animation:bandNoticeShrink .22s var(--ease-out) forwards}.band-notice-actor{flex:none;display:inline-flex}.band-notice-actor,.band-notice-text{animation:bandNoticeText .26s var(--ease-out) backwards}.band-notice-text{display:grid;gap:3px;min-width:0}.band-notice-head{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--menu-surface-accent-ink,var(--accent))}.band-notice-sub{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--muted)}.band-notice[data-leaving] .band-notice-actor,.band-notice[data-leaving] .band-notice-text{opacity:0;transition:opacity .12s var(--ease-out)}@keyframes bandNoticeGrow{0%{clip-path:inset(var(--notice-from-t) var(--notice-from-r) var(--notice-from-b) var(--notice-from-l) round var(--notice-from-radius));box-shadow:none}to{clip-path:inset(0 0 0 0 round 22px);box-shadow:none}}@keyframes bandNoticeShrink{0%{clip-path:inset(0 0 0 0 round 22px);box-shadow:none}to{clip-path:inset(var(--notice-from-t) var(--notice-from-r) var(--notice-from-b) var(--notice-from-l) round var(--notice-from-radius));box-shadow:none;opacity:.6}}@keyframes bandNoticeText{0%,40%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.band-notice-actor,.band-notice-text,.menu-surface.band-notice[data-measured]{animation:none}.menu-surface.band-notice[data-measured][data-leaving]{animation:none;opacity:0;transition:opacity .12s linear}}