@font-face{font-family:'Mallory';src:url("./fonts/Mallory-Light.woff2") format("woff2"),url("./fonts/Mallory-Light.woff") format("woff");font-weight:100;font-style:normal}@font-face{font-family:'Mallory';src:url("./fonts/Mallory-LightItalic.woff2") format("woff2"),url("./fonts/Mallory-LightItalic.woff") format("woff");font-weight:100;font-style:italic}@font-face{font-family:'Mallory';src:url("./fonts/Mallory-Book.woff2") format("woff2"),url("./fonts/Mallory-Book.woff") format("woff");font-weight:200;font-style:normal}@font-face{font-family:'Mallory';src:url("./fonts/Mallory-BookItalic.woff2") format("woff2"),url("./fonts/Mallory-BookItalic.woff") format("woff");font-weight:200;font-style:italic}@font-face{font-family:'Mallory';src:url("./fonts/Mallory-Medium.woff2") format("woff2"),url("./fonts/Mallory-Medium.woff") format("woff");font-weight:300;font-style:normal}@font-face{font-family:'Mallory';src:url("./fonts/Mallory-MediumItalic.woff2") format("woff2"),url("./fonts/Mallory-MediumItalic.woff") format("woff");font-weight:300;font-style:italic}@font-face{font-family:'Mallory';src:url("./fonts/Mallory-Bold.woff2") format("woff2"),url("./fonts/Mallory-Bold.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Mallory';src:url("./fonts/Mallory-BoldItalic.woff2") format("woff2"),url("./fonts/Mallory-BoldItalic.woff") format("woff");font-weight:400;font-style:italic}html,body{width:100%;height:100%;margin:0;overflow:hidden;color:#153554;font-family:'Mallory', Helvetica, Arial, sans-serif;font-size:11px;line-height:13px;font-weight:200}body{overflow-y:auto}body.form #frame{display:none}body.form #creation{display:block}body.map #frame{display:block}body.map #creation{display:none}#frame{width:100%;height:100%;padding:30px;background-color:#a8d7ee;position:relative;display:none}h1{font-size:20px;line-height:25px;font-weight:400}h2{font-size:16px;line-height:19px;font-weight:400}header{color:#153554;opacity:1}header .wrapper{width:100%;padding:15px calc(15px + 3px);display:table;background-color:rgba(249,249,249,0.8)}header h2{display:inline-block;margin:0;padding:0 0 .125em 0;border-bottom:0.125em solid #153554;min-height:20px}header.fixed{width:calc(100% - 60px);height:calc(100% - 60px);position:absolute;left:30px;top:30px;z-index:500;overflow:hidden;pointer-events:none}header.fixed .wrapper{max-width:228px}header.fixed .wrapper h2{pointer-events:all}header.fixed .wrapper h1.sentence{margin:3px 0 0 0;padding:25px 0 0 0;pointer-events:all}header.hide{display:none}aside{width:100%;position:absolute;overflow:hidden;z-index:400}aside header{width:228px;margin:0 0 0 30px}aside .inner{width:100%;height:100%;overflow:hidden}aside .inner ul{margin:0}aside .inner ul li{list-style:none;position:relative}aside .inner .scroller{max-height:100%;position:relative;pointer-events:all;overflow-y:scroll}aside .inner .scroller::-webkit-scrollbar{display:none}aside .inner .scroller::-webkit-scrollbar-thumb{display:none}aside .inner .form{pointer-events:all;position:relative}aside .inner .shadow{width:100%;height:60px;display:table}aside .inner .shadow.top{position:absolute;left:0;top:0}aside .inner .shadow.bottom{position:relative;margin-top:-60px}aside#phenomena{height:calc(100% - 60px);left:0;top:30px;color:#153554;pointer-events:none}aside#phenomena .hamburger{width:30px;height:30px;position:absolute;left:0em;top:30px;z-index:500;background-color:#a8d7ee;background-image:url(./img/x.svg);background-position:center;background-size:1.25em auto;background-repeat:no-repeat;pointer-events:all}aside#phenomena .hamburger:hover{cursor:pointer;opacity:.7}aside#phenomena .inner{width:258px;display:flex;flex-direction:column}aside#phenomena .shadow.top{box-shadow:inset 0 2.5em 1.5em -2em #f9f9f9;position:relative;margin:0 0 -60px 30px;z-index:500}aside#phenomena .shadow.bottom{box-shadow:inset 0 -2.5em 1.5em -2em #f9f9f9;width:calc(100% - 30px);margin-left:30px}aside#phenomena .phenomena{padding:15px;margin:0 0 0 30px;background-color:#f9f9f9;pointer-events:all;display:flex;overflow-y:auto;background-color:rgba(249,249,249,0.8)}aside#phenomena .phenomena::-webkit-scrollbar{display:none}aside#phenomena .phenomena::-webkit-scrollbar-thumb{display:none}aside#phenomena ul{padding:0}aside#phenomena ul li{margin:0 1em 1em 0;transform-origin:left center}aside#phenomena ul li span{font-weight:200;padding:0;margin:0}aside#phenomena ul li:hover,aside#phenomena ul li.selected{cursor:pointer}aside#phenomena ul li:hover span,aside#phenomena ul li.selected span{font-weight:400}aside#phenomena.closed{width:30px;left:0}aside#phenomena.closed .hamburger{background-image:url(./img/hamburger.svg)}aside#phenomena.closed .shadow{margin-left:0}aside#phenomena.closed .shadow.top{margin-top:1em;box-shadow:inset 0 2.5em 1.5em -2em #a8d7ee}aside#phenomena.closed .shadow.bottom{width:2em;box-shadow:inset 0 -2.5em 1.5em -2em #a8d7ee}aside#phenomena.closed .phenomena{padding:1.25em 0;margin:0;background-color:transparent}aside#phenomena.closed .phenomena .options{width:100%}aside#phenomena.closed .phenomena ul li.option{width:30px;height:15px;padding:0;position:relative}aside#phenomena.closed .phenomena ul li.option::before{content:'';width:5px;height:5px;position:absolute;left:12.5px;top:5px;background:#153554;border-radius:50%}li:hover aside#phenomena.closed .phenomena ul li.option::before{background:#7a91ad}li.selected aside#phenomena.closed .phenomena ul li.option::before{background:#153554}aside#phenomena.closed .phenomena ul li.option span{display:none}aside#filters{height:calc(100% - 30px);max-width:206px;right:30px;top:0;user-select:none;pointer-events:none}aside#filters.closed{height:30px}aside#filters .tabs{height:30px;display:flex;flex-direction:row;justify-content:space-between;pointer-events:all}aside#filters .tabs .tab{width:calc(50% - 1px);height:calc(100% - 5px);margin:5px 0 0 0;display:table;background-color:#dcdfe2;border-radius:5px 5px 0 0}aside#filters .tabs .tab .label{margin:auto;display:table-cell;vertical-align:middle;text-align:left;text-indent:.5em;font-weight:bold;color:#7a91ad;text-transform:uppercase}aside#filters .tabs .tab.active{background-color:#f2f2ee}aside#filters .tabs .tab.active .label{color:#153554}aside#filters .tabs .tab:hover{cursor:pointer}aside#filters .tabs .tab:hover .label{color:#153554}aside#filters .inner{width:100%;height:calc(100% - 30px);position:absolute;left:0;top:30px}aside#filters .inner .form{width:100%;padding:15px;background-color:#f2f2ee;display:none}aside#filters .inner .form.active{display:block}aside#filters .inner .form#embedder{border-top:1px solid #dcdfe2;display:block}aside#filters .inner .form#embedder .fieldset{margin:0}aside#filters .inner .form#embedder .options{padding:0}aside#filters .inner .form#embedder .options .instruct{color:#7a91ad}aside#filters .inner .form#embedder .options textarea{margin:15px 0 0 0;width:100%;border:none;background:#dcdfe2}aside#filters .inner .form#embedder .fieldset.open .options{padding-top:15px}aside#filters .inner .shadow.top{box-shadow:inset 0 2.5em 1.5em -2em #f2f2ee;margin-bottom:-60px;z-index:500}aside#filters .inner .shadow.bottom{box-shadow:inset 0 -2.5em 1.5em -2em #f2f2ee;width:100%}aside#filters .fieldset{margin:0 0 1em 0;clear:both}aside#filters .fieldset .head{width:100%;padding-left:1.25em;font-weight:200;position:relative}aside#filters .fieldset .head .label{display:inline}aside#filters .fieldset .head .label .arrow{width:1em;height:1em;left:0;top:0;position:absolute;background-image:url("./img/arrows.svg");background-position:left -1em;background-repeat:no-repeat;background-size:1em auto}aside#filters .fieldset .head .label:hover{cursor:pointer}aside#filters .fieldset .head .label:hover span{font-weight:400}aside#filters .fieldset .head .note{color:#7a91ad;font-size:9px;line-height:10px;position:absolute;display:inline;padding-left:5px;visibility:hidden}aside#filters .fieldset .head .note.option{color:#153554;right:0;padding-top:1px}aside#filters .fieldset .head .note.option:hover{color:#7a91ad;cursor:pointer}aside#filters .fieldset .options{height:0;padding:0 0 0 2em;overflow:hidden}aside#filters .fieldset .options ul{padding:0}aside#filters .fieldset .options ul li.option{padding:.25em .75em 0 0;margin:.25em 0 0 0;cursor:pointer;font-weight:200}aside#filters .fieldset .options ul li.option:not(.all){background-image:url(./img/x.svg);background-position:200% center;background-repeat:no-repeat;background-size:.75em}aside#filters .fieldset .options ul li.option.disabled{opacity:.5;pointer-events:none}aside#filters .fieldset ul li:hover{font-weight:400}aside#filters .fieldset ul li.selected{font-weight:400;background-position:right 5px !important}aside#filters .fieldset .option.range-input{padding-right:0}aside#filters .fieldset .option.range-input:hover:not(.selected).no-hover{font-weight:200}aside#filters .fieldset .option.range-input .inputs{display:inline;float:right;margin-right:2px;font-weight:200;color:#f9f9f9;cursor:default}aside#filters .fieldset .option.range-input .inputs input{width:1.5em;background-color:transparent;border:none;outline:none;display:inline;text-align:center;color:#f9f9f9;padding:0 0 1px 0}aside#filters .fieldset .option.range-input .inputs input::-webkit-outer-spin-button,aside#filters .fieldset .option.range-input .inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}aside#filters .fieldset .option.range-input.accept .inputs{background-color:#5fa990}aside#filters .fieldset .option.range-input.reject .inputs{background-color:#78558a}aside#filters .fieldset .slider{width:calc(100% - 10px);height:2px;margin:10px 0 20px 0;position:relative;background:#dcdfe2}aside#filters .fieldset .slider .ui-slider-handle{width:10px;height:11px;position:absolute;top:-5px;margin-left:-4px;background:transparent;transition:transform 100ms ease-in-out;transform-origin:center}aside#filters .fieldset .slider .ui-slider-handle::before{width:2px;height:11px;position:absolute;top:0;left:4px;background:#153554;content:''}aside#filters .fieldset .slider .ui-slider-handle::after{width:20px;position:absolute;top:11px;margin-left:-5px;content:attr(data-val);color:#7a91ad;text-align:center;font-size:9px;line-height:10px}aside#filters .fieldset .slider .ui-slider-handle.ui-state-hover,aside#filters .fieldset .slider .ui-slider-handle.ui-state-active{cursor:ew-resize;z-index:99999}aside#filters .fieldset .slider .ui-slider-handle.ui-state-focus{outline:none}aside#filters .fieldset .slider[data-type='scale'] .ui-slider-handle{width:10px;left:-5px;border-radius:50%}aside#filters .fieldset .slider[data-type='range'] .ui-slider-range{height:2px;position:absolute;background:#153554}aside#filters .fieldset.open .head .label .arrow{background-position:left -2em}aside#filters .fieldset.open .head .note{visibility:visible}aside#filters .fieldset.open .options{height:auto;overflow:visible}aside#filters .fieldset.disabled{opacity:.5;pointer-events:none}aside#filters .fieldset.disabled .label .arrow{background-position:left -1em !important}aside#filters .fieldset.disabled .options{height:0 !important}aside#filters .fieldset.multi .head .multi-toggle{visibility:hidden;display:inline-block}aside#filters .fieldset.multi .head .multi-toggle .multi-label{display:inline-block;margin-left:1em;font-weight:200}aside#filters .fieldset.multi .head .multi-toggle .multi-label.selected{font-weight:400;text-decoration:underline}aside#filters .fieldset.multi .head .multi-toggle .multi-label:hover{font-weight:400;cursor:pointer}aside#filters .fieldset.multi .multi-field{display:none}aside#filters .fieldset.multi .multi-field.open{display:block}aside#filters .fieldset.multi.open .head .multi-toggle{visibility:visible}aside#filters .fieldset.reset{margin-top:1.5em}aside#filters .fieldset.reset .head{padding-left:0}aside#filters.closed .close .arrow{background-position:left -3.75em}main{width:100%;height:100%;display:flex;flex-direction:row;position:relative}main .label{font-weight:200;margin:0 0 .5em 0}main .label:hover{cursor:pointer}main #map{width:100%;height:100%;overflow:hidden;position:relative}main #map .mapboxgl-canvas-container canvas{width:100% !important}main #map .mapboxgl-popup{width:228px;position:absolute;bottom:0;left:0;transform:none !important;opacity:0;transition:opacity 200ms ease-in-out;will-change:transform, opacity;z-index:500;pointer-events:none}main #map .mapboxgl-popup .mapboxgl-popup-content{position:relative;color:#f9f9f9;padding:20px}main #map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button{display:none}main #map .mapboxgl-popup .mapboxgl-popup-content ul{padding:0;margin:0;list-style:none}main #map .mapboxgl-popup .mapboxgl-popup-content ul li{padding:.25em 0;margin:0}main #map .mapboxgl-popup.show{opacity:1}footer{width:calc(100% - 60px);height:calc(30px - 14px);position:absolute;left:30px;bottom:7px;display:flex;justify-content:space-between}footer .logo{height:100%}footer .logo object{width:auto;height:calc(30px - 14px)}footer .keys{display:flex}footer .keys .key{padding-left:calc(30px);background-position:5px center;background-repeat:no-repeat;background-size:contain;display:flex;align-items:center}footer .keys .key.accept{background-image:url(./img/accepted-key.svg)}footer .keys .key.reject{background-image:url(./img/rejected-key.svg)}#creation{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;flex-direction:row;align-content:center;background-color:#a8d7ee;display:none;overflow-y:auto}#creation form{height:100%;display:flex;margin:auto}#creation form .inner{width:100%;display:table;margin:auto;padding:50px}#creation form .inner .group{width:456px;display:table;margin:auto}#creation form .inner fieldset{border:0;margin:10px 0;padding:0}#creation form .inner fieldset.half{width:calc(50% - 20px);float:left}#creation form .inner label{width:100%;font-size:16px;line-height:19px;display:block;padding:0 0 10px 0}#creation form .inner input,#creation form .inner select{width:100%;padding:10px;border:none}#creation form .inner select{height:33px}