input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.bg-success {
  background-color: rgb(185 250 185);
}

.bg-error {
  background-color: rgb(252 165 165);
}

.bg-warning {
  background-color: rgb(255 255 0);
}

.bg-info {
  background-color: rgb(173 216 230);
}

@media (max-width: 450px) {

  table,
  .table-container,
  .min-w-full {
    font-size: 0.7rem !important;
  }

  th,
  td {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .price-normal,
  .price-foil {
    font-size: 0.7rem !important;
  }

  .xs-hide {
    display: none !important;
  }

  .xs-show {
    display: block !important;
  }

  th.xs-show,
  td.xs-show {
    display: table-cell !important;
  }

  tr.xs-show {
    display: table-row !important;
  }
}

@media (min-width: 451px) {
  .xs-show {
    display: none !important;
  }
}