.my-masonry-grid{max-width:1080px;box-sizing:border-box;max-height:720px;width:100%;margin:0 auto;padding:0 1rem;display:flex;overflow:auto}@media screen and (max-width:568px){.my-masonry-grid{height:70vh;max-height:400px}}.my-masonry-grid_column{background-clip:padding-box;padding-left:10px}.my-masonry-grid_column>img{width:100%;cursor:pointer;min-height:150px;background:gray;margin-bottom:10px;transition:all .15s ease-in-out}@media screen and (max-width:768px){.my-masonry-grid_column>img{min-height:100px}}@media screen and (max-width:480px){.my-masonry-grid_column>img{min-height:unset}}.my-masonry-grid_column>img:hover{transform:scale(1.05)}.collage-selected{border:2px solid #00f}.selected-images-strip{max-width:1080px;width:100%;box-sizing:border-box;min-height:150px;text-align:center;background:gray;flex-direction:column;align-items:center;gap:10px;margin:1rem auto 0;padding:1rem 1.65rem;display:flex;position:sticky;bottom:0}@media screen and (max-width:568px){.selected-images-strip .remove-all-button,.selected-images-strip #remove-images-text{display:none}}.selected-images-strip__container{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-auto-rows:auto;align-items:center;gap:10px;display:grid}@media screen and (max-width:960px){.selected-images-strip__container{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (max-width:768px){.selected-images-strip__container{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:568px){.selected-images-strip__container{max-height:0;grid-template-columns:1fr 1fr;transition:max-height .3s ease-out;overflow:hidden}.selected-images-strip__container.is-open{max-height:1500px;padding:1rem;transition:max-height .3s ease-in}}@media screen and (max-width:320px){.selected-images-strip__container{grid-template-columns:1fr}}.selected-images-strip__container .remove-all-button,.selected-images-strip__container #remove-images-text{display:none}@media screen and (max-width:568px){.selected-images-strip__container .remove-all-button,.selected-images-strip__container #remove-images-text{grid-column:span 2;display:block}}.selected-images-strip__footer{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;display:flex}@media (max-width:568px){.selected-images-strip__footer{flex-direction:column-reverse}}.accordion-toggle{display:none}@media screen and (max-width:568px){.accordion-toggle{width:100%;max-width:300px;cursor:pointer;background-color:#f2f2f2;border:none;border-radius:5px;margin:10px auto;padding:10px;font-size:16px;font-weight:700;display:block}}.selected-image{height:auto;width:100%;cursor:pointer;z-index:1;position:relative}.selected-image:before{content:"";width:20px;height:20px;cursor:pointer;z-index:4;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M326.6 166.6L349.3 144 304 98.7l-22.6 22.6L192 210.7l-89.4-89.4L80 98.7 34.7 144l22.6 22.6L146.7 256 57.4 345.4 34.7 368 80 413.3l22.6-22.6L192 301.3l89.4 89.4L304 413.3 349.3 368l-22.6-22.6L237.3 256l89.4-89.4z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;border-radius:100%;padding:3px;position:absolute;top:0;right:0;transform:translate(35%,-35%)}.selected-image:after{content:"";width:100%;height:100%;opacity:0;z-index:2;background:#000;transition:all .2s ease-in-out;position:absolute;top:0;left:0}.selected-image:hover:after{opacity:.5}.stacked-images{width:100%;max-width:1080px;aspect-ratio:17/12;background-color:#dadada;margin:0 auto;display:block;position:relative}.stacked-images__footer{max-width:1080px;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin:1rem auto;display:flex}@media screen and (max-width:568px){.stacked-images__footer{flex-direction:column-reverse}}.stacked-images__button{cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:4px;padding:.75rem 1.5rem;transition:all .15s ease-in-out}.stacked-images__button:hover{color:#fff;background-color:#000;border:2px solid #000}.stacked-images__button--download,.stacked-images__button--back{border:2px solid #000;color:#000!important;background-color:#0000!important}.stacked-images__button--download:hover,.stacked-images__button--back:hover{color:#fff!important;background-color:#000!important}.stacked-images__button .spinner{width:20px;height:20px;border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:1s linear infinite spin;display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stacked-images__screenshot{width:1080px;position:absolute;top:0;left:-9999px}.stacked-images--5 .stacked-image--transition.stacked-image--i0{z-index:1;top:35%;left:30%;transform:scale(1)rotate(-8deg)translate(-50%,-50%)}.stacked-images--5 .stacked-image--transition.stacked-image--i1{z-index:2;top:40%;left:50%;transform:scale(1)rotate(0)translate(-50%,-50%)}.stacked-images--5 .stacked-image--transition.stacked-image--i2{z-index:3;top:40%;left:70%;transform:scale(1)rotate(12deg)translate(-50%,-50%)}.stacked-images--5 .stacked-image--transition.stacked-image--i3{z-index:4;top:64%;left:38%;transform:scale(1)rotate(8deg)translate(-50%,-50%)}.stacked-images--5 .stacked-image--transition.stacked-image--i4{z-index:5;top:60%;left:63%;transform:scale(1)rotate(-4deg)translate(-50%,-50%)}.stacked-images--6 .stacked-image--transition.stacked-image--i0{z-index:1;top:35%;left:30%;transform:scale(1)rotate(-8deg)translate(-50%,-50%)}.stacked-images--6 .stacked-image--transition.stacked-image--i1{z-index:2;top:38%;left:50%;transform:scale(1)rotate(-4deg)translate(-50%,-50%)}.stacked-images--6 .stacked-image--transition.stacked-image--i2{z-index:3;top:40%;left:70%;transform:scale(1)rotate(12deg)translate(-50%,-50%)}.stacked-images--6 .stacked-image--transition.stacked-image--i3{z-index:4;top:64%;left:26%;transform:scale(1)rotate(8deg)translate(-50%,-50%)}.stacked-images--6 .stacked-image--transition.stacked-image--i4{z-index:5;top:64%;left:49%;transform:scale(1)rotate(3deg)translate(-50%,-50%)}.stacked-images--6 .stacked-image--transition.stacked-image--i5{z-index:6;top:60%;left:73%;transform:scale(1)rotate(-7deg)translate(-50%,-50%)}.stacked-images--7 .stacked-image--transition.stacked-image--i0{z-index:1;top:35%;left:30%;transform:scale(1)rotate(-8deg)translate(-50%,-50%)}.stacked-images--7 .stacked-image--transition.stacked-image--i1{z-index:2;top:25%;left:50%;transform:scale(1)rotate(2deg)translate(-50%,-50%)}.stacked-images--7 .stacked-image--transition.stacked-image--i2{z-index:3;top:38%;left:72%;transform:scale(1)rotate(12deg)translate(-50%,-50%)}.stacked-images--7 .stacked-image--transition.stacked-image--i3{z-index:4;top:68%;left:26%;transform:scale(1)rotate(8deg)translate(-50%,-50%)}.stacked-images--7 .stacked-image--transition.stacked-image--i4{z-index:5;top:73%;left:50%;transform:scale(1)rotate(1deg)translate(-50%,-50%)}.stacked-images--7 .stacked-image--transition.stacked-image--i5{z-index:6;top:59%;left:74%;transform:scale(1)rotate(-12deg)translate(-50%,-50%)}.stacked-images--7 .stacked-image--transition.stacked-image--i6{z-index:7;top:47%;left:51%;transform:scale(1)rotate(-3deg)translate(-50%,-50%)}.stacked-images--8 .stacked-image--transition.stacked-image--i0{z-index:1;top:27%;left:28%;transform:scale(1)rotate(-8deg)translate(-50%,-50%)}.stacked-images--8 .stacked-image--transition.stacked-image--i1{z-index:2;top:28%;left:50%;transform:scale(1)rotate(0)translate(-50%,-50%)}.stacked-images--8 .stacked-image--transition.stacked-image--i2{z-index:3;top:30%;left:72%;transform:scale(1)rotate(9deg)translate(-50%,-50%)}.stacked-images--8 .stacked-image--transition.stacked-image--i3{z-index:4;top:72%;left:25%;transform:scale(1)rotate(8deg)translate(-50%,-50%)}.stacked-images--8 .stacked-image--transition.stacked-image--i4{z-index:5;top:74%;left:50%;transform:scale(1)rotate(0)translate(-50%,-50%)}.stacked-images--8 .stacked-image--transition.stacked-image--i5{z-index:6;top:74%;left:72%;transform:scale(1)rotate(12deg)translate(-50%,-50%)}.stacked-images--8 .stacked-image--transition.stacked-image--i6{z-index:7;top:52%;left:39%;transform:scale(1)rotate(4deg)translate(-50%,-50%)}.stacked-images--8 .stacked-image--transition.stacked-image--i7{z-index:8;top:46%;left:64%;transform:scale(1)rotate(-12deg)translate(-50%,-50%)}.stacked-images--9 .stacked-image--transition.stacked-image--i0{z-index:1;top:23%;left:28%;transform:scale(1)rotate(-8deg)translate(-50%,-50%)}.stacked-images--9 .stacked-image--transition.stacked-image--i1{z-index:2;top:24%;left:50%;transform:scale(1)rotate(0)translate(-50%,-50%)}.stacked-images--9 .stacked-image--transition.stacked-image--i2{z-index:3;top:26%;left:72%;transform:scale(1)rotate(9deg)translate(-50%,-50%)}.stacked-images--9 .stacked-image--transition.stacked-image--i3{z-index:4;top:74%;left:25%;transform:scale(1)rotate(8deg)translate(-50%,-50%)}.stacked-images--9 .stacked-image--transition.stacked-image--i4{z-index:5;top:76%;left:50%;transform:scale(1)rotate(0)translate(-50%,-50%)}.stacked-images--9 .stacked-image--transition.stacked-image--i5{z-index:6;top:76%;left:72%;transform:scale(1)rotate(12deg)translate(-50%,-50%)}.stacked-images--9 .stacked-image--transition.stacked-image--i6{z-index:7;top:50%;left:29%;transform:scale(1)rotate(0)translate(-50%,-50%)}.stacked-images--9 .stacked-image--transition.stacked-image--i7{z-index:8;top:45%;left:52%;transform:scale(1)rotate(-15deg)translate(-50%,-50%)}.stacked-images--9 .stacked-image--transition.stacked-image--i8{z-index:9;top:45%;left:73%;transform:scale(1)rotate(-7deg)translate(-50%,-50%)}.stacked-images--10 .stacked-image--transition.stacked-image--i0{z-index:1;top:15%;left:30%;transform:scale(1)rotate(-8deg)translate(-50%,-50%)}.stacked-images--10 .stacked-image--transition.stacked-image--i1{z-index:2;top:20%;left:50%;transform:scale(1)rotate(0)translate(-50%,-50%)}.stacked-images--10 .stacked-image--transition.stacked-image--i2{z-index:3;top:20%;left:70%;transform:scale(1)rotate(12deg)translate(-50%,-50%)}.stacked-images--10 .stacked-image--transition.stacked-image--i3{z-index:4;top:64%;left:26%;transform:scale(1)rotate(8deg)translate(-50%,-50%)}.stacked-images--10 .stacked-image--transition.stacked-image--i4{z-index:5;top:60%;left:50%;transform:scale(1)rotate(0)translate(-50%,-50%)}.stacked-images--10 .stacked-image--transition.stacked-image--i5{z-index:6;top:69%;left:71%;transform:scale(1)rotate(12deg)translate(-50%,-50%)}.stacked-images--10 .stacked-image--transition.stacked-image--i6{z-index:7;top:39%;left:39%;transform:scale(1)rotate(0)translate(-50%,-50%)}.stacked-images--10 .stacked-image--transition.stacked-image--i7{z-index:8;top:34%;left:66%;transform:scale(1)rotate(-15deg)translate(-50%,-50%)}.stacked-images--10 .stacked-image--transition.stacked-image--i8{z-index:9;top:80%;left:39%;transform:scale(1)rotate(-7deg)translate(-50%,-50%)}.stacked-images--10 .stacked-image--transition.stacked-image--i9{z-index:10;top:82%;left:61%;transform:scale(1)rotate(6deg)translate(-50%,-50%)}.stacked-image{transform-origin:50%;width:23.1481%;border:4px solid #fff;border-radius:4px;transition:all .3s ease-in-out;position:absolute;top:50%;left:50%;transform:scale(.25)rotate(0)translate(-50%,-50%);max-width:250px!important}#screenshot-gallery-react-app{max-width:1080px;box-sizing:border-box;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:0 auto;padding:0 1rem;display:grid}@media screen and (max-width:768px){#screenshot-gallery-react-app{grid-template-columns:1fr 1fr}}@media screen and (max-width:375px){#screenshot-gallery-react-app{grid-template-columns:1fr}}#screenshot-gallery-react-app img{max-width:100%;width:100%;min-height:150px}@media screen and (max-width:768px){#screenshot-gallery-react-app img{min-height:100px}}@media screen and (max-width:480px){#screenshot-gallery-react-app img{min-height:unset}}.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:#4f4f4f66;--pswp-preloader-color-secondary:#ffffffe6;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);width:100%;height:100%;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;outline:0;display:none;position:fixed;top:0;left:0}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{color:var(--pswp-error-text-color);margin:auto;font-size:1em;line-height:1}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration)cubic-bezier(.4,0,.22,1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{width:50px;height:60px;cursor:pointer;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{box-shadow:none;opacity:1;background:0 0;border:0;padding:0;transition:none}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);width:32px;height:32px;pointer-events:none;position:absolute;top:14px;left:9px;overflow:hidden}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{width:100%;height:60px;z-index:10;flex-direction:row;justify-content:flex-end;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{width:75px;height:100px;margin-top:-50px;position:absolute;top:50%}.pswp__button--arrow:disabled{cursor:default;display:none}.pswp__button--arrow .pswp__icn{width:60px;height:60px;background:0 0;border-radius:0;margin-top:-30px;top:50%}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{left:0;right:auto}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{width:50px;height:60px;margin-right:auto;position:relative;overflow:hidden}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:.6s linear infinite pswp-clockwise}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85;margin-top:15px;margin-inline-start:20px;font-size:14px;line-height:30px}.pswp--one-slide .pswp__counter{display:none}
/*# sourceMappingURL=index.css.map */