:root{--backgroundcolor: rgb(20, 20, 20);--backgroundcolor-trans: rgba(20, 20, 20, .8);--backgroundcolor-light: rgb(38, 38, 38);--backgroundcolor-light-trans: rgba(38, 38, 38, .8);--backgroundcolor-lighter: rgb(56, 56, 56);--backgroundcolor-lighter-trans: rgba(56, 56, 56, .8);--backgroundcolor-lightest: rgb(74, 74, 74);--backgroundcolor-lightest-trans: rgba(74, 74, 74, .8);--foregroundcolor: rgb(245, 245, 245);--foregroundcolor-trans: rgba(245, 245, 245, .8);--foregroundcolor-light: rgb(227, 227, 227);--foregroundcolor-light-trans: rgba(227, 227, 227, .8);--foregroundcolor-lighter: rgb(209, 209, 209);--foregroundcolor-lighter-trans: rgba(209, 209, 209, .8);--foregroundcolor-lightest: rgb(191, 191, 191);--foregroundcolor-lightest-trans: rgba(191, 191, 191, .8);--grid-template-columns: repeat(3, 1fr);--grid-article-aspect-ratio: calc(100% / 3 * 2);--grid-min-img-width: 200px;--grid-image-mode: contain}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body,html{scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:100;font-size:1.1em}input.settings-input{position:fixed;clip:rect(0,0,0,0);height:0;width:0}label[for=darkmode-switch]{right:18px}label[for=darkmode-switch]:before{content:"";position:absolute;width:0;height:0;bottom:0;border-bottom:23px solid var(--foregroundcolor-lighter);border-left:23px solid transparent}label[for=darkmode-switch]:hover:before{border-bottom-color:var(--foregroundcolor-lightest)}#darkmode-switch:checked+label:hover:before{border-bottom-color:var(--backgroundcolor-lightest)}#darkmode-switch:checked~label.settings-label{border-color:var(--foregroundcolor-lightest);color:var(--foregroundcolor-lightest)}#darkmode-switch:checked~label.settings-label:hover{border-color:var(--foregroundcolor-lightest);color:var(--foregroundcolor-lightest)}#darkmode-switch:checked~input.settings-input:checked+label.settings-label{color:var(--foregroundcolor-lighter);border-color:var(--foregroundcolor-lighter)}#darkmode-switch:checked~*{--backgroundcolor:#f5f5f5;--backgroundcolor-trans:hsla(0,0%,96.1%,.8);--backgroundcolor-light:#e3e3e3;--backgroundcolor-light-trans:hsla(0,0%,89%,.8);--backgroundcolor-lighter:#d1d1d1;--foregroundcolor:#141414;--foregroundcolor-trans:rgba(20,20,20,.8);--foregroundcolor-light:#262626;--foregroundcolor-light-trans:rgba(38,38,38,.8);--foregroundcolor-lighter:#383838}label.settings-label{position:fixed;top:18px;z-index:290;height:25px;width:25px;cursor:pointer;color:var(--backgroundcolor-lighter);border:solid 1px var(--backgroundcolor-lighter);transition:border-color .25s ease-out,color .25s ease-out}label.settings-label:hover{color:var(--backgroundcolor-lightest);border:solid 1px var(--backgroundcolor-lightest)}label.settings-label.secondary{top:78px}label[for=settings-switch]{right:48px}label[for=settings-switch]:after{content:"";display:block;box-sizing:border-box;position:absolute;width:13px;height:13px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:5px;top:3px}label[for=image-fit-switch]{right:140px;opacity:0;visibility:hidden}label[for=image-fit-switch]:before{content:"";display:block;box-sizing:border-box;position:absolute;width:13px;height:13px;box-shadow:5px -5px 0 -4px,-5px 5px 0 -4px;left:5px;top:5px}label[for=image-fit-switch]:after{content:"";display:block;box-sizing:border-box;position:absolute;width:9px;height:1px;background:currentColor;transform:rotate(-45deg);top:11px;left:7px}label.settings-label.format{opacity:0;visibility:hidden}label[for=format-selector-panorama]{right:105px;top:83px;height:15px}label[for=format-selector-square]{right:75px}label[for=format-selector-portrait]{right:55px;width:15px}input.settings-input:checked+label{color:var(--foregroundcolor-lightest);border-color:var(--foregroundcolor-lightest)}#settings-backdrop{position:fixed;display:block;z-index:280;top:60px;right:0;width:100%;opacity:0;visibility:hidden;transition:visibility .25s ease-out,opacity .25s ease-out;line-height:60px;font-size:1.5em;box-shadow:0 10px 30px #0000001a,0 1px 8px #0003;background-color:var(--backgroundcolor-light-trans);-webkit-backdrop-filter:blur(10px) saturate(125%);backdrop-filter:blur(10px) saturate(125%);color:var(--foregroundcolor)}@supports not (backdrop-filter: blur(10px)){#settings-backdrop{background-color:var(--backgroundcolor-light);-webkit-backdrop-filter:none;backdrop-filter:none}}#settings-switch:checked:checked~#settings-backdrop{opacity:1;visibility:visible}#settings-switch:checked:checked~label.settings-label{opacity:1;visibility:visible}#image-fit-switch:checked~div.body{--grid-image-mode: cover}input.settings-input:checked+label.settings-label.secondary.format{cursor:default}#format-selector-square:checked~div.body{--grid-article-aspect-ratio:100%}#format-selector-portrait:checked~div.body{--grid-article-aspect-ratio:150%}div.body,div.body *{transition:color .25s ease-out,background-color .25s ease-out}div.body{color:var(--foregroundcolor);background-color:var(--backgroundcolor);min-height:100vh;padding-top:60px;overflow:hidden}div.body header>div{position:fixed;top:0;z-index:280;width:100%;background-color:var(--backgroundcolor-light-trans);-webkit-backdrop-filter:blur(10px) saturate(125%);backdrop-filter:blur(10px) saturate(125%);line-height:60px;padding-left:65px;color:var(--foregroundcolor);font-size:1.5em;box-shadow:0 10px 30px #0000001a,0 1px 8px #0003;text-align:center}@supports not (backdrop-filter: blur(10px)){div.body header>div{background-color:var(--backgroundcolor-light);-webkit-backdrop-filter:none;backdrop-filter:none}}div.body header nav{transition:transform .25s ease-out;position:fixed;left:0;top:0;bottom:0;width:250px;font-size:1em;background:0 0;background-color:var(--backgroundcolor-light-trans);-webkit-backdrop-filter:blur(10px) saturate(125%);backdrop-filter:blur(10px) saturate(125%);overflow:hidden;z-index:300;pointer-events:none;box-shadow:none;border-right:1px solid var(--foregroundcolor-light);transform:translate(-250px)}@supports not (backdrop-filter: blur(10px)){div.body header nav{background-color:var(--backgroundcolor-light);-webkit-backdrop-filter:none;backdrop-filter:none}}div.body header nav #searchbox label{display:none}div.body header nav #searchbox input{color:var(--backgroundcolor-light);background-color:var(--foregroundcolor-light);border:none;font-size:1.2em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:60px;display:inline-block;width:100%;padding:0 1rem;-webkit-appearance:none;border-radius:0}div.body header nav span.devider{width:100%;height:30px;display:inline-block}div.body header nav a{position:relative;padding:0 1rem;text-decoration:none;color:var(--foregroundcolor);font-size:1.2em;line-height:60px;display:inline-block;width:100%;transition:background-color .25s ease-out,padding-left .25s ease-out}div.body header nav a:after{content:"";display:block;position:absolute;right:0;bottom:0;width:0;height:1px;background-color:var(--foregroundcolor-light);transition:width .25s ease-out}div.body header nav a.active,div.body header nav a:hover{color:var(--foregroundcolor-light);padding-left:1.3rem}@supports not (backdrop-filter: blur(10px)){div.body header nav a.active,div.body header nav a:hover{background-color:var(--backgroundcolor-lighter);-webkit-backdrop-filter:none;backdrop-filter:none}}div.body header nav a.active{pointer-events:none;cursor:default}div.body header nav a.active:after,div.body header nav a:hover:after{width:calc(100% - 1rem);transition:width .25s ease-out}div.body header nav a.devider{pointer-events:none;cursor:default;line-height:0}div.body header .nav-trigger{position:fixed;clip:rect(0,0,0,0);height:0;width:0}div.body header label[for=nav-trigger]{position:fixed;left:15px;top:15px;z-index:310;height:31px;width:35px;padding-left:5px;cursor:pointer;filter:drop-shadow(0 0 1px var(--backgroundcolor));transition:transform .25s ease-out}div.body header label[for=nav-trigger] *{-webkit-transition:all .25s ease-out;transition:all .25s ease-out;box-sizing:border-box}div.body header label[for=nav-trigger]:hover i{background-color:var(--foregroundcolor-light)}div.body header label[for=nav-trigger] i{display:block;position:absolute;height:1px;width:25px;background-color:var(--foregroundcolor)}div.body header label[for=nav-trigger] i:first-child{top:6px}div.body header label[for=nav-trigger] i:nth-child(2){top:14px}div.body header label[for=nav-trigger] i:nth-child(3){top:22px}div.body header .nav-trigger:checked+label{transform:translate(250px)}div.body header .nav-trigger:checked+label>i:first-child{-webkit-transform:translateY(-1px) rotate(-135deg);transform:translateY(-1px) rotate(-135deg);margin-top:10px}div.body header .nav-trigger:checked+label>i:nth-child(2){opacity:0}div.body header .nav-trigger:checked+label>i:nth-child(3){-webkit-transform:translateY(2px) rotate(135deg);transform:translateY(2px) rotate(135deg);margin-top:-12px}div.body header .nav-trigger:checked~nav{transform:translate(0);pointer-events:all;box-shadow:10px 0 30px #0000001a,1px 0 8px #0003}div.body .grid{display:grid;grid-template-columns:var(--grid-template-columns);grid-gap:60px;grid-auto-flow:dense;margin:60px}div.body .grid article{overflow:hidden;padding-top:var(--grid-article-aspect-ratio);position:relative;transition:box-shadow .25s ease-out;box-shadow:0 10px 30px #0000001a,0 1px 8px #0003}div.body .grid article:hover{box-shadow:0 10px 30px #0000001a,0 1px 8px #0003,10px 0 30px #0000001a,1px 0 8px #0003}div.body .grid article figure{position:absolute;top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px)}div.body .grid article figure img{width:100%;height:100%;object-fit:var(--grid-image-mode);transition:object-fit .25s ease-out}@media screen and (max-width: 599px){div.body header>div{text-align:left}div.body header nav{padding-top:60px;width:100vw;transform:translate(-100%)}div.body header .nav-trigger:checked~nav{transform:translate(0)}div.body header .nav-trigger:checked+label{transform:translate(0)}div.body .grid{grid-template-columns:repeat(1,1fr)}div.body .span-2,div.body .span-3{grid-column-end:span 1;grid-row-end:span 1}}@media screen and (min-width: 600px){div.body .grid{grid-template-columns:repeat(2,1fr)}div.body .span-3{grid-column-end:span 2;grid-row-end:span 2}}@media screen and (min-width: 900px){div.body .grid{grid-template-columns:repeat(3,1fr)}div.body .span-2{grid-column-end:span 2;grid-row-end:span 2}div.body .span-3{grid-column-end:span 3;grid-row-end:span 3}}@media screen and (min-width: 1200px){div.body .grid{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 1800px){div.body .grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}
