.gallery-overlay{position:fixed;top:0;left:0;z-index:42;display:flex;height:100%;width:100%;background-color:#00000040}.gallery-overlay.toggle-enter-active,.gallery-overlay.toggle-leave-active{opacity:1;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gallery-overlay.toggle-enter-from,.gallery-overlay.toggle-leave-to{opacity:0}.gallery-overlay .gallery-close-btn{position:absolute;top:2rem;right:2rem;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.gallery-overlay .gallery-close-btn{bottom:2.75rem;left:50%;top:auto;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));bottom:0;width:100%;--tw-bg-opacity: 1;background-color:rgb(248 239 235 / var(--tw-bg-opacity, 1));padding-top:1.5rem;padding-bottom:1.5rem}}.gallery-overlay .close-btn{width:5rem;height:5rem}@media(max-width:768px){.gallery-overlay .close-btn{margin-left:auto;margin-right:auto;width:64px;height:64px}.gallery-overlay .close-btn svg{width:14px;height:14px}}.gallery-overlay .arrow-btn{height:11vw;width:11vw}.gallery-overlay .arrow-next{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gallery-overlay .gallery-viewer{position:fixed;left:0;right:0;top:50%;z-index:42;display:flex;height:51.4vw;max-height:60vh;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));justify-content:flex-end;--tw-bg-opacity: 1;background-color:rgb(248 239 235 / var(--tw-bg-opacity, 1))}@media(max-width:768px){.gallery-overlay .gallery-viewer{inset:0;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;height:100%;max-height:100%;justify-content:space-between;padding-bottom:112px}}.gallery-overlay .gallery-media{margin-left:auto;margin-right:auto;width:65vw;flex:none}@media(max-width:768px){.gallery-overlay .gallery-media{height:66.66vh;width:100%}}@media(min-width:1921px)and (max-width:2560px){.gallery-overlay .gallery-media{width:80vw}}.gallery-overlay .gallery-media.with-control{width:46vw}@media(min-width:1921px)and (max-width:2560px){.gallery-overlay .gallery-media.with-control{width:65vw}}@media(max-width:768px){.gallery-overlay .gallery-media.with-control{width:100%}}.gallery-overlay .media-wrapper{position:relative;display:flex;height:100%;width:100%;cursor:grab;align-items:center;justify-content:center;overflow:hidden}.gallery-overlay .media-wrapper:active{cursor:grabbing}.gallery-overlay .media-wrapper img,.gallery-overlay .media-wrapper video{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.gallery-overlay .media{height:100%;-o-object-fit:contain;object-fit:contain}.gallery-overlay .gallery-thumbs{padding:2rem}@media(max-width:768px){.gallery-overlay .gallery-thumbs{margin-left:auto;margin-right:auto;display:flex;padding-top:1.5rem;padding-bottom:1.5rem}}.gallery-overlay .gallery-controller{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border-left-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(236 224 219 / var(--tw-border-opacity, 1));padding:2rem}@media(max-width:768px){.gallery-overlay .gallery-controller{display:none}}.gallery-overlay .thumb{margin-top:1rem;height:6rem;width:72px;cursor:pointer;overflow:hidden;border-radius:9999px;opacity:.4}@media(max-width:768px){.gallery-overlay .thumb{margin-left:.5rem;margin-right:.5rem;margin-top:0;height:72px;width:3.5rem}}.gallery-overlay .thumb img,.gallery-overlay .thumb video{display:block;height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.gallery-overlay .thumb.active,.gallery-overlay .thumb:hover{opacity:1}.gallery-overlay .fade-enter-active,.gallery-overlay .fade-leave-active{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.gallery-overlay .fade-enter-from,.gallery-overlay .fade-leave-to{opacity:0}.gallery-overlay .fade-enter-to,.gallery-overlay .fade-leave-from{opacity:1}
