@charset "UTF-8";
.bag-row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  --grid-gap: 30px;
}
.bag-row.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.bag-row.no-gutters > .bag, .bag-row.no-gutters > [class*=bag-] {
  margin-left: 0;
  margin-right: 0;
  --grid-gap: 0px;
}

.bag-xl_1700-12, .bag-xl_1700-11, .bag-xl_1700-10, .bag-xl_1700-9, .bag-xl_1700-8, .bag-xl_1700-7, .bag-xl_1700-6, .bag-xl_1700-5, .bag-xl_1700-4, .bag-xl_1700-3, .bag-xl_1700-2, .bag-xl_1700-1, .bag-xl_1700-auto, .bag-xl_1700, .bag-xl_1600-12, .bag-xl_1600-11, .bag-xl_1600-10, .bag-xl_1600-9, .bag-xl_1600-8, .bag-xl_1600-7, .bag-xl_1600-6, .bag-xl_1600-5, .bag-xl_1600-4, .bag-xl_1600-3, .bag-xl_1600-2, .bag-xl_1600-1, .bag-xl_1600-auto, .bag-xl_1600, .bag-xl_1440-12, .bag-xl_1440-11, .bag-xl_1440-10, .bag-xl_1440-9, .bag-xl_1440-8, .bag-xl_1440-7, .bag-xl_1440-6, .bag-xl_1440-5, .bag-xl_1440-4, .bag-xl_1440-3, .bag-xl_1440-2, .bag-xl_1440-1, .bag-xl_1440-auto, .bag-xl_1440, .bag-xl_1366-12, .bag-xl_1366-11, .bag-xl_1366-10, .bag-xl_1366-9, .bag-xl_1366-8, .bag-xl_1366-7, .bag-xl_1366-6, .bag-xl_1366-5, .bag-xl_1366-4, .bag-xl_1366-3, .bag-xl_1366-2, .bag-xl_1366-1, .bag-xl_1366-auto, .bag-xl_1366, .bag-xl_1200-12, .bag-xl_1200-11, .bag-xl_1200-10, .bag-xl_1200-9, .bag-xl_1200-8, .bag-xl_1200-7, .bag-xl_1200-6, .bag-xl_1200-5, .bag-xl_1200-4, .bag-xl_1200-3, .bag-xl_1200-2, .bag-xl_1200-1, .bag-xl_1200-auto, .bag-xl_1200, .bag-lg_1024-12, .bag-lg_1024-11, .bag-lg_1024-10, .bag-lg_1024-9, .bag-lg_1024-8, .bag-lg_1024-7, .bag-lg_1024-6, .bag-lg_1024-5, .bag-lg_1024-4, .bag-lg_1024-3, .bag-lg_1024-2, .bag-lg_1024-1, .bag-lg_1024-auto, .bag-lg_1024, .bag-lg_992-12, .bag-lg_992-11, .bag-lg_992-10, .bag-lg_992-9, .bag-lg_992-8, .bag-lg_992-7, .bag-lg_992-6, .bag-lg_992-5, .bag-lg_992-4, .bag-lg_992-3, .bag-lg_992-2, .bag-lg_992-1, .bag-lg_992-auto, .bag-lg_992, .bag-lg_991-12, .bag-lg_991-11, .bag-lg_991-10, .bag-lg_991-9, .bag-lg_991-8, .bag-lg_991-7, .bag-lg_991-6, .bag-lg_991-5, .bag-lg_991-4, .bag-lg_991-3, .bag-lg_991-2, .bag-lg_991-1, .bag-lg_991-auto, .bag-lg_991, .bag-md_849-12, .bag-md_849-11, .bag-md_849-10, .bag-md_849-9, .bag-md_849-8, .bag-md_849-7, .bag-md_849-6, .bag-md_849-5, .bag-md_849-4, .bag-md_849-3, .bag-md_849-2, .bag-md_849-1, .bag-md_849-auto, .bag-md_849, .bag-md_812-12, .bag-md_812-11, .bag-md_812-10, .bag-md_812-9, .bag-md_812-8, .bag-md_812-7, .bag-md_812-6, .bag-md_812-5, .bag-md_812-4, .bag-md_812-3, .bag-md_812-2, .bag-md_812-1, .bag-md_812-auto, .bag-md_812, .bag-md_768-12, .bag-md_768-11, .bag-md_768-10, .bag-md_768-9, .bag-md_768-8, .bag-md_768-7, .bag-md_768-6, .bag-md_768-5, .bag-md_768-4, .bag-md_768-3, .bag-md_768-2, .bag-md_768-1, .bag-md_768-auto, .bag-md_768, .bag-md_767-12, .bag-md_767-11, .bag-md_767-10, .bag-md_767-9, .bag-md_767-8, .bag-md_767-7, .bag-md_767-6, .bag-md_767-5, .bag-md_767-4, .bag-md_767-3, .bag-md_767-2, .bag-md_767-1, .bag-md_767-auto, .bag-md_767, .bag-md_667-12, .bag-md_667-11, .bag-md_667-10, .bag-md_667-9, .bag-md_667-8, .bag-md_667-7, .bag-md_667-6, .bag-md_667-5, .bag-md_667-4, .bag-md_667-3, .bag-md_667-2, .bag-md_667-1, .bag-md_667-auto, .bag-md_667, .bag-md_640-12, .bag-md_640-11, .bag-md_640-10, .bag-md_640-9, .bag-md_640-8, .bag-md_640-7, .bag-md_640-6, .bag-md_640-5, .bag-md_640-4, .bag-md_640-3, .bag-md_640-2, .bag-md_640-1, .bag-md_640-auto, .bag-md_640, .bag-sm_576-12, .bag-sm_576-11, .bag-sm_576-10, .bag-sm_576-9, .bag-sm_576-8, .bag-sm_576-7, .bag-sm_576-6, .bag-sm_576-5, .bag-sm_576-4, .bag-sm_576-3, .bag-sm_576-2, .bag-sm_576-1, .bag-sm_576-auto, .bag-sm_576, .bag-sm_480-12, .bag-sm_480-11, .bag-sm_480-10, .bag-sm_480-9, .bag-sm_480-8, .bag-sm_480-7, .bag-sm_480-6, .bag-sm_480-5, .bag-sm_480-4, .bag-sm_480-3, .bag-sm_480-2, .bag-sm_480-1, .bag-sm_480-auto, .bag-sm_480, .bag-sm_428-12, .bag-sm_428-11, .bag-sm_428-10, .bag-sm_428-9, .bag-sm_428-8, .bag-sm_428-7, .bag-sm_428-6, .bag-sm_428-5, .bag-sm_428-4, .bag-sm_428-3, .bag-sm_428-2, .bag-sm_428-1, .bag-sm_428-auto, .bag-sm_428, .bag-sm_414-12, .bag-sm_414-11, .bag-sm_414-10, .bag-sm_414-9, .bag-sm_414-8, .bag-sm_414-7, .bag-sm_414-6, .bag-sm_414-5, .bag-sm_414-4, .bag-sm_414-3, .bag-sm_414-2, .bag-sm_414-1, .bag-sm_414-auto, .bag-sm_414, .bag-sm_390-12, .bag-sm_390-11, .bag-sm_390-10, .bag-sm_390-9, .bag-sm_390-8, .bag-sm_390-7, .bag-sm_390-6, .bag-sm_390-5, .bag-sm_390-4, .bag-sm_390-3, .bag-sm_390-2, .bag-sm_390-1, .bag-sm_390-auto, .bag-sm_390, .bag-sm_360-12, .bag-sm_360-11, .bag-sm_360-10, .bag-sm_360-9, .bag-sm_360-8, .bag-sm_360-7, .bag-sm_360-6, .bag-sm_360-5, .bag-sm_360-4, .bag-sm_360-3, .bag-sm_360-2, .bag-sm_360-1, .bag-sm_360-auto, .bag-sm_360, .bag-xs_320-12, .bag-xs_320-11, .bag-xs_320-10, .bag-xs_320-9, .bag-xs_320-8, .bag-xs_320-7, .bag-xs_320-6, .bag-xs_320-5, .bag-xs_320-4, .bag-xs_320-3, .bag-xs_320-2, .bag-xs_320-1, .bag-xs_320-auto, .bag-xs_320, .bag-12, .bag-11, .bag-10, .bag-9, .bag-8, .bag-7, .bag-6, .bag-5, .bag-4, .bag-3, .bag-2, .bag-1, .bag-auto, .bag {
  position: relative;
  width: calc(100% - var(--grid-gap));
  margin-left: 15px;
  margin-right: 15px;
}

