.CartOverviewItem {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "itemImage itemTitle" "itemImage itemPrice";
  padding: var(--textSm) 0;
  margin: 0 var(--textSm);
  border-top: 1px solid var(--colorOutlines);
}

.CartOverviewItem:first-of-type {
  border: 0;
}

.CartOverviewItem-span {
  font-size: var(--textSm);
  color: var(--colorTextSubtle);
}

.CartOverviewItem-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--spaceXs);
}

.CartOverviewItem-image {
  grid-area: itemImage;
  margin: 0 var(--spaceSm) auto 0;
  width: 2em;
  height: 2em;
}

.CartOverviewItem-title {
  grid-area: itemTitle;
  align-self: flex-end;
  font-size: var(--textSm);
}

.CartOverviewItem-title > div {
  font-weight: 600;
}

.CartOverviewItem-price {
  grid-area: itemPrice;
  align-self: flex-start;
  font-size: var(--textSm);
  color: var(--colorText);
  font-weight: 600;
}

.CartOverviewItem-count {
  color: var(--colorTextSubtle);
  font-size: var(--textXs);
}

.CartOverviewItem--simple {
  display: flex;
  justify-content: space-between;
  color: var(--colorTextSubtle);
  font-size: var(--textRg);
}

.CartOverviewItem--simple .CartOverviewItem-title {
  color: var(--colorTextSubtle);
  padding-right: var(--spaceSm);
}

.CartOverviewItem--simple .CartOverviewItem-title > div {
  font-weight: 400;
}

.CartOverviewItem--simple .CartOverviewItem-count {
  display: none;
}

/*# sourceMappingURL=cart-overview-item.min.css.map */
