.itemComponent{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px;padding:0 9px 0 7px;background:var(--navy);border:1px solid var(--background);transition:opacity var(--transition)}.itemComponent,.itemComponent .itemInner{display:flex;grid-gap:10px;align-items:center}.itemComponent .itemInner{flex:1 1;justify-content:space-between}.itemComponent .borderedItmField,.itemComponent .itemName,.itemComponent .itemTypeIndexImages .itemTypeIndex.itemNumberIndex.medItmIndx{stroke-linecap:round;border-bottom:2px solid var(--main)}.itemComponent .itemStart{flex:1 1;display:flex;grid-gap:8px;flex-direction:column}.itemComponent .itemTypeIndexImages .itemTypeIndex{width:auto;height:25px;border:none;font-size:12px;border-radius:4px}.itemComponent .itemTypeIndexImages .itemTypeIndex .itemTypeIcon{max-height:15px}.itemComponent .itemTypeIndexImages img{object-fit:cover;object-position:center;min-width:106px!important;max-width:106px!important}.itemComponent .itemName{top:-3px;position:relative;padding-bottom:3px}.itemComponent .itemEndContainer{display:flex;grid-gap:10px;flex-direction:column}.itemComponent .itemDeleteButton{padding:0;color:inherit;cursor:pointer;min-width:35px;max-width:35px;min-height:35px;border-radius:4px;background:var(--bg);border:0 solid #444}.itemComponent:has(.itemEndDateTag) .itemEnd{justify-content:flex-end}