@use "../../../styles/int.scss";

.container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: int.$spacing-2;
}

.contests {
  display: grid;
  gap: int.$spacing-4;
  align-items: flex-start;
  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
}

.contest {
  padding: int.$spacing-3;
  background: white;

  @include int.shadow($size: "100");
}
