@use "../../../../styles/abstracts/variables";
@use "../../../../styles/abstracts/mixins";

.admin {
  @include mixins.adminPageIntro;

  width: 100%;

  margin-top: 1.25rem;
}

/* ==========================================
ANALYTICS GRID
========================================== */

.admin__grid {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 1rem;

  margin-top: 1.25rem;

  width: 100%;

  @media only screen and (max-width: 1400px) {
    grid-template-columns: repeat(3, 1fr);
  }

  @media only screen and (max-width: 1000px) {
    display: flex;

    overflow-x: auto;

    gap: 0.85rem;

    padding-bottom: 0.5rem;

    scroll-snap-type: x mandatory;

    &::-webkit-scrollbar {
      display: none;
    }

    > * {
      flex: 0 0 280px;

      scroll-snap-align: start;
    }
  }
}

/* ==========================================
OPTIONAL SECTION SPACING
========================================== */

.admin__section {
  margin-top: 1.5rem;
}