.display-name-editor{text-align:left;background:#fbf7ef;border:1px solid #17211d24;border-radius:15px;gap:7px;width:100%;padding:12px 13px;display:grid}.display-name-label{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.display-name-value-row,.display-name-edit-row{align-items:center;gap:8px;display:flex}.display-name-value-row{justify-content:space-between}.display-name-value-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.display-name-edit,.display-name-cancel{color:#725414;font:inherit;text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:4px;padding:5px 2px;font-size:.78rem;font-weight:850;text-decoration:underline;display:inline-flex}.display-name-edit-row .display-name-input{flex:auto;min-width:0}.display-name-save{min-height:40px;padding-inline:12px}.display-name-error,.display-name-feedback{font-size:.74rem;line-height:1.35}.display-name-error{color:var(--danger,#9d3c31)}.display-name-feedback{color:#2d6b48}.display-name-editor.is-dark{background:#ffffff14;border-color:#ffffff24}.display-name-editor.is-dark .display-name-label{color:#f1ead7}.display-name-editor.is-dark .display-name-value-row strong{color:#fffffff5}.display-name-editor.is-dark .display-name-edit,.display-name-editor.is-dark .display-name-cancel{color:var(--gold)}.display-name-editor.is-dark .display-name-feedback{color:#dcebdd}@media (max-width:520px){.display-name-editor{padding:11px 12px}.display-name-edit-row{grid-template-columns:minmax(0,1fr) auto;display:grid}.display-name-edit-row .display-name-input{grid-column:1/-1}.display-name-cancel{justify-self:start}}.display-name-inline-editor{vertical-align:middle;gap:3px;min-width:0;display:inline-grid}.display-name-inline-value-row{align-items:center;gap:10px;min-width:0;display:inline-flex}.display-name-inline-value-row strong{overflow-wrap:anywhere;min-width:0}.display-name-inline-edit{color:#725414;cursor:pointer;background:#b9851f17;border:0;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:inline-grid}.display-name-inline-edit:hover,.display-name-inline-edit:focus-visible{background:#b9851f2b;outline:none}.display-name-inline-edit-row{grid-template-columns:minmax(105px,1fr) auto;align-items:center;gap:5px;min-width:min(100%,290px);display:grid}.display-name-inline-input{min-width:0;height:34px;padding:6px 8px;font-size:.82rem}.display-name-inline-save{min-height:32px;color:var(--ink);background:var(--gold);font:inherit;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:3px;padding:5px 7px;font-size:.7rem;font-weight:900;display:inline-flex}.display-name-inline-editor .display-name-error,.display-name-inline-editor .display-name-feedback{white-space:normal;display:block}@media (max-width:520px){.display-name-inline-edit-row{grid-template-columns:minmax(100px,1fr) auto}.display-name-inline-save span{display:none}}