html {
  touch-action: manipulation;
}

.select-wrapper {
  position: relative;
}

.select-wrapper::after {
  content: '▼';
  font-size: 0.8rem;
  top: 8px;
  right: 10px;
  position: absolute;
}

@supports (animation-timeline: view()) {
  #mainContent button {
    animation: fadeUp linear;
    animation-timeline: view();
    animation-range: entry 0% cover 10%;
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.8);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}