@keyframes fnAutoFill {
  to {
    font-family: inherit;
    font-size: inherit;
  }
}
:root {
  --mg-size: 1em;
  --mg-radius: 0.5em;
  --mg-border: 1px solid #1c2f41;
  --mg-shadow: 0 0 4px #00000044;
  --mg-back: #131e29;
  --mg-pad: 2em;
  --mg-gap: 1em;
  --mg-margin: 0;
  --mg-title-size: 1.8em;
  --mg-title-color: #ffcd92;
  --mg-title-margin: 0 0 1em 0;
  --mg-description-size: 1em;
  --mg-description-color: currentColor;
  --mg-info-size: 0.83em;
  --mg-info-color: #7397a8;
  --mg-meta-size: 1em;
  --mg-meta-color: currentColor;
  --mg-date-size: 1em;
  --mg-date-color: currentColor;
  --mg-footer-size: 1em;
  --mg-footer-color: currentColor;
  --mg-arrow-size: 5em;
  --mg-arrow-color: #97c4d5b8;
  --mg-arrow-color-hover: #0bbcff;
  --mg-mini: 6;
  --mg-mixed: 6;
  --mg-videos: 3;
  --mg-images: 4;
  --mg-tiles-margin: 1em 0;
  --mg-tiles-gap: 1em;
  --mg-box-radius: 0.5em;
  --mg-box-border: 1px solid #1c2f41;
  --mg-box-shadow: 1px 1px 7px #202020d9;
  --mg-link-color: #6ec4d9;
  --mg-link-color-hover: #d79b64;
}
:where(.media-gallery) {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin: var(--mg-margin);
  font-size: var(--mg-size);
  border: var(--mg-border);
  border-radius: var(--mg-radius);
  gap: var(--mg-gap);
  padding: var(--mg-pad);
  background: var(--mg-back);
  box-shadow: var(--mg-shadow);
  --site-link-color: var(--mg-link-color);
  --site-link-hover-color: var(--mg-link-color-hover);
}
:where(.media-gallery) .media-gallery__title {
  font-size: var(--mg-title-size);
  color: var(--mg-title-color);
  margin: var(--mg-title-margin);
}
:where(.media-gallery) .media-gallery__description {
  font-size: var(--mg-description-size);
  color: var(--mg-description-color);
}
:where(.media-gallery) .media-gallery__footer {
  font-size: var(--mg-footer-size);
  color: var(--mg-footer-color);
}
:where(.media-gallery) .media-gallery__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--mg-info-size);
  color: var(--mg-info-color);
}
:where(.media-gallery) .media-gallery__info .meta,
:where(.media-gallery) .media-gallery__info .date {
  display: flex;
  gap: 0.6em;
}
:where(.media-gallery) .media-gallery__info .meta {
  font-size: var(--mg-meta-size);
  color: var(--mg-meta-color);
}
:where(.media-gallery) .media-gallery__info .date {
  font-size: var(--mg-date-size);
  color: var(--mg-date-color);
}
:where(.media-gallery) .media-gallery__videos,
:where(.media-gallery) .media-gallery__images,
:where(.media-gallery) .media-gallery__mixed,
:where(.media-gallery) .media-gallery__mini {
  display: grid;
  margin: var(--mg-tiles-margin);
  gap: var(--mg-tiles-gap);
}
:where(.media-gallery) .media-gallery__videos a,
:where(.media-gallery) .media-gallery__images a,
:where(.media-gallery) .media-gallery__mixed a,
:where(.media-gallery) .media-gallery__mini a,
:where(.media-gallery) .media-gallery__videos .video,
:where(.media-gallery) .media-gallery__images .video,
:where(.media-gallery) .media-gallery__mixed .video,
:where(.media-gallery) .media-gallery__mini .video,
:where(.media-gallery) .media-gallery__videos .image,
:where(.media-gallery) .media-gallery__images .image,
:where(.media-gallery) .media-gallery__mixed .image,
:where(.media-gallery) .media-gallery__mini .image {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  border-radius: var(--mg-box-radius);
  border: var(--mg-box-border);
  box-shadow: var(--mg-box-shadow);
}
:where(.media-gallery) .media-gallery__videos a img,
:where(.media-gallery) .media-gallery__images a img,
:where(.media-gallery) .media-gallery__mixed a img,
:where(.media-gallery) .media-gallery__mini a img,
:where(.media-gallery) .media-gallery__videos .video img,
:where(.media-gallery) .media-gallery__images .video img,
:where(.media-gallery) .media-gallery__mixed .video img,
:where(.media-gallery) .media-gallery__mini .video img,
:where(.media-gallery) .media-gallery__videos .image img,
:where(.media-gallery) .media-gallery__images .image img,
:where(.media-gallery) .media-gallery__mixed .image img,
:where(.media-gallery) .media-gallery__mini .image img {
  display: block;
  width: 100%;
  height: auto;
  z-index: 5;
}
:where(.media-gallery) .media-gallery__videos a .video-arrow,
:where(.media-gallery) .media-gallery__images a .video-arrow,
:where(.media-gallery) .media-gallery__mixed a .video-arrow,
:where(.media-gallery) .media-gallery__mini a .video-arrow,
:where(.media-gallery) .media-gallery__videos .video .video-arrow,
:where(.media-gallery) .media-gallery__images .video .video-arrow,
:where(.media-gallery) .media-gallery__mixed .video .video-arrow,
:where(.media-gallery) .media-gallery__mini .video .video-arrow,
:where(.media-gallery) .media-gallery__videos .image .video-arrow,
:where(.media-gallery) .media-gallery__images .image .video-arrow,
:where(.media-gallery) .media-gallery__mixed .image .video-arrow,
:where(.media-gallery) .media-gallery__mini .image .video-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
  font-size: var(--mg-arrow-size);
  color: var(--mg-arrow-color);
  transition: all 0.5s;
}
:where(.media-gallery) .media-gallery__videos a:hover .video-arrow,
:where(.media-gallery) .media-gallery__images a:hover .video-arrow,
:where(.media-gallery) .media-gallery__mixed a:hover .video-arrow,
:where(.media-gallery) .media-gallery__mini a:hover .video-arrow,
:where(.media-gallery) .media-gallery__videos .video:hover .video-arrow,
:where(.media-gallery) .media-gallery__images .video:hover .video-arrow,
:where(.media-gallery) .media-gallery__mixed .video:hover .video-arrow,
:where(.media-gallery) .media-gallery__mini .video:hover .video-arrow,
:where(.media-gallery) .media-gallery__videos .image:hover .video-arrow,
:where(.media-gallery) .media-gallery__images .image:hover .video-arrow,
:where(.media-gallery) .media-gallery__mixed .image:hover .video-arrow,
:where(.media-gallery) .media-gallery__mini .image:hover .video-arrow {
  color: var(--mg-arrow-color-hover);
}
:where(.media-gallery) .media-gallery__mini {
  grid-template-columns: repeat(var(--mg-mini), 1fr);
}
:where(.media-gallery) .media-gallery__mixed {
  grid-template-columns: repeat(var(--mg-mixed), 1fr);
}
:where(.media-gallery) .media-gallery__videos {
  grid-template-columns: repeat(var(--mg-videos), 1fr);
}
:where(.media-gallery) .media-gallery__images {
  grid-template-columns: repeat(var(--mg-images), 1fr);
}
:where(.media-gallery).mixed {
  --mg-size: 0.94em;
  --mg-title-margin: 0.8em 0;
  --mg-title-size: 1.2em;
  --mg-info-size: 0.93em;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  :where(.media-gallery) {
    --mg-videos: 2;
    --mg-images: 3;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  :where(.media-gallery) {
    --mg-pad: 1em;
    --mg-border: none;
    --mg-back: none;
    --mg-videos: 2;
    --mg-images: 2;
  }
}
@media only screen and (min-width: 0) and (max-width: 400px) {
  :where(.media-gallery) {
    --mg-info-size: 1em;
    --mg-pad: 0;
    --mg-border: none;
    --mg-back: none;
    --mg-videos: 1;
    --mg-images: 2;
  }
}