.dx-drag-and-drop-list{--dx-item-gap:6px;width:100%}.dx-drag-and-drop-list-ul{gap:var(--dx-item-gap);perspective:1200px;flex-direction:column;margin:0;padding-inline-start:0;display:flex}.dx-drag-and-drop-list-item{--gap-shift:0px;--tilt:0deg;box-sizing:border-box;border:1px solid var(--primary-color-6);background-color:var(--light,#fff) var(--dark,var(--primary-color-4));color:var(--secondary-color-4);cursor:grab;padding-block:var(--dx-space-3);transform:translateY(var(--gap-shift)) rotateX(var(--tilt));transform-style:preserve-3d;transition:border-color var(--dx-motion-duration-base) var(--dx-motion-ease), background-color var(--dx-motion-duration-base) var(--dx-motion-ease), box-shadow var(--dx-motion-duration-base) var(--dx-motion-ease), transform .18s cubic-bezier(.2, .9, .3, 1), opacity var(--dx-motion-duration-base) var(--dx-motion-ease);-webkit-user-select:none;user-select:none;border-radius:10px;outline:none;justify-content:space-between;align-items:center;padding-inline:10px 14px;list-style:none;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.dx-drag-and-drop-list-item:hover{--gap-shift:-1px;border-color:var(--primary-color-7);background-color:var(--light,#fff) var(--dark,var(--primary-color-6));box-shadow:0 1px 2px rgba(0,0,0,.04),0 3px 8px rgba(0,0,0,.04)}.dx-drag-and-drop-list-item:active{--gap-shift:0px;transition-duration:80ms}}.dx-drag-and-drop-list-item:focus-visible{border-color:var(--focused-border-color);box-shadow:0 0 0 3px var(--light,rgba(43,127,255,.18)) var(--dark,rgba(43,127,255,.3))}.dx-drag-and-drop-list-item[data-is-grabbing=true]{--gap-shift:0px;--tilt:0deg;border-style:dashed;border-color:var(--primary-color-7);box-shadow:none;cursor:grabbing;opacity:.5;background-color:transparent;transition-duration:80ms}.dx-drag-and-drop-list-item[data-is-grabbing=true][data-drop-at-origin=true]{border-style:solid;border-color:var(--focused-border-color);box-shadow:0 0 0 3px var(--light,rgba(43,127,255,.18)) var(--dark,rgba(43,127,255,.3));opacity:.75}.dx-drag-and-drop-list-item-icon{color:var(--secondary-color-6);transition:color var(--dx-motion-duration-base) var(--dx-motion-ease);flex-shrink:0;margin-inline-end:6px}@media (hover:hover) and (pointer:fine){.dx-drag-and-drop-list-item:hover .dx-drag-and-drop-list-item-icon{color:var(--secondary-color-2)}}.dx-drag-and-drop-list-item-body-div{min-width:0;font-size:var(--dx-text-sm);flex-grow:1;font-weight:400;line-height:20px}.dx-drag-and-drop-list-remove-button{border-radius:var(--dx-radius-md);width:26px;height:26px;color:var(--secondary-color-6);cursor:pointer;touch-action:manipulation;background-color:transparent;border-style:none;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:10px;padding:0;transition:background-color .12s,color .12s,transform 80ms;display:flex;overflow:visible}.dx-drag-and-drop-list-remove-button:hover{background-color:var(--light,var(--primary-color-5)) var(--dark,var(--primary-color-6));color:var(--secondary-color-2)}.dx-drag-and-drop-list-remove-button:active{transform:scale(.92)}.dx-drag-and-drop-list-remove-button:focus-visible{outline:2px solid var(--focused-border-color);outline-offset:2px}.dx-drag-and-drop-list-drop-indicator{display:none}.dx-drag-and-drop-list-item:before,.dx-drag-and-drop-list-item:after{background-color:var(--focused-border-color);content:"";opacity:0;pointer-events:none;height:3px;transform:rotateX(calc(-1 * var(--tilt))) translateY(calc(-1 * var(--gap-shift))) scaleX(.7);border-radius:999px;transition:opacity .14s ease-out,transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;inset-inline:10px}.dx-drag-and-drop-list-item:before{top:calc(-1 * (var(--dx-item-gap) / 2 + 2.5px));transform-origin:bottom}.dx-drag-and-drop-list-item:after{bottom:calc(-1 * (var(--dx-item-gap) / 2 + 2.5px));transform-origin:top}.dx-drag-and-drop-list-drop-indicator[data-position=before]+.dx-drag-and-drop-list-item:before{opacity:.9;transform:rotateX(calc(-1 * var(--tilt))) translateY(calc(-1 * var(--gap-shift))) scaleX(1)}.dx-drag-and-drop-list-item:has(+.dx-drag-and-drop-list-drop-indicator[data-position=after]):after{opacity:.9;transform:rotateX(calc(-1 * var(--tilt))) translateY(calc(-1 * var(--gap-shift))) scaleX(1)}.dx-drag-and-drop-list-item:has(+.dx-drag-and-drop-list-drop-indicator){--gap-shift:-1px;--tilt:-3deg;transform-origin:bottom}.dx-drag-and-drop-list-drop-indicator+.dx-drag-and-drop-list-item{--gap-shift:1px;--tilt:3deg;transform-origin:top}