@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.magazine-archive {
  position: relative;
  margin-block: clamp(3.429rem, 2.698rem + 2.132vw, 5rem); }
  .magazine-archive .inside {
    width: 90%;
    max-width: 1266px;
    margin: 0 auto; }
  .magazine-archive-filter {
    margin-bottom: 5rem; }
    .magazine-archive-filter select {
      width: 100%;
      max-width: 17rem; }
  .magazine-archive-grid {
    position: relative;
    display: none;
    flex-wrap: wrap;
    margin: clamp(2.857rem, 1.86rem + 2.907vw, 5rem) 0; }
    .magazine-archive-grid.active {
      display: flex;
      animation: fadeIn 0.3s ease-in; }
  .magazine-archive-grid-year {
    font-size: clamp(1.571rem, 1.339rem + 0.678vw, 2.071rem);
    width: 100%;
    margin-bottom: 2.857rem; }
  @media only screen and (min-width: 1280px) {
    .magazine-archive .magazine-archive-item {
      width: 22.6%; }
      .magazine-archive .magazine-archive-item:not(:nth-of-type(4n)) {
        margin-right: 3.2%; } }
  @media only screen and (min-width: 720px) and (max-width: 1279.98px) {
    .magazine-archive .magazine-archive-item {
      width: 30%; }
      .magazine-archive .magazine-archive-item:not(:nth-of-type(3n)) {
        margin-right: 5%; } }
  @media only screen and (min-width: 580px) and (max-width: 719.98px) {
    .magazine-archive .magazine-archive-item {
      width: 47.5%; }
      .magazine-archive .magazine-archive-item:not(:nth-of-type(2n)) {
        margin-right: 5%; } }

/*# sourceMappingURL=magazine-archive.css.map */