dialog{&::-webkit-scrollbar {display: none}}

dialog.brxe-block {
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  width: 200%;
}

dialog .brxe-div.c-flex,
#thank-you {
  min-width: 100%;
  scroll-snap-align: start;
  flex-shrink: 0;
}

#thank-you {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.brxe-block:has(.message.success) {
  overflow-x: scroll;
  &::-webkit-scrollbar {
    display: none;
  }
}

.brxe-block:has(.message.success) #thank-you {
  opacity: 1;
}

.message.success {
  display: none;
}