html,
body {
  margin: 0;
}

html {
  width: 100%;
  height: 100%;
}

body {
  user-select: none; /* Запрещает выделение текста */
  -webkit-user-select: none; /* Для старых браузеров */
  touch-action: pan-x pan-y;
  overflow-y: auto; /* Возвращаем вертикальную прокрутку */
  min-height: calc(4rem + 100%);
}

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.error {
  color: red;
}

.input-lower input {
  width: 50%;
}

.input-lower input::placeholder {
	color: #24FD61;
	letter-spacing: 0.2rem;
}

.input-lower-borders input {
  width: 50%;
}

.input-lower-borders input::placeholder {
	color: #24FD61;
	letter-spacing: 0.2rem;
}