.tough-line-item{--tough-line-item-image:80px;grid-template-areas:"media info quantity total remove";grid-template-columns:var(--tough-line-item-image) minmax(0, 1fr) 112px 110px 36px;align-items:center;gap:16px;padding:18px 20px;display:grid}.tough-line-item__media{grid-area:media}.tough-line-item__media .tough-product-image{width:var(--tough-line-item-image);height:calc(var(--tough-line-item-image) * .875);border-radius:var(--tough-radius)}.tough-line-item__info{flex-direction:column;grid-area:info;gap:4px;min-width:0;display:flex}.tough-line-item__name{color:var(--tough-color-text);font-size:16.5px;font-weight:700;line-height:1.3}.tough-line-item__name:hover{color:var(--tough-color-primary)}.tough-line-item__number{color:var(--tough-color-text-muted);font-family:var(--tough-font-family-mono);font-size:12.5px}.tough-line-item__options{color:var(--tough-color-text);font-size:13.5px}.tough-line-item__unit{color:var(--tough-color-text-muted);font-size:13.5px}.tough-line-item__quantity{grid-area:quantity}.tough-line-item__total{color:var(--tough-color-primary);text-align:right;white-space:nowrap;grid-area:total;font-size:17px;font-weight:800}.tough-line-item__remove{grid-area:remove}.tough-line-item--nested{--tough-line-item-image:48px;padding-top:10px;padding-left:116px}.tough-line-item--nested .tough-line-item__name{font-size:14.5px;font-weight:600}.tough-line-item--nested .tough-line-item__total{font-size:15px;font-weight:700}@media (width<=767.98px){.tough-line-item{--tough-line-item-image:64px;grid-template-areas:"media info info remove""media quantity total total";grid-template-columns:var(--tough-line-item-image) auto minmax(0, 1fr) 36px;align-items:start;gap:10px 14px;padding:16px}.tough-line-item .tough-line-item__total{align-self:center}}.tough-line-item--sm{--tough-line-item-image:64px;grid-template-areas:"media info info remove""media quantity total total";grid-template-columns:var(--tough-line-item-image) auto minmax(0, 1fr) 36px;align-items:start;gap:10px 14px;padding:16px 0}.tough-line-item--sm .tough-line-item__name{font-size:15px}.tough-line-item--sm .tough-line-item__total{align-self:center;font-size:15.5px}.tough-line-item--sm.tough-line-item--nested{--tough-line-item-image:40px;padding-top:4px;padding-left:78px}@media (width<=767.98px){.tough-line-item--nested{--tough-line-item-image:40px;grid-template-areas:"media info info remove""media quantity total total";grid-template-columns:var(--tough-line-item-image) auto minmax(0, 1fr) 36px;align-items:start;gap:8px 12px;padding:4px 16px 16px 94px}}.tough-line-item--plain.tough-line-item--sm{grid-template-areas:"media info total total";align-items:center}.tough-line-item--plain.tough-line-item--sm .tough-line-item__quantity,.tough-line-item--plain.tough-line-item--sm .tough-line-item__remove{display:none}@media (width<=767.98px){.tough-line-item--plain{grid-template-areas:"media info total total";align-items:center}.tough-line-item--plain .tough-line-item__quantity,.tough-line-item--plain .tough-line-item__remove{display:none}}.tough-line-item__remove-button{border-radius:calc(var(--tough-radius) * .8);width:36px;height:36px;color:var(--tough-color-text-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.tough-line-item__remove-button:hover{background:var(--tough-color-page-background);color:var(--tough-color-text)}
