.header-wrapper{position:relative;z-index:1000}.header{background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a;height:auto;left:0;overflow:visible;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:100}.header.transparent{background-color:initial!important;box-shadow:none!important}.header.transparent .container{background-color:initial}.header.transparent .logo a,.header.transparent .navigation li a{color:#f8f9fa;text-shadow:0 1px 2px #0000004d}.header.transparent .logo,.header.transparent .navigation li.active a{color:#f8f9fa}.header.transparent .navigation li.active:after{background-color:#f8f9fa}.header.transparent .logo a:hover,.header.transparent .navigation li a:hover{color:#f0f0f0}.header .container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.header .logo{font-size:1.5rem;font-weight:700;margin-left:-10px;position:relative}.header .logo a{align-items:center;color:#3498db;display:flex;text-decoration:none;transition:color .2s ease}.header .logo a:hover{color:#2980b9}.header .logo .radar-logo{height:50px;margin-right:10px;transition:all .2s ease;width:auto}.header .logo .logo-text{display:inline-block;font-size:1.55rem;transition:color .2s ease}.header .navigation ul{align-items:center;display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.header .navigation li{position:relative}.header .navigation li a{color:#555;font-size:1.15rem;font-weight:600;padding:.5rem 0;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.header .navigation li a:hover,.header .navigation li.active a{color:#3498db}.header .navigation li.active:after{background-color:#3498db;border-radius:2px;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:100%}.header .navigation .noordzee-link{align-items:center;display:flex}.header .navigation .noordzee-link a{align-items:center;display:flex;padding:0}.header .navigation .noordzee-link a:hover{opacity:.9}.header .navigation .noordzee-logo{height:38px;transition:all .2s ease;vertical-align:middle;width:auto}.header-toggle{align-items:center;background-color:#fffc;border-radius:0 0 20px 20px;bottom:-20px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:none;display:flex;height:20px;justify-content:center;left:50%;padding-bottom:2px;position:absolute;text-align:center;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:99}.header-toggle:hover{background-color:#fff;box-shadow:0 3px 8px #00000026}.header-toggle.collapsed{background-color:#ffffffe6;border-radius:0 0 20px 20px;bottom:-20px;position:absolute;top:auto;transform:translateX(-50%)}.toggle-icon{color:#3498db;display:inline-block;font-size:13px;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-icon.up{transform:translateY(-1px)}.toggle-icon.down{transform:translateY(1px)}.header.collapsed{box-shadow:none!important;height:0!important;min-height:0!important;overflow:visible!important;padding:0!important;position:fixed!important}.header .container.hidden{height:0;margin:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;transform:translateY(-100%)}@media (max-width:1024px){.header{height:auto;position:fixed!important;transition:height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.header-toggle{display:flex}.transparent-header .header{background-color:initial!important;height:auto!important;overflow:visible!important;position:fixed!important}.transparent-header .header-toggle{display:flex}.transparent-header .header.transparent .header-toggle{display:none}.header-wrapper{margin-bottom:0;position:relative;z-index:1000}.header-wrapper+.main-content{margin-top:var(--header-height);transition:margin-top .3s cubic-bezier(.4,0,.2,1)}.header-wrapper:has(.header.collapsed)+.main-content,.header.collapsed+.main-content{margin-top:0}.header .container{align-items:center;flex-direction:column;opacity:1;padding:1.2rem .8rem .8rem;text-align:center;transform:translateY(0);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);width:100%}.header .logo{margin-bottom:.3rem;text-align:center;width:100%}.header .logo a,.header .navigation{justify-content:center;width:100%}.header .navigation{display:flex}.header .navigation ul{gap:1.5rem;justify-content:center;margin:0;padding:0;width:100%}.header .navigation li{flex:0 0 auto}.header .navigation li a{display:block;font-size:1rem;font-weight:500;padding:.5rem 0}.header .navigation li.active:after{bottom:-2px}}@media (max-width:768px){.navigation{display:flex!important}.logo{margin:0 auto}.header{position:fixed!important;transition:height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.header.collapsed{height:0;overflow:visible;padding:0;position:fixed!important}.header-toggle{border-radius:0 0 20px 20px;bottom:-20px;display:flex;height:20px;left:50%;right:auto;top:auto;transform:translateX(-50%);width:40px;z-index:99}.header-toggle.collapsed{bottom:-20px;position:absolute;top:auto}.header .navigation .noordzee-logo{height:32px}}@media (max-width:480px){.header .container{padding:1.2rem .5rem .5rem}.header .logo .logo-text{display:inline-block;font-size:1.4rem}.header .logo{font-size:1.3rem;margin-bottom:.2rem;margin-left:0}.header .logo a{align-items:center;flex-direction:row;justify-content:center;padding:3px 0}.header .logo .radar-logo{height:36px;margin-bottom:0;margin-right:8px}.header .navigation ul{gap:1rem}.header .navigation li a{font-size:1rem}.header .navigation li.active:after{bottom:-2px}.header .navigation .noordzee-logo{height:28px}}@media (max-width:400px){.header .logo .logo-text{display:inline-block;font-size:1.3rem}.header .navigation li a{font-size:.95rem}}@supports (-webkit-touch-callout:none){.header,.header.transparent{position:fixed!important}}.map-layout .header-wrapper .header{left:0;position:fixed;right:0;top:0;z-index:1000}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;color:#555;padding:2rem 0 1rem;width:100%}.footer .container{margin:0 auto;max-width:1200px;padding:0 1rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.footer-section{flex:1 1;margin-bottom:1.5rem;min-width:200px;padding-right:2rem}.footer-section h3{align-items:center;color:#3498db;display:flex;font-size:1.2rem;height:40px;margin-bottom:1rem;position:relative}.footer-section h3 .radar-logo{height:45px;margin-right:10px;width:auto}.footer-section h3 .footer-title{display:inline-block}.footer-section:nth-child(2) h3,.footer-section:nth-child(2) p,.footer-section:nth-child(2) ul,.footer-section:nth-child(3) h3,.footer-section:nth-child(3) p,.footer-section:nth-child(3) ul{margin-left:55px}.footer-section p{line-height:1.5;margin-bottom:.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#555;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#3498db}.footer-bottom{border-top:1px solid #e9ecef;font-size:.9rem;padding-top:1rem;text-align:center}@media (max-width:768px){.footer-content{flex-direction:column}.footer-section{margin-bottom:2rem;padding-right:0;width:100%}.footer-section h3.section-header{justify-content:flex-start;margin-left:0}.footer-section:nth-child(2) h3,.footer-section:nth-child(2) p,.footer-section:nth-child(2) ul,.footer-section:nth-child(3) h3,.footer-section:nth-child(3) p,.footer-section:nth-child(3) ul{margin-left:0}}@media (max-width:480px){.footer-section h3{height:40px}.footer-section h3 .radar-logo{height:35px;margin-right:10px}}.layout{--header-height:60px;flex-direction:column;min-height:100vh}.layout,.main-content{display:flex;overflow-x:hidden;width:100%}.main-content{background-color:#f5f7f9;flex:1 1;flex-direction:column;margin:0;margin-top:var(--header-height);padding:0;position:relative;transition:margin-top .3s cubic-bezier(.4,0,.2,1)}.transparent-header .main-content{margin-top:0;padding-top:0}.main-content .map-page{height:100%;transition:height .3s cubic-bezier(.4,0,.2,1);width:100%}.no-footer{display:flex;flex-direction:column;height:100vh;max-height:100vh;min-height:100vh;overflow:hidden}.no-footer .main-content{height:calc(100vh - 60px);height:calc(100vh - var(--header-height, 60px));margin-bottom:0;max-height:calc(100vh - 60px);max-height:calc(100vh - var(--header-height, 60px));overflow:hidden;padding-bottom:0}.no-footer .map-container,.no-footer .map-page{height:100%;margin-bottom:0}@media (max-width:1024px){.layout:has(.header.collapsed){--header-height:0px}.layout:has(.header.collapsed) .main-content{height:100vh;margin-top:0;max-height:100vh}.layout:has(.header.collapsed) .main-content .map-page{height:100vh}.transparent-header .main-content{margin-top:0}}.map-layout-container{height:100vh;max-height:100vh;overflow:hidden;position:relative}body.map-header-collapsed .map-layout-container .main-content{height:100vh;margin-top:0;max-height:100vh}body.map-header-collapsed{overflow:hidden}@supports (-webkit-touch-callout:none){.map-container,.map-layout-container,.map-page{height:-webkit-fill-available}.map-layout-container .main-content{height:calc(-webkit-fill-available - 60px);height:calc(-webkit-fill-available - var(--header-height, 60px))}body.map-header-collapsed .map-layout-container .main-content{height:-webkit-fill-available}}.back-to-top{align-items:center;background-color:#3498db;background-color:var(--primary-color,#3498db);border:none;border-radius:50%;bottom:30px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;opacity:0;padding:0;position:fixed;right:30px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,background-color .2s ease;width:45px;z-index:900}.back-to-top:hover{background-color:#2980b9;background-color:var(--primary-dark,#2980b9);box-shadow:0 4px 12px #0000004d;transform:translateY(0) scale(1.05)}.back-to-top.visible{opacity:1;transform:translateY(0)}.back-to-top.mobile{bottom:20px;height:42px;right:20px;width:42px}.back-to-top svg{display:block;margin:0 auto;transition:transform .2s ease}.back-to-top:hover svg{transform:translateY(-2px)}@media (max-width:768px){.back-to-top{bottom:60px}}@media (max-width:320px){.back-to-top{bottom:55px;height:38px;right:15px;width:38px}.back-to-top svg{height:18px;width:18px}}.home-page{width:100%}.container{max-width:1000px}.hero-section{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100vh;justify-content:center;margin-top:0;overflow:hidden;padding-top:0;position:relative;transform:translateZ(0);width:100%;will-change:transform}.hero-video{object-fit:cover;will-change:transform;z-index:0}.hero-video,.video-overlay{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;left:0;position:absolute;top:0;transform:translateZ(0);width:100%}.video-overlay{align-items:flex-start;background:linear-gradient(270deg,#fff0,#01000e);display:flex;flex-direction:column;justify-content:center;padding-left:5%;text-align:left;will-change:opacity;z-index:1}.video-overlay,.video-overlay .hero-text-container{pointer-events:auto}.video-overlay:after{bottom:0;content:"";height:60px;left:calc(50% - 30px);pointer-events:none;position:absolute;width:60px;z-index:10}.hero-text-container{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;margin-right:auto;margin-top:3rem;max-width:45%;padding:5% 2% 5% 5%;text-align:left;width:45%}.hero-title{color:#f5f5f5;font-size:2.5rem;font-weight:700;letter-spacing:1px;line-height:1.1;text-align:left;text-shadow:0 2px 10px #0000004d;width:100%}.hero-subtitle{color:#f0f0f0;font-size:1.5rem;font-weight:400;letter-spacing:.5px;line-height:1.4;margin-top:-1rem;text-align:left;text-shadow:0 2px 8px #0000004d;width:100%}.hero-button{word-wrap:break-word;align-self:flex-start;background-color:initial;border:4px solid #fff;border-radius:40px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:auto;line-height:1.2;min-width:100px;padding:12px 24px;white-space:normal}.hero-button:hover{background-color:#fff;color:#010004}.hero-text-container p{color:#f0f0f0;font-size:.9rem;font-weight:400;letter-spacing:.5px;line-height:1.4;margin-top:2.2rem;text-align:left;text-shadow:0 2px 8px #0000004d;width:100%}.hero-text-container a{font-weight:700}.hero-text-container a:hover{text-decoration:underline}.video-transition{-webkit-font-smoothing:antialiased;animation:fadeInGradient .5s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(180deg,#152f4400 0,rgba(21,47,68,.538) 6%,#18364f 10%,#1f4463e6 16%,#1f4463d9 24%,#1f4463cc 32%,#1f4463bf 42%,#1f4463a6 56%,#1f44638c 72%,#1f446359 88%,#f5f7f9);margin-top:-80px;padding:9.2rem 0 28rem;pointer-events:none;position:relative;transform:translateZ(0);width:100%;will-change:transform;z-index:5}.video-transition .transition-content{pointer-events:auto}@keyframes fadeInGradient{0%{opacity:.9}to{opacity:1}}.transition-content{color:#f5f7f9;margin:-50px auto 10px;max-width:1000px;padding:50px 20px 0;text-align:center}.transition-content h2{font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 2px 10px #00000080}.transition-content p{font-size:1.3rem;line-height:1.5;margin:0 auto;max-width:800px;text-shadow:0 2px 8px #0006}.intro-blocks-container{background:#0000;box-sizing:border-box;margin-top:-30rem;padding:0 0 1.5rem;position:relative;width:100%}.intro-blocks{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;height:auto;justify-content:space-evenly;padding:5rem 1rem 1rem;width:100%;z-index:10}.intro-block{background-position:50%;background-size:cover;border-radius:4px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;height:400px;justify-content:center;margin-bottom:0;min-width:280px;overflow:hidden;text-align:center;transition:all .3s ease;width:40%;z-index:10}#block-1{background-image:url(https://noordzee.s3.eu-west-1.amazonaws.com/app/uploads/2022/01/06112001/iStock-1245830788-Credits-AvigatorPhotographer-1680x724.jpg);box-shadow:inset 0 0 0 2000px #0000004d;transition:.8s}#block-2{background-image:url(https://noordzee.s3.eu-west-1.amazonaws.com/app/uploads/2024/06/03131744/harbor-seal-swimming-in-waddensea-2023-11-27-05-36-38-utc-2320x1000.jpg);box-shadow:inset 0 0 0 2000px #0003;transition:.8s}#block-1:hover,#block-2:hover{box-shadow:inset 0 0 0 2000px rgba(0,0,0,.708)}.intro-heading{align-self:center;box-sizing:border-box;color:#f0f0f0;font-size:2rem;font-weight:600;padding-top:2rem;text-shadow:0 0 10px #000;transition:.8s;width:-webkit-max-content;width:max-content}.intro-block:hover .intro-heading{padding-top:1.4rem}.intro-block svg{align-self:center;animation:bounce2 5s infinite;margin-top:-1.5rem;opacity:95%;transition:.8s;width:2.5rem}.intro-block:hover svg{animation:none;rotate:180deg;transition:.8s}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0)}60%{transform:translateY(-.3rem)}}.intro-text{align-self:center;box-sizing:border-box;color:#f0f0f0;font-size:1.2rem;font-weight:400;height:-webkit-fit-content;height:fit-content;max-height:0;opacity:0;overflow:hidden;transition:.8s;transition:opacity .5s ease,max-height .8s ease;vertical-align:middle;width:90%}.visible-text{max-height:200px;opacity:1;overflow-y:auto}.diagram-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;justify-items:center;margin-top:1.5rem;width:100%;z-index:5}.diagram-container h2{color:#3498db;font-size:2rem;margin-bottom:1.5rem;padding-bottom:2rem;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.035);width:100%;z-index:10}.diagram-image{align-self:center;background-image:url(/static/media/scrubber-diagram.d7036d67405bfecf7e24.png);background-position:50%;background-size:cover;height:42rem;margin-bottom:-2rem;margin-top:-6rem;overflow:hidden;width:70%}.diagram-steps{align-self:center;display:flex;flex-direction:row;margin-top:-2rem;padding:0 3.5rem;z-index:5}.diagram-steps h3{color:#3498db;font-size:4rem}.diagram-steps p{font-size:1.2rem;max-width:900px;padding-left:.6rem;padding-right:1rem;padding-top:1.15rem;text-align:start;text-shadow:0 3px 6px rgba(0,0,0,.101)}.stats-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;justify-items:center;margin-bottom:3rem;margin-top:1.5rem;padding:0 1rem;position:relative;width:100%;z-index:5}.stats-container h2{color:#3498db;font-size:2rem;margin-bottom:1.5rem;padding-bottom:2rem;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.035);width:100%}.stats-container p{font-size:1.2rem;line-height:1.6;margin:1.5rem auto;max-width:900px;padding:0 1rem;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.101)}.stats-boxes{align-self:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;max-width:1200px;width:90%}.stats-box{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-bottom:1.5rem;min-width:250px;text-align:center;vertical-align:top;width:30%}.stats-box svg{height:auto;margin-bottom:1rem;margin-top:0;max-width:60px;width:100%}.stats-box h3{color:#3498db;font-size:1.2rem;line-height:1.4;margin-top:.5rem}.map-button{word-wrap:break-word;align-self:center;background-color:#f5f7f9;border:4px solid #3498db;border-radius:40px;color:#3498db;cursor:pointer;font-size:1rem;font-weight:600;height:auto;line-height:1.2;margin-top:1.5rem;max-width:100%;min-width:140px;padding:12px 24px;text-align:center;white-space:normal}.map-button a{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.map-button:hover{background-color:#3498db;color:#fff}.action-section{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;justify-items:center;position:relative;width:100%}.action-section h2{color:#3498db;font-size:2rem;margin-top:1rem;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.035);width:100%}.action-section p{font-size:1.2rem;line-height:1.6;margin:auto auto 1.5rem;max-width:900px;padding:0 1rem;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.101)}.solutions-containers{align-self:center;border-radius:4px;display:flex;flex-direction:row;height:25rem;width:70%}.solutions-container{height:100%;width:50%}#sc-left{background-image:url(https://noordzee.s3.eu-west-1.amazonaws.com/app/uploads/2025/03/17160135/Artikel-PPR-scrubbers-februari-2025-1160x500.jpeg);background-position:50%;background-size:cover;border-radius:4px;box-shadow:inset 0 0 0 2000px rgba(143,205,255,.124);overflow:hidden;width:50%}#sc-right{display:flex;flex-direction:column;justify-content:space-evenly;padding-left:20px;width:50%}#sc-right h3{color:#3498db;font-size:1.2rem;line-height:1.4;margin-bottom:0}#sc-right p{font-size:16px;margin:0;padding:0;text-align:justify}.tools-section{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;justify-items:center;padding-bottom:5rem;position:relative;width:100%}.tools-section h2{color:#3498db;font-size:2rem;margin-top:1rem;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.035);width:100%}.tools-section p{font-size:1.2rem;line-height:1.6;margin:-.8rem auto 1.8rem;max-width:900px;padding:0 1rem;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.101)}.tools-containers{align-self:center;border-radius:4px;display:flex;flex-direction:row;height:25rem;justify-content:space-evenly;width:80%}.tools-container{height:100%;margin:0 1rem;width:50%}#tc-left{background-color:#fff;border-left:4px solid #3498db;border-radius:8px;display:flex;flex-direction:column;justify-content:space-evenly}#tc-left:hover{border-left:4px solid #2980b9}#tc-right{background-color:#fff;border-left:4px solid #3498db;border-radius:8px;display:flex;flex-direction:column;justify-content:space-evenly}#tc-right:hover{border-left:4px solid #2980b9}.tools-container h3{color:#3498db;font-size:1.8rem;margin:0;padding:0;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.035);width:100%}.tools-container p{font-size:16px;margin:0;padding:0 2rem;text-align:justify}.tools-image{align-self:center;background-size:cover;border-radius:4px;box-shadow:inset 0 0 0 2000px rgba(0,0,0,.042);display:flex;height:45%;justify-content:center;transition:.3s;width:90%;z-index:10}.tools-image:hover{box-shadow:inset 0 0 0 2000px rgba(0,0,0,.355);transition:.3s}#map-image{background-image:url(/static/media/tools-test1.241347c09b5a4b87cdcd.png)}#simulation-image{background-image:url(/static/media/tools-test93.f29344e0a429a96f2dc1.png)}.tools-container button{align-self:center;background-color:#fff;border:3pt solid #3498db;border-radius:40px;color:#3498db;font-size:16px;font-weight:800;padding:1.5rem 2rem;text-shadow:0 3px 6px rgba(0,0,0,.035)}.tools-container button:hover{background-color:#3498db;color:#fff;cursor:pointer}.section-divider{align-items:center;background-color:#f5f7f9;display:flex;justify-content:center;margin-top:1rem;padding:3rem 0;width:100%}.divider-line{background:linear-gradient(90deg,#0000,#3498dbb3,#0000);height:1px;max-width:800px;position:relative;width:80%}.divider-line:before{background-color:#f5f7f9;border:1px solid #3498db80;box-shadow:0 2px 10px #0000000d;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:40px}.content-section{margin:0;padding:1rem 0;width:100%}.timeline-container h2{color:#3498db;font-size:2rem;margin-bottom:10px}.timeline-container h2,.timeline-container p{text-align:center;text-shadow:0 3px 6px #00000029}.timeline-container p{font-size:1.2rem;line-height:1.6;margin:auto auto 50px;max-width:900px}.timeline-container{background-color:#f5f7f9;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:3rem 1rem;width:100%}.timeline-heading{box-sizing:border-box;color:#3498db;font-size:2rem;margin-bottom:2rem;padding:0 15px;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.035)}.tree-timeline-container{background-color:#f5f7f9;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px 15px 3rem;position:relative;width:100%}.tree-container{margin:40px 0;min-height:480px;overflow:hidden;padding-bottom:2rem;position:relative;width:100%}.tree-container.has-active-node{padding-bottom:3rem}.tree-node{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;transform:translate(-50%);transition:transform .3s ease;width:120px;z-index:10}.tree-node.active{transform:translate(-50%) scale(1.1)}.node-circle{align-items:center;background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 6px #00000029;display:flex;height:50px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:50px}.tree-node:hover .node-circle{box-shadow:0 5px 12px #0003;transform:scale(1.1)}.node-icon{align-items:center;display:flex;font-size:30px;height:30px;justify-content:center;width:30px}.node-icon img{height:100%;max-height:30px;max-width:30px;object-fit:contain;width:100%}.node-label{word-wrap:break-word;background-color:#fffffff2;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:12px;font-weight:600;margin:0 auto;max-width:100px;padding:4px 8px;text-align:center;transition:all .3s ease;width:-webkit-max-content;width:max-content}.tree-node:hover .node-label{background-color:#3498db1a}.tree-connections{height:100%;left:0;overflow:visible;position:absolute;top:0;width:100%;z-index:5}.tree-node-content{animation:fadeIn .5s ease;background-color:#fff;border:1px solid #3498db33;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:30px auto 2rem;max-width:700px;padding:20px;transform-origin:top center;will-change:transform,opacity}.content-header{margin-bottom:1rem}.content-header,.content-icon{align-items:center;display:flex}.content-icon{height:30px;justify-content:center;margin-right:10px;width:30px}.content-icon img{height:100%;max-height:25px;max-width:25px;object-fit:contain;width:100%}.tree-node-content h3{color:#3498db;font-size:20px;margin:0 0 0 10px}.tree-node-content p{color:#333;font-size:16px;line-height:1.5;margin-top:10px;padding:0 5px;text-align:left}line{stroke:#3498db;stroke-opacity:.6;stroke-linecap:round;stroke-dasharray:2,2;stroke-width:2px}.scroll-arrow{align-items:center;animation:bounce 3s infinite;bottom:9%;cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:60px;z-index:200}.scroll-arrow svg{height:40px;width:40px;z-index:200}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translateX(-50%)}60%{transform:translateY(-15px) translateX(-50%)}}@media (max-width:1366px){.diagram-image{margin-bottom:-8rem;margin-top:-10rem}}@media (max-width:1440px){.diagram-image{margin-bottom:-6rem;margin-top:-11rem}}@media (max-width:1112px){.diagram-image{margin-bottom:-8rem;margin-top:-9rem;width:80%}}@media (max-width:1024px){.hero-section{height:100vh}.hero-text-container{align-items:flex-start!important;margin-top:8rem;max-width:75%;padding:0 5% 10%;text-align:left!important;width:75%}.hero-title{font-size:2.4rem;margin-bottom:1.5rem}.hero-subtitle,.hero-title{align-self:flex-start!important;text-align:left!important}.hero-subtitle{font-size:1.4rem;line-height:1.5;margin-bottom:2rem}.video-overlay{align-items:flex-start!important;background:linear-gradient(270deg,#0000004d 0,#01000e99 50%,#01000ee6);justify-content:center!important;padding-left:0!important;text-align:left!important}.video-transition{margin-top:-90px}.transition-content h2{font-size:2.5rem;margin-bottom:1.5rem;margin-top:5rem;text-shadow:0 2px 10px #00000080}.intro-block{width:45%}.intro-heading{font-size:28px}#block-1,#block-2{box-shadow:inset 0 0 0 2000px rgba(0,0,0,.708)}.solutions-containers{height:30rem;width:90%}.tools-containers{height:25rem;width:95%}.tools-container{height:100%;margin:0 1rem;width:50%}.scroll-arrow{bottom:9%;pointer-events:auto;z-index:200}.section-divider{padding:2.5rem 0}.divider-line:before{height:35px;width:35px}.timeline-container h2{font-size:1.8rem;margin-bottom:1.5rem}.timeline-container p{font-size:1.1rem;margin-bottom:40px;max-width:85%}.tree-container{min-height:450px}.timeline-heading{font-size:1.8rem;margin-bottom:1.5rem}.tree-node{width:110px}.node-circle{height:45px;width:45px}.node-icon img{max-height:25px;max-width:25px}.tree-node-content{margin-top:25px;max-width:90%;padding:18px}.tree-node-content h3{font-size:19px}.tree-node-content p{font-size:15px}.transition-content h2{font-size:2.2rem}.transition-content p{font-size:1.2rem}.intro-blocks-container{margin-top:-22rem}.intro-blocks{padding-top:4rem}.stats-container{margin-top:1.5rem}}@media (max-width:768px){.hero-section{height:100vh}.hero-text-container{box-sizing:border-box;margin-left:0;max-width:100%!important;padding:0 5% 20%;width:100%!important}.hero-text-container,.video-overlay{align-items:flex-start!important;text-align:left!important}.video-overlay{background:linear-gradient(270deg,#0003 0,#01000e66 40%,#01000eb3 70%,#01000ecc);justify-content:center!important;padding-left:0!important}.hero-subtitle,.hero-title{align-self:flex-start!important;text-align:left!important;width:100%}.hero-title{font-size:2.2rem;margin-bottom:1.2rem}.hero-subtitle{font-size:1.25rem;margin-bottom:1.8rem}.hero-button{align-self:flex-start!important;font-size:1.1rem;margin-top:1rem;padding:12px 26px}.scroll-arrow{bottom:8%;pointer-events:auto;z-index:200}.scroll-arrow svg{stroke-width:2;height:40px;width:40px;z-index:200}.scroll-arrow:after{display:none}.section-divider{margin-top:.8rem;padding:2rem 0}.divider-line{width:90%}.divider-line:before{height:30px;width:30px}.timeline-container h2{font-size:1.6rem;margin-bottom:1.2rem}.timeline-container p{font-size:1rem;margin-bottom:30px;max-width:90%;padding:0 15px}.tree-timeline-container{padding:15px 10px 4rem}.timeline-heading{font-size:1.6rem;margin-bottom:1.2rem}.tree-container{margin:25px 0;min-height:400px;padding-bottom:3rem}.tree-container.has-active-node{padding-bottom:4rem}.tree-node{width:100px}.node-circle{height:40px;width:40px}.node-icon img{max-height:22px;max-width:22px}.node-label{font-size:11px;max-width:90px;padding:3px 6px}.tree-node-content{margin-top:20px;max-width:95%;padding:15px}.tree-node-content h3{font-size:17px;margin-left:8px}.tree-node-content p{font-size:14px;line-height:1.4}.content-header{margin-bottom:.8rem}.content-icon img{max-height:20px;max-width:20px}line{stroke-width:1.5px}.intro-blocks-container{margin-top:-34rem;padding-bottom:1.2rem}.intro-blocks{flex-direction:column;gap:2rem;padding-top:8rem}.intro-block{width:60%}.tools-container h3{font-size:1.4rem}.tools-container{height:110%;justify-content:space-evenly}.stats-container{margin-bottom:2.5rem;margin-top:1.2rem}}@media (max-width:480px){.hero-section{height:100vh;min-height:-webkit-fill-available}.hero-text-container{align-items:flex-start!important;margin-left:0;margin-top:10rem;max-width:90%;padding:0 5% 30%;text-align:left!important;width:90%}.hero-video{height:100%;object-fit:cover;object-position:center center;width:100%}.hero-title{font-size:2rem;margin-bottom:1rem}.hero-subtitle,.hero-title{align-self:flex-start!important;text-align:left!important}.hero-subtitle{font-size:1.15rem;margin-bottom:1.5rem}.hero-button{align-self:flex-start!important;font-size:1rem;margin-top:.8rem;padding:10px 24px}.transition-content h2{font-size:2.5rem;margin-bottom:1.5rem;margin-top:5rem;text-shadow:0 2px 10px #00000080}.scroll-arrow{bottom:6%;pointer-events:auto;z-index:200}.scroll-arrow svg{stroke-width:2;height:40px;width:40px;z-index:200}.video-overlay{align-items:flex-start!important;background:linear-gradient(270deg,#0000001a 0,#01000e4d 30%,#01000e99 65%,#01000eb3);justify-content:center!important;padding-left:0!important;text-align:left!important}.video-transition{margin-top:-110px}.intro-blocks-container{margin-top:-32rem;padding-bottom:.5rem}.intro-blocks{gap:1rem;padding:5rem .5rem 1rem}.intro-block{height:300px;margin-bottom:0;width:95%}.intro-heading{font-size:1.6rem}.intro-text{font-size:1rem;margin-top:.8rem}.visible-text{max-height:200px}.section-divider{margin-top:.5rem;padding:1.5rem 0}.divider-line:before{height:28px;width:28px}.stats-container{margin-bottom:2rem;margin-top:1rem;padding-left:.5rem;padding-right:.5rem;padding-top:.5rem}.stats-container h2{font-size:1.5rem;margin-bottom:1rem;padding-bottom:1rem}.stats-container p{font-size:1rem;line-height:1.4;margin-bottom:1rem;margin-top:1rem;padding:0 .5rem}.stats-boxes{align-items:center;flex-direction:column;gap:1.5rem;width:100%}.stats-box{margin-bottom:1rem;min-width:0;min-width:auto;width:90%}.stats-box svg{margin-bottom:.7rem;max-width:45px}.stats-box h3{font-size:1rem}.map-button{border-width:3px;font-size:.9rem;margin-top:1rem;max-width:250px;padding:10px 15px;width:85%}.solutions-containers{align-self:center;border-radius:4px;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;width:90%}.solutions-container{height:50%;width:100%}#sc-left{align-self:flex-start;background-image:url(https://noordzee.s3.eu-west-1.amazonaws.com/app/uploads/2025/03/17160135/Artikel-PPR-scrubbers-februari-2025-1160x500.jpeg);background-position:50%;background-size:cover;border-radius:4px;box-shadow:inset 0 0 0 2000px rgba(143,205,255,.124);height:150px;width:100%}#sc-right{display:flex;flex-direction:column;justify-content:space-evenly;padding:0;width:100%}#sc-right h3{color:#3498db;font-size:1.2rem;line-height:1.4;margin-bottom:0;margin-top:1rem;text-align:center}#sc-right p{font-size:16px;margin:0;padding:0;text-align:justify;text-align:center}.tools-containers{flex-direction:column;height:-webkit-max-content;height:max-content;width:90%}.tools-container{height:30rem;margin:1rem 0;width:100%}.tree-timeline-container{padding-bottom:5rem}.tree-container{margin:20px 0;min-height:380px;padding-bottom:4rem}.tree-container.has-active-node{padding-bottom:5rem}}@media (min-width:380px) and (max-width:400px){.hero-text-container{padding:0 5% 28%}.hero-title{font-size:1.9rem}.hero-subtitle{font-size:1.05rem}}@media (max-width:380px){.hero-section{height:100vh;min-height:-webkit-fill-available}.hero-text-container{align-items:flex-start!important;margin-left:0;max-width:90%;padding:0 5% 30%;text-align:left!important;width:90%}.hero-title{font-size:1.8rem;margin-bottom:.9rem}.hero-subtitle,.hero-title{align-self:flex-start!important;text-align:left!important}.hero-subtitle{font-size:1rem;margin-bottom:1.3rem}.hero-button{align-self:flex-start!important;border-width:3px;font-size:.9rem;margin-top:.6rem;padding:8px 20px}.scroll-arrow{bottom:5%;pointer-events:auto;z-index:200}.scroll-arrow svg{stroke-width:2;height:36px;width:36px;z-index:200}.hero-section,.hero-video,.video-overlay{height:100%;width:100%;will-change:auto}.video-overlay{align-items:flex-start!important;background:linear-gradient(270deg,#0000 0,#01000e33 25%,#01000e80 60%,#01000ea6);justify-content:center!important;padding-left:0!important;text-align:left!important}.video-transition{margin-top:-95px}.intro-blocks-container{margin-top:-30rem;padding-bottom:.3rem}.intro-blocks{gap:.8rem;padding-top:1.5rem}.intro-block{height:280px;width:100%}.section-divider{margin-top:.3rem;padding:1.2rem 0}.divider-line:before{height:24px;width:24px}.intro-heading{font-size:1.4rem}.intro-text{font-size:.95rem;width:95%}.tree-timeline-container{padding-bottom:6rem}.tree-container{min-height:350px;padding-bottom:5rem}.tree-container.has-active-node{padding-bottom:6rem}}@media (min-width:321px) and (max-width:379px){.hero-section{height:100vh;min-height:-webkit-fill-available}.hero-video{object-fit:cover;object-position:70% center}.hero-text-container{max-width:95%;padding:0 5% 30%;width:95%}.hero-title{font-size:1.7rem;margin-bottom:.9rem}.hero-subtitle{font-size:.95rem;line-height:1.3;margin-bottom:1.3rem}.hero-button{border-width:3px;font-size:.9rem;margin-top:.6rem;padding:8px 18px}.video-overlay{background:linear-gradient(270deg,#01001480 0,#010014a6 40%,#010014cc)}.video-transition{padding:2rem 0 30rem}.intro-blocks-container{margin-top:-28rem}}@media (max-width:320px){.hero-section{height:100vh;min-height:-webkit-fill-available}.hero-video{object-fit:cover;object-position:65% center}.hero-text-container{max-width:100%;padding:0 5% 25%;width:100%;z-index:2}.hero-title{font-size:1rem;margin-bottom:.8rem}.hero-subtitle{font-size:.6rem;line-height:1.3;margin-bottom:1.2rem}.hero-button{border-width:2px;font-size:.85rem;margin-top:.5rem;padding:7px 18px}.video-overlay{background:linear-gradient(270deg,#01001480 0,#010014bf 50%,#010014e6);z-index:1}.scroll-arrow{bottom:4%;pointer-events:auto;z-index:200}.scroll-arrow svg{stroke-width:2;height:32px;width:32px;z-index:200}.video-transition{padding:1.5rem 0 28rem}.intro-blocks-container{margin-top:-26rem}.video-transition{margin-top:-100px}}@media (max-height:480px){.hero-text-container{max-width:80%;width:80%}.hero-title{font-size:1.9rem}.hero-subtitle{font-size:1.05rem}}@media (max-height:620px) and (max-width:1200px){.hero-text-container{max-width:80%;width:80%}.hero-title{font-size:1.9rem}.hero-subtitle{font-size:1.05rem}}@media (max-height:620px) and (max-width:1400px){.hero-text-container{max-width:80%;width:80%}.hero-title{font-size:1.9rem}.hero-subtitle{font-size:1.05rem}}@media (max-height:620px) and (max-width:1024px){.hero-text-container{margin-top:200px;max-width:80%;width:80%}.hero-title{font-size:1.9rem}.hero-subtitle{font-size:1.05rem}}@media (max-height:520px) and (max-width:920px){.hero-text-container{max-width:80%;width:80%}.hero-title{font-size:1.3rem}.hero-subtitle{font-size:1rem}}@media (max-height:480px) and (max-width:840px){.hero-text-container{margin-top:260px;max-width:80%;width:80%}.hero-title{font-size:1rem}.hero-subtitle{font-size:.8rem}}.map-fullscreen-layout{bottom:0;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}body.map-page-active{height:100%;overflow:hidden!important;position:fixed;width:100%}.map-page{height:calc(100vh - 60px);height:calc(100vh - var(--header-height, 60px));margin:0;max-height:calc(100vh - 60px);max-height:calc(100vh - var(--header-height, 60px));min-height:calc(100vh - 60px);min-height:calc(100vh - var(--header-height, 60px));overflow:hidden;padding:0;position:relative;width:100%}.map-container{height:100%;transition:height .3s cubic-bezier(.4,0,.2,1);width:100%}.header-wrapper:has(.header.collapsed)+.main-content .map-container,.header.collapsed~.layout .map-container{height:100%}.layout:has(.header.collapsed) .map-container{height:100%}.map-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.map-layout .main-content{display:flex;flex:1 1;flex-direction:column;margin:60px 0 0;margin-top:var(--header-height,60px);overflow:hidden;padding:0}.map-layout.no-footer .map-container{height:100%;margin-bottom:0}.map-layout.no-footer .main-content{flex:1 1;margin:60px 0 0;margin-top:var(--header-height,60px);padding:0}.layout:has(.header.collapsed) .map-page{height:100vh;max-height:100vh;min-height:100vh}.layout:has(.header.collapsed) .main-content{margin-top:0}.popup-tutorial{z-index:25}.map-error,.map-loading{align-items:center;animation:fadeInStatic .3s ease-in-out;background-color:#fffffff2;border-radius:6px;box-shadow:0 4px 15px #00000026;display:flex;flex-direction:column;justify-content:center;left:50%;min-width:200px;padding:15px 25px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.map-error{border-left:4px solid #e74c3c;color:#e74c3c;max-width:80%}.map-loading{border-left:4px solid #3498db;color:#3498db;opacity:1;transform:translate(-50%,-50%)}.map-error p,.map-loading p{font-size:16px;font-weight:500;letter-spacing:.5px;margin:0}.map-loading p{animation:pulse 2s ease-in-out infinite}.highlighted-time{animation:none;background-color:#3498db1a;border-bottom:2px solid #3498db;border-radius:3px;color:#2980b9;display:inline-block;font-weight:700;padding:2px 5px}.map-message{animation:fadeInStatic .3s ease-in-out;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;left:50%;max-width:80%;padding:10px 20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.map-message p{font-weight:500;margin:0}.map-message.info{background-color:#ffffffe6;border-left:4px solid #3498db;color:#2c3e50}.map-message.success{background-color:#f0fff0e6;border-left:4px solid #2ecc71;color:#27ae60}.map-message.error{background-color:#fff0f0e6;border-left:4px solid #e74c3c;color:#c0392b}@keyframes fadeInStatic{0%{opacity:0}to{opacity:1}}.sidebar{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;background-color:#fff;box-shadow:-2px 0 10px #0000001a;height:calc(100vh - 60px);height:calc(100vh - var(--header-height, 60px));max-width:450px;min-width:250px;overflow-y:auto;position:fixed;right:-20vw;top:60px;top:var(--header-height,60px);touch-action:pan-y!important;transition:right .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;visibility:hidden;width:20vw;z-index:20}.sidebar.open{right:0;transition:right .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;visibility:visible}.sidebar-header{align-items:center;background-color:#3498db;border-bottom:1px solid #e9ecef;color:#fff;display:flex;justify-content:space-between;padding:1rem}.sidebar-header h2{font-size:1.5rem;margin:0}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.8rem;line-height:1;padding:0}.sidebar-content{word-wrap:break-word;-webkit-overflow-scrolling:touch;overflow-wrap:break-word;padding:1.5rem;touch-action:pan-y!important}.sidebar-content h3{color:#2c3e50;font-size:1.8rem;margin:0 0 .5rem}.port-country,.ship-destination{color:#7f8c8d;font-size:1rem;margin-bottom:1.5rem}.port-additional,.port-details,.port-infrastructure,.port-operational,.port-policy,.ship-details{-webkit-overflow-scrolling:touch;background-color:#f8f9fa;border-radius:8px;box-sizing:border-box;margin-bottom:1.5rem;overflow:hidden;padding:1rem;touch-action:pan-y!important;width:100%}.port-additional h4,.port-details h4,.port-infrastructure h4,.port-operational h4,.port-policy h4,.ship-details h4{color:#3498db;margin:0 0 .5rem}.placeholder-text{color:#95a5a6;font-style:italic}.content-text{word-wrap:break-word;color:#2c3e50;line-height:1.5;max-width:100%;overflow-wrap:break-word;white-space:normal}.content-text p{margin:.5em 0}.content-text br{content:"";display:block;margin-top:.5em}.content-text ol,.content-text ul{margin:.5em 0;padding-left:1.5em}.content-text img{height:auto;max-width:100%}.content-text table{border-collapse:collapse;margin:.5em 0;width:100%}.content-text table td,.content-text table th{border:1px solid #ddd;padding:.5em}.empty-content{color:#95a5a6;font-style:italic}.content-last-updated{color:#7f8c8d;font-size:.8rem;font-style:italic;margin-top:1rem;text-align:right}.loading-indicator{align-items:center;color:#7f8c8d;display:flex;font-style:italic;height:100px;justify-content:center}.detail-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{color:#34495e;font-weight:500}.detail-value{color:#7f8c8d;text-align:right;word-break:break-word}.ship-legend{background-color:#fff;border-radius:4px;bottom:80px;box-shadow:0 2px 10px #0000001a;overflow:hidden;position:absolute;right:10px;width:-webkit-fit-content;width:fit-content}.back-to-center-button[disabled],.legend-toggle[disabled],.settings-button[disabled],.ship-info-button[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.back-to-center-button[disabled]{background-color:#3498db;box-shadow:0 1px 5px #0000001a;opacity:.6;transform:translateX(-50%)}.legend-toggle[disabled]{background-color:#2c3e50;opacity:.6}.legend-toggle{background-color:#2c3e50;border:none;color:#fff;cursor:pointer;display:block;font-weight:500;padding:10px 15px;text-align:center;transition:background-color .2s;white-space:nowrap;width:100%}.legend-toggle:hover{background-color:#34495e}.legend-content{background-color:#fff;padding:15px;width:300px}.legend-content h3{color:#2c3e50;font-size:16px;margin-bottom:10px;margin-top:0}.legend-content h3:not(:first-child){border-top:1px solid #eee;margin-top:20px;padding-top:15px}.legend-items{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:5px}.legend-item{align-items:center;display:flex;font-size:12px;white-space:nowrap}.color-box{border:1px solid #0003;border-radius:3px;flex-shrink:0;height:16px;margin-right:8px;width:16px}.category-name{overflow:visible;white-space:nowrap}.port-legend-items{display:flex;flex-direction:column;gap:12px;padding:5px}.port-legend-item{align-items:center;display:flex;gap:10px}.port-icon{background:#0000!important;background-color:initial!important;flex-shrink:0;height:24px;object-fit:contain;width:24px}.port-legend-text{display:flex;flex-direction:column;gap:2px}.port-description{color:#2c3e50;font-size:12px;font-weight:500;line-height:1.2}.port-detail{color:#7f8c8d;font-size:11px;line-height:1.2}.tutorial-button{align-items:center;background-color:#3498db;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;cursor:pointer;display:flex;height:36px;justify-content:center;left:20px;padding:2px;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px}.tutorial-button:hover{background-color:#2980b9;box-shadow:0 4px 15px #00000040;transform:translateY(-50%) scale(1.05)}.tutorial-button:disabled{cursor:not-allowed;opacity:.5}.tutorial-button img{filter:brightness(0) invert(1);height:24px;width:24px}.settings-button{align-items:center;background-color:#fff;border:none;border-radius:4px;bottom:80px;box-shadow:0 2px 10px #0000001a;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;left:10px;padding:8px 12px;position:absolute;transition:all .2s ease}.settings-button:hover{background-color:#f8f9fa;box-shadow:0 4px 15px #00000026}.settings-button svg{height:16px;margin:0;padding:0;vertical-align:middle;width:16px}.control-panel{background-color:#fff;border-radius:8px;bottom:130px;box-shadow:0 2px 10px #0000001a;left:10px;max-width:80vw;opacity:0;padding:15px;pointer-events:none;position:absolute;transform:scale(0);transform-origin:bottom left;transition:all .3s ease;width:250px}.control-panel.open{opacity:1;pointer-events:auto;transform:scale(1)}.control-panel h3{border-bottom:1px solid #eee;color:#2c3e50;font-size:16px;margin-bottom:15px;margin-top:0;padding-bottom:8px}.control-option{align-items:center;display:flex;margin-bottom:10px}.control-option label{cursor:pointer;font-size:14px;margin-left:10px}.control-option input[type=checkbox]{cursor:pointer}.control-section{border-top:1px solid #eee;margin-top:15px;padding-top:8px}.control-section h4{color:#2c3e50;font-size:14px;margin-bottom:10px;margin-top:0}.past-scrubber-option{align-items:center;display:flex;gap:8px}.past-scrubber-input{width:60px}.past-scrubber-input,.past-scrubber-select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;height:28px;padding:4px 8px}.past-scrubber-select{background-color:#fff;text-overflow:ellipsis;width:120px}.past-scrubber-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:8px}.past-scrubber-controls{align-items:center;display:flex;flex:1 1;gap:8px}.past-scrubber-cancel-btn,.past-scrubber-stop-btn,.past-scrubber-view-btn{align-items:center;border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;min-width:60px;padding:0 16px;text-align:center;transition:background-color .2s,transform .1s;white-space:nowrap}.past-scrubber-view-btn{background-color:#3498db;color:#fff}.past-scrubber-view-btn:hover{background-color:#2980b9}.past-scrubber-view-btn:active{transform:scale(.98)}.past-scrubber-view-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}.past-scrubber-stop-btn{background-color:#e74c3c;color:#fff}.past-scrubber-stop-btn:hover{background-color:#c0392b}.past-scrubber-stop-btn:active{transform:scale(.98)}.past-scrubber-stop-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}.past-scrubber-cancel-btn{background-color:#f39c12;color:#fff}.past-scrubber-cancel-btn:hover{background-color:#d35400}.past-scrubber-cancel-btn:active{transform:scale(.98)}.past-scrubber-cancel-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}@media (max-width:480px){.past-scrubber-option{align-items:flex-start;flex-direction:column;gap:5px}.tutorial-button{height:32px;width:32px}.tutorial-button svg{height:24px;width:24px}.past-scrubber-input,.past-scrubber-select{width:100%}.past-scrubber-container{align-items:stretch;flex-direction:column}.past-scrubber-controls{display:flex;flex-direction:row;justify-content:space-between;width:100%}.past-scrubber-input,.past-scrubber-select{flex:0 0 48%;font-size:14px;width:48%}.past-scrubber-select{padding-right:20px}.past-scrubber-cancel-btn,.past-scrubber-stop-btn,.past-scrubber-view-btn{font-size:14px;height:32px;margin-top:4px;padding:0 16px;width:100%}}@media (min-width:481px){.past-scrubber-container{flex-wrap:nowrap}.past-scrubber-controls{max-width:calc(100% - 70px)}.past-scrubber-view-btn{min-width:60px}}.tutorial-option{border-top:1px solid #eee;font-size:14px;margin-top:15px;padding-top:10px}.tutorial-option p{color:#2c3e50;line-height:1.4;margin:0}.tutorial-link{color:#007bff;cursor:pointer;font-weight:500;transition:color .2s}.tutorial-link:hover{color:#0056b3;text-decoration:underline}.tutorial-link.disabled{color:#a0a0a0;cursor:not-allowed;pointer-events:none;text-decoration:none}.header-wrapper .header.collapsed~.layout .sidebar,.header.collapsed~.layout .sidebar{--header-height:0px;top:0!important}body.sidebar-open{overflow:hidden}@media (min-width:1800px){.sidebar{max-width:500px}}@media (max-width:1400px){.ship-legend{background-color:#fff;border-radius:4px;bottom:180px;box-shadow:0 2px 10px #0000001a;overflow:hidden;position:absolute;right:10px;width:-webkit-fit-content;width:fit-content;z-index:999}.back-to-center-button{bottom:120px!important}.settings-button{bottom:180px}.control-panel{bottom:230px}.map-search-container{margin-top:13px;top:10px;width:80%}.map-error,.map-loading,.map-message{font-size:14px}.map-message{padding:8px 15px}.sidebar{max-width:none;min-width:0;min-width:auto;right:-100%;width:100%;z-index:20}.sidebar-header h2{font-size:18px}.sidebar-content h3{font-size:16px}.detail-item{margin-bottom:8px}.detail-value{font-size:14px}.control-panel h3{font-size:14px;margin-bottom:10px}.control-option label{font-size:12px}.tutorial-option{font-size:12px;margin-top:12px;padding-top:8px}.legend-toggle{font-size:12px;padding:8px 12px}.legend-content{padding:12px;width:250px}.map-search-results{margin-top:13px}.port-legend-items{gap:8px}.port-icon{height:20px;width:20px}.port-description{font-size:11px}.port-detail{font-size:10px}}@media (min-width:1401px) and (max-width:1500px){.sidebar{max-width:650px;min-width:350px;right:-32vw;width:32vw}.sidebar.open{right:0}}@media (min-width:1801px) and (max-width:2200px){.sidebar{max-width:800px;min-width:350px;right:-25vw;width:25vw}.sidebar.open{right:0}}@media (min-width:1501px) and (max-width:1800px){.sidebar{max-width:800px;min-width:350px;right:-30vw;width:30vw}.sidebar.open{right:0}}.back-to-center-button{background-color:#3498db;border:none;border-radius:4px;bottom:20px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;z-index:999}.back-to-center-button,.map-search-container{left:50%;position:absolute;transform:translateX(-50%)}.map-search-container{max-width:90%;top:20px;width:450px}.map-search-container.disabled .map-search-bar{background-color:#f0f0f0;opacity:.7}.map-search-container.disabled .map-search-input::placeholder{color:#a0a0a0}.map-search-bar{align-items:center;background-color:#f8f9fa;border-radius:24px;box-shadow:0 2px 6px #00000029;box-sizing:border-box;display:flex;height:48px;padding:0 16px;width:100%}.map-search-icon{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;line-height:0;margin-left:4px;margin-right:16px;position:relative;top:0}.map-search-icon svg{display:block;height:18px;margin:0;padding:0;width:18px}.map-search-input{background:#0000;border:none;color:#202124;flex:1 1;font-size:16px;height:40px;margin-right:10px;outline:none;padding:0;width:calc(100% - 10px)}.map-search-input::placeholder{color:#9aa0a6;opacity:1}@media (max-width:768px){.back-to-center-button{bottom:20px;font-size:12px;padding:8px 12px}.map-search-container{margin-top:20px;top:10px;width:80%}.map-search-bar{height:40px}.map-search-input{font-size:14px;height:34px}.map-search-icon svg{height:16px;width:16px}}@media (max-width:380px){.map-search-container{max-width:270px;width:80%}}@media (max-width:350px){.map-search-container{max-width:255px;width:80%}}@media (max-width:320px){.map-search-container{left:44%;max-width:240px;width:90%}.tutorial-button{height:28px;left:10px;width:28px}.tutorial-button svg{height:20px;width:20px}.map-search-bar{padding:0 10px}.map-search-icon{margin-left:1px;margin-right:8px}.map-search-input{font-size:12px}.map-search-results{left:44%!important}}.map-search-results{-webkit-overflow-scrolling:touch;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0003;left:50%;max-height:300px;max-width:405px;overflow-y:auto;position:absolute;scrollbar-color:#c1c1c1 #f8f9fa;scrollbar-width:thin;top:70px;touch-action:pan-y!important;transform:translateX(-50%);width:90%;z-index:10}.map-search-results::-webkit-scrollbar{width:6px}.map-search-results::-webkit-scrollbar-track{background:#f8f9fa;border-radius:8px}.map-search-results::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:8px}.search-result-item{align-items:center;border-bottom:1px solid #e8e8e8;cursor:pointer;display:flex;padding:10px 16px;position:relative;transition:background-color .2s ease}.search-result-item:hover{background-color:#e9ecef}.search-result-item:last-child{border-bottom:none}.search-result-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:12px}.search-result-icon img{height:36px;object-fit:contain;width:36px}.search-result-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.search-result-info{flex:1 1}.search-result-name{color:#202124;font-size:15px;font-weight:500;margin-bottom:2px}.search-result-details{color:#5f6368;font-size:13px}.search-result-tag{background-color:#5f6368;border-radius:12px;color:#fff;flex-shrink:0;font-size:12px;margin-left:10px;padding:3px 8px}.search-result-item.vessel{padding-left:21px}.search-result-background{bottom:0;left:0;position:absolute;top:0;width:5px}.search-no-results{color:#5f6368;padding:16px;text-align:center}.search-max-results{background-color:#f0f0f0;border-top:1px solid #e8e8e8;color:#5f6368;font-size:12px;padding:10px 16px;text-align:center}@media (max-width:768px){.map-search-results{margin-top:17px;max-height:240px;max-width:72%;top:55px;width:90%}.search-result-icon img{height:32px;width:32px}.search-result-item{padding:8px 12px}}@media (max-width:480px){.map-fullscreen-layout,.map-page{height:100vh;overflow:hidden}.back-to-center-button{bottom:21vh!important}.ship-legend{bottom:15vh}.control-panel{bottom:21vh}.settings-button{bottom:15vh}.control-panel.open~.back-to-center-button,.ship-legend.open~.back-to-center-button{display:none!important}.map-search-results{margin-top:2.2vh;max-width:252px;width:90%}.search-result-name{font-size:14px}.search-result-details{font-size:12px}.search-result-tag{font-size:11px;padding:2px 6px}.map-search-container{margin-top:3vh;max-width:280px;width:85%}.map-search-bar{height:36px;padding:0 12px}.map-search-icon{margin-left:2px;margin-right:10px}}@media (max-width:320px){.back-to-center-button{bottom:25vh!important}.control-panel{bottom:23vh}}.path-loading-notification{bottom:auto;top:75%}.center-message,.path-loading-notification{animation:fadeInStatic .3s ease-in-out;background-color:#fffffff2;border-radius:4px;box-shadow:0 2px 10px #0000001a;left:50%;padding:10px 20px;position:absolute;text-align:center;transform:translate(-50%,-50%);z-index:5}.center-message{top:50%;transform-style:preserve-3d;will-change:opacity}.map-loading svg{animation:spin 1.5s linear infinite;height:30px;margin-bottom:10px;transform-origin:center center;width:30px}@media (max-width:380px){.search-result-name{font-size:13px}.search-result-details{font-size:11px}.search-result-tag{font-size:10px;padding:2px 5px}}@media (max-width:320px){.search-result-name{font-size:12px}.search-result-details{font-size:10px}}.map-search-input,input,select,textarea{font-size:16px!important;max-height:100%}.map-page *{-webkit-text-size-adjust:100%;touch-action:manipulation}.mapboxgl-canvas,.mapboxgl-canvas-container,.mapboxgl-control-container,.mapboxgl-map{touch-action:pan-x pan-y!important}.map-search-container.disabled{pointer-events:none}.map-popup,.map-popup-content,.map-popup-page,.map-search-results,.port-additional,.port-details,.port-infrastructure,.port-operational,.port-policy,.ship-details,.sidebar,.sidebar-content{-webkit-overflow-scrolling:touch;touch-action:pan-y!important}.map-search-clear{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:background-color .2s;width:24px}.map-search-clear:hover{background-color:#0000000d}.map-search-clear:active{background-color:#0000001a}.map-search-input{padding-right:48px!important}@media (max-width:768px){.map-search-clear{height:20px;right:12px;width:20px}.map-search-clear svg{height:16px;width:16px}.map-search-input{padding-right:40px!important}}@media (max-width:320px){.map-search-clear{height:18px;right:8px;width:18px}.map-search-clear svg{height:14px;width:14px}.map-search-input{padding-right:32px!important}}.search-result-tags{align-items:center;display:flex;gap:5px}.search-result-tag{background-color:#e0e0e0;border-radius:4px;color:#333;font-size:10px;margin-left:0;padding:2px 6px;text-transform:lowercase;white-space:nowrap}.search-result-scrubber-tag{align-items:center;display:flex;justify-content:center}.search-result-scrubber-icon{height:16px;object-fit:contain;width:16px}.search-result-scrubber-type{background-color:#e57373;border-radius:4px;color:#fff;font-size:10px;padding:2px 6px;text-transform:lowercase;white-space:nowrap}.map-container{position:relative;z-index:1}.map-controls-layer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.back-to-center-button,.control-panel,.settings-button,.ship-legend,.tutorial-button{pointer-events:auto}.center-message,.map-error,.map-loading,.map-message,.path-loading-notification{z-index:5}.map-search-container{z-index:9}.ship-legend{z-index:999}.ship-legend.open{z-index:1000}.control-panel,.settings-button{z-index:999}.control-panel.open{z-index:1000}.back-to-center-button{z-index:998}.tutorial-button{z-index:999}.psd-timeline-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;box-sizing:border-box;left:48.3%;max-width:90%;padding:15px;position:absolute;top:40px;transform:translateX(-50%);width:450px;z-index:9}.psd-timeline-container.transparent{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffb3;box-shadow:0 2px 15px #00000026}.psd-timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.psd-timeline-title{color:#2c3e50;font-size:14px;font-weight:500;margin:0}.psd-timeline-close{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:18px;line-height:1;padding:0}.psd-waveform-container{height:80px;margin-bottom:20px;position:relative;width:100%}.psd-scale-container{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:5px 0;position:absolute;top:0;width:20px;z-index:2}.psd-scale-gradient{background:linear-gradient(180deg,#990000b3 0,#ff0000b3 20%,#ff8000b3 40%,#ffff00b3 60%,#00ff00b3 80%,#00ff0080);border-radius:2px;bottom:0;left:0;position:absolute;top:0;width:5px}.psd-scale-value{color:#555;font-family:monospace;font-size:10px;margin-left:8px}.psd-scale-max{margin-top:-5px}.psd-scale-min{margin-bottom:-5px}.psd-current-value{background-color:#ffffffe6;border:1px solid #0000001a;border-radius:3px;box-shadow:0 1px 3px #0000001a;color:#333;font-family:monospace;font-size:10px;font-weight:700;left:0;padding:2px 4px;position:absolute;top:50%!important;transform:translateY(-50%);z-index:3}.psd-waveform-canvas{height:100%;top:0;width:calc(100% - 30px);z-index:1}.psd-time-labels,.psd-waveform-canvas{left:30px;pointer-events:none;position:absolute}.psd-time-labels{align-items:center;bottom:0;color:#555;display:flex;font-size:10px;justify-content:space-between;margin-bottom:-18px;right:0}.psd-time-label-center,.psd-time-label-left,.psd-time-label-right{align-items:center;display:flex;flex:1 1}.psd-time-label-left{justify-content:flex-start}.psd-time-label-center{justify-content:center}.psd-time-label-right{justify-content:flex-end}.psd-time-now,.psd-time-past,.psd-time-records{background-color:#ffffffb3;border-radius:2px;display:inline-block;font-size:10px;font-weight:500;line-height:1.2;padding:1px 3px;vertical-align:middle}.psd-slider-container{left:30px;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - 30px);z-index:2}.psd-slider{-webkit-appearance:none;appearance:none;background:#dddddd80;border-radius:5px;box-sizing:border-box;cursor:pointer;height:5px;margin:0;outline:none;width:100%}.psd-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3498db;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:16px;position:relative;width:16px;z-index:5}.psd-slider::-moz-range-thumb{background:#3498db;border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:16px;position:relative;width:16px;z-index:5}.psd-ticks-container{height:20px;left:0;margin-top:2px;position:absolute;top:100%;width:100%}.psd-tick{background-color:#88888880;height:5px;position:absolute;top:0;transform:translateX(-50%);width:1px}.psd-tick.major{background-color:#555555b3;height:8px}.psd-info-controls{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-top:5px}.psd-unit-time{color:#34495e;display:flex;flex-direction:column}.psd-unit{font-weight:500;margin-bottom:2px}.psd-time{color:#7f8c8d;font-family:monospace}.psd-navigation-controls{align-items:center;display:flex;gap:5px;justify-content:space-between;width:100%}.psd-controls-wrapper{flex:1 1}.psd-controls-group,.psd-controls-wrapper{align-items:center;display:flex;justify-content:center}.psd-controls-group{gap:8px;margin:0 auto}.psd-nav-button{align-items:center;background-color:#3498db33;border:none;border-radius:50%;color:#3498db;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.psd-nav-button.active{background-color:#3498db80;transform:scale(.92)}.psd-nav-button:hover{background-color:#3498db4d;transform:scale(1.05)}.psd-nav-button:active{transform:scale(.9)}.psd-nav-button:disabled{cursor:not-allowed;opacity:.3}.psd-time-display{color:#7f8c8d;font-family:monospace;font-size:12px;min-width:40px;text-align:center}.psd-play-pause{align-items:center;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:2.5em;justify-content:center;margin-left:auto;padding:.5em .8em;transition:all .2s ease}.psd-play-pause:hover{background-color:#2980b9;transform:scale(1.05)}.psd-play-pause:active{transform:scale(.98)}.psd-play-pause:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.psd-timeline-container{margin-top:20px;padding:10px;top:10px;width:80%}.psd-waveform-container{height:60px}.psd-navigation-controls{gap:3px}.psd-controls-wrapper{flex:1 1}.psd-controls-group{gap:6px}.psd-nav-button{height:28px;width:28px}.psd-play-pause{height:2.2em;padding:.4em .7em}}@media (max-width:480px){.psd-timeline-container{margin-top:3vh;max-width:280px;padding:8px;width:85%}.psd-waveform-container{height:50px}.psd-ticks-container{height:15px}.psd-info-controls{font-size:10px}.psd-unit-time{max-width:65%}.psd-navigation-controls{gap:2px}.psd-controls-wrapper{flex:1 1}.psd-controls-group{gap:4px}.psd-nav-button{height:24px;width:24px}.psd-play-pause{font-size:10px;height:2em;padding:.3em .6em}}.search-result-ban-tag-partial{background-color:#fa0;color:#000}.search-result-ban-tag-total{background-color:#e57373;color:#fff}.mapboxgl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.map-popup-overlay{background:#00000080;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.map-popup,.map-popup-overlay{align-items:center;display:flex}.map-popup{-webkit-overflow-scrolling:touch;animation:popup-fade-in .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex-flow:column nowrap;height:650px;max-width:900px;overflow-y:auto;padding:20px;position:relative;text-align:center;touch-action:pan-y!important;width:80%}@keyframes popup-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.map-popup-close-button{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:opacity .2s;width:30px;z-index:10}.map-popup-close-button:hover{opacity:.7}.map-popup-close-button svg{shape-rendering:geometricPrecision;color:#555;height:20px;margin:5px 0 0;padding:0;transition:color .3s;width:20px}.map-popup-close-button:hover svg{color:#333}.map-popup-content{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:column;flex-grow:1;height:420px;justify-content:center;margin-left:auto;margin-right:auto;overflow-y:auto;padding:0;touch-action:pan-y!important;width:100%}.map-popup-progress{display:flex;justify-content:center;margin:10px 0}.map-popup-progress-dot{color:#dadada;font-size:24px;margin:0 5px;transition:color .3s,font-weight .3s}.map-popup-progress-dot.visited{color:#6f6f6f}.map-popup-progress-dot.active{color:#3498db;font-weight:700}.map-popup-page{-webkit-overflow-scrolling:touch;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:0 5%;touch-action:pan-y!important;width:100%}.map-popup-page h2{color:#333;font-size:26px;margin-bottom:15px;margin-top:0}#map-popup-second-page-h2{margin-bottom:1rem;margin-top:-2rem}.map-popup-page h3{color:#3498db;font-size:18px;margin-bottom:0}.map-popup-page p{color:#555;line-height:1.5;margin-bottom:15px}.map-popup-welcome-text-mobile{color:#444;font-size:20px;font-weight:500;line-height:1.6;margin:10px auto 15px;max-width:90%;text-align:center}.map-popup-intro-blocks{align-items:flex-start;display:flex;gap:10px;margin-top:20px;padding-bottom:0;width:100%}.map-popup-intro-blocks .map-popup-left,.map-popup-intro-blocks .map-popup-middle,.map-popup-intro-blocks .map-popup-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:0 10px}.map-popup-intro-blocks img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:180px;transition:transform .3s;width:80%}.map-popup-intro-blocks img:hover{transform:scale(1.05)}.map-popup-intro-blocks p{font-size:15px;padding-top:15px;text-align:center}.map-popup svg{height:60px;margin-bottom:10px;padding:0;width:60px}.map-popup-welcome-mobile p{color:#444;font-size:18px;font-weight:500;line-height:1.6;margin:20px auto;max-width:85%}.map-popup-final-page,.map-popup-final-page-mobile{align-items:center;display:flex;flex-direction:column;gap:10px}.map-popup-final-page h2,.map-popup-final-page-mobile h2{margin-bottom:12px}.map-popup-skip-notice{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin:10px 0;max-width:900px;padding:10px 15px;width:100%}.map-popup-skip-notice h3{color:#333;font-size:16px;margin-bottom:8px;margin-top:0;text-align:left}.map-popup-skip-notice p{font-size:14px;margin:0;text-align:left}.map-popup-skip-link{color:#3498db;cursor:pointer;display:inline-block;font-weight:500;padding:0 2px;text-decoration:underline;transition:color .3s}.map-popup-skip-link:hover{color:#2980b9}.map-popup-policy-explore,.map-popup-policy-explore-mobile{background-color:#f0f7ff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin:10px 0;max-width:760px;padding:15px 20px;text-align:left;width:90%}.map-popup-policy-explore h3,.map-popup-policy-explore-mobile h3{color:#000;font-size:16px;margin-bottom:8px;margin-top:0;text-align:left}.map-popup-policy-explore p,.map-popup-policy-explore-mobile p{font-size:14px;margin:0;text-align:left}#understanding-header{margin-bottom:1rem;margin-top:-2rem}.explanation-block-container{display:flex;flex-direction:row;gap:20px;height:70%;justify-content:center;width:100%}.explanation-block{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;display:flex;flex-direction:column;height:118%;padding:5px 8px 0 5px;width:60%}.explanation-block h3{margin-bottom:0;margin-top:10px}.explanation-block ul{color:#555;font-size:1rem;padding-right:5px}.explanation-block p{font-size:.9rem;text-align:left}.explanation-block a{color:#3498db;display:inline-block;font-weight:500;padding:0 2px;transition:color .3s}.explanation-block a:hover{color:#2980b9;text-decoration:underline}.map-popup-abm-link{color:#3498db;display:inline-block;font-weight:500;padding:0 2px;text-decoration:underline;transition:color .3s}.map-popup-abm-link:hover{color:#2980b9}.map-popup-tutorial-note{color:#777;font-size:14px;font-style:italic;margin-top:10px;max-width:80%;text-align:center}.map-popup-feature-showcase{align-items:center;display:flex;flex-direction:column;margin:15px 0;width:100%}.map-popup-feature-showcase img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:250px;width:80%}.map-popup-feature-description{margin-top:15px;width:90%}.map-popup-feature-preview{background-color:#f9f9f9;border-radius:8px;margin-top:10px;padding:10px}.map-popup-final-image{display:flex;justify-content:center;margin:20px 0;width:100%}.map-popup-final-image img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:300px;width:80%}.map-popup-buttons{box-sizing:border-box;display:flex;justify-content:space-between;margin-top:10px;padding:15px 20px;width:100%}.map-popup-buttons .map-popup-left-space{flex-shrink:0;text-align:left;width:100px}.map-popup-buttons .map-popup-middle-buttons{flex-grow:1;text-align:center}.map-popup-buttons .map-popup-right-button{flex-shrink:0;text-align:right;width:100px}.map-popup button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;margin:0 5px;outline:none;padding:10px 20px;transition:all .3s}.map-popup-button-skip-start{background-color:#3498db;box-shadow:0 2px 4px #007bff33;color:#fff;min-width:140px}.map-popup-button-skip-start:hover{background-color:#2980b9;box-shadow:0 2px 6px #007bff4d}.map-popup-button-next-back{background-color:#f0f0f0;border:1px solid #ddd;color:#555;min-width:80px}.map-popup-button-next-back:hover{background-color:#e6e6e6;color:#333}@media (max-width:1550px){.map-popup{border-radius:8px;height:600px;margin-top:80px;max-width:900px;padding:20px;width:80%}.map-popup-page p{margin-bottom:5px}.map-popup-page h2{color:#333;font-size:23px;margin-bottom:5px;margin-top:15px}.map-popup-intro-blocks img{border-radius:8px;max-width:140px;width:80%}.map-popup-intro-blocks p{font-size:14px;padding-top:15px;text-align:center}}@media (max-width:1112px){.map-popup{height:650px}}@media (max-width:896px) and (orientation:landscape){.map-popup{height:85vh;padding:15px}.map-popup-content{height:calc(85vh - 120px)}.map-popup-page h2{font-size:22px}.map-popup-feature-showcase{align-items:center;flex-direction:row}.map-popup-feature-showcase img{width:40%}.map-popup-feature-description{margin-left:5%;width:55%}.map-popup-progress{margin:5px 0}.map-popup-buttons{padding:10px}.map-popup-policy-explore,.map-popup-policy-explore-mobile{padding:12px 15px}}@media (max-width:768px){.map-popup{height:55vh;margin-bottom:50px;width:90%}.map-popup-page p{font-size:14px}.map-popup-feature-showcase img{max-width:180px;width:80%}.map-popup-policy-explore-mobile{border-radius:8px;margin:5px 0;max-width:800px;padding:5px 10px;width:95%}.map-popup-content{height:35vh}.map-popup-page h2{font-size:24px}.map-popup-intro-blocks{flex-direction:column}.map-popup-intro-blocks .map-popup-left,.map-popup-intro-blocks .map-popup-middle,.map-popup-intro-blocks .map-popup-right{margin-bottom:20px}.map-popup-intro-blocks img{width:60%}.map-popup-welcome-text-mobile{margin-bottom:10px}.map-popup-final-page-mobile h2{font-size:22px;margin-bottom:10px}.map-popup-policy-explore-mobile h3{font-size:16px}}@media (max-width:480px){.map-popup-final-page,.map-popup-final-page-mobile{gap:1px}.map-popup-feature-showcase{margin:1px 0}.map-popup{height:60vh;padding:15px 10px;width:95%}.map-popup-content{height:360px}.map-popup-page h2{font-size:20px;margin-bottom:15px}.map-popup-page h3,.map-popup-skip-notice h3{font-size:15px}.map-popup-page p{font-size:14px;line-height:1.4;margin-bottom:10px}.map-popup-welcome-text-mobile{font-size:18px;line-height:1.5;margin-top:5px;max-width:98%}.map-popup-feature-showcase img{max-width:160px;width:90%}.map-popup button{font-size:14px;min-width:auto;padding:8px 15px}.map-popup-buttons{padding:10px}.map-popup-progress-dot{font-size:20px;margin:0 3px}.map-popup-close-button{height:24px;width:24px}.map-popup-final-page-mobile h2{font-size:20px;margin-bottom:8px}.map-popup-final-page-mobile p{font-size:14px}.map-popup-policy-explore-mobile{margin:4px 0;max-width:800px;padding:8px 12px;width:98%}.map-popup-policy-explore-mobile h3{font-size:15px;margin-bottom:5px}.map-popup-policy-explore-mobile p{font-size:13px}.map-popup-tutorial-note{margin-top:5px}.map-popup-skip-notice{margin:0 0 6px;padding:8px 12px}.map-popup-skip-notice p{font-size:14px}}@media (max-width:380px){.map-popup-feature-showcase img{max-width:140px;width:90%}.map-popup-page h2{font-size:18px;margin-bottom:5px}.map-popup-policy-explore-mobile{margin:4px 0;max-width:800px;padding:8px 12px;width:98%}}@media (max-width:320px){.map-popup{height:65vh;margin-bottom:90px;padding:10px 8px}.map-popup-content{height:25vh}.map-popup-page h2{font-size:18px;margin-top:10px}.map-popup-page p{font-size:12px}.map-popup-welcome-text-mobile{font-size:16px;line-height:1.4;margin-top:0}.map-popup button{font-size:13px;padding:7px 12px}.map-popup-progress-dot{font-size:18px;margin:0 2px}.map-popup-final-page-mobile h2{font-size:18px}.map-popup-policy-explore-mobile{padding:8px 12px}.map-popup-policy-explore-mobile h3{font-size:14px}.map-popup-policy-explore-mobile p{font-size:12px}.map-popup-tutorial-note{font-size:11px}.map-popup-skip-notice{padding:6px 10px}.map-popup-skip-notice p{font-size:13px}}@media (max-height:600px) and (min-width:768px){.map-popup{height:55vh;padding:12px}.map-popup-page h2{font-size:20px;margin-bottom:10px;padding-top:45vh}.map-popup-page p{font-size:14px;margin-bottom:10px}.map-popup-welcome-text-mobile{margin-bottom:5px}.map-popup-feature-showcase img{max-width:200px}.map-popup-buttons{padding:8px}.map-popup-tutorial-note{margin-top:10px}.map-popup-policy-explore,.map-popup-policy-explore-mobile{margin:8px 0;padding:10px 15px}.map-popup-policy-explore h3,.map-popup-policy-explore-mobile h3{margin-bottom:5px}}@media (max-height:570px) and (min-width:768px){.map-popup-page h2{padding-top:50vh}}@media (max-height:540px) and (min-width:768px){.map-popup-page h2{padding-top:55vh}}@media (max-height:520px) and (min-width:768px){.map-popup-page h2{padding-top:60vh}}@media (max-height:500px) and (min-width:768px){.map-popup-page h2{padding-top:65vh}}@media (max-height:480px) and (min-width:768px){.map-popup-page h2{padding-top:70vh}}@media (max-height:450px) and (min-width:768px){.map-popup-page h2{padding-top:75vh}}@media (max-height:430px) and (min-width:768px){.map-popup-page h2{padding-top:80vh}}@media (max-height:420px) and (min-width:768px){.map-popup-page h2{padding-top:85vh}}@media (max-height:400px) and (min-width:768px){.map-popup-page h2{padding-top:90vh}}@media (max-height:390px) and (min-width:768px){.map-popup-page h2{padding-top:95vh}}@media (max-height:550px) and (max-width:768px){.map-popup-page h2{padding-top:40vh}}.simulation-renderer{align-items:center;background-color:#fafafa;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.simulation-renderer canvas{background:#f9f9f9;border:1px solid #ddd;display:block;max-height:100%;max-width:100%}.renderer-error{background-color:#ff00001a;border-radius:4px;color:#d32f2f;font-size:12px;left:50%;max-width:90%;padding:8px 12px;position:absolute;text-align:center;top:10px;transform:translateX(-50%);z-index:100}.btn-starting{background-color:#0056b3!important}.port-tooltip{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;max-width:250px;min-width:200px}.port-tooltip.sticky{background:#fffffffa;border:2px solid #007bff;box-shadow:0 6px 20px #0003}.tooltip-content{padding:12px}.tooltip-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.tooltip-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.close-btn:hover{background-color:#f0f0f0;color:#333}.tooltip-body{margin-bottom:6px}.port-details{color:#555;font-size:13px;line-height:1.3;margin:0 0 6px}.capacity-info{color:#007bff;font-size:13px;font-weight:500;margin:0}.capacity-info,.country-info,.policy-info{align-items:center;display:flex;margin-bottom:8px;padding:4px 0}.capacity-info{margin-bottom:0}.capacity-label,.country-label,.policy-label{color:#000;font-size:14px;font-weight:600;margin-right:8px;min-width:60px}.country-name{color:#000}.country-name,.policy-value{font-size:14px;font-weight:500}.policy-value{border-radius:4px;padding:2px 6px;text-transform:uppercase}.policy-allow{background-color:#e8f5e8;color:#2e7d32}.policy-ban{background-color:#ffebee;color:#c62828}.policy-tax{background-color:#fff3e0;color:#ef6c00}.policy-subsidy{background-color:#e3f2fd;color:#1565c0}.policy-unknown{background-color:#f5f5f5;color:#666}.capacity-value{color:#007bff;font-size:13px;font-weight:600}.mobile-hint{border-top:1px solid #eee;margin-top:6px;padding-top:6px}.mobile-hint small{color:#888;font-style:italic}.port-tooltip.mobile{font-size:15px;max-width:280px;min-width:220px}.port-tooltip.mobile .tooltip-header h4{font-size:17px}.port-tooltip.mobile .close-btn{font-size:20px;height:28px;width:28px}.port-tooltip.mobile .capacity-info,.port-tooltip.mobile .port-details{font-size:14px}.port-tooltip.mobile .capacity-label,.port-tooltip.mobile .country-label,.port-tooltip.mobile .policy-label{font-size:14px;min-width:65px}.port-tooltip.mobile .capacity-value,.port-tooltip.mobile .country-name{font-size:14px}.port-tooltip.mobile .policy-value{font-size:13px}@media (max-width:480px){.port-tooltip{left:5vw!important;max-width:90vw;min-width:0;min-width:auto;right:5vw;transform:none}.port-tooltip .tooltip-content{padding:10px}}.port-tooltip{position:fixed;z-index:1000}.simulation-controls{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem;width:100%}.simulation-info{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.simulation-status,.step-counter{align-items:center;display:flex}.label{color:#555;font-weight:600;margin-right:.5rem}.value{color:#333;font-weight:500}.fps-control{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.fps-control label{font-weight:500;margin-right:.5rem;min-width:80px}.fps-control input[type=range]{flex:1 1;max-width:300px;min-width:150px}.fps-value{font-weight:500;margin:0 .5rem;min-width:60px}.btn-reset-fps{background-color:#e0e0e0;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .2s}.btn-reset-fps:hover{background-color:#d0d0d0}.control-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-start{background-color:#4caf50;color:#fff}.btn-start:hover:not(:disabled){background-color:#3d8b40}.btn-starting{animation:pulse 1s infinite;background-color:#2196f3!important;color:#fff!important}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.btn-stop{background-color:#f44336;color:#fff}.btn-stop:hover:not(:disabled){background-color:#d32f2f}.btn-step{background-color:#2196f3;color:#fff}.btn-step:hover:not(:disabled){background-color:#1976d2}.btn-reset{background-color:#ff9800;color:#fff}.btn-reset:hover:not(:disabled){background-color:#f57c00}.btn-params{background-color:#b39ddb;color:#fff}.btn-params:hover:not(:disabled){background-color:#9575cd}.simulation-parameters{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-top:1rem;padding:1rem}.simulation-parameters h3{border-bottom:1px solid #e0e0e0;color:#333;font-size:1.1rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.param-group{display:flex;flex-direction:column;margin-bottom:1rem}.param-group label{font-weight:500;margin-bottom:.25rem}.param-group input{border:1px solid #ccc;border-radius:4px;max-width:100%;padding:.5rem}.param-actions{border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.param-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.reset-defaults-btn{background-color:#e0e0e0;color:#333}.reset-defaults-btn:hover:not(:disabled){background-color:#d0d0d0}.new-btn{background-color:#2196f3;color:#fff}.new-btn:hover:not(:disabled){background-color:#1976d2}.slider-container{margin-top:8px;width:100%}.slider-wrapper{margin:0 -9px;padding:0 9px}.probability-slider{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:3px;height:6px;margin:8px 0;outline:none;position:relative;width:100%}.probability-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#4a90e2 0,#4a90e2 0,#e0e0e0 0);background:linear-gradient(to right,#4a90e2 0,#4a90e2 var(--slider-progress,0),#e0e0e0 var(--slider-progress,0));border-radius:3px;height:6px;width:100%}.probability-slider::-moz-range-track{background:#e0e0e0;border-radius:3px;height:6px;width:100%}.probability-slider::-moz-range-progress{background-color:#4a90e2;border-radius:3px;height:6px}.probability-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2196f3;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;margin-top:-6px;position:relative;width:18px;z-index:10}.probability-slider::-moz-range-thumb{background:#2196f3;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;position:relative;width:18px;z-index:10}.probability-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #2196f34d}.probability-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px #2196f34d}.probability-slider:hover::-webkit-slider-thumb{background:#1976d2}.probability-slider:hover::-moz-range-thumb{background:#1976d2}.slider-labels{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-top:4px;padding:0 9px;width:100%}.param-group input[type=number]{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:6px 8px;width:100%}@media (max-width:768px){.control-buttons,.fps-control,.param-actions,.simulation-info{align-items:stretch;flex-direction:column}.simulation-info>div{margin-bottom:.5rem}.control-buttons .btn{margin-bottom:.5rem;width:100%}.fps-control input[type=range]{margin:.5rem 0;max-width:100%}.param-actions{flex-direction:column;gap:.5rem}.param-btn{width:100%}.slider-labels{font-size:10px}.probability-slider::-webkit-slider-thumb{height:16px;width:16px}.probability-slider::-moz-range-thumb{height:16px;width:16px}}.simulation-dashboard{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;min-height:600px;padding:16px}.simulation-dashboard h3{border-bottom:1px solid #eaeaea;color:#333;font-size:18px;margin-bottom:16px;margin-top:0;padding-bottom:8px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.dashboard-card{background-color:#f8f9fa;border-radius:6px;display:flex;padding:12px;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.card-icon{align-items:center;border-radius:50%;display:flex;font-size:24px;height:48px;justify-content:center;margin-right:12px;width:48px}.ship-icon{background-color:#e3f2fd;color:#2196f3}.scrubber-icon{background-color:#e8f5e9;color:#388e3c}.port-icon{background-color:#fff3e0;color:#f57c00}.revenue-icon{background-color:#fce4ec;color:#c2185b}.card-content{flex:1 1}.card-content h4{color:#333;font-size:16px;margin-bottom:8px;margin-top:0}.card-stats{display:flex;flex-direction:column;gap:4px}.stat-item{display:flex;font-size:14px;justify-content:space-between}.stat-value{color:#000;font-weight:600}.additional-stats{background-color:#f8f9fa;border-radius:6px;margin-top:16px;padding:12px 16px}.additional-stats h4{color:#333;font-size:16px;margin-bottom:12px;margin-top:0}.stats-table{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.table-row{border-bottom:1px dashed #eaeaea;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.row-label{color:#000}.row-value{color:#333;font-weight:600}@media (max-width:768px){.dashboard-grid,.stats-table{grid-template-columns:1fr}}.object-row{align-items:flex-start;flex-direction:column}.object-row .row-label{font-weight:600;margin-bottom:8px}.nested-object{border-left:2px solid #e0e0e0;margin-bottom:8px;padding-left:16px;width:100%}.nested-row{display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.nested-label{color:#000}.nested-value{color:#000;font-weight:500}.tabs-container{margin-bottom:20px}.tabs{border-bottom:1px solid #eaeaea;display:flex;margin-bottom:16px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.tab:hover{background-color:#1976d20d;color:#2196f3}.tab.active{border-bottom:3px solid #2196f3;color:#2196f3}.tab-content{padding:16px 0}.sankey-container{align-items:center;display:flex;flex-direction:column;width:100%}.sankey-container h4{align-self:flex-start;color:#000;font-size:18px;margin-bottom:16px}.revenue-container{align-items:center;display:flex;flex-direction:column;width:100%}.revenue-chart-container{height:450px;margin-top:20px;overflow:visible;padding-top:10px;width:100%}.country-selector{align-items:center;align-self:flex-start;display:flex;margin-bottom:16px}.country-selector label{font-weight:500;margin-right:10px}.country-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.port-selector{align-items:center;display:flex;gap:10px;margin-bottom:15px}.port-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;min-width:150px;padding:6px 10px}.ship-type-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.filter-button{background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:all .2s ease}.filter-button:hover{background-color:#e0e0e0}.filter-button.active{background-color:#2196f3;border-color:#2196f3;box-shadow:0 2px 4px #0000001a;color:#fff}.ports-info-title{color:#000;font-size:16px;margin:0 0 8px}.pollution-container{display:flex;flex-direction:column;gap:20px;padding:20px 0}.ship-stats-panel{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px}.ship-stats-panel h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.ship-stats-grid{display:flex;gap:16px;justify-content:space-around}.stat-counter{min-width:120px;text-align:center}.stat-number{color:#2196f3;font-size:50px;font-weight:700;margin-bottom:4px}.stat-label{color:#000;font-size:14px}.pollution-placeholder{background-color:#e8f4fd;border:1px dashed #a0c8e4;border-radius:8px;padding:24px;text-align:center}.placeholder-content h3{color:#2196f3;font-size:20px;margin-bottom:16px;margin-top:0}.placeholder-content p{color:#34495e;margin-bottom:8px;margin-left:auto;margin-right:auto;max-width:700px}.placeholder-features{display:flex;gap:32px;justify-content:center;margin-top:24px}.feature-item{flex-direction:column;gap:8px}.feature-icon,.feature-item{align-items:center;display:flex}.feature-icon{background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;font-size:24px;height:50px;justify-content:center;width:50px}.feature-text{color:#34495e;font-size:14px;font-weight:500}.ports-info-title{margin-bottom:10px;margin-top:20px}.ports-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.port-info-item{align-items:center;background-color:#f9f9f9;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;padding:8px}.port-name{color:#000;font-weight:700}.port-value{color:#2196f3;font-weight:700}.revenue-highlight{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:12px}.revenue-value{color:#1976d2;font-size:24px;font-weight:600}.no-data-message{background-color:#f8f9fa;border:1px dashed #ddd;border-radius:8px;color:#000;margin:20px 0;padding:20px;text-align:center}@media (max-width:900px){.revenue-container,.sankey-container{overflow-x:auto;width:100%}}.loading-indicator{animation:fadeIn .5s ease-in-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box;margin-bottom:15px;max-width:100%;overflow:hidden;padding:16px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-content{align-items:center;display:flex;gap:40px;justify-content:space-between;max-width:100%;overflow:hidden}.stage-details{min-width:280px}.stage-details,.stage-icon{align-items:center;display:flex;flex-shrink:0}.stage-icon{font-size:32px;height:40px;justify-content:center;margin-right:15px;width:40px}.stage-info{flex:1 1}.stage-info h3{font-size:18px;font-weight:600;margin:0 0 5px}.stage-info p{color:#666;font-size:14px;margin:0}.error-message{color:#e74c3c!important;font-weight:500;margin-top:5px!important}.progress-section{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:15px;justify-content:center;width:100%}.progress-container{background-color:#f0f0f0;border-radius:5px;height:10px;margin:0 auto;overflow:hidden;width:95%}.progress-bar{background-color:#3498db!important;height:100%;transition:width .5s ease-in-out}.loading-steps{justify-content:space-between;margin:0;overflow:visible;padding:0;width:100%}.loading-step,.loading-steps{box-sizing:border-box;display:flex;position:relative}.loading-step{align-items:center;flex:1 1;flex-direction:column;opacity:.5;padding:0 10px;transition:opacity .3s ease;z-index:10}.loading-step:first-child{justify-content:flex-start}.loading-step:last-child{justify-content:flex-end}.loading-step.active{opacity:1}.loading-step.current .step-icon{border-width:2px;box-shadow:none;transform:none}.loading-steps:after,.loading-steps:before{content:"";height:2px;position:absolute;top:13px;z-index:1}.loading-steps:before{background-color:#e0e0e0;left:12px;right:12px}.loading-steps:after{background-color:#3498db;height:2px;left:12px;max-width:calc(100% - 24px);top:13px;transition:width .5s ease-in-out;width:0;width:var(--progress-width,0);z-index:2}.loading-step:not(:last-child):after{display:none}.step-icon{align-items:center;background-color:#f8f8f8;border:2px solid #e0e0e0;border-radius:50%;display:flex;font-size:12px;height:25px;justify-content:center;margin:0;position:relative;transition:box-shadow .3s ease;width:25px;z-index:5}.loading-step.active .step-icon{background-color:#fff;border-color:#3498db}.step-label{color:#777;font-size:10px;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.loading-step.active .step-label{color:#333;font-weight:500}.loading-step.first-step{justify-content:flex-start;padding-left:0;padding-right:20px}.loading-step.last-step{justify-content:flex-end;padding-left:20px;padding-right:0}.loading-step.middle-step{justify-content:center}@media (max-width:768px){.loading-content{align-items:flex-start;flex-direction:column;gap:10px}.stage-details{align-items:center;flex-direction:row;width:100%}.progress-container{margin-bottom:0;max-width:none;width:100%}.loading-steps{display:none}.stage-icon{font-size:20px;height:25px;margin-right:10px;width:25px}.stage-info h3{font-size:15px;margin-bottom:2px}.stage-info p{font-size:12px;margin:0}.step-icon{font-size:10px;height:20px;width:20px}.loading-step{flex:1 1;margin:0 5px;min-width:0;padding:0}.loading-step.first-step{margin-left:0;padding-right:0}.loading-step.last-step{margin-right:0;padding-left:0}.loading-steps:after,.loading-steps:before{left:10px;right:10px}}@media (max-width:480px){.loading-indicator{margin-bottom:0;padding:8px}.loading-content{gap:8px}.stage-icon{font-size:18px;height:22px;margin-right:8px;width:22px}.progress-section{gap:5px;overflow-x:visible;width:100%}.step-icon{border-width:1px;font-size:9px;height:18px;width:18px}.loading-step{margin:0 3px;min-width:0}}.simulation-status-indicator{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 2px 6px #00000014;display:flex;gap:10px;margin-bottom:15px;padding:8px 12px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content;z-index:5}.status-indicator{background-color:#ccc;border-radius:50%;box-shadow:0 0 6px #0003;height:12px;transition:background-color .3s ease;width:12px}.status-text{display:flex;flex-direction:column}.status-label{color:#333;font-size:14px;font-weight:600}.status-message{color:#666;font-size:12px;margin-top:2px}.status-ready .status-indicator{background-color:#2ecc71;box-shadow:0 0 6px #2ecc7180}.status-failed .status-indicator{background-color:#e74c3c;box-shadow:0 0 6px #e74c3c80}@keyframes greenRedBlink{0%,45%{background-color:#2ecc71;box-shadow:0 0 8px #2ecc71b3}50%,95%{background-color:#e74c3c;box-shadow:0 0 8px #e74c3cb3}}.status-running .status-indicator{animation:greenRedBlink 1s step-end infinite;background-color:#2ecc71}.status-loading .status-indicator{animation:pulsate 1.5s infinite;background-color:#3498db;box-shadow:0 0 6px #3498db80}@keyframes pulsate{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.simulation-status-indicator{justify-content:center;left:auto;position:relative;top:auto;width:100%}}.abm-tutorial-overlay{background:#00000080;box-sizing:border-box;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.abm-tutorial,.abm-tutorial-overlay{align-items:center;display:flex;overflow:hidden;padding:20px}.abm-tutorial{animation:tutorial-fade-in .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex-flow:column nowrap;height:650px;max-width:900px;position:relative;text-align:center;width:80%}@keyframes tutorial-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.abm-tutorial-close-button{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:opacity .2s;width:30px;z-index:10}.abm-tutorial-close-button:hover{opacity:.7}.abm-tutorial-close-button svg{color:#555;height:20px;transition:color .3s;width:20px}.abm-tutorial-close-button:hover svg{color:#333}.abm-tutorial-progress{display:flex;flex-shrink:0;justify-content:center;margin:10px 0}.abm-tutorial-progress-dot{color:#dadada;font-size:24px;margin:0 5px;transition:color .3s,font-weight .3s}.abm-tutorial-progress-dot.visited{color:#6f6f6f}.abm-tutorial-progress-dot.active{color:#3498db;font-weight:700}.abm-tutorial-content{flex-grow:1;height:100%;margin-left:auto;margin-right:auto;min-height:0;padding:0}.abm-tutorial-content,.abm-tutorial-page{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;touch-action:pan-y!important;width:100%}.abm-tutorial-page{box-sizing:border-box;min-height:100%;padding:0 5%}.abm-tutorial-page h2{color:#333;font-size:26px;margin-bottom:15px;margin-top:0}.abm-tutorial-page h3{color:#3498db;font-size:18px;font-weight:500;margin-bottom:15px}.abm-tutorial-page h4{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:8px}.abm-tutorial-page p{color:#555;line-height:1.5;margin-bottom:15px;text-align:center}.abm-tutorial-visual{display:flex;justify-content:center;margin:20px 0;width:100%}.abm-tutorial-simulation-preview{align-items:center;display:flex;flex-direction:column}.abm-tutorial-grid{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:8px;height:120px;margin-bottom:10px;overflow:hidden;position:relative;width:200px}.abm-tutorial-port{border-radius:2px;height:12px;position:absolute;width:12px}.abm-tutorial-port.port-allow{background:#2c3e50;left:20px;top:20px}.abm-tutorial-port.port-ban{background:#27ae60;right:20px;top:20px}.abm-tutorial-port.port-subsidy{background:#3498db;bottom:20px;left:20px}.abm-tutorial-port.port-tax{background:#f1c40f;bottom:20px;right:20px}.abm-tutorial-ship{animation:ship-move 2s ease-in-out infinite;background:#e74c3c;border-radius:50%;height:8px;left:100px;position:absolute;top:56px;width:8px}.abm-tutorial-discharge{background:#f39c12;border-radius:50%;height:4px;opacity:.7;position:absolute;width:4px}.abm-tutorial-discharge.discharge-1{animation:discharge-fade 1.5s ease-in-out infinite;left:55px;top:58px}.abm-tutorial-discharge.discharge-2{animation:discharge-fade 1.5s ease-in-out .2s infinite;left:62px;top:58px}.abm-tutorial-discharge.discharge-3{animation:discharge-fade 1.5s ease-in-out .4s infinite;left:69px;top:58px}.abm-tutorial-discharge.discharge-4{animation:discharge-fade 1.5s ease-in-out .6s infinite;left:76px;top:58px}.abm-tutorial-discharge.discharge-5{animation:discharge-fade 1.5s ease-in-out .8s infinite;left:83px;top:58px}@keyframes ship-move{0%,to{transform:translateX(0)}50%{transform:translateX(40px)}}@keyframes discharge-fade{0%,to{opacity:.3}50%{opacity:.8}}.abm-tutorial-caption{color:#666;font-size:14px;font-style:italic;margin:0}.abm-tutorial-start-text{color:#2c3e50;font-weight:500;margin-top:20px}.abm-tutorial-explanation-blocks{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0;width:100%}.abm-tutorial-block{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex:1 1;flex-direction:column;max-width:250px;min-width:200px;padding:15px;text-align:center}.abm-tutorial-icon{align-items:center;background:#3498db;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:15px;position:relative;width:60px}.abm-tutorial-icon.ship-types{background:#3498db}.abm-tutorial-icon.movement{background:#27ae60}.abm-tutorial-icon.pollution{background:#f39c12}.abm-tutorial-ship-cargo,.abm-tutorial-ship-other,.abm-tutorial-ship-tanker{border-radius:50%;height:8px;position:absolute;width:8px}.abm-tutorial-ship-cargo{background:#3498db;left:20px;top:15px}.abm-tutorial-ship-tanker{background:#9b59b6;left:30px;top:25px}.abm-tutorial-ship-other{background:#95a5a6;left:25px;top:35px}.abm-tutorial-grid-small{background:#ffffff4d;border-radius:4px;height:40px;position:relative;width:40px}.abm-tutorial-path{background:#fff;border-radius:1px;height:2px;left:10%;position:absolute;top:50%;transform:translateY(-50%);width:80%}.abm-tutorial-discharge-trail{background:linear-gradient(90deg,#0000,#fffc 50%,#0000);border-radius:3px;height:6px;width:30px}.abm-tutorial-policy-grid{display:flex;flex-direction:column;gap:15px;margin:20px 0;max-width:600px;width:100%}.abm-tutorial-policy-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:20px;padding:20px}.abm-tutorial-policy-icon{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.abm-tutorial-port-ban{color:#27ae60;font-size:20px}.abm-tutorial-port-subsidy{color:#3498db;font-size:20px}.abm-tutorial-port-tax{color:#f1c40f;font-size:20px}.abm-tutorial-port-allow{color:#2c3e50;font-size:20px}.abm-tutorial-policy-text{flex:1 1;text-align:left}.abm-tutorial-policy-text h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.abm-tutorial-policy-text p{color:#666;font-size:14px;margin:0;text-align:left}.abm-tutorial-economic-note{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;color:#666;font-style:italic;margin-top:20px;padding:15px}.abm-tutorial-insights-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:20px 0;width:100%}.abm-tutorial-insight-item{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:300px;min-width:200px;text-align:center}.abm-tutorial-chart{align-items:center;border-radius:8px;display:flex;height:80px;justify-content:center;margin-bottom:15px;position:relative;width:120px}.abm-tutorial-chart.sankey{background:linear-gradient(135deg,#3498db,#2980b9)}.abm-tutorial-chart.revenue{background:linear-gradient(135deg,#27ae60,#229954)}.abm-tutorial-sankey-flow{background:linear-gradient(90deg,#ffffff4d,#fff9 30%,#ffffff4d 60%,#fff9);border-radius:20px;height:40px;width:80px}.abm-tutorial-revenue-chart{background:linear-gradient(180deg,#fffc,#fff6 50%,#fffc);border-radius:4px;height:50px;width:60px}.abm-tutorial-insights-note{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;color:#666;font-style:italic;margin-top:20px;padding:15px}.abm-tutorial-controls-demo{display:flex;flex-direction:column;gap:20px;margin:20px 0;max-width:600px;width:100%}.abm-tutorial-control-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:20px;padding:20px}.abm-tutorial-control-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.abm-tutorial-control-icon.speed{background:#27ae60}.abm-tutorial-control-icon.policy{background:#9b59b6}.abm-tutorial-speed-control{background:#fff;border-radius:50%;height:30px;position:relative;width:30px}.abm-tutorial-speed-control:after{color:#27ae60;content:"▶";font-size:12px;left:55%;position:absolute;top:50%;transform:translate(-50%,-50%)}.abm-tutorial-policy-selector{background:#fff;border-radius:4px;height:20px;position:relative;width:40px}.abm-tutorial-policy-selector:after{background:#9b59b6;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.abm-tutorial-control-text{flex:1 1;text-align:left}.abm-tutorial-control-text h4{color:#2c3e50;margin:0 0 8px}.abm-tutorial-control-text p{color:#666;font-size:14px;margin:0;text-align:left}.abm-tutorial-final-message{background:#fff;border:2px solid #3498db;border-radius:8px;box-shadow:0 2px 8px #3498db1a;color:#2c3e50;margin-top:20px;padding:25px;text-align:center}.abm-tutorial-final-message h3{color:#3498db;font-size:20px;margin:0 0 10px}.abm-tutorial-final-message p{color:#555;margin:0}.abm-tutorial-buttons{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-top:20px;padding:0 20px;width:100%}.abm-tutorial-left-space,.abm-tutorial-middle-buttons,.abm-tutorial-right-button{display:flex;flex:1 1;justify-content:center}.abm-tutorial-left-space{justify-content:flex-start}.abm-tutorial-right-button{justify-content:flex-end}.abm-tutorial button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.abm-tutorial-button-skip{background:#95a5a6;color:#fff}.abm-tutorial-button-skip:hover{background:#7f8c8d}.abm-tutorial-button-back{background:#bdc3c7;color:#2c3e50}.abm-tutorial-button-back:hover{background:#95a5a6;color:#fff}.abm-tutorial-button-next{background:#3498db;color:#fff}.abm-tutorial-button-next:hover{background:#2980b9}.abm-tutorial-button-start{background:#3498db;color:#fff;font-weight:600}.abm-tutorial-button-start:hover{background:#2980b9}@media (max-width:768px){.abm-tutorial-overlay{padding:10px}.abm-tutorial{height:55vh;padding:15px;width:90%}.abm-tutorial-content{height:35vh}.abm-tutorial-page h2{font-size:22px}.abm-tutorial-page h3{font-size:16px}.abm-tutorial-page p{font-size:14px}.abm-tutorial-explanation-blocks{flex-direction:column;gap:15px}.abm-tutorial-block{max-width:none;min-width:auto}.abm-tutorial-insights-grid{flex-direction:column;gap:20px}.abm-tutorial-control-item{flex-direction:column;gap:15px;text-align:center}.abm-tutorial-control-text,.abm-tutorial-control-text p{text-align:center}.abm-tutorial-buttons{flex-direction:column;gap:10px;padding:0 10px}.abm-tutorial-left-space,.abm-tutorial-middle-buttons,.abm-tutorial-right-button{justify-content:center}}@media (max-width:480px){.abm-tutorial-overlay{padding:5px}.abm-tutorial{height:60vh;padding:15px 10px;width:95%}.abm-tutorial-content{height:360px}.abm-tutorial-page{padding:0 2%}.abm-tutorial-page h2{font-size:20px;margin-bottom:10px}.abm-tutorial-page h3{font-size:15px;margin-bottom:10px}.abm-tutorial-page p{font-size:14px;line-height:1.4;margin-bottom:10px}.abm-tutorial-grid{height:90px;width:150px}.abm-tutorial-policy-item{gap:10px;padding:10px}.abm-tutorial-policy-icon{height:30px;width:30px}.abm-tutorial-port-ban,.abm-tutorial-port-subsidy,.abm-tutorial-port-tax{font-size:16px}.abm-tutorial-chart{height:60px;width:100px}.abm-tutorial-control-item{padding:15px}.abm-tutorial-control-icon{height:50px;width:50px}.abm-tutorial-final-message{padding:20px}.abm-tutorial-final-message h3{font-size:18px}.abm-tutorial button{font-size:14px;padding:8px 15px}.abm-tutorial-buttons{padding:10px}.abm-tutorial-progress-dot{font-size:20px;margin:0 3px}.abm-tutorial-close-button{height:24px;width:24px}}@media (max-width:320px){.abm-tutorial{height:65vh;padding:10px 8px}.abm-tutorial-content{height:25vh}.abm-tutorial-page h2{font-size:18px;margin-top:10px}.abm-tutorial-page h3{font-size:14px}.abm-tutorial-page p{font-size:12px}.abm-tutorial-grid{height:70px;width:120px}.abm-tutorial-policy-text h4{font-size:14px}.abm-tutorial-policy-text p{font-size:12px}.abm-tutorial-control-text h4{font-size:14px}.abm-tutorial-control-text p{font-size:12px}.abm-tutorial button{font-size:13px;padding:7px 12px}.abm-tutorial-progress-dot{font-size:18px;margin:0 2px}.abm-tutorial-final-message{padding:15px}.abm-tutorial-final-message h3{font-size:16px}.abm-tutorial-final-message p{font-size:12px}}@media (max-height:600px){.abm-tutorial{height:55vh}.abm-tutorial-page h2{font-size:20px;margin-bottom:8px}.abm-tutorial-page p{margin-bottom:8px}}@media (max-height:550px) and (max-width:768px){.abm-tutorial-page h2{font-size:18px;margin-bottom:5px}}.abm-page{width:100%}.container{margin:0 auto;max-width:1300px;padding:0 20px}.content-section{background-color:#f5f7f9;min-height:auto;padding:30px 0}.abm-content{width:100%}.abm-content,.abm-main{display:flex;flex-direction:column;gap:24px}.visualization-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;height:650px;overflow:hidden}.loading-placeholder,.visualization-container{align-items:center;display:flex;justify-content:center}.loading-placeholder{background-color:#f8f9fa;color:#666;font-size:18px;height:100%;width:100%}.controls-container{gap:16px}.abm-sidebar,.controls-container{display:flex;flex-direction:column}.abm-sidebar{gap:24px}.error-message{background-color:#ffebee;border-left:4px solid #f44336;border-radius:4px;padding:12px 16px}.error-message h3{color:#d32f2f;font-size:16px;margin-bottom:8px;margin-top:0}.error-message p{color:#c62828;font-size:14px;margin:0}.simulation-info-panel{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:16px}.simulation-info-panel h3{border-bottom:1px solid #e0e0e0;color:#3498db;font-size:20px;margin-bottom:12px;margin-top:0;padding-bottom:10px}.simulation-info-panel p{color:#555;font-size:14px;line-height:1.5;margin:0 0 12px}.simulation-info-panel p strong{color:#333}.legend-list{list-style:none;margin:0;padding:0}.legend-list li{align-items:center;color:#555;display:flex;font-size:14px;margin-bottom:8px}.legend-icon{display:inline-block;font-size:16px;margin-right:8px}.legend-icon.port-ban{color:green}.legend-icon.port-allow{color:#000}.legend-icon.ship-regular{color:#00b300}.legend-icon.ship-scrubber{color:red}.legend-icon.trail{color:orange}.legend-icon.port-tax{color:gold}.legend-icon.port-subsidy{color:blue}.legend-icon.ship-red{color:red}.legend-icon.ship-cargo{color:blue}.legend-icon.ship-tanker{color:navy}.legend-icon.ship-fishing{color:gold}.legend-icon.ship-passenger{color:pink}.legend-icon.ship-other{color:gray}.legend-icon.ship-tug{color:orange}.legend-icon.ship-hsc{color:purple}.legend-icon.ship-dredging{color:brown}.legend-icon.ship-search{color:green}.loading-message{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.desktop-only{display:block}@media (max-width:1024px){.abm-content{grid-template-columns:1fr}.abm-sidebar{order:0}.simulation-info-panel{margin-bottom:16px;order:0}.simulation-dashboard{margin-bottom:16px;order:1}.loading-indicator-container{margin-bottom:8px;min-height:100px}.indicator-placeholder{display:flex;height:100px}.status-text{font-size:15px}.desktop-only{display:none!important}}@media (max-width:768px){.container>*{width:100%}.abm-content{display:flex;flex-direction:column;margin-bottom:10px}.abm-main{order:5}.abm-sidebar,.simulation-info-panel{margin-bottom:10px;order:0}.simulation-info-panel{margin-top:50px;padding:16px}.simulation-dashboard{margin-bottom:10px;order:1}.loading-indicator-container{margin-bottom:3px;min-height:80px;order:3}.indicator-placeholder{height:80px}.status-text{font-size:14px;padding:0 10px}.simulation-status-container{margin-bottom:3px;min-height:50px;order:4}}@media (max-width:480px){.loading-indicator .progress-section{max-width:100%;overflow-x:hidden;width:100%}.error-card,.simulation-ready{margin:8px 0;padding:10px}.abm-content{display:flex;flex-direction:column;gap:5px}.abm-sidebar,.simulation-info-panel{margin-bottom:8px;order:0}.simulation-info-panel{margin-top:40px;padding:14px}.simulation-dashboard{margin-bottom:8px;order:1}.loading-indicator-container{margin-bottom:2px;min-height:70px;order:3}.indicator-placeholder{height:70px}.status-text{font-size:13px}.simulation-status-container{margin-bottom:2px;min-height:50px;order:4}.abm-main{gap:8px;order:5}.loading-indicator{margin-bottom:0;padding:10px 8px}.content-section{padding:15px 0}.visualization-container{height:300px;margin-bottom:10px}.loading-indicator .loading-content{flex-direction:column;padding:15px}.loading-indicator .progress-container{width:90%}.loading-indicator .loading-step{padding:0 5px}.retry-button{display:block;font-size:16px;margin:10px auto 0;padding:10px 20px;width:80%}}.error-card{background-color:#ffebee;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px 0;padding:12px;text-align:center;width:100%}.error-card-container{display:flex;justify-content:center;margin-bottom:8px;order:4;width:100%}.error-card h3{color:#d32f2f;font-size:18px;margin-top:0}.error-card p{color:#b71c1c;margin:10px 0}.retry-button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;transition:background-color .3s}.retry-button:hover{background-color:#1565c0}.simulation-ready{background-color:#e8f5e9;border-left:5px solid #4caf50;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px 0;padding:12px;text-align:center}.simulation-ready h3{color:#2e7d32;font-size:18px;margin-top:0}.simulation-ready p{color:#388e3c;margin:10px 0}.simulation-status-container{display:flex;justify-content:flex-start;margin-bottom:8px;margin-top:0;min-height:60px;padding:0;position:relative;width:100%}.simulation-status-indicator{left:0;position:absolute;top:0}.loading-indicator-container{margin-bottom:8px;min-height:120px;padding:0;position:relative;width:100%}.loading-indicator-container .loading-indicator{left:0;position:absolute;top:0;width:100%}.simulation-dashboard{width:100%}.indicator-placeholder{align-items:center;background-color:#f5f7f9;border-radius:8px;display:flex;height:120px;justify-content:center;visibility:visible;width:100%}.placeholder-content{padding:15px;text-align:center}.status-text{font-size:16px;font-weight:500;margin:0;opacity:.7}.status-text.waiting{color:#666}.status-text.complete{color:#4caf50}.status-icon{display:inline-block;font-weight:700;margin-right:6px}@media (min-width:1025px){.abm-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:auto auto 1fr;margin-bottom:20px}.abm-sidebar{display:flex;flex-direction:column;grid-column:2;grid-row:1/span 3}.simulation-dashboard{order:1}.simulation-info-panel{margin-top:37.5px;order:2}.loading-indicator-container{grid-column:1;grid-row:1;margin-bottom:12px;min-height:120px}.simulation-status-container{grid-column:1;grid-row:2;margin-bottom:12px;min-height:60px}.abm-main{grid-column:1;grid-row:3;margin-bottom:0}.visualization-container{margin-bottom:16px}}@media (max-width:768px){.error-card{margin:0;max-width:100%;width:100%}.error-card-container{padding:0 10px;width:100%}}.ship-red{color:red}.ship-cargo{color:blue}.ship-tanker{color:navy}.ship-fishing{color:gold}.ship-passenger{color:pink}.ship-tug{color:orange}.ship-hsc{color:purple}.ship-dredging{color:brown}.ship-search{color:green}.ship-other{color:gray}.port-allow{color:green}.port-ban{color:red}.port-tax{color:gold}.port-subsidy{color:blue}.trail{color:orange}.abm-tutorial-button{align-items:center;background-color:#3498db;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;cursor:pointer;display:flex;height:36px;justify-content:center;left:20px;padding:2px;pointer-events:auto;position:fixed;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:999}.abm-tutorial-button:hover{background-color:#2980b9;box-shadow:0 4px 15px #00000040;transform:translateY(-50%) scale(1.05)}.abm-tutorial-button:disabled{cursor:not-allowed;opacity:.5}.abm-tutorial-button svg{filter:brightness(0) invert(1);height:24px;width:24px}@media (max-width:768px){.abm-tutorial-button{height:32px;left:15px;width:32px}.abm-tutorial-button svg{height:20px;width:20px}}@media (max-width:480px){.abm-tutorial-button{height:30px;left:12px;width:30px}.abm-tutorial-button svg{height:18px;width:18px}}@media (max-width:320px){.abm-tutorial-button{height:28px;left:10px;width:28px}.abm-tutorial-button svg{height:16px;width:16px}}.privacy-policy-container{color:#333;font-size:1rem;line-height:1.6;margin:0 auto;max-width:1200px;padding:2rem 1.5rem 8rem}.privacy-policy-header{border-bottom:1px solid #eaeaea;margin-bottom:2rem;padding-bottom:1rem}.privacy-policy-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.effective-date{color:#7f8c8d;font-style:italic;margin-top:.5rem}.privacy-policy-intro{font-size:1.1rem;margin-bottom:2rem}.privacy-policy-toc{background-color:#f8f9fa;border-radius:5px;box-shadow:0 2px 5px #0000000d;margin-bottom:2rem;padding:1.5rem}.privacy-policy-toc h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;margin-top:0}.privacy-policy-toc ol{column-count:2;column-gap:2rem;padding-left:1.5rem}.privacy-policy-toc li{break-inside:avoid;margin-bottom:.75rem;page-break-inside:avoid}.privacy-policy-toc a{color:#2c3e50;font-weight:600;text-decoration:underline;transition:color .2s}.privacy-policy-toc a:hover{color:#000;text-decoration:underline}.privacy-policy-section{margin-bottom:3rem;scroll-margin-top:80px}.privacy-policy-section h2{border-bottom:2px solid #eaeaea;color:#2c3e50;font-size:1.75rem;margin-bottom:1.25rem;padding-bottom:.5rem}.privacy-policy-section h3{color:#34495e;font-size:1.4rem;margin:1.5rem 0 .75rem}.privacy-policy-section p{margin-bottom:1rem}.privacy-policy-section ol,.privacy-policy-section ul{margin-bottom:1.5rem;padding-left:1.5rem}.privacy-policy-section li{margin-bottom:.5rem}.privacy-policy-section strong{color:#2c3e50;font-weight:600}.privacy-policy-section dl{margin-bottom:1.5rem}.privacy-policy-section dt{color:#2c3e50;font-weight:600;margin-top:1rem}.privacy-policy-section dd{margin-bottom:.75rem;margin-left:1rem}.privacy-policy-footer{border-top:1px solid #eaeaea;margin-top:3rem;padding-top:1.5rem}.privacy-policy-footer h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}@media (max-width:992px){.privacy-policy-container{padding:1.5rem 1.2rem 7rem}.privacy-policy-header h1{font-size:2.2rem}.privacy-policy-section h2{font-size:1.6rem}.privacy-policy-section h3{font-size:1.3rem}}@media (max-width:768px){.privacy-policy-container{padding:1.2rem 1rem 6rem}.privacy-policy-header h1{font-size:2rem;margin-top:2vh}.privacy-policy-intro{font-size:1rem}.privacy-policy-toc ol{column-count:1}.privacy-policy-section h2{font-size:1.5rem}.privacy-policy-section h3{font-size:1.2rem}}@media (max-width:480px){.privacy-policy-container{padding:1rem .8rem 5rem}.privacy-policy-header h1{font-size:1.8rem;margin-top:2vh}.privacy-policy-toc{padding:1rem}.privacy-policy-section{margin-bottom:2rem}.privacy-policy-section h2{font-size:1.4rem}.privacy-policy-section h3{font-size:1.1rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body,html{height:100%;width:100%}*{box-sizing:border-box}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin-top:0}:root{--primary-color:#3498db;--primary-dark:#2980b9;--secondary-color:#e3f2fd;--text-color:#333;--light-text:#7f8c8d;--background-color:#fff;--light-background:#f8f9fa;--border-color:#e9ecef}
/*# sourceMappingURL=main.7ce1530e.css.map*/