.image-before{position:absolute;inset:0;height:100%}.image-after{position:absolute;left:0;top:0;height:100%;width:var(--position)}.caption-before{position:absolute;left:.3rem;bottom:.3rem;opacity:var(--position);font-weight:bold;color:red}.caption-after{position:absolute;right:.3rem;top:.3rem;opacity:calc(100% - var(--position));font-weight:bold;color:red}.caption{position:relative;place-items:center;color:black;font-weight:bold}.slider-image{height:100%;object-fit:cover;object-position:left}.slider-image-width{width:100%;object-fit:cover;object-position:left}.slider-image-fix{width:100%;height:100%;object-fit:cover;object-position:left}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;position:relative;overflow:hidden}.gallery-overview{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;position:relative;overflow:hidden}.gallery-overview-vertical{display:grid;grid-template-columns:repeat(minmax(0,1fr),2);gap:2rem;position:relative;overflow:hidden}.gallery-video{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;position:relative;overflow:hidden}.image-container{max-width:1fr;max-height:1fr;height:1fr;position:relative;aspect-ratio:1/1;--position:50%}.image-container-fix{max-width:1fr;max-height:1fr;width:1fr;height:1fr;position:relative;aspect-ratio:1/1;--position:50%}.image-container-nofix{max-width:1fr;max-height:1fr;width:1fr;position:relative;--position:50%}.myslider{position:absolute;inset:0;cursor:pointer;opacity:0;width:100%;height:100%}.image-container img{object-fit:cover;grid-area:1 / 1 / -1 / -1}.image-container-fix img{object-fit:cover;grid-area:1 / 1 / -1 / -1}.image-container-nofix img{object-fit:cover;grid-area:1 / 1 / -1 / -1}.slider-button{display:grid;position:absolute;background-color:white;color:black;place-items:center;border-radius:100vw;padding:.3rem;opacity:80%;left:var(--position);top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1000;box-shadow:1px 1px 1px hsl(0,50%,2%,.5)}.slider-line{position:absolute;inset:0;width:.2rem;height:100%;left:var(--position);transform:translateX(-50%);background-color:white;pointer-events:none;z-index:10}