<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:row wrap; position:relative;
justify-content:flex-start; align-items:stretch; align-content:flex-start;
width:200px; height:240px; overflow:auto;
margin:0px; padding:0px;
background:#EEEEEE;
border:solid 1px;
color:black;
list-style:none;
}
:global(.ListView > .ListItemView) {
display:inline-block; position:relative;
width:70px; height:70px; line-height:70px;
border:solid 1px transparent;
margin:0px 2px 0px 2px; padding:0px 4px 0px 4px;
list-style:none; text-align:center; white-space:nowrap;
}
: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-left:solid 5px orange }
:global(.ListView > .AttachmentRegion) {
display:inline-block; position:relative; flex:1 1 auto;
min-width:20px; min-height:20px;
border:solid 1px transparent; margin:0px 2px 2px 2px; padding:0px;