.hmsc-root .hmsc-item-actions {
  display: grid;
  grid-template-columns: auto 32px;
  align-items: center;
}

.hmsc-root .hmsc-quantity {
  grid-column: 1;
  grid-row: 1;
  align-items: stretch !important;
  height: 32px !important;
  justify-self: start;
}

.hmsc-root .hmsc-quantity button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 30px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

.hmsc-root .hmsc-quantity input {
  display: block !important;
  height: 30px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 30px !important;
  vertical-align: middle !important;
}

.hmsc-root .hmsc-delete-item {
  appearance: none !important;
  grid-column: 2;
  grid-row: 1;
  width: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 7px !important;
  border: 1px solid #cbd5d8 !important;
  border-radius: 5px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--hmsc-primary) !important;
  justify-self: center;
}

.hmsc-root .hmsc-disclosure {
  min-height: 0 !important;
  padding: 6px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--hmsc-primary) !important;
  font:
    700 12px/1.4 "Poppins",
    sans-serif !important;
}

.hmsc-root .hmsc-button-primary,
.hmsc-root .hmsc-button-primary:visited,
.hmsc-root .hmsc-button-primary:hover,
.hmsc-root .hmsc-rec-action,
.hmsc-root .hmsc-rec-action:visited,
.hmsc-root .hmsc-rec-action:hover {
  color: #fff !important;
}

.hmsc-root.is-open .hmsc-floating {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
}

.hmsc-root:not(.is-open) .hmsc-floating {
  visibility: visible !important;
  opacity: 1 !important;
  border-radius: 50% !important;
}

@media (max-width: 420px) {
  .hmsc-root .hmsc-footer {
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
  }
}