@layer utilities {
  .hide-on-touch {
    @media (any-hover: none) {
      display: none;
    }
  }

  .overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}