.bag {
  flex: 1 1 0;
  max-width: calc(100% - var(--grid-gap));
}

.bag-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: calc(100% - var(--grid-gap));
}

.bag-1 {
  flex: 0 0 calc(8.3333333333% - var(--grid-gap));
  max-width: calc(8.3333333333% - var(--grid-gap));
}

.bag-2 {
  flex: 0 0 calc(16.6666666667% - var(--grid-gap));
  max-width: calc(16.6666666667% - var(--grid-gap));
}

.bag-3 {
  flex: 0 0 calc(25% - var(--grid-gap));
  max-width: calc(25% - var(--grid-gap));
}

.bag-4 {
  flex: 0 0 calc(33.3333333333% - var(--grid-gap));
  max-width: calc(33.3333333333% - var(--grid-gap));
}

.bag-5 {
  flex: 0 0 calc(41.6666666667% - var(--grid-gap));
  max-width: calc(41.6666666667% - var(--grid-gap));
}

.bag-6 {
  flex: 0 0 calc(50% - var(--grid-gap));
  max-width: calc(50% - var(--grid-gap));
}

.bag-7 {
  flex: 0 0 calc(58.3333333333% - var(--grid-gap));
  max-width: calc(58.3333333333% - var(--grid-gap));
}

.bag-8 {
  flex: 0 0 calc(66.6666666667% - var(--grid-gap));
  max-width: calc(66.6666666667% - var(--grid-gap));
}

