@import "https://fonts.googleapis.com/css2?family=Exo:ital@0;1&family=Mozilla+Headline:wght@200..700&family=Mozilla+Text:wght@200..700&display=swap";
@import "https://adobe-fonts.github.io/source-code-pro/source-code-pro.css";
body{color:#e5e9f0;font-feature-settings:"liga" on "dlig" on "kern" on;font-family:Exo,sans-serif;font-size:1rem;display:grid}.header{z-index:100;background:#e5e9f0b3;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:sticky;top:0}.paper{background:#e5e9f0b3;min-height:calc(100vh - 80px);padding:10px 100px}@media only screen and (max-width:600px){.paper{padding-left:10px;padding-right:10px}}.link{cursor:pointer;text-decoration:underline}h1{font-family:Mozilla Headline,sans-serif;font-size:3rem}h2,h3,h4{font-family:Mozilla Headline,sans-serif}h3{text-align:center;text-transform:lowercase;background-color:#81a1c11a;border:1px solid #2e3440;border-radius:6px;padding:3px}p,a{font-family:Mozilla Text,cursive}a,button{transition:all 1s ease-out;color:#4c566a!important}.bold-list-item:first-letter{margin-right:.75em;font-family:monospace;font-size:3rem;font-weight:700}.home{flex-direction:column;display:flex}.card{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);background-color:#eceff4b3;border:1px solid #eceff4;margin-top:10px;position:relative;color:#4c566a!important}.card h1{text-align:center}.card-l2{background-color:#d8dee9;padding-bottom:20px!important;padding-left:20px!important;padding-right:20px!important}.card-link{background-color:#d8dee9;align-items:center;gap:4rem;transition:background-color .3s ease-in-out;display:flex}.card-small{background-color:#81a1c1;flex-direction:column;justify-content:space-around;padding-top:5px;padding-bottom:5px;padding-left:5px;display:flex;padding-right:50px!important}.card-small h2{margin:0;font-size:1.5rem;line-height:1.5rem}@media only screen and (min-width:600px){.card{padding-left:20px;padding-right:20px}.card-link:hover,.card-small:hover{cursor:pointer;background-color:#a3be8c}}[popover]:popover-open{opacity:1;transform:scaleX(1)}[popover]{opacity:0;transition:opacity .3s,transform .3s,overlay .3s allow-discrete,display .3s allow-discrete;transform:scaleX(0)}@starting-style{[popover]:popover-open{opacity:0;transform:scaleX(0)}}[popover]::backdrop{transition:display .3s allow-discrete,overlay .3s allow-discrete,background-color .3s;background-color:#0000}[popover]:popover-open::backdrop{background-color:#00000040}@starting-style{[popover]:popover-open::backdrop{background-color:#0000}}.note-image{cursor:pointer;height:400px;position:relative}.note-image-img{object-fit:contain}.img-dialog{background:#4c566a;width:100%;height:100%;position:fixed;left:0;right:0}@media only screen and (min-width:600px){.img-dialog{min-width:80vw;height:90vh}}.img-container{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.close-btn{cursor:pointer;background-color:#e5e9f0;border:none}.dlg-header{justify-content:space-between;align-items:center;padding-right:1rem;display:flex}.dlg-title{color:#fff}pre{letter-spacing:.08rem;font-family:Source Code Pro,monospace;font-size:.5rem;line-height:.8rem}@media only screen and (min-width:600px){pre{font-size:1rem;line-height:1.5rem}}code{white-space:pre-wrap!important}.imgButton{cursor:pointer;width:100%;height:100%;padding:0;display:block;position:relative;border:none!important}@media (min-width:800px){.crt{position:relative;background:linear-gradient(#e5e9f0,#e5e9f0,#d8dee9,#4c566a) 0 0/100% 1px!important;padding-left:30px!important}.crt:after{content:"_";animation:1s cubic-bezier(1,0,0,1) infinite blinker;position:absolute;left:30px}.crt .token,.crt code{text-shadow:0 0 10px #fff!important;background:0 0!important}}@media (min-resolution:1.2x){.crt{background-size:100% 2px!important}}@keyframes blinker{50%{opacity:0}}:root{--padding-xs:16px;--padding-sm:16px;--padding-md:32px;--padding-xl:64px;--max-2xl-width:1500px;--max-3xl-width:1521px}.main-list{grid-template-columns:1fr;display:grid}@media screen and (min-width:1280px){.main-list{grid-template-columns:1fr 1fr;column-gap:10px}}.video-container{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);grid-gap:15px;background-color:#3b4252;grid-template-columns:repeat(auto-fill,300px);grid-auto-rows:220px;justify-content:center;padding:30px;display:grid}.video-description{color:#e5e9f0}.yt-lite.gallery-video{width:300px;height:300px}.pager{justify-content:space-between;display:flex}.pager-bottom{padding-top:20px}.photos-skeleton{justify-content:center;display:flex}.images-container{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);grid-gap:10px;background-color:#3b4252;grid-template-columns:repeat(auto-fill,300px);grid-auto-rows:300px;justify-content:center;padding:50px;display:grid}.flickeImageTileContainer{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);width:300px;height:300px;margin-left:auto;margin-right:auto;overflow:clip}.flickeImageTile{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:all .5s}.flickeImageTile:hover{border:1px solid #d08770;transform:scale(1.1);box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003}.article{padding-left:var(--padding-xs);padding-right:var(--padding-xs)}@media screen and (min-width:640px){.article{padding-left:var(--padding-sm);padding-right:var(--padding-sm)}}@media screen and (min-width:768px){.article{padding-left:var(--padding-md);padding-right:var(--padding-md)}}@media screen and (min-width:1280px){.article{padding-left:var(--padding-xl);padding-right:var(--padding-xl)}}@media screen and (min-width:1536px){.article{padding-left:calc((100vw - var(--max-2xl-width))/2);padding-right:calc((100vw - var(--max-2xl-width))/2)}}@media screen and (min-width:1920px){.article{padding-left:calc((100vw - var(--max-3xl-width))/2);padding-right:calc((100vw - var(--max-3xl-width))/2)}}.art{text-align:center}.difficulty{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.difficulty-name{font-family:Mozilla Headline,sans-serif}.difficulty-easy,.difficulty-moderate,.difficulty-hard{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:clip}.difficulty-easy{color:contrast-color(#a3be8c);background-color:#a3be8c}.difficulty-moderate{color:contrast-color(#5e81ac);background-color:#5e81ac}.difficulty-hard{color:contrast-color(#bf616a);background-color:#bf616a}.accent-easy,.accent-moderate,.accent-hard{clip-path:polygon(0 0,100% 0,100% 0,100% 100%,0 0);width:80px;height:80px;position:absolute;top:0;right:0;overflow:clip}.accent-easy{background-color:#a3be8c}.accent-moderate{background-color:#5e81ac}.accent-hard{background-color:#bf616a}.map{width:100%;height:400px}.map-tall{height:600px}.map-placeholder{justify-content:center;align-items:center;display:flex}.gpx-track-map{margin-bottom:20px}.elevation-chart{width:100%;margin-bottom:20px;position:relative}.elevation-chart svg{touch-action:pan-y;font-size:11px;display:block}.elevation-tooltip{white-space:nowrap;pointer-events:none;background:#fff;border:1px solid #00000026;border-radius:4px;padding:2px 6px;font-size:12px;position:absolute;top:0}.gpx-editor-toolbar{align-items:center;gap:1rem;margin-bottom:10px;display:flex}.gpx-editor-button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:4px;padding:6px 12px}.gpx-editor-error{color:#e5484d}.gpx-editor-trim{-webkit-user-select:none;user-select:none;margin-top:16px}.gpx-editor-ruler{background:#d8dee9;border-radius:3px;height:6px;margin:20px 8px;position:relative}.gpx-editor-range{background:#e5484d;border-radius:3px;position:absolute;top:0;bottom:0}.gpx-editor-handle{cursor:ew-resize;touch-action:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0006}.gpx-editor-handle-start{background:#2f9e44}.gpx-editor-handle-end{background:#e5484d}.gpx-editor-percents{justify-content:space-between;margin-bottom:10px;padding:0 8px;font-size:.8rem;display:flex}.espoo-map-features{margin-top:20px}.espoo-map{position:relative}.espoo-map-loading{z-index:1000;background-color:#eceff4e6;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.espoo-map-loading-text{color:#4c566a;font-size:14px}.map-loader{aspect-ratio:1;clip-path:polygon(100% 50%,85.36% 85.36%,50% 100%,14.64% 85.36%,0% 50%,14.64% 14.64%,50% 0%,85.36% 14.64%);background:#4c566a;width:60px;animation:6s linear infinite map-loader-spin;display:inline-grid}.map-loader:before,.map-loader:after{content:"";clip-path:polygon(100% 50%,81.17% 89.09%,38.87% 98.75%,4.95% 71.69%,4.95% 28.31%,38.87% 1.25%,81.17% 10.91%);animation:inherit;background:#5e81ac;grid-area:1/1;margin:10%;animation-duration:10s}.map-loader:after{clip-path:polygon(100% 50%,75% 93.3%,25% 93.3%,0% 50%,25% 6.7%,75% 6.7%);background:#88c0d0;margin:20%;animation-duration:3s;animation-direction:reverse}@keyframes map-loader-spin{to{rotate:1turn}}.espoo-legend h4{margin:0 0 10px}.espoo-legend hr{margin:8px 0}.espoo-legend-overlay{z-index:1;background-color:#fff;border-radius:3px;max-height:90vh;padding:10px;font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;position:absolute;top:10px;right:10px;overflow-y:auto;box-shadow:0 1px 2px #0000001a}.espoo-legend-note{margin:5px 0;font-size:11px}.espoo-legend-item{align-items:center;margin:3px 0;display:flex}.espoo-legend-item label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.espoo-legend-item input{margin-right:5px}.espoo-legend-swatch{width:20px;height:3px;margin-right:8px;display:inline-block}.espoo-legend-counts{align-items:center;margin-bottom:5px;display:flex}.espoo-legend-counts input{margin-right:8px}.espoo-legend-counts label{cursor:pointer}.espoo-legend-hint{margin-top:5px;font-size:11px}.espoo-popup-divider{margin:5px 0}
code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px #fff;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}