.video-youtube{margin-bottom:1em;& .video-link{position:relative;& .thumbnail{aspect-ratio:16/9;cursor:pointer;border-radius:7px;width:100%;height:auto}& .playicon{cursor:pointer;opacity:.7;aspect-ratio:1;width:10%;min-width:40px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& a:is(:focus,:hover){& .playicon{filter:invert();opacity:.9}}}& .label{text-align:center;font-size:var(--fs-300)}}.figureBasic{--bottomMargin:1em;--aspectRatio:16/9;--paddingBottom:.1em;margin-bottom:var(--bottomMargin);border-radius:7px;position:relative;overflow:clip;& img{aspect-ratio:var(--aspectRatio);width:100%;height:auto}& figcaption{text-align:center;backdrop-filter:saturate(180%)blur(20px);color:#fff;width:100%;padding-top:.1em;padding-bottom:var(--paddingBottom);background:#1e1e1e66;border-top:1px solid #fff3;position:absolute;bottom:0;left:0}}.lightImage{& img{border:1px solid var(--primary-700);border-radius:7px}& figcaption{background:#1e1e1ecc}}@media screen and (prefers-color-scheme:dark){.darkModeDimmed{& img{filter:brightness(80%)}}}.lazyLoadImageGallery{--swiper-pagination-bullet-inactive-color:light-dark(#000,#fff);--swiper-pagination-bullet-inactive-opacity:.3;overflow:hidden}