index.css

.k-field-name-input-field{display:flex;flex-flow:column}.k-field-name-input-field button.add-item{align-self:flex-end;padding:.5em;color:#81a2be;transition:color .2s ease-in-out}.k-field-name-input-field button.add-item:hover{color:#5d800d}.k-field-name-input-field ul{margin-bottom:.75em}.k-field-name-input-field ul li{display:flex;background-color:#fff;border:1px solid #ccc;overflow:hidden}.k-field-name-input-field ul li:not(:first-child){border-top:none}.k-field-name-input-field ul li:not(:first-child) span.list-item-handle{cursor:ns-resize}.k-field-name-input-field ul li:first-child{border-top-left-radius:.3em;border-top-right-radius:.3em}.k-field-name-input-field ul li:first-child span.list-item-handle{cursor:s-resize}.k-field-name-input-field ul li:last-child{border-bottom-left-radius:.3em;border-bottom-right-radius:.3em}.k-field-name-input-field ul li:last-child span.list-item-handle{cursor:n-resize}.k-field-name-input-field ul li span{display:flex;padding:.5em}.k-field-name-input-field ul li span.list-item-handle{opacity:.25;transition:opacity .2s ease-in-out}.k-field-name-input-field ul li span.list-item-handle:hover{opacity:1}.k-field-name-input-field ul li button:last-child{opacity:0;transform:translateX(100%);transition:all .2s ease-in-out;cursor:pointer;z-index:1}.k-field-name-input-field ul li span.item-label{flex:1}.k-field-name-input-field ul li:hover:not(.sortable-chosen) button:last-child{opacity:1;transform:translateX(0);transition-delay:.2s}.k-field-name-input-field ul li.k-sortable-ghost{background-color:hsla(0,0%,100%,.5);box-shadow:none}.k-field-name-input-field ul li.k-sortable-ghost span{opacity:0}.k-sortable-fallback{display:flex;background-color:#fff;border-radius:.3em;box-shadow:.1em .4em 1.2em rgba(0,0,0,.2)}.k-sortable-fallback span{padding:.5em}.k-sortable-fallback span:last-child{display:none}