@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap");

:root {
  color-scheme: dark;
}

body {
  font-family: "Space Grotesk", sans-serif;
  background-image:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.1), transparent 30%),
    radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.08), transparent 28%);
}

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

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.dual-slider__thumb {
  touch-action: none;
  cursor: ew-resize;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.08);
}