*{
      --plyr-color-main: #000;
      }
      
      .plyr--full-ui input[type="range"]::-moz-range-track{
      border:1px solid #fff;
      border-radius: 0;
      }
      .plyr__control--overlaid[data-plyr="play"]{
      border:1px solid #fff;  
      border-radius: 0;
      }
      
      .glightbox-mobile .goverlay{
      opacity: 90%;
      }
.glightbox-mobile .glightbox-container .gslide-desc a {
    color:var(--accent) !important;
    font-weight: 100 !important;
}
      .glightbox-mobile .glightbox-container .gslide-title{
      color:var(--accent);
      }
      .glightbox-mobile .glightbox-container .gslide-desc{
      color:var(--accent);
      }
      .glightbox-mobile .gdesc-inner{
      outline:none;
      margin-left:0;
      }
      .gclose{
      background-color:var(--main) !important;
      border:1px solid var(--accent);
      outline:1px solid var(--main);
      opacity: 1 !important;
      border-radius: 0 !important;
      }
      .gclose path{
      fill: var(--accent) !important;
      }
      .gprev path, .gnext path{
      fill: var(--accent) !important;
      }
      .gprev , .gnext{
      background-color: var(--main) !important;
      border-radius: 0 !important;
      width:2em !important;
      border: 1px solid var(--accent);
      outline: 1px solid var(--main);
      }
      .glightbox-mobile .glightbox-container .gslide-description{
      background:var(--main) !important;
      border-top:1px solid var(--accent);
      padding-bottom: 2em;
      }
      .gslide-media img{
      border:1px double var(--accent);
      }
      .gslide-desc , .gslide-title{
      font-family: var(--font);
      color: var(--accent) !important;
      }
      .gslide-title{
      margin:0.4em 0.5em 0.5em;
      margin-bottom: 0 !important;
      text-decoration: underline dashed;
      }
      .description-bottom > .gdesc-inner{
      padding:0.01em 0 0.5em !important;
      }
      .gslide-desc{
      margin:0.5em;
      margin-bottom: 0.5em !important;
      }
      .gnext.disabled , .gprev.disabled{
      display: none;
      }
      .gdesc-inner{
      padding:0 !important;
      background: var(--main);
      outline-offset: -1px;
      outline:1px solid var(--accent);
      max-height:100%;
      height:fit-content !important;
      }
      .glightbox-container .ginner-container{
      gap:1em;
      }
      
      .gslide-title{
      font-weight: 600 !important;
      text-decoration: underline dashed 1px var(--accent);
      } 
      
      .gslide-description{
      background:none !important;
      display: flex;
      align-items: center;
      }
      .res-change::after{
      content:'on the right';
      font-style:normal;
      }
      .menu-wrapper{
      display: flex;
      justify-content: space-between;
      }
      .filters{
      display: flex;
      flex-direction: column;
      gap:0.2em;
      align-items: flex-end;
      }
      .filters p{
      text-align: right;
      }
      .filters button{
        background:var(--main);
        color:var(--accent);
        border:1px solid var(--accent);
        font-family: var(--font);
        cursor: pointer;
      }
      .gallery-menu p{
      font-size:0.8em;
      margin:0.7em 0 0 0;
      }
      .gallery{
      display: flex;
      gap:0.5em;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      }
      .gallery-menu{
      max-width: 80vw;
      margin:0 0 0.5em 0;
      }
      hr{
      margin:0.5em 0 1em 0;
      }
      .gallery a img{
      border:1px solid var(--accent);
      display: block;
      max-width:100%;
      max-height:auto;
      }
      
      .thumbnail{
      max-width:200px;
      max-height:200px;
      }

@media (max-width: 550px) {
.menu-wrapper{
display: block;
}
.gallery-menu{
max-width: 100vw;
margin:0 0 0.5em 0; 
}
hr{
margin:1em 0;
  }
.res-change::after{
content:'below';
font-style:normal;
}
.filters{
align-items: stretch;
display: flex;
flex-direction: column;
gap:0.3em;
  }
.filters p{
text-align: left;
}
}