html{--drag-and-drop-list_border-radius:.75rem;--drag-and-drop-list-item_outline-color:var(--color-grey-300);--drag-and-drop-list-item_background:var(--color-white);--drag-and-drop-list_gap:var(--spacing-xs);--drag-and-drop-list-item_padding:var(--spacing-normal);--drag-and-drop-list-item_font-size:var(--font-size_body-small);--drag-and-drop-list-item_font-weight:var(--font-weight-bold);--drag-and-drop-list-item_color:var(--color-dark-600);--drag-and-drop-list-handle_icon-size:1.25rem;--drag-and-drop-list-handle_icon-color:var(--color-dark-500);--drag-and-drop-list-item_box-shadow:var(--box-shadow-normal);--drag-and-drop-list_width:100%;--drag-and-drop-list_indicator-color:var(--color-red-300);--drag-and-drop-list_indicator-height:2px;--drag-and-drop-list-item_focus-color:var(--color-red-300);--drag-and-drop-list-item_grabbed-background:var(--color-red-100)}.drag-and-drop-list{border-radius:var(--drag-and-drop-list_border-radius);width:var(--drag-and-drop-list_width)}.drag-and-drop-list__items{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.drag-and-drop-list__items:focus{outline:none}.drag-and-drop-list__item{align-items:center;background-color:var(--drag-and-drop-list-item_background);border-radius:var(--drag-and-drop-list_border-radius);cursor:grab;display:flex;justify-content:space-between;margin-bottom:var(--drag-and-drop-list_gap);outline:1px solid var(--drag-and-drop-list-item_outline-color);position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-and-drop-list__item--handle-only{cursor:default;touch-action:auto}.drag-and-drop-list__item--handle-only .drag-and-drop-list__handle{cursor:grab;touch-action:none}.drag-and-drop-list__item--handle-only:active .drag-and-drop-list__handle{cursor:grabbing}.drag-and-drop-list__item:last-child{margin-bottom:0}.drag-and-drop-list__item:active{outline:1px solid var(--drag-and-drop-list-item_outline-color)}.drag-and-drop-list__content{flex:1;min-width:0;padding:var(--drag-and-drop-list-item_padding)}.drag-and-drop-list__handle{align-items:center;align-self:stretch;background:transparent;border:0;color:var(--drag-and-drop-list-handle_icon-color);cursor:inherit;display:inline-flex;flex-shrink:0;justify-content:center;padding:var(--drag-and-drop-list-item_padding)}.drag-and-drop-list__icon{font-size:var(--drag-and-drop-list-handle_icon-size)}.drag-and-drop-list__item--dragging{opacity:0}.drag-and-drop-list__indicator{background:var(--drag-and-drop-list_indicator-color);height:var(--drag-and-drop-list_indicator-height);left:0;margin:0 10px;pointer-events:none;position:absolute;right:0;z-index:1}.drag-and-drop-list__indicator--top{top:calc(var(--drag-and-drop-list_gap)/2*-1 + var(--drag-and-drop-list_indicator-height)/2*-1)}.drag-and-drop-list__indicator--bottom{bottom:calc(var(--drag-and-drop-list_gap)/2*-1 + var(--drag-and-drop-list_indicator-height)/2*-1)}.drag-and-drop-list-transition-move{transition:transform .3s cubic-bezier(.25,0,.5,1)}.drag-and-drop-list-transition-enter-active,.drag-and-drop-list-transition-leave-active{transition:all .3s cubic-bezier(.25,0,.5,1)}.drag-and-drop-list-transition-enter-from,.drag-and-drop-list-transition-leave-to{opacity:0;transform:translate(-30px)}.drag-and-drop-list-transition-leave-active{position:absolute}.drag-and-drop-list__item:focus{outline:1px solid var(--drag-and-drop-list-item_outline-color)}.drag-and-drop-list__item:focus-visible{outline:2px solid var(--drag-and-drop-list-item_focus-color)}.drag-and-drop-list__item--grabbed{background-color:var(--drag-and-drop-list-item_grabbed-background);outline:2px solid var(--drag-and-drop-list-item_focus-color)}