.touchline-account-button{border:1px solid #d8d1e4;background:#fff;color:#30204f;border-radius:999px;padding:7px 12px;font:700 12px system-ui;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-title-header .touchline-account-button{margin-left:auto;background:#ffffff20;border-color:#ffffff50;color:#fff}.touchline-account-dialog{border:0;border-radius:18px;padding:0;max-width:min(360px,calc(100vw - 32px));width:100%;box-shadow:0 20px 80px #0007}.touchline-account-dialog::backdrop{background:#120b20aa}.touchline-account-dialog>div{padding:24px;display:grid;gap:12px}.touchline-account-dialog h2{margin:0;color:#201932}.touchline-account-dialog p{margin:0 0 8px;color:#685e78}.touchline-account-dialog button{border:0;border-radius:10px;padding:12px;background:#2d1a4d;color:#fff;font-weight:700}.touchline-account-dialog button+button{background:#ece8f2;color:#2d1a4d}
.touchline-account-dialog .touchline-invite{padding:14px;border-radius:12px;background:#f4f0fa;color:#30204f;display:grid;gap:8px}.touchline-account-dialog .touchline-invite[hidden]{display:none}.touchline-invite label{font:700 12px system-ui}.touchline-invite input{width:100%;min-width:0;border:1px solid #c9bfdb;border-radius:8px;padding:10px;color:#30204f;background:#fff;font:12px system-ui}.touchline-account-dialog .touchline-invite button{background:#6346ce;color:#fff}.touchline-account-dialog .touchline-invite p{margin:0;font:12px system-ui}