.hedera-basket { .head { border-bottom: 1px solid #DDD; & > div > div { margin: 15px 0; } & > div > div:first-child { margin: 0; } p { margin: 3px 0; &.important { font-size: 1.2rem; font-weight: bold; } } .total { font-weight: bold; margin: 0; padding: 0; font-size: 1.4rem; text-align: right; } } .form > p { margin: 0; font-size: 1.4rem; color: white; text-align: right; } /* Lines */ .line { display: flex; align-items: center; gap: 12px; margin: 10px 0; height: 80px; } .line:first-child { margin-top: 0; } .line:last-child { margin-bottom: 0; } .line > .delete { margin: 0 -8px; } .line > .photo { flex: none; border-radius: 50%; width: 68px; height: 68px; gap: 0; } .line > .info { flex: 1; overflow: hidden; } .line > .info > * { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .line > .info > h2 { font-size: 1rem; font-weight: normal; margin: 0; } .line > .info > p { margin: 0; } .line > .info > .tags { color: #777; } .line .subtotal { float: right; } /* Fields */ td.available-exceeded input { background-color: #FCC; } .icon > img { border-radius: 50%; } }