/* assets/css/app.css */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.masonry { column-count: 1; column-gap: 18px; }
@media (min-width: 640px)  { .masonry { column-count: 2; } }
@media (min-width: 768px)  { .masonry { column-count: 3; } }
@media (min-width: 1280px) { .masonry { column-count: 4; } }
.masonry > * { break-inside: avoid; margin-bottom: 18px; display: block; }

.checkerboard-bg {
  background-image: linear-gradient(45deg, #121216 25%, transparent 25%), linear-gradient(-45deg, #121216 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #121216 75%), linear-gradient(-45deg, transparent 75%, #121216 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-color: #1a1a20;
}