@layer core {
  /*=========================
     Table of Contents
  =========================*/
  /*
     1    Responsive Utilities
     4    Large
     57   Medium
     121  Small
  */

  /*=========================
   Responsive Utilities
=========================*/
  /*=========================
   Large
=========================*/
  /* <= 1024px */
  @media (max-width: 1024px) {
    /* Grid */
    .lg-grid-cols-1 {
      grid-template-columns: repeat(1, 1fr);
    }
    .lg-grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .lg-grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    /* Grid Span */
    .lg-col-span-1 {
      grid-column: span 1 / span 1;
    }
    .lg-col-span-2 {
      grid-column: span 2 / span 2;
    }
    .lg-col-span-3 {
      grid-column: span 3 / span 3;
    }
    .lg-col-span-full {
      grid-column: 1 / -1;
    }
    /* Flex */
    .lg-flex-col {
      flex-direction: column;
    }
    .lg-flex-row {
      flex-direction: row;
    }
    /* Alignment */
    .lg-items-start {
      align-items: flex-start;
    }
    .lg-items-center {
      align-items: center;
    }
    .lg-items-stretch {
      align-items: stretch;
    }
    /* Size */
    .lg-w-full {
      width: 100%;
    }
    .lg-hidden {
      display: none;
    }
  }
  /*=========================
   Medium
=========================*/
  /* <= 768px */
  @media (max-width: 768px) {
    /* Grid */
    .md-grid-cols-1 {
      grid-template-columns: repeat(1, 1fr);
    }
    .md-grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .md-grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    /* Grid Span */
    .md-col-span-1 {
      grid-column: span 1 / span 1;
    }
    .md-col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md-col-span-3 {
      grid-column: span 3 / span 3;
    }
    .md-col-span-full {
      grid-column: 1 / -1;
    }
    /* Flex */
    .md-flex-col {
      flex-direction: column;
    }
    .md-flex-row {
      flex-direction: row;
    }
    /* Alignment */
    .md-items-start {
      align-items: flex-start;
    }
    .md-items-center {
      align-items: center;
    }
    .md-items-stretch {
      align-items: stretch;
    }
    /* Text */
    .md-text-center {
      text-align: center;
    }
    .md-text-left {
      text-align: left;
    }
    /* Size */
    .md-w-full {
      width: 100%;
    }
    .md-hidden {
      display: none;
    }
    .md-table-fixed {
      table-layout: fixed;
    }
    .md-u-divider {
      width: 100%;
      height: var(--border-width);
    }
  }
  /*=========================
   Small
=========================*/
  /* <= 640px */
  @media (max-width: 640px) {
    /* Grid */
    .sm-grid-cols-1 {
      grid-template-columns: repeat(1, 1fr);
    }
    .sm-grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    /* Grid Span */
    .sm-col-span-1 {
      grid-column: span 1 / span 1;
    }
    .sm-col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm-col-span-full {
      grid-column: 1 / -1;
    }
    /* Flex */
    .sm-flex-col {
      flex-direction: column;
    }
    .sm-flex-row {
      flex-direction: row;
    }
    /* Alignment */
    .sm-items-start {
      align-items: flex-start;
    }
    .sm-items-center {
      align-items: center;
    }
    /* Text */
    .sm-text-center {
      text-align: center;
    }
    /* Size */
    .sm-w-full {
      width: 100%;
    }
    .sm-hidden {
      display: none;
    }
  }
}