.hidden{opacity:0}.body{gap:2em;overflow:auto;border-radius:8px;height:100%;max-height:100%;box-sizing:border-box}.body .control{background:var(--opacityBGColor);position:fixed;top:40px;right:40px;cursor:pointer}.body::-webkit-scrollbar{width:10px;border-radius:3px}.body::-webkit-scrollbar-track{background-color:var(--additionalBGColor)}.body::-webkit-scrollbar-thumb{background-color:var(--mainBGColor);outline:1px solid var(--additionalColor);border-radius:3px}.masonry{display:flex;flex-flow:row wrap;gap:3px;width:100%}.body .preview{object-fit:cover;object-position:top;width:100%;border-radius:8px;height:100%}.body .download{text-decoration:none}@media (min-width: 900px){.masonry-brick{flex:auto;cursor:pointer;height:300px;min-width:min(150px,30%);max-width:35%;margin:0 0 3px}.masonry-brick:nth-child(7n+1){width:33%}.masonry-brick:nth-child(7n+2){width:33%}.masonry-brick:nth-child(7n+3){width:33%}.masonry-brick:nth-child(7n+4){width:25%}.masonry-brick:nth-child(7n+5){width:25%}.masonry-brick:nth-child(7n+6){width:25%}.masonry-brick:nth-child(7n+7){width:24%}}@media (max-width: 900px){.masonry-brick{flex:auto;cursor:pointer;min-width:min(150px,30%);margin:0 0 3px}.masonry-brick:nth-child(3n+1){width:45%}.masonry-brick:nth-child(3n+2){width:45%}.masonry-brick:nth-child(3n+3){width:90%}}.body .wrapper{display:flex;align-items:center;position:relative;justify-content:center;margin:auto}.body .face{position:absolute}.overlay{z-index:100;width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;background:var(--opacityBGColor);display:flex;align-items:center;justify-content:space-around}.overlay .img-container{width:100vw;height:100vh;display:flex;justify-content:center;flex-direction:column}.overlay .full{max-width:100%;max-height:100%;height:auto;object-fit:contain;display:block;box-shadow:3px 5px 7px var(--opacityBGColor)}.overlay>span{position:absolute;top:20px;right:20px;font-size:30px;color:var(--mainColor);z-index:999;cursor:pointer}.overlay-arrows_left{cursor:pointer;display:flex;background:var(--opacityBGColor);justify-content:center;position:absolute;top:50%;width:50px;height:50px;left:0;z-index:999}.overlay-arrows_left svg{width:50px;height:50px}.overlay-arrows_right svg{width:50px;height:50px}.overlay-arrows_right{cursor:pointer;display:flex;background:var(--opacityBGColor);justify-content:center;position:absolute;right:0;width:50px;height:50px;top:50%;z-index:999}.photo-list-message{font-size:2rem;margin-top:2rem}@media (hover: hover) and (pointer: fine){.overlay .control,.overlay .overlay-arrows_left,.overlay .overlay-arrows_right{opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}.overlay:hover .control,.overlay:hover .overlay-arrows_left,.overlay:hover .overlay-arrows_right{opacity:1;pointer-events:auto}}.photoInfo{width:100%;background:var(--opacityBGColor);color:var(--mainColor);position:fixed;bottom:0;padding:30px 70px 30px 20px;box-sizing:border-box;text-align:left;transition:1s}.photoInfo a{color:var(--mainColor)}.photoInfo a:visited{color:#fff}.icon-button{color:var(--mainColor)}.icon-button:visited{color:#fff}.control-bottom{right:0;padding-right:20px;position:absolute;display:flex;flex-direction:row;bottom:0;padding-top:7px;padding-bottom:7px;cursor:pointer}nav{direction:rtl;height:100%;overflow:auto;font-style:normal;font-weight:700;font-size:21px;line-height:24px}nav::-webkit-scrollbar{width:10px;border-radius:3px}nav::-webkit-scrollbar-track{background-color:var(--additionalBGColor);border-radius:3px}nav::-webkit-scrollbar-thumb{background-color:var(--mainBGColor);outline:1px solid var(--additionalColor);border-radius:3px}.year-wrapper{direction:ltr;padding-top:20px;padding-left:20px;cursor:pointer}@media (min-width: 900px){.year{color:var(--mainColor);font-size:1.4rem}.place{color:var(--additionalColor);font-size:1.2rem}.big-year{line-height:42px;font-size:1.7rem;margin-top:10px}.big-place{line-height:32px;font-size:1.4rem;margin-top:10px}}:root{--mainBGColor: #1a1a1a;--mainColor: white;--additionalColor: #8a8a8a;--opacityBGColor: rgba(27, 27, 27, .5);--additionalBGColor: #2e2e2e;--colorRectangle: yellow;--borderRectangle: yellow}*{font-family:helvetica,Urbanist,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
