.project-name-editor{display:inline-block;position:relative}.project-name-editor__wrapper{align-items:center;display:flex;transition:opacity .2s ease}.project-name-editor .name-project-name-editor__input{color:#313439d9;font-size:14px;height:32px;line-height:32px;max-width:200px;overflow:hidden;padding:0 var(--spacing-s,8px);text-align:left;text-overflow:ellipsis;white-space:nowrap}.project-name-editor__input.el-input{background:transparent;border:none;color:#313439d9;outline:none;overflow:hidden}.project-name-editor__input.el-input .el-input__wrapper{background:unset;box-shadow:none;padding:0 var(--spacing-s,8px)}.project-name-editor__input.el-input .el-input__wrapper .el-input__inner{color:#313439d9;font-family:inherit;font-size:14px;font-weight:400;height:32px;line-height:100%;text-align:center}.project-name-editor__input.el-input .el-input__wrapper.is-focus{color:#313439d9}.project-name-editor__input.el-input .el-input__wrapper.is-focus:after{border:1px solid var(--color-neutral-opacity-blueblack-2,rgba(49,52,57,.06));border-radius:var(--radius-l,6px);content:"";inset:0;pointer-events:none;position:absolute}.project-name-editor__input.el-input:focus{color:#313439d9}.project-name-editor__input.el-input:focus:after{border:1px solid var(--color-neutral-opacity-blueblack-2,rgba(49,52,57,.06));border-radius:var(--radius-l,6px);content:"";inset:0;pointer-events:none;position:absolute}.project-name-editor__chevron{align-items:center;border-radius:3px;color:#313439d9;display:flex;height:16px;justify-content:center;width:16px}.project-name-editor__chevron:hover{background:#3134390f}.project-name-editor__menu{background:var(--overlay-color-white-wt-100,#fff);border:1px solid var(--color-neutral-opacity-blueblack-1,rgba(49,52,57,.03));border-radius:var(--radius-l,6px);box-shadow:0 4px 20px #0000001a;left:100%;padding:6px 0;position:absolute;top:100%;transform:translate(-33px,4px);z-index:1000}.project-name-editor__menu-content{display:flex;flex-direction:column;gap:var(--spacing-xxs,4px)}.project-name-editor__menu-item-wrapper{padding:0 6px}.project-name-editor__menu-item{align-items:center;border-radius:3px;cursor:pointer;display:flex;gap:var(--spacing-s,8px);height:32px;padding:var(--spacing-s,8px);transition:background-color .2s ease}.project-name-editor__menu-item:hover{background-color:#0000000a}.project-name-editor__menu-icon{color:#313439;flex-shrink:0;height:16px;width:16px}.project-name-editor__menu-text{color:var(--color-neutral-opacity-blueblack-21,#313439);font-family:Albert Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap}.project-name-editor .project-name-editor__wrapper--menu-open .project-name-editor__chevron{background-color:#0000001f}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}