<style>
:global([draggable]) {
-webkit-touch-callout:none;
-ms-touch-action:none; touch-action:none;
-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;
}
:global(.ListView) {
display:inline-flex; flex-flow:column nowrap; position:relative;
justify-content:flex-start; align-items:stretch;
width:180px; height:240px; overflow:auto;
margin:0px; padding:0px;
background:#EEEEEE;
border:solid 1px;
color:black;
list-style:none;
}
:global(.ListView > .ListItemView) {
display:block; position:relative;
height:30px; line-height:30px;
border:solid 1px transparent;
margin:0px 2px 0px 2px; padding:0px 4px 0px 4px;
list-style:none;
}
:global(.ListView > .ListItemView > *) { /* disables wobbling */
pointer-events:none;
}
:global(.ListView > .ListItemView:hover:not(.dragged)) { border:solid 1px }
:global(.ListView > .ListItemView.selected:not(.dragged)) { background:dodgerblue }
:global(.ListView > .ListItemView.dragged) { opacity:0.3 }
:global(.ListView > .ListItemView.hovered:not(.dragged)) { border-top:solid 10px transparent }
:global(.ListView > .AttachmentRegion) {