.bbm{display:block;width:100%;height:auto;font-family:'Jost',sans-serif;-webkit-tap-highlight-color:transparent}.bbm .grid line{stroke:rgba(232,212,170,.05);stroke-width:calc(var(--u)*1px)}.bbm .iso{fill:none;stroke:rgba(232,212,170,.13);stroke-width:calc(var(--u)*.8px)}.bbm .iso1{stroke:rgba(232,212,170,.085);stroke-dasharray:calc(var(--u)*5px) calc(var(--u)*4px)}.bbm .iso2{stroke:rgba(232,212,170,.055);stroke-dasharray:calc(var(--u)*1px) calc(var(--u)*4px);stroke-linecap:round}.bbm .shore-glow{fill:none;stroke:rgba(201,173,130,.22);stroke-width:calc(var(--u)*4px);stroke-linejoin:round}.bbm .shore{fill:none;stroke:#c9ad82;stroke-width:calc(var(--u)*1.15px);stroke-linejoin:round}.bbm .sea-name{font-family:'Playfair Display',serif;font-style:italic;font-size:calc(var(--u)*12.5px);letter-spacing:.32em;fill:rgba(232,212,170,.34)}.bbm .town{font-size:calc(var(--u)*9.5px);font-weight:500;letter-spacing:.34em;fill:rgba(244,242,237,.42)}.bbm .town.isle{font-size:calc(var(--u)*12px);letter-spacing:.42em;fill:rgba(244,242,237,.55)}.bbm .leg{fill:none;stroke:rgba(244,242,237,.62);stroke-width:calc(var(--u)*1.7px);stroke-linecap:round;stroke-dasharray:0 calc(var(--u)*5.2px)}.bbm .leg.off{opacity:0}.bbm .leg-gold{fill:none;stroke:#e6cfa0;stroke-width:calc(var(--u)*2.8px);stroke-linecap:round;stroke-dasharray:0 calc(var(--u)*5.2px);opacity:0;transition:opacity .25s}.bbm .leg-gold.on{opacity:1}.bbm .port-ring{fill:#0b1d30;stroke:#e6cfa0;stroke-width:calc(var(--u)*1.4px)}.bbm .anchor{fill:none;stroke:#e6cfa0;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bbm .stop{cursor:pointer;outline:none}.bbm .stop .halo{fill:rgba(230,207,160,0);transition:fill .25s}.bbm .stop .dot{fill:#f4f2ed;stroke:#0b1d30;stroke-width:calc(var(--u)*1.6px);transition:fill .25s,r .25s}.bbm .stop:hover .halo,.bbm .stop.on .halo{fill:rgba(230,207,160,.22)}.bbm .stop:hover .dot,.bbm .stop.on .dot{fill:#e6cfa0}.bbm .lbl{font-family:'Playfair Display',serif;font-style:italic;font-size:calc(var(--u)*14px);fill:#f4f2ed;paint-order:stroke;stroke:#0b1d30;stroke-width:calc(var(--u)*3.4px);stroke-linejoin:round;transition:fill .25s}.bbm .lbl.on{fill:#e6cfa0}.bbm .port-lbl{font-family:'Jost',sans-serif;font-style:normal;font-weight:600;font-size:calc(var(--u)*11.5px);letter-spacing:.24em;fill:#e6cfa0;text-transform:uppercase}.bbm .leader{stroke:rgba(244,242,237,.35);stroke-width:calc(var(--u)*.8px)}.bbm .border{fill:none;stroke:rgba(201,173,130,.5);stroke-width:calc(var(--u)*1px)}.bbm .border2{fill:none;stroke:rgba(201,173,130,.2);stroke-width:calc(var(--u)*.7px)}.bbm .tick{stroke:rgba(201,173,130,.6);stroke-width:calc(var(--u)*.8px)}.bbm .coord{font-size:calc(var(--u)*7.5px);letter-spacing:.12em;fill:rgba(232,212,170,.5)}.bbm .compass .c1{fill:rgba(11,29,48,.6);stroke:rgba(201,173,130,.45);stroke-width:.8}.bbm .compass .c2{fill:none;stroke:rgba(201,173,130,.25);stroke-width:.6;stroke-dasharray:1 2}.bbm .compass .n{fill:#e6cfa0}.bbm .compass .s{fill:rgba(232,212,170,.35)}.bbm .compass .nn{font-size:8px;font-weight:600;letter-spacing:.1em;fill:#e6cfa0}.bbm .scale line{stroke:rgba(232,212,170,.55);stroke-width:calc(var(--u)*1px)}.bbm .zoom-box{fill:rgba(230,207,160,.06);stroke:#e6cfa0;stroke-width:calc(var(--u)*1.1px);stroke-dasharray:calc(var(--u)*3px) calc(var(--u)*3px)}.bbm .zoom-line{stroke:rgba(230,207,160,.35);stroke-width:calc(var(--u)*.8px)}.bbm .zoom-shadow{fill:#081626;stroke:rgba(201,173,130,.55);stroke-width:calc(var(--u)*1px)}.bbm .bbm-inner{width:auto;height:auto}.bbm .lbl-note{font-family:'Jost',sans-serif;font-style:normal;letter-spacing:.06em;fill:rgba(244,242,237,.7)}@media (prefers-reduced-motion:reduce){.bbm .leg-gold{transition:none}}