.bag-9 {
  flex: 0 0 calc(75% - var(--grid-gap));
  max-width: calc(75% - var(--grid-gap));
}

.bag-10 {
  flex: 0 0 calc(83.3333333333% - var(--grid-gap));
  max-width: calc(83.3333333333% - var(--grid-gap));
}

.bag-11 {
  flex: 0 0 calc(91.6666666667% - var(--grid-gap));
  max-width: calc(91.6666666667% - var(--grid-gap));
}

.bag-12 {
  flex: 0 0 calc(100% - var(--grid-gap));
  max-width: calc(100% - var(--grid-gap));
}

@media (min-width: 320px) {
  .bag-xs_320-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xs_320 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xs_320-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-xs_320-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-xs_320-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-xs_320-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-xs_320-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-xs_320-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-xs_320-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-xs_320-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-xs_320-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-xs_320-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-xs_320-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-xs_320-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 360px) {
  .bag-sm_360-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_360 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_360-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-sm_360-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-sm_360-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-sm_360-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-sm_360-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-sm_360-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-sm_360-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-sm_360-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-sm_360-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-sm_360-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-sm_360-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-sm_360-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 390px) {
  .bag-sm_390-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_390 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_390-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-sm_390-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-sm_390-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-sm_390-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-sm_390-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-sm_390-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-sm_390-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-sm_390-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-sm_390-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-sm_390-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-sm_390-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-sm_390-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 414px) {
  .bag-sm_414-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_414 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_414-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-sm_414-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-sm_414-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-sm_414-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-sm_414-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-sm_414-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-sm_414-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-sm_414-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-sm_414-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-sm_414-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-sm_414-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-sm_414-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 428px) {
  .bag-sm_428-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_428 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_428-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-sm_428-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-sm_428-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-sm_428-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-sm_428-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-sm_428-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-sm_428-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-sm_428-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-sm_428-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-sm_428-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-sm_428-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-sm_428-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 480px) {
  .bag-sm_480-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_480 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_480-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-sm_480-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-sm_480-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-sm_480-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-sm_480-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-sm_480-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-sm_480-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-sm_480-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-sm_480-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-sm_480-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-sm_480-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-sm_480-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 576px) {
  .bag-sm_576-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_576 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-sm_576-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-sm_576-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-sm_576-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-sm_576-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-sm_576-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-sm_576-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-sm_576-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-sm_576-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-sm_576-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-sm_576-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-sm_576-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-sm_576-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 640px) {
  .bag-md_640-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_640 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_640-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-md_640-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-md_640-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-md_640-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-md_640-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-md_640-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-md_640-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-md_640-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-md_640-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-md_640-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-md_640-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-md_640-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 667px) {
  .bag-md_667-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_667 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_667-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-md_667-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-md_667-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-md_667-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-md_667-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-md_667-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-md_667-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-md_667-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-md_667-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-md_667-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-md_667-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-md_667-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 767px) {
  .bag-md_767-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_767 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_767-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-md_767-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-md_767-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-md_767-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-md_767-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-md_767-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-md_767-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-md_767-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-md_767-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-md_767-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-md_767-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-md_767-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 768px) {
  .bag-md_768-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_768 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_768-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-md_768-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-md_768-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-md_768-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-md_768-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-md_768-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-md_768-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-md_768-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-md_768-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-md_768-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-md_768-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-md_768-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 812px) {
  .bag-md_812-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_812 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_812-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-md_812-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-md_812-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-md_812-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-md_812-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-md_812-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-md_812-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-md_812-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-md_812-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-md_812-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-md_812-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-md_812-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 849px) {
  .bag-md_849-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_849 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-md_849-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-md_849-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-md_849-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-md_849-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-md_849-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-md_849-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-md_849-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-md_849-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-md_849-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-md_849-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-md_849-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-md_849-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 991px) {
  .bag-lg_991-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-lg_991 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-lg_991-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-lg_991-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-lg_991-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-lg_991-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-lg_991-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-lg_991-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-lg_991-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-lg_991-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-lg_991-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-lg_991-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-lg_991-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-lg_991-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 992px) {
  .bag-lg_992-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-lg_992 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-lg_992-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-lg_992-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-lg_992-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-lg_992-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-lg_992-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-lg_992-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-lg_992-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-lg_992-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-lg_992-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-lg_992-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-lg_992-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-lg_992-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 1024px) {
  .bag-lg_1024-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-lg_1024 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-lg_1024-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-lg_1024-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-lg_1024-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-lg_1024-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-lg_1024-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-lg_1024-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-lg_1024-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-lg_1024-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-lg_1024-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-lg_1024-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-lg_1024-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-lg_1024-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 1200px) {
  .bag-xl_1200-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xl_1200 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xl_1200-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-xl_1200-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-xl_1200-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-xl_1200-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-xl_1200-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-xl_1200-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-xl_1200-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-xl_1200-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-xl_1200-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-xl_1200-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-xl_1200-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-xl_1200-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 1366px) {
  .bag-xl_1366-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xl_1366 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xl_1366-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-xl_1366-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-xl_1366-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-xl_1366-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-xl_1366-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-xl_1366-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-xl_1366-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-xl_1366-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-xl_1366-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-xl_1366-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-xl_1366-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-xl_1366-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 1440px) {
  .bag-xl_1440-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xl_1440 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xl_1440-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-xl_1440-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-xl_1440-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-xl_1440-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-xl_1440-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-xl_1440-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-xl_1440-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-xl_1440-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-xl_1440-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-xl_1440-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-xl_1440-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-xl_1440-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 1600px) {
  .bag-xl_1600-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xl_1600 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xl_1600-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-xl_1600-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-xl_1600-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-xl_1600-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-xl_1600-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-xl_1600-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-xl_1600-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-xl_1600-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-xl_1600-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-xl_1600-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-xl_1600-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-xl_1600-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
@media (min-width: 1700px) {
  .bag-xl_1700-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xl_1700 {
    flex: 1 1 0;
    max-width: calc(100% - var(--grid-gap));
  }
  .bag-xl_1700-1 {
    flex: 0 0 calc(8.3333333333% - var(--grid-gap));
    max-width: calc(8.3333333333% - var(--grid-gap));
  }
  .bag-xl_1700-2 {
    flex: 0 0 calc(16.6666666667% - var(--grid-gap));
    max-width: calc(16.6666666667% - var(--grid-gap));
  }
  .bag-xl_1700-3 {
    flex: 0 0 calc(25% - var(--grid-gap));
    max-width: calc(25% - var(--grid-gap));
  }
  .bag-xl_1700-4 {
    flex: 0 0 calc(33.3333333333% - var(--grid-gap));
    max-width: calc(33.3333333333% - var(--grid-gap));
  }
  .bag-xl_1700-5 {
    flex: 0 0 calc(41.6666666667% - var(--grid-gap));
    max-width: calc(41.6666666667% - var(--grid-gap));
  }
  .bag-xl_1700-6 {
    flex: 0 0 calc(50% - var(--grid-gap));
    max-width: calc(50% - var(--grid-gap));
  }
  .bag-xl_1700-7 {
    flex: 0 0 calc(58.3333333333% - var(--grid-gap));
    max-width: calc(58.3333333333% - var(--grid-gap));
  }
  .bag-xl_1700-8 {
    flex: 0 0 calc(66.6666666667% - var(--grid-gap));
    max-width: calc(66.6666666667% - var(--grid-gap));
  }
  .bag-xl_1700-9 {
    flex: 0 0 calc(75% - var(--grid-gap));
    max-width: calc(75% - var(--grid-gap));
  }
  .bag-xl_1700-10 {
    flex: 0 0 calc(83.3333333333% - var(--grid-gap));
    max-width: calc(83.3333333333% - var(--grid-gap));
  }
  .bag-xl_1700-11 {
    flex: 0 0 calc(91.6666666667% - var(--grid-gap));
    max-width: calc(91.6666666667% - var(--grid-gap));
  }
  .bag-xl_1700-12 {
    flex: 0 0 calc(100% - var(--grid-gap));
    max-width: calc(100% - var(--grid-gap));
  }
}
* {
  padding: 0;
  margin: 0;
}

body {
  background: #000 !important;
}

/*繼承Extent*/
.auto_Spec .tabs_box input[type=radio]:checked + label:before, .auto_Spec table caption:before, .auto_Spec h3:before, .kv_features_grid .kv_features_txt h4:before, .pa_menu_flex .pa_menu_list:last-child ul li a:hover:before, .pa_menu_flex .pa_menu_list:last-child ul li a.state:before {
  content: "";
  position: absolute;
}

.pandora_mv .pandora_mv_txt, .peripheral_flex .peripheral_list .peripheral_txt {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

[class*=flex] {
  display: flex;
}

[class*=grid] {
  display: grid;
}

img {
  max-width: 100%;
}

section {
  padding: 60px 0;
  position: relative;
  color: white;
}
@media (min-width: 768px) {
  section {
    padding: 130px 0;
  }
}
@media (min-width: 996px) {
  section {
    padding: 80px 0;
  }
}
section figure {
  text-align: center;
  padding: 0 10px;
}
@media (min-width: 768px) {
  section figure {
    padding: 0;
  }
}

.banner {
  text-align: center;
}

.pa_menu_flex {
  padding: 13% 0 20px;
  flex-wrap: wrap;
}
.pa_menu_flex .pa_menu_list {
  width: 100%;
  position: relative;
}
.pa_menu_flex .pa_menu_list:first-child {
  width: 100%;
}
@media (min-width: 576px) {
  .pa_menu_flex .pa_menu_list:first-child {
    width: 40%;
  }
}
@media (min-width: 1300px) {
  .pa_menu_flex .pa_menu_list:first-child {
    width: 50%;
  }
}
.pa_menu_flex .pa_menu_list:last-child {
  width: 100%;
}
@media (min-width: 576px) {
  .pa_menu_flex .pa_menu_list:last-child {
    width: 60%;
  }
}
@media (min-width: 1300px) {
  .pa_menu_flex .pa_menu_list:last-child {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .pa_menu_flex .pa_menu_list {
    width: 50%;
  }
}
.pa_menu_flex .pa_menu_list h1 {
  color: white;
  font-size: 1.35rem;
}
.pa_menu_flex .pa_menu_list h1 small {
  display: block;
}
.pa_menu_flex .pa_menu_list:last-child {
  justify-items: flex-end;
}
.pa_menu_flex .pa_menu_list:last-child ul {
  margin: 35px 0 0;
  position: relative;
  padding: 0;
}
@media (min-width: 576px) {
  .pa_menu_flex .pa_menu_list:last-child ul {
    margin: 0;
  }
}
.pa_menu_flex .pa_menu_list:last-child ul li {
  display: inline-block;
}
.pa_menu_flex .pa_menu_list:last-child ul li a {
  color: #c2c2c2;
  display: block;
  font-size: 0.9rem;
  margin: 10px 24px;
  text-decoration: blink;
  position: relative;
  transition: all 0.2s linear;
}
@media (min-width: 450px) {
  .pa_menu_flex .pa_menu_list:last-child ul li a {
    margin: 0px 0 25px 28px;
  }
}
@media (min-width: 768px) {
  .pa_menu_flex .pa_menu_list:last-child ul li a {
    margin: 0 9px 25px;
  }
}
@media (min-width: 1300px) {
  .pa_menu_flex .pa_menu_list:last-child ul li a {
    margin: 0 11px;
  }
}
@media (min-width: 1600px) {
  .pa_menu_flex .pa_menu_list:last-child ul li a {
    margin: 0 15px;
  }
}
.pa_menu_flex .pa_menu_list:last-child ul li a.state {
  color: white;
}
.pa_menu_flex .pa_menu_list:last-child ul li a.state:before {
  width: 100%;
  height: 1px;
  background: #ffcc00;
  bottom: -5px;
}
.pa_menu_flex .pa_menu_list:last-child ul li a:hover {
  color: white;
}
.pa_menu_flex .pa_menu_list:last-child ul li a:hover:before {
  width: 100%;
  height: 1px;
  background: #ffcc00;
  bottom: -5px;
}

.empowers_box {
  text-align: left;
}
@media (min-width: 768px) {
  .empowers_box {
    text-align: center;
  }
}
.empowers_box .pa_title {
  border-bottom: solid 2px #ffcc00;
  display: inline-block;
  padding: 5px 0;
}
.empowers_box p {
  margin: 10px 0 25px;
}

.pandora_txt_rignt {
  padding: 65px 0;
  text-align: right;
  margin: 0 0 0 50%;
}
@media (min-width: 996px) {
  .pandora_txt_rignt {
    margin: 0 0 0 45%;
  }
}
@media (min-width: 1600px) {
  .pandora_txt_rignt {
    margin: 0;
  }
}

.pandora_txt_left {
  padding: 65px 0;
  text-align: left;
  margin: 0 50% 0 0;
}
@media (min-width: 996px) {
  .pandora_txt_left {
    margin: 0 45% 0 0;
  }
}
@media (min-width: 1600px) {
  .pandora_txt_left {
    margin: 0;
  }
}

.smarthub_flex {
  flex-wrap: wrap;
}
.smarthub_flex .smarthub_list {
  width: 100%;
  padding: 10px;
}
@media (min-width: 768px) {
  .smarthub_flex .smarthub_list {
    width: 50%;
  }
}

.modern_flex {
  flex-wrap: wrap;
}
.modern_flex .modern_list {
  width: 100%;
  padding: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .modern_flex .modern_list {
    width: 50%;
  }
}
.modern_flex .modern_list figure figcaption {
  margin: 0 0 10px;
  font-size: 1.15rem;
  color: #ffcc00;
}

.friendly_flex {
  flex-wrap: wrap;
}
.friendly_flex .friendly_list {
  width: 100%;
  padding: 10px;
}
@media (min-width: 768px) {
  .friendly_flex .friendly_list {
    width: 33.3333333333%;
  }
}

.kv_features_grid {
  background: url(../images/banner_bg_m.jpg) no-repeat top center/cover;
  grid-template-columns: repeat(16, 10%);
  grid-auto-rows: minmax(225px, auto);
  background-attachment: fixed;
  margin: 33px 0 0;
}
@media (min-width: 768px) {
  .kv_features_grid {
    background: url(../images/banner_bg.jpg) no-repeat top center/cover;
    grid-auto-rows: minmax(104px, auto);
  }
}
.kv_features_grid .kv_features_txt {
  grid-area: 2/2/3/10;
  color: white;
  display: grid;
  align-items: center;
}
@media (min-width: 768px) {
  .kv_features_grid .kv_features_txt {
    grid-area: 1/2/3/6;
  }
}
@media (min-width: 1600px) {
  .kv_features_grid .kv_features_txt {
    grid-area: 1/3/3/6;
  }
}
.kv_features_grid .kv_features_txt .features_page {
  margin: 0 0 0 0;
}
@media (min-width: 768px) {
  .kv_features_grid .kv_features_txt .features_page {
    margin: 0 20% 0 0;
  }
}
.kv_features_grid .kv_features_txt .features_page .features_logo {
  margin: 0 0 40px;
}
.kv_features_grid .kv_features_txt h4 {
  position: relative;
  display: inline-block;
  margin: 0 0 20px;
}
.kv_features_grid .kv_features_txt h4:before {
  width: 100%;
  height: 1px;
  background: #ffcc00;
  bottom: -10px;
}
.kv_features_grid .kv_features_txt ul {
  margin: 0 0 0 18px;
}
.kv_features_grid .kv_features_txt ul li {
  list-style-type: disc;
}
.kv_features_grid .kv_features_pc {
  grid-area: 1/2/2/10;
  display: grid;
  align-items: center;
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .kv_features_grid .kv_features_pc {
    grid-area: 1/6/3/11;
    margin: 0;
  }
}
@media (min-width: 996px) {
  .kv_features_grid .kv_features_pc {
    grid-area: 1/6/3/10;
  }
}
@media (min-width: 1600px) {
  .kv_features_grid .kv_features_pc {
    grid-area: 1/6/3/9;
  }
}

.auto_Spec h3 {
  font-size: 1.25rem;
  margin: 0 0 40px;
  position: relative;
  display: inline-block;
}
.auto_Spec h3:before {
  width: 100%;
  height: 1px;
  background: #ffcc00;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
}
.auto_Spec table caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: rgb(255, 204, 0);
  text-align: left;
  font-size: 1.5rem;
  caption-side: top;
  margin: 0 0 19px;
  position: relative;
  display: inline-block;
}
.auto_Spec table caption:before {
  width: 100%;
  height: 1px;
  background: #ffffff;
  bottom: 0px;
}
.auto_Spec table .caption {
  background: #ffcc00;
  color: #000;
  text-align: left;
}
.auto_Spec table tr td:last-child {
  border-right: none;
}
.auto_Spec table th {
  border-right: 1px solid #ffcc00;
  padding: 10px 15px;
  color: #ffffff;
  border-bottom: 1px solid #ffcc00;
}
.auto_Spec table td {
  border-right: 1px solid #ffcc00;
  border-bottom: 1px solid #ffcc00;
  padding: 10px 7px 10px 15px;
  color: #d0d0d0;
  word-break: break-all;
  text-align: left;
}
.auto_Spec table td ul {
  padding: 0px;
  margin: 0;
}
.auto_Spec table td ul li {
  text-align: left;
  list-style: none;
  line-height: 28px;
}
.auto_Spec .tabs_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin: 2em auto;
}
.auto_Spec .tabs_box input[type=radio] {
  display: none;
}
.auto_Spec .tabs_box input[type=radio]:checked + label {
  position: relative;
  color: #f2c917;
  margin: 0 0 25px;
  transform: translatey(1px);
}
.auto_Spec .tabs_box input[type=radio]:checked + label:before {
  width: 81%;
  height: 1px;
  background: #ffcc00;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: auto;
}
.auto_Spec .tabs_box input[type=radio]:checked + label + .tab-content {
  display: block;
}
.auto_Spec .tabs_box input[type=radio]:checked + label + .tab-content .peripheral_flex {
  flex-wrap: wrap;
  margin: 40px 0 0px;
}
.auto_Spec .tabs_box label {
  padding: 0.5em 0.75em;
  color: #939393;
  font-size: 1.25rem;
  border-bottom: unset;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
  order: 0;
}
.auto_Spec .tabs_box label:hover {
  color: #f2c917;
}
.auto_Spec .tabs_box .tab-content {
  display: none;
  width: 100%;
  order: 1;
}
.auto_Spec.download_list table {
  margin: 0 0 40px;
}
.auto_Spec.download_list table tr {
  text-align: center;
}
.auto_Spec.download_list table tr:nth-child(2) td:last-child {
  border-right: none;
  text-align: center;
  width: 12%;
}
.auto_Spec.download_list table tr td:last-child {
  border-right: solid 1px #ffcc00;
}
.auto_Spec.download_list table tr td a {
  font-size: 1.3rem;
  color: #d0d0d0;
}
.auto_Spec.download_list table tr td a:hover {
  color: #ffcc00;
}
.auto_Spec.download_list table tr:nth-child(3) td:last-child {
  border-right: solid 1px #ffcc00;
}

.resolve_box {
  position: relative;
}
.resolve_box .empowers_box {
  position: relative;
}
@media (min-width: 768px) {
  .resolve_box .empowers_box {
    text-align: left;
    width: 63%;
  }
}

.peripheral_flex {
  margin: 0 0 55px;
  flex-wrap: wrap;
}
.peripheral_flex .peripheral_list {
  width: 100%;
  position: relative;
  margin: 15px 0 30px;
}
@media (min-width: 996px) {
  .peripheral_flex .peripheral_list {
    width: 50%;
    margin: 15px 0 0;
  }
}
.peripheral_flex .peripheral_list .peripheral_txt {
  position: absolute;
}

#flyout_menu {
  position: absolute;
  top: 250px;
  right: 5px;
  width: 65px;
  color: #fff;
  padding: 5px;
  z-index: 1000;
  transition: top 0.3s ease;
}
@media (min-width: 768px) {
  #flyout_menu {
    width: 90px;
  }
}
#flyout_menu .menu-item {
  display: block;
  color: #fff;
  text-decoration: none;
  margin: 10px 0;
  transition: all 0.2s linear;
}

