/*
cart_drawer-8874ac63c4.css
async load to improve html size and performance
*/
.drawer-sidebar-inner {
  border-width: var(--popup-border-width);
  border-radius: var(--popup-corner-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.inner-h {
  height: 80vh;
}
.overflow-hidden-drawer {
  overflow: hidden !important;
}
.uppercase {
  text-transform: uppercase;
}
.p-2 {
  padding: 8px;
}
#cart-drawer-modal {
  height: 100vh;
  border-radius: var(--popup-corner-radius) var(--popup-corner-radius) 0 0;
}
#cart-drawer-modal .cart-drawer-header {
  border-bottom: 1px solid var(--color-border);
}
.cart-drawer-summary-sticky-render {
  width: 430px;
  max-width: 85vw;
}
#cart-drawer[loading] ~ *,
#cart-drawer[data-empty][finish] ~ *,
#cart-drawer:not([data-empty])[finish] ~ .cart-empty {
  display: none;
}
#cart-drawer[data-empty][finish] ~ .cart-empty {
  display: flex;
}
#cart-drawer[loading] ~ .cart-loading {
  display: var(--loading-show);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#cart-drawer:not([loading]) ~ .cart-loading {
  display: none !important;
}
#cart-drawer-modal .cart-drawer-header {
  padding: 18px 16px;
}

.plugin__bundle__cart__total-price {
  color: var(--color-highlight);
}
@media (min-width: 960px) {
  .lg\:gap-9px {
    gap: 9px;
  }
  #cart-drawer-modal {
    width: 430px;
    max-width: 430px;
    border-radius: 0;
  }
  #cart-drawer-modal .cart-drawer-header {
    padding: 18px 16px;
    border-bottom: 1px solid var(--color-border);
  }
  #cart-drawer-modal[side='bottom'] {
    top: 0 !important;
    right: 0 !important;
    left: unset !important;
    max-height: 100vh !important;
    max-width: 80vw !important;
    min-width: 45px !important;
    animation-name: i-spzhtml-sidebar-slide-out-right;
  }
  #cart-drawer-modal[side='bottom'][open] {
    animation-name: i-spzhtml-sidebar-slide-in-right;
  }

  .inner-h {
    height: 100vh;
  }
  .drawer-sidebar-inner {
    border-radius: 0;
    border: none;
  }
}