body{margin:0;font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{overflow:hidden}.appWrap{height:100vh;max-width:100vw;font-size:13px;line-height:1.5;color:#031d44;font-family:"Lato",colfax,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}.appWrap .instructions{padding:0 20px;color:#031d44;font-family:"Lato";font-size:14px;letter-spacing:0;line-height:20px}.appWrap .geoSelect{padding:5px 20px;display:flex;flex-direction:column}.appWrap h3{font-size:21px;font-weight:700;line-height:25px;margin-top:20px}.appWrap h3,.appWrap h5{color:#031d44;font-family:"Lato";letter-spacing:0;margin-bottom:10px}.appWrap h5{font-size:12px;font-weight:400;line-height:17px;margin-top:10px}.appWrap .quickStats{padding:5px 20px}.MuiTooltip-tooltip{border-radius:4px!important;background-color:#fff!important;box-shadow:0 0 30px 0 rgba(3,29,68,.15)!important;font-family:"Lato"!important;color:#031d44!important;font-size:14px!important;letter-spacing:0!important;line-height:20px!important}.MuiTooltip-arrow{color:#fff!important}.bodyWrap{height:calc(100% - 55px);display:grid;position:relative;grid-template-columns:46px auto}.bodyWrap.appIsActive{grid-template-columns:46px 420px auto}.bodyWrap .mapDiv{height:100%}.disclaimer{position:absolute;left:46px;right:0;bottom:0;display:none}.disclaimer.appIsActive{left:466px}.disclaimer.active{display:block}.appHeader{display:grid;grid-template-columns:46px auto 252px;grid-template-rows:100%;width:100%}.appHeader,.appHeader .hamburger{background-color:#22497a;height:55px}.appHeader .hamburger{border:none;width:45px;padding:0;margin:auto}.appHeader .hamburger .MuiIconButton-label{color:#fff}.appHeader .hamburger:hover{background-color:#385b87}.appHeader .titleArea{display:flex;align-items:center}.appHeader .titleArea>*{display:inline-block}.appHeader .titleArea .appTitle{opacity:.8;color:#fff;font-family:"Lato";font-size:18px;font-weight:700;letter-spacing:0;line-height:22px;margin:0 12px}.appHeader .titleArea .appSubTitle{color:#fff;opacity:.8;font-size:13px;line-height:22px;margin-top:4px}.appHeader .searchArea{display:flex;align-items:center;font-family:"Lato"}.appHeader .searchArea .esri-search,.appHeader .searchArea input{font-family:"Lato"}.navList .linkItem span{text-decoration:none}.navList .linkItem span:hover{color:#031d44;text-decoration:underline}.navList .MuiSvgIcon-root{width:20px;margin-top:5px}.navList .nested{padding-left:35px;margin-right:10px}.navList .launchIcon{width:14px}.appSideNav{width:46px;height:100%;display:inline-block;background-color:#031d44}.appSideNav ul.appLinks{list-style-type:none;padding:0;margin:0}.appSideNav ul.appLinks div.active{display:block;background-color:#03a0da}.appSideNav ul.appLinks li.appLink{margin:0;height:55px;text-align:center;cursor:pointer;color:#fff;border-bottom:1px solid hsla(0,0%,91%,.2)}.appSideNav ul.appLinks li.appLink svg{margin-top:12px}.appSideNav ul.appLinks .tourismIcon{width:38px;margin:7px 0 0 2px}.appSideNav ul.appLinks .beachesIcon{width:38px;margin-top:7px}.appSideNav ul.appLinks .fisheriesIcon{width:36px;margin:8px 0 0}.appSideNav ul.appLinks .svgLink{margin:10px 0 0}.appPanel{width:420px;height:calc(100vh - 55px);display:grid;grid-template-columns:100%;grid-template-rows:60px auto}.appPanel .appBody{padding:10px}.selectInstructions{color:#031d44;font-family:"Lato";font-size:14px;font-weight:700;letter-spacing:0;line-height:17px;padding-bottom:5px}#geoSelect{color:#031d44;box-sizing:border-box;border:2px solid #d5dff7;border-radius:4px;background-color:#fff;padding-top:8px;padding-bottom:8px;height:40px}.geoScale{align-self:end;padding-bottom:20px}.geoScale label,.geoScale label span{font-family:"Lato";font-size:14px;letter-spacing:0;line-height:17px}.geoScale label span{color:#031d44}.small-stat-card{text-align:center}.small-stat-card .stat-wrapper .stat-measurement,.small-stat-card .stat-wrapper .stat-title{opacity:.8;color:#031d44;font-family:Lato;font-size:14px;letter-spacing:0;line-height:17px}.small-stat-card .stat-wrapper .stat-value{opacity:1;color:#031d44;font-family:Lato;font-size:26px;font-weight:700;letter-spacing:0;line-height:32px}.small-stat-card .info-wrapper{align-self:center}.large-stat-card{padding:10px;margin-bottom:10px;background-color:#fff;border:2px solid #d5dff7!important;border-radius:4px}.large-stat-card .info-icon{color:#035bd8}.large-stat-card .stat-wrapper .value-wrapper .stat-title{opacity:.6;color:#031d44;font-family:"Lato";font-size:14px;font-weight:700;letter-spacing:0;line-height:17px}.large-stat-card .stat-wrapper .value-wrapper .stat-value{opacity:.6;color:#031d44;font-family:"Lato";font-size:26px;font-weight:700;letter-spacing:0;line-height:32px;display:inline}.large-stat-card .stat-wrapper .info-wrapper{align-self:center}.large-stat-card .measurement{font-size:13px}.large-stat-card.selected{border:2px solid #031d44!important;box-shadow:0 16px 24px 0 rgba(3,91,216,.15)}.large-stat-card.selected .stat-wrapper .value-wrapper .stat-title{opacity:.8}.large-stat-card.selected .stat-wrapper .value-wrapper .stat-value{opacity:1;color:#035bd8}.large-stat-card:hover:not(.selected).clickable{border:2px solid #035bd8!important}.large-stat-card.clickable{cursor:pointer}.large-stat-card.not-clickable .stat-wrapper .value-wrapper .stat-title{opacity:.8}.large-stat-card.not-clickable .stat-wrapper .value-wrapper .stat-value{opacity:1;color:#035bd8}.contextualLayers{padding-top:5px}.contextualLayers .contextualLayerItem{opacity:.8;color:#031d44;padding-bottom:0!important}.contextualLayers .contextualLayerItem,.contextualLayers .MuiTypography-body1{font-family:"Lato"!important;font-size:14px!important;letter-spacing:0!important;line-height:17px!important}.referenceLayers{position:relative}.referenceLayers .clearOtherLayers{position:absolute;right:12px;top:-45px}.referenceLayers .referenceLayerItem{margin:.25rem!important;display:inline-box;color:#031d44;background-color:rgba(3,91,216,.15);line-height:normal}.referenceLayers .referenceLayerItem:hover{background-color:rgba(18.2876712329,114.7260273973,251.7123287671,.15)}.referenceLayers .referenceLayerItem .layer-title{max-width:310px;text-overflow:ellipsis;overflow:hidden;display:inline-block;line-height:normal}.referenceLayers .active,.referenceLayers .active:focus{background-color:rgb(18.2876712329,114.7260273973,251.7123287671);box-shadow:0 4px 12px 0 rgba(3,91,216,.15);color:#fff}.referenceLayers .info-icon{height:18px!important;vertical-align:text-bottom;margin-bottom:1px;display:inline-block}.MuiChip-icon{color:#031d44!important}.app-tooltip{max-width:100px!important}.references{padding-left:5px 20px}.references .link-button{width:100%;height:100%}.references .link-button span{white-space:nowrap}.references .link-button{background-color:#035bd8}.appPanelHeader{width:calc(100% - 40px);min-height:60px;padding-top:15px;padding-left:20px;padding-right:20px;color:#031d44;position:relative;font-family:"Lato";font-size:21px;font-weight:700;letter-spacing:0;line-height:40px}.appPanelHeader .appPanelHeaderX{margin-left:auto;color:#031d44;position:absolute;right:30px;top:10px}.appPanelHeader .oecsLogo{width:100px;float:right}.recFishing{background-color:#fff;overflow-y:auto;overflow-x:hidden;color:#031d44}.recFishing .quickStats{background-color:#f6fcfe;padding:5px 20px}.recFishing .chart{background-color:#f6fcfe;padding:5px 10px}.recFishing .otherMaps{padding:5px 20px}.recFishing .otherMaps .otherHeader{display:flex}.recFishing .otherMaps .otherHeader h3{flex:1 1}.recFishing .otherMaps .otherHeader .linkButton{background-color:transparent;border:none;color:#03a0da}.references-wrapper{padding:10px}.wildlifeTourism{background-color:#fff;overflow-y:auto;overflow-x:hidden;color:#031d44}.wildlifeTourism article{padding:0!important}.wildlifeTourism .instructions{min-height:80px}.wildlifeTourism .tab-contents{border:none}.wildlifeTourism .tour-tabs:first-child{margin-left:24px}.wildlifeTourism .tour-tabs .tour-tab-title{border-radius:4px 4px 0 0;background-color:#f6f6f6;border-color:transparent;font-size:16px;letter-spacing:0;line-height:18px;text-align:center;margin-right:3px;border-bottom:none;font-weight:500}.wildlifeTourism .tour-tabs .tour-tab-title:hover{background-image:none}.wildlifeTourism .tour-tabs .tour-tab-title:hover:not(.active){color:#035bd8;opacity:.9}.wildlifeTourism .tour-tabs .tour-tab-title.active{background-color:#f6fcfe;color:#035bd8;border-bottom:2px solid #035bd8;font-weight:600}.whaleDolphin{background-color:#fff;overflow-y:auto;overflow-x:hidden}.whaleDolphin .quickStats{background-color:#f6fcfe;padding:5px 20px}.whaleDolphin .chart{background-color:#f6fcfe;padding:5px 10px}.whaleDolphin .otherMaps{padding:5px 20px}.birdWatching{background-color:#fff;overflow-y:auto;overflow-x:hidden}.birdWatching .dataSwitch{padding:10px;display:grid;grid-template-columns:155px 38px 175px;grid-template-rows:100%;align-items:center;grid-column-gap:16px;column-gap:16px}.birdWatching .dataSwitch .switchLabel{display:inline-block;font-size:12px;font-weight:700;text-align:center}.birdWatching .dataSwitch .switchLabel.active{color:#03a0da}.birdWatching .dataSwitch label{display:inline-block;margin:0}.birdWatching .dataSwitch label span{margin:0}.birdWatching .quickStats{background-color:#f6fcfe;padding:5px 20px}.birdWatching .quickStats .switch-wrapper{margin-bottom:0}.birdWatching .quickStats .switch-wrapper .switch-card{padding:5px;background-color:#fff;border:2px solid #d5dff7!important;border-radius:4px}.birdWatching .quickStats .switch-wrapper .switch-card .switchButton{width:48%;border-radius:4px;text-transform:none;margin-right:.25rem}.birdWatching .quickStats .switch-wrapper .switch-card .switchButton.active{background-color:#035bd8;box-shadow:0 4px 12px 0 rgba(3,91,216,.15);color:#fff}.birdWatching .chart{background-color:#f6fcfe;padding:5px 10px}.birdWatching .otherMaps{padding:5px 20px}.birdWatching .subInfo{padding:5px 10px;color:#031d44;font-family:"Lato";font-size:12px;letter-spacing:0;line-height:20px;margin-bottom:10px}.fisheries{background-color:#fff;overflow-y:auto;overflow-x:hidden;flex-wrap:nowrap!important;color:#031d44}.fisheries .quickStats{background-color:#f6fcfe;padding:5px 20px}.fisheries .chart{background-color:#f6fcfe;padding:5px 10px}.fisheries .otherMaps{padding:5px 20px}.fisheries .references-wrapper{padding:10px}.intro{margin-bottom:0;overflow-y:auto;padding:10px 0}.intro p{opacity:.9;font-size:16px;line-height:20px;line-height:24px}.intro h2,.intro p{color:#031d44;font-family:"Lato";letter-spacing:0}.intro h2{font-size:21px;font-weight:700;line-height:25px;padding:0 20px}.intro a{text-decoration:none;color:#035bd8}.intro a:hover{text-decoration:underline}.intro .box{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px 70px}.intro .box img{padding:5px;width:auto;display:inline}.intro .box img.small{margin-left:auto;margin-right:auto;width:50%}.intro .box img.medium{margin-left:auto;margin-right:auto;width:70%}.intro .box .divider{width:60%;margin:10px auto}.intro .content{background-color:#fff;padding:0 20px}.intro .explore-content{background-color:#f6fcfe;padding:10px 20px}.intro .explore-section{margin-bottom:15px;border-radius:6px;background-color:#fff;padding:16px}.intro .explore-section .fisheriesIcon,.intro .explore-section .tourismIcon{width:34px}.intro .explore-section .app-title{align-self:center;font-weight:600;font-size:18px;font-weight:700;letter-spacing:0;line-height:20px}.intro .explore-section .app-description{color:#031d44;font-family:Lato;font-size:16px;letter-spacing:0;line-height:24px;margin-top:16px}.intro .explore-section .app-icon{background-color:#031d44;margin:10px 0 0;border-radius:4px;align-self:center;padding:4px;justify-content:center}.intro .explore-section .app-button{border-radius:4px;background-color:#fffffe;color:#035bd8;font-size:16px;letter-spacing:0;line-height:19px;text-transform:none;margin-top:4px;border:2px solid #fffffe;box-shadow:none}.intro .explore-section .app-button:hover{border:2px solid #035bd8;border-radius:4px;background-color:#fff;box-shadow:0 8px 15px 0 rgba(3,91,216,.1)}.intro .explore-section .app-button svg{margin-left:3px}.coralRecTourism{background-color:#fff;overflow-y:auto;overflow-x:hidden;color:#031d44}.coralRecTourism .dataSwitch{padding:10px;background-color:#fff;display:grid;grid-template-columns:155px 38px 175px;grid-template-rows:100%;align-items:center;grid-column-gap:16px;column-gap:16px}.coralRecTourism .dataSwitch .switchLabel{display:inline-block;font-size:12px;font-weight:700;text-align:center}.coralRecTourism .dataSwitch .switchLabel.active{color:#03a0da}.coralRecTourism .dataSwitch label{display:inline-block;margin:0}.coralRecTourism .dataSwitch label span{margin:0}.coralRecTourism .quickStats{background-color:#f6fcfe;padding:5px 20px}.coralRecTourism .quickStats .switch-wrapper{margin-bottom:20px}.coralRecTourism .quickStats .switch-wrapper .switch-card{padding:5px;background-color:#fff;border:2px solid #d5dff7!important;border-radius:4px}.coralRecTourism .quickStats .switch-wrapper .switch-card .switchButton{min-width:40%;border-radius:4px;text-transform:none;margin-right:.25rem}.coralRecTourism .quickStats .switch-wrapper .switch-card .switchButton.active{background-color:#035bd8;box-shadow:0 4px 12px 0 rgba(3,91,216,.15);color:#fff}.coralRecTourism .chart{background-color:#f6fcfe;padding:5px 10px}.coralRecTourism .otherMaps{padding:5px 20px}.short-stat-container{padding-top:20px;padding-bottom:20px}.basemapSelector{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;align-items:flex-end}.basemapSelector .basemapToggle{padding:8px;width:34px;border-radius:4px}.basemapSelector .basemapToggle,.basemapSelector .basemapToggle:hover{background-color:#fff;box-shadow:0 0 12px #404040;border:1px solid #999;color:#000}.basemapSelector .basemapToggle svg{margin:0}.basemapSelector .basemapToggle .icon,.basemapSelector .basemapToggle .icon:before{padding:0}.basemapSelector .basemapToggle.active{background-color:#03a0da!important}.basemapSelector .basemapContainer{position:absolute;right:48px;width:650px;top:3px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3)}.basemapSelector .basemapContainer .esri-basemap-gallery__item-container{flex-flow:column;align-items:baseline;width:100%}.basemapSelector .basemapContainer .esri-basemap-gallery__item{flex-flow:column;width:100%;padding-right:20px;max-width:121px;height:95px;padding-top:10px;padding-left:15px}.basemapSelector .basemapContainer .esri-basemap-gallery__item:first-child{margin-top:0}.basemapSelector .basemapContainer .esri-basemap-gallery__item-title{font-family:"Lato"}.basemapSelector .basemapContainer .esri-basemap-gallery__item--selected{border-left:none!important;border-bottom:3px solid #0079c1}.basemapSelector .basemapContainer ul{display:flex;flex-direction:row!important;flex-wrap:wrap!important}.basemapSelector .basemapContainer ul li{display:inline-block;text-align:center}.basemapSelector .basemapContainer.hidden{display:none}@media only screen and (max-width:800px){.basemapSelector .basemapContainer{width:325px}}.button{width:34px!important;height:34px!important;border-radius:4px!important;background-color:#fff!important;box-shadow:0 0 12px rgba(3,29,68,.25)!important;color:#000!important}.button svg{margin:0}.button .icon,.button .icon:before{padding:0}.measureLine{position:absolute!important;top:60px;right:12px;text-align:right}.measureLine.active{background-color:#03a0da!important}.measureArea{position:absolute!important;top:105px;right:12px;text-align:right}.measureArea.active{background-color:#03a0da!important}.saveShare{position:absolute!important;top:150px;right:12px;text-align:right}.saveShare.active{background-color:#03a0da!important}.measureToolContainer{position:absolute!important;top:50px;right:50px;background:#fff;text-align:right;margin-top:12px;max-width:167px}.measureToolContainer.hidden{display:none}.measureToolContainer .closeIcon{cursor:pointer;margin:8px 8px 0 0}.areaToolContainer{position:absolute!important;top:100px;right:50px;background:#fff;text-align:right;margin-top:12px;max-width:167px}.areaToolContainer.hidden{display:none}.areaToolContainer .closeIcon{cursor:pointer;margin:8px 8px 0 0}.esri-ui-top-right{right:45px}.draggable{display:"flex";align-items:"center";justify-content:"center";border:"solid 1px #ddd";background-color:#fff;overflow:hidden;padding-bottom:50px}.draggable.isClosed{background-color:transparent;height:0!important}.draggable>div:first-child,.mapLegend{height:100%}.mapLegend{flex:1 1}.mapLegend h3{font-size:14px;margin-top:0}.mapLegend .legendHeader{display:grid;cursor:pointer;height:30px;background-color:#444;padding:10px;color:#fff;grid-template-columns:auto auto;grid-template-rows:24px}.mapLegend .legendHeader .legendTitle{font-size:12px;font-weight:700;line-height:24px}.mapLegend .legendHeader .legendToggle{text-align:right;cursor:pointer}.mapLegend .esriLegend{background-color:#fff;overflow-y:scroll;height:100%;max-height:100vh}.mapLegend .esriLegend.legendClosed{background-color:transparent;height:0;overflow:hidden}.mapLegend .esri-legend__service{border-bottom:0}.mapLegend .esri-legend__layer-caption{display:none}.mapLegend .legendToggle{width:24px;position:absolute;right:8px;top:13px}
/*# sourceMappingURL=main.a77245d2.chunk.css.map */