.itemComponent{cursor:grab;grid-gap:10px;-webkit-user-select:none;user-select:none;background:var(--navy);border:1px solid var(--background);transition:opacity var(--transition);border-radius:8px;align-items:center;padding:0 9px 0 7px;display:flex}.itemComponent.itemStatus_Active{background:var(--blueactivedark)}.itemComponent.itemStatus_Active .itemName{padding-right:5px;font-style:italic}.itemComponent.itemStatus_Done{color:var(--background);background:#fff;font-weight:700}.itemComponent.itemStatus_Done .itemName{text-decoration:line-through;-webkit-text-decoration-color:var(--background);text-decoration-color:var(--background);padding-right:5px;font-style:italic}.itemComponent .itemInner{grid-gap:10px;flex:1;justify-content:space-between;align-items:center;display:flex}.itemComponent .borderedItmField,.itemComponent .itemName,.itemComponent .itemTypeIndexImages .itemTypeIndex.itemNumberIndex.medItmIndx{stroke-linecap:round;border-bottom:2px solid var(--main)}.itemComponent .itemStart{grid-gap:8px;flex-direction:column;flex:1;display:flex}.itemComponent .itemTypeIndexImages .itemTypeIndex{border:none;border-radius:4px;width:auto;height:25px;font-size:12px}.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{transition:var(--transition);padding-bottom:3px;position:relative;top:-3px}.itemComponent .itemEndContainer{grid-gap:10px;flex-direction:column;display:flex}.itemComponent .itemDeleteButton{color:inherit;cursor:pointer;background:var(--bg);border:0 solid #444;border-radius:4px;min-width:35px;max-width:35px;min-height:35px;padding:0}.itemComponent:has(.itemEndDateTag) .itemEnd{justify-content:flex-end}