.hotelCardDialogListing {
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-x1);
  align-items: flex-end;
  overflow-x: scroll;

  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch; /* Needed to work on iOS Safari */
  padding-inline: var(--Spacing-x2);
  scroll-padding-inline: var(--Spacing-x2);
  overscroll-behavior-inline: contain;

  scroll-behavior: smooth;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.hotelCardDialogListing > div {
  height: 100%;
  scroll-snap-align: center;
}

.hotelCardDialogListing dialog {
  position: relative;
  padding: 0;
  margin: 0;
}