.cs-gallery-wrapper{align-items:center;display:flex;justify-content:center;min-height:400px;position:relative;width:100%}.cs-main-image-container{aspect-ratio:16/10;border-radius:.5rem;cursor:pointer;max-width:calc(100vw - 10rem);max-width:min(50rem,100vw - 10rem);overflow:hidden;position:relative;width:100%}.cs-main-image{cursor:pointer;display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.cs-main-nav-next,.cs-main-nav-prev{display:none}.cs-thumbnail-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:50rem;padding:.5rem}@media only screen and (min-width:768px){.cs-thumbnail-grid{grid-template-columns:repeat(5,1fr)}}.cs-thumbnail{aspect-ratio:4/3;border:3px solid transparent;border-radius:.5rem;cursor:pointer;overflow:hidden;transition:border-color .3s ease,transform .3s ease}.cs-thumbnail:hover{transform:scale(1.05)}.cs-thumbnail.active{border-color:var(--accent-color)}.cs-thumbnail img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cs-lightbox{align-items:center;background-color:rgba(0,0,0,.9);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:99999}.cs-lightbox.active{opacity:1;visibility:visible}.cs-lightbox-content{align-items:center;display:flex;justify-content:center;max-height:90%;max-width:90%;position:relative}.cs-lightbox-image{border-radius:.5rem;height:auto;max-height:80vh;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.cs-lightbox-close{background:none;border:none;color:#fff;cursor:pointer;height:2.5rem;position:absolute;right:-3rem;top:0;width:2.5rem;z-index:100001}.cs-lightbox-close svg{height:100%;width:100%}.cs-lightbox-next,.cs-lightbox-prev{align-items:center;background-color:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:4rem;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:4rem;z-index:100001}.cs-lightbox-prev{left:2rem}.cs-lightbox-next{right:2rem}.cs-lightbox-next:hover,.cs-lightbox-prev:hover{background-color:hsla(0,0%,100%,.2)}.cs-lightbox-next svg,.cs-lightbox-prev svg{height:2rem;width:2rem}.cs-lightbox-info{bottom:-4rem;color:#fff;left:0;position:absolute;right:0;text-align:center}.cs-image-counter{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.cs-image-caption{font-size:.9rem;margin:0;opacity:.8}@media only screen and (max-width:768px){.cs-thumbnail-grid{gap:.5rem;grid-template-columns:repeat(3,1fr)}.cs-lightbox-prev{left:1rem}.cs-lightbox-next{right:1rem}.cs-lightbox-close{right:1rem;top:1rem}.cs-lightbox-info{bottom:1rem;left:1rem;right:1rem}}body.dark-mode .cs-gallery{background-color:var(--color1-dark)}body.dark-mode .cs-thumbnail.active{border-color:var(--accent-color-dark)}