.editable-row{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 0}.editable-row:hover .hover-button-group{opacity:1}.editable-row .prop-value{font-size:16px;font-style:normal;font-weight:400;line-height:20px}.editable-row .prop-value.default{opacity:.5}.editable-row .hover-button-group{opacity:0;transition:opacity .2s ease}.editable-row .hover-button-group .edit-button{min-width:unset;padding:6px;color:var(--grey-60)}.editable-row .hover-button-group .edit-button:hover{color:#fff}.editable-row.is-editing{display:flex;gap:12px;align-items:center;cursor:default}.editable-row.is-editing .select-input{flex:1 1;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:4px;color:#fff}.editable-row.is-editing .select-input.empty{color:var(--grey-60)}.editable-row.is-editing .select-input:hover{border-color:hsla(0,0%,100%,.3)}.editable-row.is-editing .select-input:focus{border-color:#fff}.editable-row.is-editing .confirmation-button-group{display:flex;gap:8px;align-items:center}.editable-row.is-editing .confirmation-button-group .editable-row-ok-button{min-width:unset;padding:6px;color:var(--success)}.editable-row.is-editing .confirmation-button-group .editable-row-ok-button:hover:not(:disabled){color:var(--success-light)}.editable-row.is-editing .confirmation-button-group .editable-row-ok-button:disabled{color:var(--grey-60)}.editable-row.is-editing .confirmation-button-group .editable-row-cancel-button{min-width:unset;padding:6px;color:var(--grey-60)}.editable-row.is-editing .confirmation-button-group .editable-row-cancel-button:hover{color:#fff}.editable-row.is-editing .progress-spinner{padding:6px;color:var(--grey-60)}