.portfolio-name-editor{vertical-align:middle;align-items:center;min-width:0;max-width:100%;display:inline-flex}.portfolio-name-editor-trigger{min-width:0;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;max-width:100%;margin:0;padding:2px 3px;transition:color .2s,background .2s;display:inline-flex}.portfolio-name-editor-trigger:hover:not(:disabled),.portfolio-name-editor-trigger:focus-visible{background:var(--input)}.portfolio-name-editor-trigger:hover:not(:disabled) .portfolio-name-editor-edit-icon,.portfolio-name-editor-trigger:focus-visible .portfolio-name-editor-edit-icon{opacity:1}.portfolio-name-editor-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.portfolio-name-editor-trigger:disabled{opacity:.5;cursor:wait}.portfolio-name-editor-value{overflow-wrap:anywhere;min-width:0}.portfolio-name-editor-edit-icon{opacity:0;width:13px;color:var(--muted);flex-shrink:0;transition:opacity .2s}.portfolio-name-editing{flex-wrap:nowrap;height:28px}.portfolio-name-editor-controls{flex:1;align-items:center;gap:4px;min-width:0;max-width:100%;height:28px;display:inline-flex}.portfolio-name-editor-input{min-width:0;font:inherit;height:28px;min-height:0;color:var(--ink);box-sizing:border-box;background:var(--input);border:1px solid var(--line);border-radius:4px;flex:1;width:clamp(120px,28vw,360px);padding:2px 6px;line-height:20px;transition:background .2s,border-color .2s}.portfolio-name-editor-input:focus{outline:2px solid var(--accent);outline-offset:1px}.portfolio-name-editor-input[aria-invalid=true]{border-color:var(--danger)}.portfolio-name-editor-input:disabled{opacity:.6;cursor:wait}.portfolio-name-editor-action{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;padding:0;transition:color .2s,background .2s;display:grid}.portfolio-name-editor-action:hover:not(:disabled),.portfolio-name-editor-action:focus-visible{color:var(--accent);background:var(--input)}.portfolio-name-editor-action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.portfolio-name-editor-action:disabled{opacity:.5;cursor:wait}.portfolio-name-editor-save{color:var(--accent)}@media (hover:none){.portfolio-name-editor-edit-icon{opacity:.65}}@media (prefers-reduced-motion:reduce){.portfolio-name-editor-trigger,.portfolio-name-editor-edit-icon,.portfolio-name-editor-input,.portfolio-name-editor-action{transition:none}}