#menuToggle{top:30px;width:33px;left:20px;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#menuToggle,#menuToggle input{display:block;position:absolute}#menuToggle input{width:40px;height:32px;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#fff;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0 0}#menuToggle span:nth-last-child(2){transform-origin:0 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px)}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}.toggles{margin-bottom:1.5rem}.toggle input[type=checkbox]{position:absolute;clip:rect(0 0 0 0)}.badges{margin-bottom:1.5rem}.badge:hover{cursor:pointer}.toggle{display:inline-block;margin:0 .5rem .5rem 0}.toggle .badge{background:#f1f1f1;border:1px solid #f1f1f1;color:#666;border-radius:50px;padding:.2rem .5rem;display:inline-block}.toggle input[type=checkbox]:focus+.badge{border-color:#ccc}.toggle input[type=checkbox]:checked+.badge{background:#999;border-color:#999;color:#fff}.text-field{border:1px solid #ddd;border-radius:5px;padding:.75rem .75rem;color:#444;width:100%;box-sizing:border-box;display:block;margin-bottom:1rem}.result{display:flex;margin-bottom:1.5rem}.result:hover{cursor:pointer}.result-thumb{width:150px;filter:grayscale(100%)}.result-title{font-weight:700}#grid-sizer,.grid-item{width:calc(100% - 20px);margin-bottom:10px}.results-layout{-moz-column-count:1;column-count:1;-moz-column-gap:1rem;column-gap:1rem}@media screen and (min-width:800px){.results-layout{-moz-column-count:2;column-count:2}}@media screen and (min-width:1000px){.results-layout{-moz-column-count:3;column-count:3}}.result-title,.tile-title{transition:transform .2s,opacity .2s;transform:translateY(100%);opacity:0;position:absolute;bottom:0;width:100%;padding:.75rem;padding-top:60px;color:#fff;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7))}.results-layout .result-item{position:relative;display:block;margin:0 0 1rem;width:100%;overflow:hidden}.results-layout .result-item:hover{cursor:pointer}.results-layout .result-item img{background:#333;width:100%;height:auto;display:block}.result-item:hover .result-title{transform:translateY(0);opacity:1}@-webkit-keyframes animateIn{0%{opacity:0;transform:translateY(70px)}to{opacity:1}}@keyframes animateIn{0%{opacity:0;transform:translateY(70px)}to{opacity:1}}#nav .results-layout{width:870px}#nav.active{min-height:100vh;overflow:scroll}.pager-wrapper{display:flex;flex-wrap:wrap;margin-top:1rem;border-radius:4px;background:#eee;overflow:hidden}.pager-item:hover{cursor:pointer;background:#ddd}.pager-item{padding:.75rem}.pager-item.pager-active{background:#000;color:#fff}.search-field{margin-left:-.5rem;margin-right:-.5rem;padding:.75rem 1rem;display:flex;align-items:center;box-sizing:border-box;box-shadow:0 3px 10px rgba(0,0,0,.1);border-radius:5px;border:1px solid #eee;margin-bottom:1.5rem}.search-field-input{display:block;font-size:1.2rem;color:#999;border:none;flex-grow:1;margin-left:.5rem}.results-stats{background:#000;color:#fff;font-size:.9rem;padding:.3rem .75rem;border-radius:3px}.search-engine-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:1rem 0 1.5rem}.search-engine-heading h1{margin:0;line-height:1}.reset-search-field:hover{cursor:pointer}.reset-search-field{width:24px;height:24px}.loader{position:relative;height:3em;margin-bottom:1rem;display:flex;justify-content:center;padding:3rem}.loader div{display:inline-block;height:3em;width:3em;position:absolute;background:#bbb;border-radius:50%;-webkit-animation:pulse 1.3s ease-in-out infinite;animation:pulse 1.3s ease-in-out infinite}.loader div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes pulse{0%{transform:scale(0);opacity:.8}to{transform:scale(1);opacity:0}}@keyframes pulse{0%{transform:scale(0);opacity:.8}to{transform:scale(1);opacity:0}}.image-load{margin-bottom:1rem;position:relative}.image-load:hover{cursor:zoom-in}.image-load.is-loading{background:#f0f0f0}.image-load img{width:100%}.img-zoom{display:none;align-items:center;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:rgba(0,0,0,.7);padding:8px 16px;border-radius:50px;color:#fff}.img-zoom svg{margin-right:.5rem}body,html{margin:0;padding:0}p{margin:0 0 1rem 0}a{color:#00f}p:last-child{margin:0}#nav{overflow:hidden;z-index:200;position:fixed;top:0;bottom:0;left:0;width:70px;background:#111;transition:width .5s cubic-bezier(.77,.2,.05,1);color:#fff}#nav a{color:#fff;font-weight:700}#nav.active .nav-title{opacity:0;display:none}#nav svg:hover,.nav-title:hover{cursor:pointer}#nav svg{display:block;position:fixed;top:20px;left:20px}.nav-title{transition:opacity .25s;transform:translateX(-100%) rotate(270deg);white-space:nowrap;position:absolute;text-align:left;transform-origin:top right;height:72px;top:68px;font-size:24px;box-sizing:border-box;display:flex;align-items:center;line-height:1}#nav.active{width:660px}.nav-content{padding:5rem 0 .5rem 5rem;width:450px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.side{margin-left:70px;background:#fff;width:50%;z-index:20;padding:1rem 2rem;box-sizing:border-box}.comparison-container{position:fixed;top:0;left:calc(50% + 70px);right:0;bottom:0}.comparison-notice{font-size:.9rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem;width:calc(100% - 2rem);z-index:100;background:rgba(0,0,0,.8);color:#fff;padding:20px;box-sizing:border-box}.comparison-notice video{width:130px;margin-right:1rem}.comparison-notice svg:hover{cursor:pointer}.comparison-notice svg{position:absolute;top:10px;right:10px;width:20px;height:20px}.map-container{position:absolute!important;width:100%;top:0;right:0;left:0;bottom:0}h1.site-name{font-size:40px}h1{font-weight:700;font-size:28px;margin:0 0 1rem}.media{position:fixed;right:0;width:300px;background:#111;top:0;bottom:0}.mapboxgl-compare{background-color:#000;position:absolute;width:4px;height:100%;z-index:1}.mapboxgl-compare .compare-swiper-vertical{background-color:#111;display:inline-block;border-radius:50%;position:absolute;width:60px;height:60px;top:50%;left:-30px;margin:-30px 1px 0;color:#fff;cursor:ew-resize;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCI+PHBhdGggZD0iTTI1IDI0bC05IDYgOSA2VjI0em0xMCAwdjEybDktNi05LTZ6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}button{margin-bottom:1.5rem}.badge{cursor:pointer;margin-right:1rem;display:inline-block;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;background:#eee;color:#666}.badge .badge-elements{display:flex;align-items:center;justify-content:center}.badge .badge-elements svg{margin-right:.3rem}.tags{margin-bottom:.5rem}.tags .tags-title{margin-bottom:.2rem;font-weight:700;margin-right:.5rem;display:inline-block}.tags span:hover{cursor:pointer}.tags span{display:inline-block;margin:0 .5rem .5rem 0;background:#f1f1f1;border-radius:50px;padding:.25rem .5rem;font-size:12px}.btns{margin-top:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.btn{display:inline-block;padding:.5rem 1rem;border:1px solid #ddd;border-radius:50px;text-decoration:none;color:#444}.btn,.image{margin-bottom:1.5rem}.image{width:100%}.back-link{margin-bottom:1rem;color:#999}.back-link:hover{cursor:pointer}#nav.active{padding:1rem 2rem 2rem 70px}#nav .search-field{background:transparent;color:#fff;outline:none;width:100%;font-size:1.5em;padding:.25rem 0 .75rem;box-sizing:border-box;display:block;margin-bottom:1rem;border:none;border-bottom:1px solid #666}#openseadragon{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:200}.hidden{display:none}.viewer-close{position:fixed;top:0;right:0;z-index:201}.viewer-loading{position:fixed;top:50%;transform:translate3d(-50%,-50%,0);left:50%;z-index:201;color:#fff}.viewer-controls{z-index:201;position:fixed;top:0;left:0;width:80%;display:flex;justify-content:flex-start;align-items:center}.viewer-controls div:hover{cursor:pointer}.viewer-controls div{padding:.5rem}.mapboxgl-popup-content{padding:3px;border-radius:3px}.mapboxgl-popup-content img{border-radius:3px;display:block;line-height:0;background:#333}.credits{opacity:.66;margin-top:3rem}hr{margin:0 0 1rem 0;width:24%;border:0 solid #fff;border-style:solid;border-top-width:1px}