.CartHolderItem {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "cartImage cartTitle cartPrice" "cartImage cartCount cartPrice" "cartImage cartRemove cartRemove";
  font-size: var(--textXs);
  grid-gap: .5em;
  border-bottom: 1px solid var(--colorOutlines);
  padding-bottom: var(--spaceSm);
  margin-bottom: var(--spaceSm);
}

.CartHolderItem-image {
  grid-area: cartImage;
  margin-right: var(--spaceSm);
  place-self: start;
}

.CartHolderItem-title {
  grid-area: cartTitle;
  color: var(--colorText);
  font-weight: 700;
  transition: var(--animationBase);
  line-height: var(--headingLineHeight);
}

.CartHolderItem-title a {
  text-decoration: none;
  color: inherit;
  transition: var(--animationBase);
}

.CartHolderItem-title a span {
  display: block;
}

.CartHolderItem-title a:hover, .CartHolderItem-title a:active, .CartHolderItem-title a:focus {
  text-decoration: none;
  color: var(--colorBrand);
}

.CartHolderItem-count {
  grid-area: cartCount;
  color: var(--colorTextSubtle);
}

.CartHolderItem-count span {
  display: block;
}

.CartHolderItem-price {
  grid-area: cartPrice;
  place-self: start end;
  font-weight: 700;
  font-size: var(--textMd);
  margin-left: var(--spaceXs);
}

.CartHolderItem-remove {
  grid-area: cartRemove;
  background: transparent;
  border: none;
  padding: 0;
  transition: var(--animationBase);
  cursor: pointer;
  color: var(--colorTextSubtle);
  text-align: start;
  font-size: var(--textXs);
  place-self: start;
}

.CartHolderItem-remove:hover, .CartHolderItem-remove:active, .CartHolderItem-remove:focus {
  color: var(--colorBrand);
}

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