[v-cloak] { display: none; }

html, body { -webkit-tap-highlight-color: transparent; }

.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.modal-enter-active, .modal-leave-active { transition: opacity .2s ease; }
.modal-enter-active > div, .modal-leave-active > div { transition: transform .25s cubic-bezier(.2,.8,.2,1); }
.modal-enter-from, .modal-leave-to { opacity: 0; }
.modal-enter-from > div, .modal-leave-to > div { transform: translateY(20px) scale(.98); }

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}