#flyout_menu .menu-item:hover {
  transform: scale(1.1);
}
#flyout_menu .menu-item:hover img { /* Safari */
  filter: hue-rotate(280deg);
}

.menu-content a:nth-of-type(2):hover img { /* Safari */
  filter: hue-rotate(30deg) !important;
}

.community_flex {
  flex-wrap: wrap;
  margin: 0 0 60px;
}
.community_flex .community_list {
  width: calc(100% - 2px);
  margin: 15px;
  display: grid;
}
.community_flex .community_list iframe {
  width: 100%;
  height: 250px;
  border: solid 9px #333333;
}
@media (min-width: 768px) {
  .community_flex .community_list iframe {
    height: 360px;
  }
}
@media (min-width: 768px) {
  .community_flex .community_list {
    width: calc(50% - 32px);
  }
}

.pandora_mv {
  text-align: center;
  position: relative;
}
.pandora_mv .pandora_mv_txt {
  position: absolute;
}
.pandora_mv video {
  width: 100%;
}

.image-section {
  position: relative;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.image-section img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  margin: auto;
  bottom: 0;
}
.image-section img.active {
  opacity: 1;
}

.gallery_flex {
  flex-wrap: wrap;
}
.gallery_flex .gallery_list {
  width: calc(50% - 10px);
  background: #262626;
  margin: 5px;
  align-items: center;
  padding: 20px;
  justify-content: center;
  display: flex;
  transition: all 0.2s linear;
  cursor: pointer;
}
@media (min-width: 768px) {
  .gallery_flex .gallery_list {
    width: calc(25% - 10px);
  }
}
.gallery_flex .gallery_list:hover {
  background: #707070;
}

.lightbox {
  display: none;
}
.lightbox:target {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}
.lightbox figcaption {
  width: 22rem;
  position: relative;
  padding: 1.5em;
  background-color: rgb(255, 255, 255);
  text-align: center;
  line-height: 30px;
  color: #000000;
}
.lightbox figcaption a {
  color: #5165f6;
}
@media (min-width: 768px) {
  .lightbox figcaption {
    width: 25rem;
  }
}
.lightbox .closure {
  position: relative;
  display: block;
}
.lightbox .closure::after {
  content: "×";
  position: absolute;
  right: -1rem;
  top: -1rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
  color: white;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
  font-size: 1.3rem;
}
.lightbox .closure::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: default;
}/*# sourceMappingURL=style.css.map */