.overlay {
  pointer-events: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 40;
  height: 100%;
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(37 197 216 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 32 25 / var(--tw-bg-opacity));
  padding-bottom: 8rem;
  opacity: 0;
  transition-duration: 200ms;
}
.cart-active {
  overflow: hidden;
}
.cart-active .overlay-cart {
  pointer-events: auto;
  opacity: 1;
}
.cart-active #header-cart {
  --tw-bg-opacity: 1;
  background-color: rgb(30 32 25 / var(--tw-bg-opacity));
}
.cart-active #header-cart path {
  fill: #25C5D8;
}
.cart-active .header-cart, .header-cart.open {
  height: 100%;
  max-height: calc((var(--vh, 1vh) * 85));
}
@media only screen and (min-width: 1025px) {
  .cart-active .header-cart, .header-cart.open {
    max-height: calc((var(--vh, 1vh) * 80));
  }
}
.cart-drawer--form {
  display: grid;
  height: 100%;
  overflow: hidden;
  grid-template-rows: minmax(1px, max-content) minmax(1px, max-content) minmax(1px, 1fr);
}
.item-cart--delete path {
  fill: #000;
  stroke: #000;
}
.item-cart--delete svg {
  height: 1.25rem;
  width: auto;
}