@font-face{font-display:swap;font-family:'Roboto Flex';font-style:normal;font-weight:100 1000;src:url('../fonts/roboto-flex/roboto-flex-v27-latin-regular.woff2') format('woff2'),}@font-face{font-family:'Password';src:url('../fonts/password/password.eot');src:url('../fonts/password/password.eot?#iefix') format('embedded-opentype'),url('../fonts/password/password.woff2') format('woff2'),url('../fonts/password/password.woff') format('woff'),url('../fonts/password/password.ttf') format('truetype'),url('../fonts/password/password.svg#Password') format('svg')}:root{--spacing:4rem;--spacing-s:4rem * 0.5;--spacing-xs:4rem * 0.25;--spacing-l:4rem * 1.5;--spacing-xl:4rem * 2}html{font-family:'Roboto Flex','Helvetica Neue',Helvetica,Arial,sans-serif}body{color:#333;overflow-x:hidden;margin:0;padding:2rem var(--spacing);min-height:100vh;position:relative;overflow-y:auto;line-height:1.2;font-weight:400}@media screen and (max-width:28rem){body{--spacing:2rem}}body.lightbox{overflow-y:hidden}body.login{display:flex;align-items:center;justify-content:center}body.login #wrapper{box-sizing:border-box;box-shadow:0 0 50px rgba(0,0,0,0.1),0 0 8px rgba(0,0,0,0.2);padding:var(--spacing);text-align:center}body.login #wrapper h1{margin-top:var(--spacing)}body.login #wrapper form{margin-top:2.5rem;margin-bottom:2.5rem}body.login #wrapper .field-password{position:relative;margin:0 auto 1em;max-width:15em}body.login #wrapper .field-password input{margin:0;font-size:1.2em;height:auto;padding:.6em 1em}body.login #wrapper .field-password input.key{font-family:'Password'}body.login #wrapper .field-password .error-password{position:relative;display:block;margin-top:5px;padding:.6rem 1rem;background-color:hsl(0,80%,70%);color:white;border-radius:.4rem;animation:.5s ease-in-out 0s 1 fadeIn}body.login #wrapper .field-password .error-password:before{content:"";position:absolute;top:0%;left:50%;transform:translate(-50%, -100%);border-color:transparent transparent hsl(0,80%,70%) transparent;border-width:5px;border-style:solid}body.gallery #wrapper{position:relative}body.gallery #wrapper .description{margin-bottom:var(--spacing-s)}body.gallery #wrapper .description ul li{margin-bottom:.25em;list-style:'- ';margin-left:.8em}body.gallery #wrapper #gallery{display:flex;flex-wrap:wrap;margin:0;margin:0 -18px}body.gallery #wrapper #gallery .image{display:block;position:relative;overflow:hidden;padding:18px}body.gallery #wrapper #gallery .image .image-inner{background-color:#f1f1f1}body.gallery #wrapper #gallery .image .image-inner img{display:block;margin:0;padding:0}body.gallery #wrapper #gallery .image .image-inner img.lightbox{cursor:pointer}body.gallery #wrapper #gallery .image .meta{padding-top:.5rem;display:flex;justify-content:flex-start;align-items:baseline;font-size:1.4rem}body.gallery #wrapper #gallery .image .meta span{display:inline-block;margin-right:4px;flex:0 0 auto}body.gallery #wrapper #gallery .image .meta span.caption{flex:1 1 auto}body.gallery #wrapper #gallery .image .meta span:last-child{margin-right:0}body.gallery #wrapper #gallery.only-selection .image{display:none}body.gallery #wrapper #gallery.only-selection .image.selection{display:block}span.image-number,span.copy{white-space:nowrap;color:#999;font-size:.8em}.like{cursor:pointer}.like .icon-star{color:#b3b3b3}.selection .like .icon-star{color:#ffc400}div:not(#lightbox) #gallery.selection-enabled .image .image-inner{transition:opacity .2s ease-in-out}div:not(#lightbox) #gallery.selection-enabled:not(.selection-empty) .image:not(.selection) .image-inner{opacity:.333}div:not(#lightbox) #gallery.selection-enabled:not(.selection-empty) .image:not(.selection) .image-inner:hover{opacity:1}.like,.download{font-size:1.2em}.like i::before,.download i::before{margin:0}img:not([src]):not([srcset]){visibility:hidden}header{position:sticky;top:-1px;left:0;right:0;z-index:10;background-color:white;padding-top:1em;padding-bottom:1em;display:flex;gap:1em;justify-content:space-between;align-items:flex-start;margin:0 0 3em}header::after{content:"";position:absolute;width:100vw;left:50%;transform:translate(-50%);height:8px;bottom:-8px;background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));opacity:0;transition:opacity .25s}header.is-pinned::after{opacity:1}.region-navigation{display:flex;justify-content:flex-end;gap:.5em;column-gap:1em;flex-wrap:wrap-reverse}nav{display:flex;column-gap:1em;justify-content:flex-end;flex-wrap:wrap}nav form{margin-bottom:0}@media only screen and (max-width:599px){header{flex-direction:column;align-items:unset}}#logo{flex:0 0 auto}#logo img{width:100%;max-width:13em}header #logo{max-width:15em;transition:all .25s}header.is-pinned #logo{max-width:12em}@media screen and (max-width:679px){header.is-pinned #logo{max-width:9em}}nav#selection-nav p.button.selection-nav-counter{color:#333;cursor:default}nav#selection-nav p.button.selection-nav-counter:hover{color:inherit}.button,input[type='submit']{line-height:2.5rem;height:2.5rem;padding:0 1.2rem;margin-bottom:0;position:relative}.button:before,input[type='submit']:before{color:#33aa39;content:"\E808";position:absolute;font-family:'gallerista';font-size:2em;left:50%;top:0;transform:translate(-50%, -80%);opacity:0;transition:opacity .5s}.button.clicked:before,input[type='submit'].clicked:before{opacity:1}.button.button-clear{padding:0}img{max-width:100%;height:auto}#gallery .image img{background-color:#e5e5e5}#content .license{margin-top:4em;font-size:.8em}#content .license p{margin:2em auto 0;text-align:center;hyphens:none}#footer{font-size:1.4rem;text-align:center;padding:var(--spacing) 0}#footer #logo{margin:1em auto}#footer .copyright{margin-top:4em}h1,h2,h3,h4,h5,h6{margin:1em 0 .5em;letter-spacing:.05em;font-weight:500}h1{text-transform:uppercase;font-size:3.5rem;letter-spacing:.1em}@media screen and (max-width:512px){h1{font-size:8vw}}h2{font-size:1.25em}a{color:#269dd0;text-decoration:none}h1,h2,h3,h4,h5,h6,p{hyphens:auto}#content p{margin-bottom:.25em;max-width:50em}pre{margin:2em auto 1em;padding:.35em 1em;width:auto;display:inline-block}dl{display:grid;grid-gap:.25em .75em;grid-template-columns:max-content}dl dt{text-align:right;font-weight:600;transform:translateY(-0.1em)}dl dd{margin:0;grid-column-start:2;text-align:left}dl ul,dl ol{margin:0;font-size:100%}#lightbox{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:100;box-sizing:border-box;overflow:hidden;background-color:#fff;animation:.5s ease-in-out 0s 1 fadeIn;padding:3vmin}#lightbox #lightbox-image{width:100%;height:100%;text-align:center}#lightbox #lightbox-image .image-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:100%}#lightbox #lightbox-image img{object-fit:contain;width:100%;max-height:100%;max-width:none;display:block}#lightbox #lightbox-image.slideleft img{transition:all .25s ease-in;transform:translateX(-10vw)}#lightbox #lightbox-image.slideright img{transition:all .25s ease-in;transform:translateX(10vw)}#lightbox:before,#lightbox:after{z-index:-1;content:"";border-radius:9999px;background-color:#269dd0;position:absolute;top:50%;left:50%;width:12px;height:12px;transform-origin:center -18px;animation:3s linear 0s infinite clock,.5s ease-in-out 0s 1 fadeIn}#lightbox:after{animation:5s linear 0s infinite clock,1.5s ease-in-out 0s 1 fadeIn}#lightbox .lightbox-caption{font-size:1.6rem}#lightbox .control{cursor:pointer;z-index:1000}#lightbox #lightbox-close{position:fixed;top:2vmin;right:2vmin;width:var(--spacing);height:var(--spacing);box-sizing:border-box;animation:1s ease-in-out 0s 1 lightbox-close}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape){#lightbox #lightbox-close{display:none}}@keyframes lightbox-close{0%{opacity:0;transform:rotate(-360deg)}100%{opacity:1;transform:rotate(0deg)}}#lightbox #lightbox-close:before,#lightbox #lightbox-close:after{content:"";display:block;position:absolute;top:50%;left:50%;width:3rem;height:4px;transform-origin:center center;background-color:#333;transform:translate(-50%, -50%) rotate(45deg)}#lightbox #lightbox-close:after{transform:translate(-50%, -50%) rotate(-45deg)}#lightbox #lightbox-close.spin{animation:.5s ease-in-out 0s 1 lightbox-close-out}@keyframes lightbox-close-out{0%{opacity:1;transform:rotate(0deg)}100%{opacity:0;transform:rotate(180deg)}}#lightbox #lightbox-like{position:fixed;top:2vmin;left:2vmin;font-size:2em}#lightbox #lightbox-prev,#lightbox #lightbox-next{width:var(--spacing-xl);height:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}#lightbox #lightbox-prev:before,#lightbox #lightbox-next:before,#lightbox #lightbox-prev:after,#lightbox #lightbox-next:after{content:"";display:block;position:absolute;top:50%;left:50%;width:3rem;height:4px;transform-origin:center center;background-color:#333;transform:translate(-50%, -50%) rotate(45deg)}#lightbox #lightbox-prev:after,#lightbox #lightbox-next:after{transform:translate(-50%, -50%) rotate(-45deg)}#lightbox #lightbox-prev:before,#lightbox #lightbox-next:before,#lightbox #lightbox-prev:after,#lightbox #lightbox-next:after{width:1.5rem;transform-origin:left top}#lightbox #lightbox-prev:after,#lightbox #lightbox-next:after{transform-origin:left bottom}#lightbox #lightbox-prev.spin,#lightbox #lightbox-next.spin{animation:.5s ease-in-out 0s 1 lightbox-close-out}@keyframes lightbox-close-out{0%{opacity:1;transform:rotate(0deg)}100%{opacity:0;transform:rotate(180deg)}}#lightbox #lightbox-next{right:0;left:auto;transform:translateY(-50%) rotate(180deg)}@keyframes clock{0%{transform:rotate(-180deg)}100%{transform:rotate(180deg)}}.copyright-popup{position:absolute;background-color:white;font-size:1.4rem;line-height:1.3em;max-width:14em;text-align:center;border-radius:.4rem;padding:1em 1em .5em;box-shadow:0 0 50px rgba(0,0,0,0.1),0 0 8px rgba(0,0,0,0.2);z-index:1000;transform:translate(-50%, 8px)}.copyright-popup p{margin-bottom:.5em}.copyright-popup:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%, -50%);border-color:transparent transparent white transparent;border-width:8px;border-style:solid}#debug{position:fixed;bottom:0;left:0;right:0;box-sizing:border-box;background-color:#333;color:white;padding:.5em 1em;font-size:1.2rem;display:flex;justify-content:flex-end}.debug-msg{background-color:#333;color:white;padding:.5em 1em;font-size:1.4em}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}/*# sourceMappingURL=./style.css.map */