.smokescreen,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.smokescreen,.toolbar{position:absolute;z-index:11;left:0;right:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1;background:#f9efca;font-family:OpenSans;width:100%;overflow-x:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:OpenSans;src:url(../OpenSans-Regular.ttf) format('truetype');font-weight:400;font-style:normal}*{box-sizing:border-box}button{cursor:pointer;border:none;padding:5px;transition:background 150ms}button:focus{outline:0;border:none}.smokescreen{content:'';background:rgba(0,0,0,.3);top:0;bottom:0}.app.has-smokescreen #map,.app.has-smokescreen .topbar{-webkit-filter:blur(1px);filter:blur(1px)}.toolbar{background:#2f2f2f;display:flex;top:50px}@media (min-width:601px){.toolbar{position:unset;flex:1 1 auto}}.toolbar__buttonwrapper{position:relative;display:flex;align-items:center}.toolbar__button{position:relative;display:block;margin:0;width:50px;height:50px;background:#252525}#map,.map-wrapper,.search .search__menu,.topbar{position:absolute}.menu,.toolbar__button:hover{background:#2f2f2f}.toolbar__button:disabled:hover{background:#252525}.toolbar__button .icon--harbour{height:32px;width:32px}.toolbar__button .icon--harbour circle{stroke:#D8D8D8}.toolbar__button.active .icon--location circle,.toolbar__button.active .icon--location path,.toolbar__button.active .icon--measurement polyline,.toolbar__button.active .icon--measurement-own-position .stroke,.toolbar__button.active .icon--measurement-own-position path{stroke:#35abff}.toolbar__button .icon--harbour path,.toolbar__button .icon--harbour polygon{fill:#D8D8D8}.toolbar__button.active .icon--location circle:first-child,.toolbar__button.active .icon--measurement circle,.toolbar__button.active .icon--measurement path,.toolbar__button.active .icon--measurement-own-position circle:first-child{fill:#35abff}.toolbar__button.active{background:#393939}.toolbar__button--secondary{height:42px;width:42px;background:#2c5574}.toolbar__button--secondary:hover{background:#326083}.toolbar__button--secondary:disabled,.toolbar__button--secondary:disabled:hover{background:#2c5574}.toolbar__button--secondary.active{background:#376b92}.topbar{display:flex;top:0;right:0;left:0;z-index:11;height:50px;background:#252525;align-items:center}#search{padding:5px;margin:0 10px;flex:1 1 auto}@media (min-width:1000px){body{font-size:17px}#search{width:600px;max-width:600px}}@media (max-width:999px){body{font-size:15px}#search{width:400px}}@media (max-width:600px){#search{max-width:580px}}.map-wrapper{bottom:0;left:0;right:0;top:50px;transition:top .25s}.map-wrapper.hover #map{cursor:pointer}#map{top:0;bottom:0;left:0;right:0;background:#fefefe;-webkit-tap-highlight-color:transparent}.search__value{padding:5px 15px 5px 0;display:flex;align-items:center}.search__value .icon{display:inline-block;margin-right:8px;width:15px;height:15px}.search__value--secondaryText{color:#888;margin-left:8px}.search__value--harbourNumber{color:#EE3339;width:40px;flex:1 1 auto;text-align:right;display:inline-block}.search{color:#000}.search .search__control{border-color:transparent!important;box-shadow:none;border-radius:2px}.search .search__control.search__control--is-focused{outline:0}.search .search__value-container{padding:5px 15px}.search .search__menu{margin-top:0;border-radius:0;z-index:1111}.search .search__option{cursor:pointer}.search .search__option--is-focused{background:rgba(0,0,0,.06)}.search .search__placeholder{overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;width:90%}.map-wrapper.measure .map-tooltip-measure{display:block}.map-tooltip,.map-tooltip-measure{position:relative;border-radius:2px;padding:4px 8px;white-space:nowrap;font-size:12px;font-weight:700}.map-tooltip{z-index:2;background:grey;color:#fff;opacity:.8}.map-tooltip-measure{display:none;z-index:-1;background:#35abff;color:#fff;opacity:1}.toolbar__button.active.toolbar__button--geolocation-error svg,.toolbar__button.active.toolbar__button--geolocation-loading svg,.toolbar__button:disabled svg{opacity:.5}.map-tooltip-measure--old{background-color:#3450FF;color:#fff}.map-tooltip-measure:before{border-top:6px solid #35abff;border-right:6px solid transparent;border-left:6px solid transparent;content:"";position:absolute;bottom:-6px;margin-left:-7px;left:50%}.map-tooltip-measure--old:before{border-top-color:#3450FF}#map .ol-scale-line{background:rgba(156,156,156,.65)}#map .ol-scale-line .ol-scale-line-inner{border:1px solid #000;border-top:none;color:#000;font-size:11px}.toolbar__button.active.toolbar__button--geolocation-error{background:#840606}.menu{position:absolute;top:0;bottom:0;z-index:111;width:350px;padding:70px 20px 20px;right:-350px;transition:right .3s}.menu.open{right:0}.menu__layer{display:flex;align-items:center;margin:10px 0}.menu__layer.visible .menu__layer--button-visiblity{opacity:1}.menu__layer .menu__layer--button-action,.menu__layer .menu__layer--button-visiblity{background:0 0;cursor:pointer;display:block;transition:background 150ms}.menu__layer .menu__layer--button-action:hover,.menu__layer .menu__layer--button-visiblity:hover{background:#393939}.menu__layer .menu__layer--button-action{margin-right:2px;width:37px;height:37px;padding:5px}.menu__layer .menu__layer--button-visiblity{margin-right:10px;width:37px;height:37px;padding:5px;opacity:.6;display:flex;align-items:center}.menu__layer>svg{margin:0 5px}.menu__layer .menu__layer--label{flex:1 1 auto;margin:0 5px;color:#D8D8D8;font-size:16px;text-overflow:ellipsis;overflow:hidden;cursor:default;white-space:nowrap}.menu__layer .icon--harbour{height:32px;width:32px}.menu__layer .icon--harbour circle{stroke:#D8D8D8}.menu__layer .icon--harbour path,.menu__layer .icon--harbour polygon{fill:#D8D8D8}.topbar__spacer{flex:1 1 auto}.menu__toggle{position:absolute;padding:4px;top:4px;right:5px;z-index:1111}.icon--menu{width:33px;height:33px;position:relative;-webkit-transform:rotate(0);transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}.icon--menu span{display:block;position:absolute;height:3px;width:100%;background:#D8D8D8;border-radius:3px;opacity:1;left:0;-webkit-transform:rotate(0);transform:rotate(0);transition:.25s ease-in-out}.icon--menu span:nth-child(1){top:5px;-webkit-transform-origin:left center;transform-origin:left center}.icon--menu span:nth-child(2){top:15px;-webkit-transform-origin:left center;transform-origin:left center}.icon--menu span:nth-child(3){top:25px;-webkit-transform-origin:left center;transform-origin:left center}.icon--menu.open span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:3px;left:0}.icon--menu.open span:nth-child(2){width:0%;opacity:0}.icon--menu.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:26px;left:0}