body{background-color:var(--background);font-family:Raleway,sans-serif;margin:0}a,body{color:var(--copy)}a{text-decoration:none}a.flex{display:flex}a.flex.center{justify-content:center}iframe{background-color:var(--foreground);border:1px solid var(--border);border-radius:4px;display:flex;width:100%}@media only screen and (max-width:1200px){iframe.index-map{height:500px!important}}iframe.full-map{height:calc(100vh - 40px)}h1,h2,h3,h4,h5,h6,p{margin:0}input{background-color:var(--foreground);border:1px solid var(--border);border-radius:4px;color:var(--copy);font-family:Raleway,sans-serif;outline:none;padding:5px;transition:.1s}input:active,input:focus{border-color:var(--primary);transition:.1s}.text-primary{color:var(--primary)}.text-copy{color:var(--copy)}.page-header{position:relative;width:100%}.page-header .background-image img{height:800px;-webkit-mask-image:linear-gradient(180deg,#000 90%,transparent);mask-image:linear-gradient(180deg,#000 90%,transparent);-o-object-fit:cover;object-fit:cover;overflow-clip-margin:unset;width:100%}@media only screen and (max-width:1200px){.page-header .background-image img{height:500px}}.page-header .content{padding-left:20px;padding-right:20px;position:absolute;top:20px;width:calc(100% - 40px)}.page-header .navbar{align-items:center;background-color:var(--foreground);border-radius:4px;display:flex;position:relative}.page-header .navbar .inner{flex-grow:1;padding:20px}.page-header .navbar .inner,.page-header .navbar .inner .initial{align-items:center;display:flex}.page-header .navbar .inner .initial .menu-toggle{cursor:pointer;display:flex;margin-right:20px;padding:10px}.page-header .navbar .inner .initial .menu-toggle svg{fill:var(--copy);height:24px;width:24px}@media only screen and (min-width:1200px){.page-header .navbar .inner .initial .menu-toggle{display:none}}.page-header .navbar .inner .initial .brand{align-items:center;display:flex;margin-right:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-header .navbar .inner .initial .brand svg{fill:var(--primary);height:50px;margin-right:5px;width:50px}.page-header .navbar .inner .initial .brand h1{font-size:20px}.page-header .navbar .inner .initial .local-time{color:var(--copy-light);font-size:14px;font-style:italic;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (max-width:1200px){.page-header .navbar .inner .initial .local-time{margin-left:auto}}@media only screen and (max-width:500px){.page-header .navbar .inner .initial .local-time{display:none}}.page-header .navbar .inner .menu{align-items:center;display:flex}.page-header .navbar .inner .menu .item{border:2px solid var(--border);border-radius:4px;font-weight:700;margin-right:10px;padding:10px;transition:.1s}.page-header .navbar .inner .menu .item:last-child{margin-right:0}.page-header .navbar .inner .menu .item:hover{border-color:var(--primary);transition:.1s}.page-header .navbar .inner .menu .item.active{border-color:var(--primary)}.page-header .navbar .inner .menu .item.webcam-link{border-color:var(--error)}.page-header .navbar .inner .menu .item.webcam-link:hover{border-color:var(--primary)}@media only screen and (max-width:1200px){.page-header .navbar .inner .menu .item{border:unset;border-bottom:1px solid var(--border);border-radius:0;margin-right:unset}.page-header .navbar .inner .menu .item:first-of-type{border-top:1px solid var(--border)}.page-header .navbar .inner .menu .item:last-of-type{border-bottom:unset;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.page-header .navbar .inner .menu{align-items:unset;flex-direction:column}}.page-header .navbar .inner .additional{align-items:center;display:flex;margin-left:auto}@media only screen and (max-width:1200px){.page-header .navbar .inner .additional{align-items:unset;background-color:var(--foreground);border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:none;flex-direction:column;left:0;margin-left:unset;position:absolute;top:64px;transition:.1s;width:100%}.page-header .navbar .inner .additional.menu-open{display:flex;transition:.1s}.page-header .navbar .inner{align-items:unset;flex-direction:column;padding:10px}.page-header .navbar.menu-open{border-bottom-left-radius:0;border-bottom-right-radius:0}}.page-header .text-banner{align-items:center;display:flex;height:600px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-header .text-banner.minimal{height:300px}.page-header .text-banner .inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:20px;text-align:center}.page-header .text-banner .inner .title{font-size:60px;margin-bottom:10px}@media only screen and (max-width:1200px){.page-header .text-banner .inner .title{font-size:50px}}@media only screen and (max-width:700px){.page-header .text-banner .inner .title{font-size:40px}}@media only screen and (max-width:500px){.page-header .text-banner .inner .title{font-size:30px}}.page-header .text-banner .inner .tagline{font-size:20px;font-weight:700}@media only screen and (max-width:700px){.page-header .text-banner .inner .tagline{font-size:15px}.page-header .text-banner .inner{-webkit-backdrop-filter:unset;backdrop-filter:unset}}@media only screen and (max-width:1200px){.page-header .text-banner{height:400px}}@media only screen and (max-width:700px){.page-header .text-banner{height:300px}}.page-header .page-content{padding-bottom:20px}.page-header .page-content .page-footer{align-items:center;background-color:var(--foreground);border:1px solid var(--border);border-radius:4px;display:flex;justify-content:center;margin-top:20px;padding:20px}.page-header .page-content .page-footer p{margin:0}.page-header .page-content .page-footer a{border-bottom:1px dashed var(--primary);display:unset}@media only screen and (max-width:1200px){.page-header .page-content .page-footer .info{text-align:center}}.page-header .page-content .page-footer .version{font-weight:700;margin-bottom:10px}.page-header .page-content .page-footer .no-affiliation{font-size:14px;font-style:italic;margin-top:5px}.page-header .page-content .page-footer .additional{align-items:center;display:flex;margin-left:auto}.page-header .page-content .page-footer .additional .links{align-items:center;display:flex;margin-right:20px}.page-header .page-content .page-footer .additional .links .link{border-bottom:1px dashed var(--primary);color:var(--copy);margin-right:10px}.page-header .page-content .page-footer .additional .links .link:last-child{margin-right:0}@media only screen and (max-width:1200px){.page-header .page-content .page-footer .additional .links{margin-right:unset}}.page-header .page-content .page-footer .additional .dark-mode-toggle{cursor:pointer;padding:10px}.page-header .page-content .page-footer .additional .dark-mode-toggle #dark-icon{display:none}.page-header .page-content .page-footer .additional .dark-mode-toggle svg{fill:var(--primary);height:24px;width:24px}@media only screen and (max-width:1200px){.page-header .page-content .page-footer .additional .dark-mode-toggle{margin-top:5px}.page-header .page-content .page-footer .additional{flex-direction:column;margin-left:unset;margin-top:20px}.page-header .page-content .page-footer{flex-direction:column}}.row{display:flex;margin-bottom:20px}.row:last-of-type{margin-bottom:0}.row .col{flex-grow:1;margin-right:20px}.row .col:last-child{margin-right:0}.row .col.w-40{width:40%}.row .col.w-50{width:50%}@media only screen and (max-width:1200px){.row .col{margin-bottom:20px;margin-right:unset;width:100%!important}.row .col:last-of-type{margin-bottom:0}.row{flex-direction:column}}.block{background-color:var(--foreground);border:1px solid var(--border);border-radius:4px;margin-bottom:20px}.block:last-child{margin-bottom:0}.block .body{padding:20px}.block .body .header{align-items:center;border-bottom:1px solid var(--border);display:flex;margin-bottom:20px;padding-bottom:10px}.block .body .header .title{margin-bottom:5px}@media only screen and (max-width:700px){.block .body .header .title{text-align:center}}.block .body .header .tagline{font-style:italic}@media only screen and (max-width:700px){.block .body .header .tagline{margin-top:15px}.block .body .header p{margin-bottom:20px;text-align:center}}.block .body .header .additional{margin-left:auto}.block .body .header .additional img{border-radius:4px;height:75px}@media only screen and (max-width:700px){.block .body .header .additional{margin-left:unset;margin-top:20px}.block .body .header{flex-direction:column}}.block .body .footer{border-top:1px solid var(--border);margin-top:20px;padding-top:10px}.block .body.text p{margin-bottom:15px}.block .body.text p:last-child{margin-bottom:0}.block .body.text img{border-radius:4px}.block .body.text a{border-bottom:1px dashed var(--primary)}.block .body.text a.img-link{border-bottom:unset;border:1px dashed var(--primary);border-radius:4px;padding:5px;transition:.1s;width:-moz-fit-content;width:fit-content}.block .body.text a.img-link:hover{border-style:solid;transition:.1s}.block .body.text .header .additional svg{fill:var(--primary);height:75px;width:75px}.block .body.text .site-overview{margin-bottom:40px}.block .body.text .site-overview a{color:var(--primary);font-weight:700}.block .body.text .site-overview ul{margin-bottom:0;margin-top:0}.block .body.text .site-overview ul li{margin-bottom:7.5px}.block .body.text .site-overview ul li:last-child{margin-bottom:0}.block.date-selector .body{align-items:center;display:flex}.block.date-selector .body p{font-weight:700}.block.date-selector .body input{margin-left:10px}.block.attribution{align-items:center;display:flex;flex-direction:column;width:100%}.block.attribution p{margin-bottom:10px;text-align:center}.block.attribution img.abp{max-width:291px;width:100%}.block.disclaimer{width:100%}.block.disclaimer .body{display:flex;justify-content:center}.block.disclaimer .body p{font-style:italic;text-align:center}.block.weather .body{display:flex;justify-content:space-between}.block.weather .body .section{flex-grow:1;margin-right:20px}.block.weather .body .section:last-child{margin-right:0}.block.weather .body .section .title{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:10px}.block.weather .body .section .data p{align-items:center;display:flex;margin-bottom:5px}.block.weather .body .section .data p span{align-items:center;display:flex;font-weight:700;margin-right:5px}.block.weather .body .section .data p svg{fill:var(--primary);height:15px;margin-left:5px;width:15px}@media only screen and (max-width:1200px){.block.weather .body .section{margin-bottom:20px;margin-right:unset}.block.weather .body .section:last-child{margin-bottom:0}.block.weather .body{flex-direction:column}}table .vessel_name{font-weight:700}table .vessel_type{font-size:12px;font-style:italic}table .cruise_vessel{color:var(--cruise-vessel);font-weight:700}.dt-container .dt-layout-row:first-child{margin-top:0}.dt-container .dt-layout-row:nth-child(3){margin-bottom:0}.dt-container .schedule-table-title{color:var(--primary)}.dt-container .dt-input{background-color:unset!important;border:1px solid var(--border)!important;transition:.1s}.dt-container .dt-input:active,.dt-container .dt-input:focus{border-color:var(--primary)!important;transition:.1s}