.sheet-backdrop {
  min-width: 0;
}

.bottom-sheet {
  min-width: 0;
  max-width: calc(100vw - 36px);
  overflow-x: hidden;
}

.bottom-sheet .field {
  min-width: 0;
  width: 100%;
  overflow: hidden;
}

.bottom-sheet .field input[type="date"],
.bottom-sheet .field input[type="time"] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  inline-size: 100%;
  min-width: 0;
  min-inline-size: 0;
  max-width: 100%;
  max-inline-size: 100%;
  -webkit-appearance: none;
  appearance: none;
}

@supports (-webkit-touch-callout: none) {
  .bottom-sheet .field input[type="date"],
  .bottom-sheet .field input[type="time"] {
    width: -webkit-fill-available;
    inline-size: -webkit-fill-available;
  }
}