.counter {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) 52px !important;
  width: 100% !important;
  gap: 10px !important;
}

.counter button {
  width: 52px !important;
  min-width: 52px !important;
  height: 64px !important;
}

.counter input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 64px !important;
  font-size: 34px !important;
}

.action-sheet {
  overflow: hidden !important;
}

.appbar .icon-btn {
  display: none !important;
}

@media (max-width: 520px) {
  .action-sheet {
    width: calc(100% - 24px) !important;
    margin: 0 12px 12px !important;
    padding: 24px 16px 28px !important;
  }

  .counter {
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
  }

  .counter button {
    width: 48px !important;
    min-width: 48px !important;
  }
}