/* #program-grid {
  min-height: 1440px;
  &.open {
    & .tile {
      & > :not(.open) {
        opacity: 0.0;
        //display: none;
      }
    }
  }
} */


.tile-square {
  /*max-width: 250px;*/

/*   & .tile-inside {

  } */
/*   & .tile-buttons {
    @apply hidden;
  } */
/*
  &.open {
    position: absolute;
    z-index: theme('zIndex.20');
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid theme('colors.primary.DEFAULT');
    background-color: theme('colors.gray.lightest');
    width: theme('spacing.full');
    max-width: theme('spacing.full');

    cursor: default;
    transition: theme('transitionDuration.500');

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start ;

    & .tile-inside {
      order: 1;
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 2;
    }
    & .tile-title {
        font-size: theme('fontSize.11xl');
        color: theme('colors.primary.DEFAULT');
      }
    & .tile-body {
      display: block;
      order: 2;
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 2;
      grid-row-end: 3;
    }
    & .media {
      order: 3;
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 2;
      grid-row-end: 3;
    }
    & .tile-buttons {
      display: block;
      order: 4;
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 2;
      grid-row-end: 3;
    }
  } */ /* Endo of .open */
}


/* text-overflow: ellipsis; */


.tile-square img {
    display: block ;
    border-radius: 10px;
  }


.tile-square svg {
    width: 100%;
    height: 100%;
  }


.tile-square time {
white-space: nowrap;
}


/* End of .tile-square */



/*# sourceMappingURL=tile-square.css.map*/