.only-mobile {
  display: none;
}

@media (max-width: 640px) {
  .only-desktop {
    display: none;
  }
  .only-mobile {
    display: block;
  }
}

@media (pointer: coarse) {
  :root {
    --slider-thumb-size: 22px;
  }
}

@media not (pointer: coarse) {
  :root {
    --slider-thumb-size: 18px;
  }
}