* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; height: 100%; overscroll-behavior: none; }
body { font-family: 'Vazirmatn', sans-serif; }

@keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }

/* scrollbars */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(128,128,128,.4); border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }

button { font-family: inherit; -webkit-user-select: none; user-select: none; }
input, textarea, select { font-family: inherit; }
input:focus, textarea:focus { outline: none; }

/* range input theming */
input[type="range"] { -webkit-appearance: none; height: 4px; border-radius: 2px; background: currentColor; opacity: 0.5; width: 100px; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #f472b6; cursor: pointer; }

code { font-family: 'JetBrains Mono', monospace; font-size: 12px; }

/* prevent iOS zoom on inputs */
@media (max-width: 640px) {
  input, textarea, select { font-size: 16px !important; }
}
pre { font-size: inherit !important; }
pre span { font-family: inherit; }