.mgl-map-wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}
.mgl-map-wrapper .mapboxgl-map {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.map-container[data-v-13ef9af7] {
  width: 100%;
  height: 100%;
  position:absolute;
  top:0;
  bottom:0;
}
.text-monospace[data-v-13ef9af7] {
  font-family:monospace;
}
/* the tracker sits in the site's #content-body, whose ID rules style headings, paragraphs and lists;
   everything here goes under the tracker's own ID to win */
#vue-yacht-tracker[data-v-2deb872f] {
  /* :where keeps this reset below the classes that follow */
  /* uppercase labels, as the timeline's */
  /* landscape, with the wind controls reopened beside the card: just the header */
  /* the name and owner wrap rather than truncate */
  /* hover, focus and long-press labels, styled like the control rail's (MapControlRail .rail-tip) */
  /* DTG starts from the left; DTL, near the card's right edge, from the right */
  /* the standings scroll when the card is capped */
  /* timing tower: navy place, category colour, then the movement. Two rows show, then the top of a
     third; more scroll. Where the card is capped shorter than that (short maps) and the section scrolls
     anyway, the tower drops its own height, so there's one scroll and its last rows aren't cut off */
  /* the key sits under the list, on its left edge */
  /* small phones and landscape phones: the header's buttons are 29px, as the rail's and MapLibre's
     (SMALL_RAIL_QUERY in YachtTracker) */
  /* a mouse doesn't need 44px buttons (24px is WCAG 2.5.8's minimum); touch keeps them */
}
#vue-yacht-tracker .yacht-card[data-v-2deb872f] :where(h2, h3, p, ol, li, dl, dt, dd) {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
#vue-yacht-tracker .yacht-card[data-v-2deb872f] :where(ol) {
  list-style: none;
}
#vue-yacht-tracker .vh[data-v-2deb872f] {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
#vue-yacht-tracker .yc-label[data-v-2deb872f] {
  font-family: Din_Med, Arial;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5b6478;
}
#vue-yacht-tracker .yacht-card[data-v-2deb872f] {
  container: yacht-card / inline-size;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: var(--card-max-height, none);
  /* leaves some map above it; see YachtTracker measureRaceBar */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 8px 6px 12px;
  border-bottom: 1px solid #e1e5ee;
  /* joined to the timeline below */
  color: #1b2754;
  font-family: Din_Reg, Arial;
}
#vue-yacht-tracker .yc-top[data-v-2deb872f],
#vue-yacht-tracker .yc-stats[data-v-2deb872f] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
#vue-yacht-tracker .yacht-card.is-squeezed .yc-stats[data-v-2deb872f],
#vue-yacht-tracker .yacht-card.is-squeezed .yc-more[data-v-2deb872f] {
  display: none !important;
  /* over v-show */
}
#vue-yacht-tracker .yc-top[data-v-2deb872f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
#vue-yacht-tracker .yc-flag[data-v-2deb872f] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 9px;
  height: 17px;
  margin-top: 4px;
  -o-object-fit: contain;
     object-fit: contain;
}
#vue-yacht-tracker .yc-title[data-v-2deb872f] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
#vue-yacht-tracker .yc-name[data-v-2deb872f] {
  font-family: Din_Reg, Arial;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
#vue-yacht-tracker .yc-link[data-v-2deb872f] {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: #9aa3b8;
  text-underline-offset: 4px;
}
#vue-yacht-tracker .yc-link[data-v-2deb872f]:hover {
  text-decoration-color: currentColor;
}
#vue-yacht-tracker .yc-link[data-v-2deb872f]:focus-visible {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
  border-radius: 2px;
}
#vue-yacht-tracker .yc-who[data-v-2deb872f] {
  margin-top: 2px;
  overflow-wrap: anywhere;
}
#vue-yacht-tracker .yc-btn[data-v-2deb872f] {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #eef1f7;
  color: #1b2754;
  font-size: 0.875rem;
  cursor: pointer;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-touch-callout: none;
}
#vue-yacht-tracker .yc-btn.is-on[data-v-2deb872f] {
  background: #1b2754;
  color: #fff;
}
#vue-yacht-tracker .yc-btn[data-v-2deb872f]:focus-visible {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
}
#vue-yacht-tracker .yc-status[data-v-2deb872f] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 6px;
  background: #eef1f7;
  font-family: Din_Med, Arial;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
#vue-yacht-tracker .yc-status img[data-v-2deb872f] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 7px;
  height: 13px;
  -o-object-fit: contain;
     object-fit: contain;
}
#vue-yacht-tracker .yc-stats[data-v-2deb872f] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 6px;
  line-height: 1.25;
}
#vue-yacht-tracker .yc-stats dd[data-v-2deb872f] {
  font-family: Din_Med, Arial;
  font-size: 1rem;
}
#vue-yacht-tracker .yc-unit[data-v-2deb872f] {
  margin-left: 3px;
  font-family: Din_Reg, Arial;
  font-size: 0.75rem;
  color: #5b6478;
}
#vue-yacht-tracker .yc-abbr[data-v-2deb872f] {
  position: relative;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  text-underline-offset: 3px;
  cursor: help;
  border-radius: 2px;
  -webkit-touch-callout: none;
}
#vue-yacht-tracker .yc-abbr[data-v-2deb872f]:focus-visible {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
}
#vue-yacht-tracker .yc-tip[data-v-2deb872f] {
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(100% + 10px);
  height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  border-radius: 8px;
  background: #1b2754;
  color: #fff;
  font-family: Din_Med, Arial;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  -webkit-box-shadow: 0 4px 14px rgba(16, 24, 60, 0.3);
          box-shadow: 0 4px 14px rgba(16, 24, 60, 0.3);
  pointer-events: none;
}
#vue-yacht-tracker .yc-tip[data-v-2deb872f]::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 16px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1b2754;
}
#vue-yacht-tracker .yc-abbr--dtg .yc-tip[data-v-2deb872f] {
  right: auto;
  left: -4px;
}
#vue-yacht-tracker .yc-abbr--dtg .yc-tip[data-v-2deb872f]::after {
  right: auto;
  left: 10px;
}
#vue-yacht-tracker .yc-abbr--dtl .yc-tip[data-v-2deb872f]::after {
  right: 10px;
}
#vue-yacht-tracker .show-tip > .yc-tip[data-v-2deb872f],
#vue-yacht-tracker .yc-btn:focus-visible > .yc-tip[data-v-2deb872f],
#vue-yacht-tracker .yc-abbr:focus-visible > .yc-tip[data-v-2deb872f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (hover: hover) {
#vue-yacht-tracker .yc-btn[data-v-2deb872f]:not(.is-on):hover {
    background: #e1e5ee;
}
#vue-yacht-tracker .yc-btn:hover > .yc-tip[data-v-2deb872f],
  #vue-yacht-tracker .yc-abbr:hover > .yc-tip[data-v-2deb872f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}
#vue-yacht-tracker .hide-tips .yc-tip[data-v-2deb872f] {
  display: none !important;
}
#vue-yacht-tracker .yc-more[data-v-2deb872f] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-height: 0;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  margin-top: 8px;
  padding-bottom: 2px;
}
#vue-yacht-tracker .yc-more[data-v-2deb872f]:focus-visible {
  outline: 2px solid #1b2754;
  outline-offset: -2px;
}
#vue-yacht-tracker .yc-standings-top[data-v-2deb872f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
#vue-yacht-tracker .yc-standings-h[data-v-2deb872f] {
  font-weight: normal;
}
#vue-yacht-tracker .yc-status-side[data-v-2deb872f] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
#vue-yacht-tracker .yc-note[data-v-2deb872f] {
  margin-bottom: 6px;
  font-size: 0.875rem;
  color: #5b6478;
}
#vue-yacht-tracker .tower[data-v-2deb872f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  max-height: 72px;
  /* two 28px rows, their 2px gaps and 12px of the third */
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  padding: 0;
  list-style: none;
}
#vue-yacht-tracker .tower[data-v-2deb872f]:focus-visible {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
  border-radius: 6px;
}
#vue-yacht-tracker .yc-more.is-scrolling .tower[data-v-2deb872f] {
  max-height: none;
  overflow-y: visible;
}
#vue-yacht-tracker .trow[data-v-2deb872f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 28px;
  border-radius: 6px;
  background: #f1f3f8;
  overflow: hidden;
}
#vue-yacht-tracker .tpos[data-v-2deb872f] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: grid;
  place-items: center;
  width: 34px;
  background: #1b2754;
  color: #fff;
  font-family: Din_Med, Arial;
  font-size: 0.9375rem;
}
#vue-yacht-tracker .tstripe[data-v-2deb872f] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 4px;
}
#vue-yacht-tracker .tname[data-v-2deb872f] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  font-family: Din_Med, Arial;
  font-size: 0.875rem;
}
#vue-yacht-tracker .mv[data-v-2deb872f] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  font-size: 0.625rem;
}
#vue-yacht-tracker .mv.up[data-v-2deb872f] {
  color: #2e7d32;
}
#vue-yacht-tracker .mv.down[data-v-2deb872f] {
  color: #c62828;
}
#vue-yacht-tracker .mv-dot[data-v-2deb872f] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7a8399;
}
#vue-yacht-tracker .c-lh[data-v-2deb872f] {
  background: #2e7d32;
}
#vue-yacht-tracker .c-irc[data-v-2deb872f] {
  background: #c62828;
}
#vue-yacht-tracker .c-phs[data-v-2deb872f] {
  background: #1d4ed8;
}
#vue-yacht-tracker .c-orci[data-v-2deb872f] {
  background: #b45309;
}
#vue-yacht-tracker .c-syd[data-v-2deb872f] {
  background: #7e22ce;
}
#vue-yacht-tracker .c-other[data-v-2deb872f] {
  background: #5b6478;
}
#vue-yacht-tracker .tnote[data-v-2deb872f] {
  margin-top: 4px;
}
@media (max-width: 480px) and (max-height: 700px), (max-height: 480px) {
#vue-yacht-tracker .yacht-card .yc-btn.yc-btn[data-v-2deb872f] {
    width: 29px;
    height: 29px;
    border-radius: 4px;
    font-size: 0.75rem;
}
}
@media (pointer: fine) {
#vue-yacht-tracker .yacht-card .yc-btn[data-v-2deb872f] {
    width: 36px;
    height: 36px;
}
}
/* the desktop card: the stats go beside the name, so the peek is one row. A media query, not the card's
   container query, because it lays out the card itself */
@media (min-width: 1000px) {
#vue-yacht-tracker .yacht-card[data-v-2deb872f] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto auto;
    grid-template-rows: auto minmax(0, auto);
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* their own columns, so they stay put when the expanded card drops the bare flag */
}
#vue-yacht-tracker .yacht-card .yc-top[data-v-2deb872f] {
    display: contents;
}
#vue-yacht-tracker .yacht-card .yc-flag[data-v-2deb872f] {
    grid-column: 1;
    grid-row: 1;
}
#vue-yacht-tracker .yacht-card .yc-title[data-v-2deb872f] {
    grid-column: 2;
    grid-row: 1;
}
#vue-yacht-tracker .yacht-card .yc-stats[data-v-2deb872f] {
    grid-column: 3;
    grid-row: 1;
    grid-template-columns: repeat(4, auto);
    -webkit-column-gap: 14px;
       -moz-column-gap: 14px;
            column-gap: 14px;
    margin: 0 6px 0 0;
}
#vue-yacht-tracker .yacht-card .yc-top > .yc-btn[data-v-2deb872f] {
    grid-row: 1;
}
#vue-yacht-tracker .yacht-card .yc-top > .yc-btn[data-v-2deb872f]:nth-of-type(1) {
    grid-column: 4;
}
#vue-yacht-tracker .yacht-card .yc-top > .yc-btn[data-v-2deb872f]:nth-of-type(2) {
    grid-column: 5;
}
#vue-yacht-tracker .yacht-card .yc-top > .yc-btn[data-v-2deb872f]:nth-of-type(3) {
    grid-column: 6;
}
#vue-yacht-tracker .yacht-card .yc-more[data-v-2deb872f] {
    grid-column: 1 / -1;
}
}
/* wide enough for a row to fit its category (phones too): two columns, read across, then down (a grid in
   the DOM's order), with narrower ends so "Line Honours" fits on one line. Scoped styles don't reach inside
   @container, so the ID and the doubled .yacht-card give these the weight */
@container yacht-card (min-width: 310px) {
#vue-yacht-tracker .yacht-card.yacht-card .tower {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 8px;
}
#vue-yacht-tracker .yacht-card.yacht-card .tname {
    padding: 0 6px;
}
#vue-yacht-tracker .yacht-card.yacht-card .mv {
    width: 22px;
}
}
/* reset defaults */
ul[data-v-97cad2ce] {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul[data-v-97cad2ce] {
  background-color: #ebecf0;
  padding: 10px;
}
ul li[data-v-97cad2ce] {
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25);
          box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25);
  cursor: pointer;
  display: block;
  margin-bottom: 8px;
  min-height: 20px;
  position: relative;
  text-decoration: none;
  z-index: 0;
  padding: 10px 12px 10px 12px;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul li.ripple[data-v-97cad2ce] {
  background-position: center;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  cursor: pointer;
}
ul li.ripple[data-v-97cad2ce]:hover {
  background: #e3e6ea radial-gradient(circle, transparent 1%, #e3e6ea 1%) center / 15000%;
}
ul li.ripple[data-v-97cad2ce]:active {
  background-color: #b4bfce;
  background-size: 100%;
  -webkit-transition: background 0s;
  transition: background 0s;
}
ul li .yacht-name-wrapper[data-v-97cad2ce] {
  width: 67%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
ul li .yacht-name[data-v-97cad2ce] {
  font-family: Din_Med, Arial;
  font-size: 1rem;
  margin-bottom: 0.3rem;
  height: 1.2rem;
  line-height: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul li .yacht-divisions[data-v-97cad2ce] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  /* ie 11 */
}
ul li button.favourite-icon[data-v-97cad2ce] {
  width: 48px;
  height: 48px;
  font-size: 1.25rem;
  color: #ff0000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: unset;
  border: none;
}
.yacht-status-icon[data-v-97cad2ce] {
  background-size: contain;
  background-repeat: no-repeat;
  width: 1rem;
  height: 2rem;
  margin-right: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1rem;
          flex: 0 0 1rem;
}
.is-racing[data-v-97cad2ce] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAAXNSR0IArs4c6QAAAp9JREFUSA2Vlc9rE0EUx9822bTWVuvJa4InwUP16MXYk6BCLuJJsOBFLwUvoh6kJ6H+Ax4UfxwKHiQUadFTLEVQCDRUrOAPaMVDD2r8kfRHNpvxfWd3trOZ2W0y8Hg/57Pvzc4mRElr4W+Jylv5pHR3fKA7IP0X9SIJp0w5/441bwnaQRk3BIjLvXZlguYb4yREMXpoj12ZIBKlCCKN3royQY5zKg5ir4euTBBR3gDR3l2ZICEsoL27MkFmO2Ekvas+QOld9QdKOav+QMMOXTwyYL3tjnEk8/9ELMabZwo5unA4S/mhqLzgOM5arM5wAArl5ueWSFiPjH1GIIQ8+O4lMKJw3tgbCyw0KjNriZ1EFDbSu7q02qro1br9fMMTpZVtQUvNYHzt9yob64adp0fdGquiHq/86tDEyhbRZvw9hN/gJGptr39dh9z64tHE200TIot2b7sNhI7kurfu0d1PO8q1a7c9hUR0MVQVn8kY2/VlvgUnlpoqnKZ/U6tdMEDYwbB69t32mP+znQbQc9O20ehDQ9T6gAA4ZQUdqzYX9ccl2DjLaeq0TyeORvgDILFsBeAb871JOn/otZ63dkRnR2pk/Sidx7TjHe+GAKgupH7ogS3EHOflq5VPhn9u9Iq0d+9fdEPRETZCYGdYAHfp4/v7rMMl/tDLJ9fYGWRxQ0Ed6iUDAOVAK1Cgyz/4b3vwJH37ep2ujj/jfCcU3AslMqZ3kePkEMswyyjLAVqtzrImenjjjfSJDrJGboRlP8s+FuzLqNGgg5GC1pHM0e0zi1TfmKPqK/5io5GCXOBH42E0JBREFUHjLDCiOkMcLMbwWTyWViiwPQCQxLyqEDaK1NN0EGqQBwwaENg+itR4agN8FVOaQ3KphymNJmCL/6teWpkAQduPAAAAAElFTkSuQmCC);
}
.is-div-leader[data-v-97cad2ce] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAAXNSR0IArs4c6QAAAupJREFUSA2NVb9PFFEQnrcHCAKKIMZoTPwLBMXERCkWC0NloLMg0VIrUUoL7RUEOgsjxk4TEC0wseAUjkSUcOKPVqKihBg4CIpwd/ucb7mRfW934V4ymTcz33z7vdlfRDGrc9o9GlOKTJdEZTvTpx8kKAuilqh6VE7Zyc7pZtdRehR5T6uW3uPjSRsTFTt20lHqquQSSt+U/U7eUHRrurFmRVUuBZuKVWUoylBVY5AE+2JVGUQcuDaR5hzmZuft2CAiUnttAOJiVBlESnmho4GoGFUGEZri1k6qiibaSVXRRHWlR6iprjX2uYp8ReR4FYkacusvUFPtOdpXegBpt0PfcJVSScGIN4i0dtKkPBfFU7VtdP7QZSpPVAlWPFQlJRBvEPH9WUah/XAXNe9vF4ztXa11SJU5I0dnoGQbEp/0w/JYaFbGuzby85Hr1reN2sf5m1+ld0sv6e3iCH1f++yT2e+gcbTWgx0Z+xxTTDA010drebNUeK6SgjcUIcnn50dmcz3+dofeLD6VMOSDqswZbULTcOO/hrYl8aHKu7jZQhRFNLuUXaAX8/cFE+sdUpfk2x5F9D61MBiaSSyb2vDvYIhodjWdnFl+FdsXLPCAkxKHho3C9fSZ/wMXoHg0a8d52HNsbEBy8Mbt3yo4fKu8tq24sFN0rbsh1RvKcyJ0NB/k0LANzuXobE9Dqs/OSyxEOKKYo38sPuM4I6Ccp7v6T6Zecwx8ouCxlx4VDARUcrf1028vr58zkLw8jfWfmLjH23K2XWylBcNYhNQnEgIAAKxgq5ybXB1gTytz64PsatjwY9hTsEr2IC5jQ1+JkIAdSRR3s1U/uTLzdf2PNzl++8sEx0IAsmo2fKRAhouiLwFpIhEJMSgr43dp6uPwPP68ckF4GGaDhccE5iGBZpBBohDBI8aFZKB+A8d5tizbRsGwz4LAY8uxCRB7gERpkAgY1EEGDxLs8wCJVGkIypcaw/wlFxMPEdjrf9rO6C0O7IuNAAAAAElFTkSuQmCC);
}
.is-race-leader[data-v-97cad2ce] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAAXNSR0IArs4c6QAAAoBJREFUSA21lb9rFEEUx9+el5gfRDfGQMq1MoXGWAdkwU6bSBrtEsFabWwTEP8HsbGxE9GAIKYxIkRFQQkqWJ2lEPQStRDPzfP7ndvZu5kdby+IC1/mvTfvfebN7C+R/3mpxPMqE6pyeOWf1gGk0QZNNFWSuB9YzU9SmZxFLMnjgPy44ueE/BJIROfdRL3s+mEvBDrhpcboctGLldwQKCllye5yOeZGAqCIZ+RfSVVXAZDPsH7W86z2AIpmVaZSi/XHPYBY+vOvZ9U/6NhRkYvnU33+KvW7Cfr5E43Xg68IdPWa6vsP2nXdDhb6wQIwPK364mVXvWMmfl3JVzn0Rglxu3AocKq7wpv/RB+v+YWuv/MN2457d6U3b913q3KP2+R5sdt+PjEoW3FAXH35eufw7U2Qik8MIIsFiJD0TAhS3RUgaQE6d6EHxDwezdLd6g4Y0N17VZB8vv2JiboB1gaoIcfnEnn30YZ6jZ8i+XIk/Io823jbJ4QL4MM3lYZBp84+7dWCSLYuUlsSGRtHN9Dn9Xq4YACJu6GpbUCWItl+0J7cCuW4MTx0jeK9az87+DVNnnSzOp7dGg/dijGottpJoxWdjmRrE8Y+KM8palhrHE4wgVsdhPZvyth0p6PxG4iNQiPQEOch5jHfgC2ZzgDEhGFodEa+f8W4AcmlwdYdDAehA7kIJZAw1tUtoOgkT+DKIwsyVEdltJDtPILPRShTiNF0gpHbUgJosDPaTKLMSjPSfPhaYsYpXgox15wJRt5aKmPA7tUC6NuWuSpzKEJMEcYW9CsX7RZX4uRvyCbSZhLnfBBzOJ/lIyG0TUe2VbuyvQH07RxMc9nF7MgmaOsfYF2h0ojnUJQAAAAASUVORK5CYII=);
}
.is-retired[data-v-97cad2ce] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAAXNSR0IArs4c6QAAArdJREFUSA2NkztvGkEQx/dsTCAPApZwhwQCiQIpSosoAlJaJH8D7DJVUtDnE+RV5QtEaSiSVOkCLoAmBQE6jGKLBglMiAuH92X+pxu0xy5wI41mdx6/m9ndE2KL1Gq103q9Ht0SVtwHiocc1Wr1KZkvq9XqtS6u82lBhmG8QzLZM7ddKSC7myx/1W1XCogApwyBdduVAqLCZzIIazddKSCqi6JYFjdduQIBuq8rHUhuZr3e15UDVC6Xg+tKzWJXVw6Qz+fDQ9wqu7pygCaTSWMrxQ74/X7tazc2C+kfM2Wfx+MRoVBInJyciEAgwKEYdXfFG1iPvNlcHx8fi3g8LgDbEHR1Lvsco8mBRCIhksmkDoK0M9M0o3K+DtSIRCIiHA7Lebq146yUM2q32+VUKpXVVU6nUzEajSxdLpfi7u4ulk6nr5CrDE8Q3FwWQRYALi8vxe3tLbssS+Otz0o32l85ezAYiGazqUCQI78rHajCIEDQyWKxYJdi6bWfwamckX0bvzEOOtkFsaljyo0pHdkPbdzr9dxAwAp6vd5XCgiR+XzewFhuhT7+Urk1FLdarQsyWaz3yFeKXxCooQXNZrMKJTgenAQc0zl+oJz3uVxuzH7lsDlAP+8fWgd5b9sGQc4zmQzemkP4jABkhe+ArvWbnEmAX51O5zlBWojbyjUGHLzB+pAU4x71+/2PZNdyfX39olAo/CPHka3IQ77FAIQ3sAyybKVS+UFXm7q5uXmbz+ffUHxlK14oq+WTu/BS0Ed6n/QRaaDb7X4iK0ql0nfsSR+TIvaQ9AGpnxR1h3IHcLDew3o4HPbpTJ4Ui8XPSCbFh61RyEJMW1cIcgLGlBMNet0zOuSf9Kvgt8cIS1sx1pwU1vKhGIcmj4g9Kz7Cl8Ff52KGrUHcKhfIXXGMeJYAhs7Y8tr8D4n/C2r8sOWrAAAAAElFTkSuQmCC);
}
.is-record-holder[data-v-97cad2ce] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAAXNSR0IArs4c6QAAAqRJREFUSA2VVb9rFFEQ/tbkTs1pPLGXSyUoygmxE4yNhTZpLKxiwEoip3+BFxEsLILgr8qkjDZyxkIUNSLaKCaiiFY5ISoWugmCRc7kOd+y89jbndvjBubmezPf+97s27fvAMPcDVTFQ3cd00bZTG0yswGmJF9GgNNuChWTk0pmhKKJDiOeV8BFj3NARggFjLbxA4y6aemui2WFAhxJzSnjL86ncplhVgioZlhArVtXllDFEOralSVk6ESp3K56EcrtqhchttWxq16Fyth93HyDQXpD5NNwbbmijPaOAXsmgF3DLK2IDwVBwOit3yMLVEVgWL6W4s5ktSwDdlVPJjOYHUX++abLsVBqFOxsIrLg3l/O0fClemcVqbiXJ597ahp8f+zcqzHnGgV2HSZPe3aPDt9bFL2RttV+PAHenACWW8m0nqs6k9brX02y8eUWcP9YWkQp/lxZQvPKikSenvVDA2hXcgemTLalIqkl/HoL3D2UqprDFQzIubJKIhbiQbGc2hOLqrlJ69GA8ONiDyIUq9lCc/tf6FI5sSm1SWzgKNZw0H40+TsS0kIHkaZMHg/OYT5ZN4VIkAO3JKFC7M1hBiVcCMajD9enCfRAJgUVN6Re82yHRjCBM/FYt8TfFExwIp24T5zihQ/LuC1R7evsO/BAbRYvxE4e+ZEGf1SABBK3ipcOXMFvtPBaMJo/ce3UHSIMxl6SuEWctxXn9asI1ZlkcUB8u/jgp2+Yk2vuz9AlPOJYfEdc2yaRYlyU8/qitgQwRo8kkSuwWNx3FQ/DVTyzajHPPx73hpNUJBKIcxTkHugecmM3xNfFeQ2sxU7cogCL/8SVSEySrpYUIod1ijFShHhd35aSdZx8ZObUdDGNbILYKUkjJyjWmMxxkpriKP4HQkER5VussMQAAAAASUVORK5CYII=);
}
[class^="div-"][data-v-97cad2ce] {
  background-color: lightblue;
  border-radius: 10px;
  height: 20px;
  margin-right: 4px;
  font-size: 0.75rem;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  line-height: 1.25rem;
  font-family: Din_Med, Arial;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.is-selected [class^="div-"][data-v-97cad2ce] {
  background-color: white;
  color: #1787cb;
}
.div-lh[data-v-97cad2ce] {
  background-color: rgba(54, 192, 0, 0.1);
  color: #36c000;
}
.div-irc[data-v-97cad2ce] {
  background-color: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}
.div-circ[data-v-97cad2ce] {
  background-color: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}
.div-orci[data-v-97cad2ce] {
  background-color: rgba(255, 166, 0, 0.1);
  color: #ffa600;
}
.div-phs[data-v-97cad2ce] {
  background-color: rgba(0, 60, 255, 0.1);
  color: #003cff;
}
.div-cphs[data-v-97cad2ce] {
  background-color: rgba(0, 60, 255, 0.1);
  color: #003cff;
}
.div-syd38[data-v-97cad2ce] {
  background-color: rgba(140, 0, 255, 0.1);
  color: #8c00ff;
}
.div-other[data-v-97cad2ce] {
  background-color: rgba(121, 121, 121, 0.1);
  color: #797979;
}
.map-control-rail[data-v-4e6085bb] {
  position: absolute;
  z-index: 3;
  top: 30px;
  /* below the MapLibre attribution */
  right: 12px;
}
.rail[data-v-4e6085bb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 18px rgba(16, 24, 60, 0.25);
          box-shadow: 0 4px 18px rgba(16, 24, 60, 0.25);
}
.rail--wind[data-v-4e6085bb] {
  margin-top: 8px;
}
.rail-btn[data-v-4e6085bb] {
  position: relative;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  background: #fff;
  color: #1b2754;
  display: grid;
  place-items: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  /* no overflow:hidden on the rail (it would clip the labels), so round the ends here */
}
.rail-btn[data-v-4e6085bb]:last-child {
  border-radius: 0 0 10px 10px;
}
.rail-btn + .rail-btn[data-v-4e6085bb] {
  border-top: 1px solid #e1e5ee;
}
.rail-btn svg[data-v-4e6085bb] {
  width: 22px;
  height: 22px;
}
.rail-btn[data-v-4e6085bb]:focus-visible {
  outline: 3px solid #1f6feb;
  outline-offset: -3px;
  z-index: 1;
}
.rail-btn.is-active[data-v-4e6085bb] {
  background: #1b2754;
  color: #fff;
}
/* only on mobile (see media query below), so Fit is the top button on desktop */
.rail-btn--fleet[data-v-4e6085bb] {
  display: none;
}
.rail-btn.rail-btn--fit[data-v-4e6085bb] {
  border-top: 0;
  border-radius: 10px 10px 0 0;
}
.rail-btn.rail-btn--wind[data-v-4e6085bb] {
  border-radius: 10px;
}
/* the wind controls join on below (see YachtTracker .map-controls); no shadow onto them */
.wind-open .rail--wind[data-v-4e6085bb] {
  border-radius: 10px 10px 0 0;
  clip-path: inset(-100vh -100vw 0 -100vw);
}
.wind-open .rail-btn.rail-btn--wind[data-v-4e6085bb] {
  border-radius: 10px 10px 0 0;
}
/* or join on to the left on short maps; Wind's label goes below, out of their way */
.wind-open.wind-beside .rail--wind[data-v-4e6085bb] {
  border-radius: 0 10px 10px 0;
  /* no shadow onto them, beside the card only, so Wind's label below still shows */
  clip-path: polygon(0 -100vh, calc(100% + 100vw) -100vh, calc(100% + 100vw) calc(100% + 100vh), -100vw calc(100% + 100vh), -100vw 100%, 0 100%);
}
.wind-open.wind-beside .rail-btn.rail-btn--wind[data-v-4e6085bb] {
  border-radius: 0 10px 10px 0;
}
.wind-open.wind-beside .rail-btn--wind .rail-tip[data-v-4e6085bb] {
  right: 0;
  top: calc(100% + 12px);
  -webkit-transform: none;
          transform: none;
}
.wind-open.wind-beside .rail-btn--wind .rail-tip[data-v-4e6085bb]::after {
  right: 18px;
  top: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 0;
  border-bottom: 6px solid #1b2754;
}
.rail-tip[data-v-4e6085bb] {
  display: none;
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  border-radius: 8px;
  background: #1b2754;
  color: #fff;
  font-family: Din_Med, Arial;
  font-size: 14px;
  white-space: nowrap;
  -webkit-box-shadow: 0 4px 14px rgba(16, 24, 60, 0.3);
          box-shadow: 0 4px 14px rgba(16, 24, 60, 0.3);
  pointer-events: none;
}
.rail-tip[data-v-4e6085bb]::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 10px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #1b2754;
}
.show-tip .rail-tip[data-v-4e6085bb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (hover: hover) {
.rail-btn[data-v-4e6085bb]:hover {
    background: #f1f3f8;
}
.rail-btn:hover.is-active[data-v-4e6085bb] {
    background: #1b2754;
}
.rail-btn:hover .rail-tip[data-v-4e6085bb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}
/* the popover sits where the labels would */
.layers-open .rail-tip[data-v-4e6085bb] {
  display: none !important;
}
.layers-popover[data-v-4e6085bb] {
  position: absolute;
  top: 0;
  right: calc(100% + 10px);
  width: 228px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 12px 8px;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 18px rgba(16, 24, 60, 0.25);
          box-shadow: 0 4px 18px rgba(16, 24, 60, 0.25);
  color: #1b2754;
}
/* matches the "Wind forecast" title; the extra classes outrank the site's
   .rs-content-grid .rs-content-main .rs-content-body h2 */
.map-control-rail .layers-popover .layers-popover-head h2[data-v-4e6085bb] {
  margin: 0 !important;
  /* site heading styles */
  font-family: Din_Med, Arial;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #1b2754;
}
.layers-popover-head[data-v-4e6085bb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4px;
}
.layers-popover-close[data-v-4e6085bb] {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: #eef1f7;
  color: #1b2754;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.layer-row[data-v-4e6085bb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 4px;
  border-radius: 8px;
  cursor: pointer;
  font-family: Din_Reg, Arial;
  font-size: 15px;
}
.layer-row input[data-v-4e6085bb] {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #1b2754;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.layer-row span[data-v-4e6085bb] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 480px) {
.map-control-rail[data-v-4e6085bb] {
    top: 24px;
}
  /* keep clear of the zoom buttons on narrow phones */
.layers-popover[data-v-4e6085bb] {
    max-width: calc(100vw - 125px);
}
.rail-btn--fleet[data-v-4e6085bb] {
    display: grid;
    border-radius: 10px 10px 0 0;
}
.rail-btn.rail-btn--fit[data-v-4e6085bb] {
    border-top: 1px solid #e1e5ee;
    border-radius: 0;
}
}
/* small phones (an iPhone 13 mini is 375×664 in Safari) and phones in landscape (under 480px tall; the 13 mini
   is 712×265): the buttons match MapLibre's 29px zoom buttons, to leave more of the map. Under the 44px used
   elsewhere on touch, over WCAG 2.5.8's 24px. The same query is SMALL_RAIL_QUERY in YachtTracker, which sizes
   the wind chip to match */
@media (max-width: 480px) and (max-height: 700px), (max-height: 480px) {
.rail[data-v-4e6085bb] {
    border-radius: 4px;
}
.rail--wind[data-v-4e6085bb] {
    margin-top: 6px;
}
.rail-btn[data-v-4e6085bb] {
    width: 29px;
    height: 29px;
}
.rail-btn svg[data-v-4e6085bb] {
    width: 15px;
    height: 15px;
}
.rail-btn[data-v-4e6085bb]:last-child {
    border-radius: 0 0 4px 4px;
}
.rail-btn--fleet[data-v-4e6085bb] {
    border-radius: 4px 4px 0 0;
}
.rail-btn.rail-btn--wind[data-v-4e6085bb] {
    border-radius: 4px;
}
.wind-open .rail--wind[data-v-4e6085bb],
  .wind-open .rail-btn.rail-btn--wind[data-v-4e6085bb] {
    border-radius: 4px 4px 0 0;
}
.wind-open.wind-beside .rail--wind[data-v-4e6085bb],
  .wind-open.wind-beside .rail-btn.rail-btn--wind[data-v-4e6085bb] {
    border-radius: 0 4px 4px 0;
}
.rail-tip[data-v-4e6085bb] {
    right: calc(100% + 10px);
}
}
.top-banner[data-v-26d826f9] {
  display: none;
}
#vue-yacht-tracker[data-v-26d826f9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* RESET CSS */
}
#vue-yacht-tracker ul[data-v-26d826f9],
#vue-yacht-tracker ol[data-v-26d826f9] {
  /* override .rs-content-grid .. */
  margin-left: unset;
  list-style-position: unset;
  list-style-type: unset;
  margin: unset;
}
.fleet-container[data-v-26d826f9] {
  width: 300px;
  height: 650px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  background-color: #ebecf0;
  position: relative;
}
.fleet-container h1[data-v-26d826f9] {
  font-family: Din_Med, Arial;
  font-size: 1.5rem;
  margin: 10px 0 !important;
  text-align: left;
  padding-left: 24px;
}
.fleet-container .yacht-count[data-v-26d826f9] {
  font-family: Din_Reg, Arial;
  color: #878a96;
  font-size: 0.9rem;
  padding-left: 12px;
}
.fleet-container .fleet-list-container ul[data-v-26d826f9] {
  padding: 10px;
}
.fleet-list-header[data-v-26d826f9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* full screen: the fleet column and map fill the screen (the browser sizes the tracker itself), or the
   browser window, over the site page */
#vue-yacht-tracker.is-filling-window[data-v-26d826f9] {
  position: fixed;
  z-index: 100000;
  /* as the phone layout, over the site's header and menu */
  inset: 0;
}
#vue-yacht-tracker[data-v-26d826f9]:-webkit-full-screen {
  background: #ebecf0;
  /* the fleet column's, instead of the browser's black */
  /* side by side, both stretch to the screen. Not on portrait phones (turned while in full screen), where
     the tracker isn't a row and the phone layout already sizes the map below its banner */
}
#vue-yacht-tracker[data-v-26d826f9]:-ms-fullscreen {
  background: #ebecf0;
  /* the fleet column's, instead of the browser's black */
  /* side by side, both stretch to the screen. Not on portrait phones (turned while in full screen), where
     the tracker isn't a row and the phone layout already sizes the map below its banner */
}
#vue-yacht-tracker[data-v-26d826f9]:fullscreen,
#vue-yacht-tracker.is-filling-window[data-v-26d826f9] {
  background: #ebecf0;
  /* the fleet column's, instead of the browser's black */
  /* side by side, both stretch to the screen. Not on portrait phones (turned while in full screen), where
     the tracker isn't a row and the phone layout already sizes the map below its banner */
}
@media (min-width: 481px) {
#vue-yacht-tracker:-webkit-full-screen .fleet-container[data-v-26d826f9] {
    height: auto !important;
    /* over the short-window 100vh */
}
#vue-yacht-tracker:-ms-fullscreen .fleet-container[data-v-26d826f9] {
    height: auto !important;
    /* over the short-window 100vh */
}
#vue-yacht-tracker:fullscreen .fleet-container[data-v-26d826f9],
  #vue-yacht-tracker.is-filling-window .fleet-container[data-v-26d826f9] {
    height: auto !important;
    /* over the short-window 100vh */
}
#vue-yacht-tracker:-webkit-full-screen .tracker-container[data-v-26d826f9] {
    height: auto !important;
    /* over the page's inline YACHT_TRACKER_HEIGHT */
}
#vue-yacht-tracker:-ms-fullscreen .tracker-container[data-v-26d826f9] {
    height: auto !important;
    /* over the page's inline YACHT_TRACKER_HEIGHT */
}
#vue-yacht-tracker:fullscreen .tracker-container[data-v-26d826f9],
  #vue-yacht-tracker.is-filling-window .tracker-container[data-v-26d826f9] {
    height: auto !important;
    /* over the page's inline YACHT_TRACKER_HEIGHT */
}
}
/* close only shows in the mobile sheet */
.fleet-sheet-close[data-v-26d826f9] {
  display: none;
}
/* hidden on screen, still read by screen readers */
.vh[data-v-26d826f9] {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
/* the timeline bottom left, with the yacht card and lat/lng tab joined on top */
.map-bottom-bar[data-v-26d826f9] {
  z-index: 2;
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  /* side by side, both cards are the taller one's height; the timeline narrows */
  gap: 8px;
  pointer-events: none;
  /* the map stays draggable between the cards */
}
.map-bottom-bar > *[data-v-26d826f9] {
  pointer-events: auto;
}
/* one white card: the yacht card (when one's open) on the timeline */
.bottom-stack[data-v-26d826f9] {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 600px;
          flex: 0 1 600px;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 18px rgba(16, 24, 60, 0.25);
          box-shadow: 0 4px 18px rgba(16, 24, 60, 0.25);
}
.bottom-stack.is-status-only[data-v-26d826f9] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  /* fits its contents */
}
#race-time-controls[data-v-26d826f9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 16px;
  color: #1b2754;
  font-family: Din_Med, Arial;
  font-size: 0.75rem;
  text-transform: uppercase;
}
#race-time-controls.is-status-only[data-v-26d826f9] {
  padding: 12px 16px;
}
/* the pointer's (or last touch's) position: bottom right of the map, or left above the card (measureRaceBar) */
.latlng-readout[data-v-26d826f9] {
  position: absolute;
  z-index: 2;
  right: 12px;
  /* in line with the bar */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 3px;
  background: #fff;
  color: #222;
  font-family: Din_Reg, Arial;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  /* the mouse's: never in its way */
  /* a tap's: tap it to close it, with a 44px tap area */
}
.latlng-readout.is-closable[data-v-26d826f9] {
  min-height: 44px;
  border: 0;
  cursor: pointer;
  pointer-events: auto;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.latlng-readout.is-closable[data-v-26d826f9]:focus-visible {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
}
.latlng-close[data-v-26d826f9] {
  color: #5b6478;
}
.latlng-wind[data-v-26d826f9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-family: Din_Med, Arial;
  font-weight: 700;
}
/* "Pinned: Akonga", top middle of the map: small, to keep the map clear, with a 44px tap area */
.pin-pill[data-v-26d826f9] {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /* left: 50% would otherwise cap it at half the map */
  max-width: calc(100% - 136px);
  /* clear of the zoom buttons and the rail */
  min-height: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 12px 4px 10px;
  border: 0;
  border-radius: 14px;
  background: #1b2754;
  color: #fff;
  -webkit-box-shadow: 0 4px 18px rgba(16, 24, 60, 0.25);
          box-shadow: 0 4px 18px rgba(16, 24, 60, 0.25);
  font-family: Din_Med, Arial;
  font-size: 0.8125rem;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  /* the tap area: 8px more above and below makes it 44px tall */
  /* long names wrap between words; only a word too long for the pill breaks */
  /* a second, smaller line under the name */
}
.pin-pill[data-v-26d826f9]::before {
  content: "";
  position: absolute;
  inset: -8px -4px;
}
.pin-pill > svg[data-v-26d826f9] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 0.75rem;
}
.pin-pill > span[data-v-26d826f9] {
  min-width: 0;
  overflow-wrap: break-word;
}
.pin-pill .pin-pill-off[data-v-26d826f9] {
  display: block;
  color: #c9d1ea;
  font-size: 0.75rem;
  white-space: nowrap;
}
.pin-pill[data-v-26d826f9]:hover {
  background: #2a3870;
}
.pin-pill[data-v-26d826f9]:focus-visible {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
}
.race-status[data-v-26d826f9] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.race-pill[data-v-26d826f9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  background: #1b2754;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0.06em;
}
.race-pill-dot[data-v-26d826f9] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f6c300;
}
.race-status-note[data-v-26d826f9] {
  color: #5b6478;
}
/* a full-width status-only card (pre-race, a live start): the note goes to the right */
.is-status-only .race-status[data-v-26d826f9] {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.is-status-only .race-status-note[data-v-26d826f9] {
  margin-left: auto;
}
/* room for "Back to live", so the card doesn't change height when it swaps with the pill */
.is-live .race-status[data-v-26d826f9] {
  min-height: 44px;
}
.race-go-live[data-v-26d826f9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: #f6c300;
  color: #1b2754;
  font: inherit;
  font-size: 0.875rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}
.race-go-live[data-v-26d826f9]:focus-visible {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
}
.race-timeline[data-v-26d826f9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.race-track[data-v-26d826f9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.race-replay[data-v-26d826f9] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #1b2754;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}
.race-replay[aria-pressed="true"][data-v-26d826f9] {
  background: #f6c300;
  color: #1b2754;
}
.race-replay[data-v-26d826f9]:focus-visible {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
}
.race-time-labels[data-v-26d826f9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  white-space: nowrap;
}
.race-time-labels label[data-v-26d826f9] {
  margin-right: 4px;
  color: #5b6478;
}
.fleet-list-filter[data-v-26d826f9] {
  background-color: #2c3a45;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.fleet-list-filter button[data-v-26d826f9] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #4e5b66;
  border: unset;
  height: 48px;
  font-family: Din_Med, Arial;
  text-transform: uppercase;
  color: white;
  font-size: 0.8rem;
}
.fleet-list-filter .filter-selects[data-v-26d826f9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 24px;
  color: white;
  /* SOURCE: https://webdesign.tutsplus.com/tutorials/how-to-make-custom-accessible-checkboxes-and-radio-buttons--cms-32074 */
  /*style wrapper to give some space*/
  /*style label to give some more space*/
  /*style and hide original checkbox*/
  /*position new box*/
  /*create check symbol with pseudo element*/
  /*reveal check for 'on' state*/
  /*focus styles*/
}
.fleet-list-filter .filter-selects select[data-v-26d826f9] {
  margin: 5px 0;
  display: block;
  font-size: 16px;
  font-family: Din_Reg, Arial;
  color: white;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #2c3a45;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
.fleet-list-filter .filter-selects .filter-checkbox[data-v-26d826f9] {
  font-family: Din_Reg, Arial;
  color: white;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.fleet-list-filter .filter-selects .filter-checkbox label[data-v-26d826f9] {
  display: block;
  padding: 0 0 0 36px;
  text-transform: uppercase;
  font-size: 1rem;
}
.fleet-list-filter .filter-selects .filter-checkbox input[data-v-26d826f9] {
  height: 20px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.fleet-list-filter .filter-selects .filter-checkbox input + label[data-v-26d826f9]::before {
  border: 1px solid #aaa;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.fleet-list-filter .filter-selects .filter-checkbox input + label[data-v-26d826f9]::after {
  content: "";
  border: 4px solid white;
  border-left: 0;
  border-top: 0;
  height: 10px;
  left: 6px;
  opacity: 0;
  position: absolute;
  top: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  width: 6px;
}
.fleet-list-filter .filter-selects .filter-checkbox input:checked + label[data-v-26d826f9]::after {
  opacity: 1;
}
.fleet-list-filter .filter-selects .filter-checkbox input:focus + label[data-v-26d826f9]::before {
  -webkit-box-shadow: 0 0 0 3px #ffbf47;
          box-shadow: 0 0 0 3px #ffbf47;
  outline: 3px solid transparent;
  /* For Windows high contrast mode. */
}
/* small phones and landscape phones (SMALL_RAIL_QUERY): the chip matches the rail's 29px buttons
   (MapControlRail) */
@media (max-width: 480px) and (max-height: 700px), (max-height: 480px) {
.map-controls[data-v-26d826f9]:not(.is-beside) {
    width: 29px;
    padding: 0;
    gap: 0;
    border-radius: 0 0 4px 4px;
    /* the last button, rounded as the chip */
}
.map-controls:not(.is-beside) .map-control-stepper[data-v-26d826f9] {
    border: 0;
    border-radius: 0;
}
.map-controls:not(.is-beside) .map-control-icon[data-v-26d826f9] {
    height: 29px;
    font-size: 0.875rem;
}
.map-controls:not(.is-beside) .map-control-info-wrap[data-v-26d826f9] {
    height: 20px;
}
.map-controls:not(.is-beside) .map-control-info[data-v-26d826f9] {
    font-size: 0.625rem;
}
.map-controls:not(.is-beside) .map-control-animate[data-v-26d826f9],
  .map-controls:not(.is-beside) .map-control-off[data-v-26d826f9] {
    height: 29px;
    border-width: 1px 0 0;
    border-radius: 0;
    font-size: 0.875rem;
}
.map-controls:not(.is-beside) .map-control-off[data-v-26d826f9] {
    border-radius: 0 0 4px 4px;
}
.map-controls:not(.is-beside) .map-control-off[data-v-26d826f9]::before {
    inset: 0;
    /* its own 29px, as the rest */
}
.map-controls:not(.is-beside) .map-control-animate-badge[data-v-26d826f9] {
    right: -6px;
    bottom: -5px;
    width: 12px;
    height: 12px;
    font-size: 6px;
}
.map-controls:not(.is-beside) .map-control-tip[data-v-26d826f9],
  .map-controls:not(.is-beside) .map-control-icon .map-control-tip[data-v-26d826f9],
  .map-controls:not(.is-beside) .map-control-tooltip[data-v-26d826f9] {
    right: calc(100% + 10px);
}
}
@media (max-height: 650px) {
vue-yacht-tracker[data-v-26d826f9] {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    /* safari mobile fix */
}
.tracker-container[data-v-26d826f9] {
    height: 100vh !important;
    /* still need height on non-mobile */
    height: calc(var(--vh, 1vh) * 100) !important;
    /* safari mobile fix */
}
}
@media (min-width: 480px) and (max-height: 650px) {
.fleet-container[data-v-26d826f9] {
    height: 100vh !important;
    /* still need height on non-mobile */
    height: calc(var(--vh, 1vh) * 100) !important;
    /* safari mobile fix */
}
}
@media (max-width: 480px) {
#vue-yacht-tracker[data-v-26d826f9] {
    display: block;
    position: fixed;
    /* not absolute: the site page under it scrolls, and iOS Safari shows it below its toolbar */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    /* safari mobile fix */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
#vue-yacht-tracker .top-banner[data-v-26d826f9] {
    display: block;
    background-color: rgba(38, 59, 89);
    color: white;
    opacity: 90;
    text-align: center;
    font-family: Din_Med, Arial;
    text-transform: uppercase;
    height: 50px;
    line-height: 25px;
}
#vue-yacht-tracker .top-banner p[data-v-26d826f9] {
    margin-left: 10px;
    font-size: 0.7rem;
    padding-top: 12px;
}
#vue-yacht-tracker .top-banner .close-btn[data-v-26d826f9] {
    position: absolute;
    height: 50px;
    width: 50px;
    color: white;
    font-size: 1rem;
    font-family: Din_Reg, Arial;
    line-height: 1.25rem;
    left: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(38, 59, 89);
    border: unset;
}
  /* the rest of the screen below the 50px top banner */
.tracker-container[data-v-26d826f9] {
    height: calc(100vh - 50px) !important;
    height: calc(var(--vh, 1vh) * 100 - 50px) !important;
    /* safari mobile fix */
}
.fleet-sheet-scrim[data-v-26d826f9] {
    position: fixed;
    z-index: 4;
    /* the sheet comes later in the DOM, so it paints above */
    inset: 0;
    background: rgba(16, 24, 60, 0.4);
}
.fleet-list-header[data-v-26d826f9] {
    padding-top: 8px;
    /* with the close button's 4px margin, 12px from the top like the right */
}
.fleet-list-header h1[data-v-26d826f9] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.fleet-sheet-close[data-v-26d826f9] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: 4px 12px 4px auto;
    border: 0;
    border-radius: 50%;
    background: #eef1f7;
    color: #1b2754;
    cursor: pointer;
}
  /* bottom sheet, opened from the rail's Fleet button; takes no space when closed */
.fleet-container[data-v-26d826f9] {
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 4;
    bottom: 0;
    width: 100%;
    height: 560px;
    max-height: calc(var(--vh, 1vh) * 90);
    /* safari mobile fix */
    background: white;
    border-radius: 18px 18px 0 0;
    -webkit-box-shadow: 0 -4px 22px rgba(16, 24, 60, 0.28);
            box-shadow: 0 -4px 22px rgba(16, 24, 60, 0.28);
}
.fleet-container.active[data-v-26d826f9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.fleet-container > div[data-v-26d826f9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0;
}
.fleet-container .fleet-list-container[data-v-26d826f9] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0;
    background-color: #ebecf0;
    overflow-y: scroll;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    /* don't hand the end of the list to the page */
    -webkit-overflow-scrolling: touch;
}
.fleet-container h1[data-v-26d826f9] {
    padding-left: 16px;
}
}
/* end media query max width 480px */
/* wind forecast stepper + Animate: a vertical chip joined under the control rail's Wind button
   (--wind-chip-top, see measureRaceBar). It lives in the bottom bar but out of its flow */
.map-controls[data-v-26d826f9] {
  position: absolute;
  right: 0;
  top: var(--wind-chip-top, auto);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 48px;
  /* the rail's width */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px;
  background: #fff;
  border-top: 1px solid #e1e5ee;
  /* a divider, as between the rail's buttons */
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 4px 18px rgba(16, 24, 60, 0.25);
          box-shadow: 0 4px 18px rgba(16, 24, 60, 0.25);
  clip-path: inset(0 -100vw -100vh -100vw);
  /* no shadow up onto the Wind button */
  color: #1b2754;
  font-family: Din_Med, Arial;
  font-size: 0.75rem;
  text-transform: uppercase;
  /* earlier on top, later below, as time reads down (and in the DOM's order) */
  /* left of the chip, pointing right, styled like the control rail's labels (MapControlRail .rail-tip);
     placeForecastFor sets max-width */
  /* the Animate icon's size, so + and − read as clearly */
  /* 40px to see, 44px to tap: the chip's padding and gaps take the rest (inset is from inside the 1px border) */
  /* play, bottom right of the wind icon; a ring knocks it out of the icon */
  /* hover and long-press labels, styled like the control rail's (MapControlRail .rail-tip); 12px from the
     chip, as the rail's from the rail (the chip's 4px padding, plus the stepper's 1px border) */
  /* as the control rail: hover labels and backgrounds with a mouse */
}
.map-controls .map-control-title[data-v-26d826f9] {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.map-controls .map-control-stepper[data-v-26d826f9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #e1e5ee;
  border-radius: 8px;
}
.map-controls .map-control-info-wrap[data-v-26d826f9] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 28px;
}
.map-controls .map-control-tooltip[data-v-26d826f9] {
  position: absolute;
  top: 50%;
  right: calc(100% + 12px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /* wraps rather than overflow the map */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7px 12px;
  line-height: 18px;
  /* 32px tall on one line, like the rail's labels */
  border-radius: 8px;
  background: #1b2754;
  color: #fff;
  font-family: Din_Med, Arial;
  font-size: 14px;
  text-transform: none;
  -webkit-box-shadow: 0 4px 14px rgba(16, 24, 60, 0.3);
          box-shadow: 0 4px 14px rgba(16, 24, 60, 0.3);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* bridges the gap so the pointer can move onto the tooltip without it closing */
}
.map-controls .map-control-tooltip[data-v-26d826f9]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #1b2754;
}
.map-controls .map-control-tooltip[data-v-26d826f9]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 12px;
}
.map-controls .map-control-icon[data-v-26d826f9] {
  width: 100%;
  height: 40px;
  border: 0;
  background: none;
  color: #1b2754;
  font-size: 1.125rem;
  cursor: pointer;
}
.map-controls .map-control-icon[data-v-26d826f9]:disabled {
  color: #b6bccb;
  cursor: default;
}
.map-controls .map-control-info[data-v-26d826f9] {
  text-align: center;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.map-controls .map-control-info[data-v-26d826f9]:focus-visible {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
}
.map-controls .map-control-animate[data-v-26d826f9],
.map-controls .map-control-off[data-v-26d826f9] {
  height: 40px;
  padding: 0;
  border: 1px solid #e1e5ee;
  border-radius: 8px;
  background: #fff;
  color: #1b2754;
  font-size: 1.125rem;
  cursor: pointer;
}
.map-controls .map-control-animate.is-active[data-v-26d826f9],
.map-controls .map-control-off.is-active[data-v-26d826f9] {
  background: #1b2754;
  border-color: #1b2754;
  color: #fff;
}
.map-controls .map-control-off[data-v-26d826f9]::before {
  content: "";
  position: absolute;
  inset: -3px -5px;
}
.map-controls .map-control-animate-icon[data-v-26d826f9] {
  position: relative;
  left: -4px;
  /* centres the icon with its badge */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.map-controls .map-control-animate-badge[data-v-26d826f9] {
  position: absolute;
  right: -8px;
  bottom: -7px;
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #1b2754;
  color: #fff;
  font-size: 9px;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
}
.map-controls .map-control-animate-badge svg[data-v-26d826f9] {
  margin-left: 1px;
  /* the triangle's visual centre */
}
.map-controls .is-active .map-control-animate-badge[data-v-26d826f9] {
  background: #f6c300;
  color: #1b2754;
  -webkit-box-shadow: 0 0 0 2px #1b2754;
          box-shadow: 0 0 0 2px #1b2754;
}
.map-controls .map-control-animate-text[data-v-26d826f9] {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.map-controls .map-control-icon[data-v-26d826f9],
.map-controls .map-control-animate[data-v-26d826f9],
.map-controls .map-control-off[data-v-26d826f9] {
  position: relative;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.map-controls .map-control-tip[data-v-26d826f9] {
  display: none;
  position: absolute;
  right: calc(100% + 16px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  border-radius: 8px;
  background: #1b2754;
  color: #fff;
  font-family: Din_Med, Arial;
  font-size: 14px;
  text-transform: none;
  white-space: nowrap;
  -webkit-box-shadow: 0 4px 14px rgba(16, 24, 60, 0.3);
          box-shadow: 0 4px 14px rgba(16, 24, 60, 0.3);
  pointer-events: none;
}
.map-controls .map-control-tip[data-v-26d826f9]::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 10px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #1b2754;
}
.map-controls .map-control-icon .map-control-tip[data-v-26d826f9] {
  right: calc(100% + 17px);
}
.map-controls .show-tip .map-control-tip[data-v-26d826f9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (hover: hover) {
.map-controls .map-control-icon[data-v-26d826f9]:hover:not(:disabled),
  .map-controls .map-control-animate[data-v-26d826f9]:hover:not(.is-active),
  .map-controls .map-control-off[data-v-26d826f9]:hover {
    background: #f1f3f8;
}
.map-controls .map-control-icon:hover:not(:disabled) .map-control-tip[data-v-26d826f9],
  .map-controls .map-control-animate:hover .map-control-tip[data-v-26d826f9],
  .map-controls .map-control-off:hover .map-control-tip[data-v-26d826f9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}
/* short maps (landscape phones): hanging down, the chip would reach the timeline, so it's a row joined
   to the left of the Wind button, as tall as it. − Now + reads earlier → later left to right, as the DOM.
   Labels and the forecast tooltip go below */
.map-controls.is-beside[data-v-26d826f9] {
  right: 48px;
  /* the rail's width */
  top: calc(var(--wind-chip-top, 0px) - 48px);
  /* the Wind button's top */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: auto;
  height: 48px;
  border-top: 0;
  border-right: 1px solid #e1e5ee;
  border-radius: 10px 0 0 10px;
  /* no shadow across onto the Wind button, beside the chip only, so Animate's label below still shows */
  clip-path: polygon(-100vw -100vh, 100% -100vh, 100% 100%, calc(100% + 100vw) 100%, calc(100% + 100vw) calc(100% + 100vh), -100vw calc(100% + 100vh));
  /* below, pointing up: 12px from the chip (its 4px padding, plus the stepper's 1px border) */
}
.map-controls.is-beside .map-control-stepper[data-v-26d826f9] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.map-controls.is-beside .map-control-icon[data-v-26d826f9] {
  width: 40px;
  height: 38px;
}
.map-controls.is-beside .map-control-info-wrap[data-v-26d826f9] {
  width: 44px;
  height: auto;
}
.map-controls.is-beside .map-control-animate[data-v-26d826f9],
.map-controls.is-beside .map-control-off[data-v-26d826f9] {
  width: 40px;
}
.map-controls.is-beside .map-control-off[data-v-26d826f9]::before {
  inset: -5px -3px;
}
.map-controls.is-beside .map-control-tip[data-v-26d826f9],
.map-controls.is-beside .map-control-icon .map-control-tip[data-v-26d826f9],
.map-controls.is-beside .map-control-tooltip[data-v-26d826f9] {
  right: auto;
  left: 50%;
  top: calc(100% + 17px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.map-controls.is-beside .map-control-tip[data-v-26d826f9]::after,
.map-controls.is-beside .map-control-icon .map-control-tip[data-v-26d826f9]::after,
.map-controls.is-beside .map-control-tooltip[data-v-26d826f9]::after {
  top: -6px;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 0;
  border-bottom: 6px solid #1b2754;
}
.map-controls.is-beside .map-control-animate .map-control-tip[data-v-26d826f9],
.map-controls.is-beside .map-control-off .map-control-tip[data-v-26d826f9] {
  top: calc(100% + 16px);
}
.map-controls.is-beside .map-control-tooltip[data-v-26d826f9]::before {
  top: auto;
  bottom: 100%;
  left: 0;
  right: 0;
  width: auto;
  height: 17px;
}
/* small phones and landscape phones (SMALL_RAIL_QUERY): the row matches the rail's 29px Wind button, joined
   to its left, so it doesn't reach out over the map (at 320px it ran into the zoom buttons) */
@media (max-width: 480px) and (max-height: 700px), (max-height: 480px) {
.map-controls.is-beside[data-v-26d826f9] {
    right: 29px;
    top: calc(var(--wind-chip-top, 0px) - 29px);
    height: 29px;
    padding: 0;
    gap: 0;
    border-radius: 4px 0 0 4px;
    /* below, 12px from the row, as the rail's labels */
}
.map-controls.is-beside .map-control-stepper[data-v-26d826f9] {
    border: 0;
    border-radius: 0;
}
.map-controls.is-beside .map-control-icon[data-v-26d826f9] {
    width: 29px;
    height: 29px;
    font-size: 0.875rem;
}
.map-controls.is-beside .map-control-info-wrap[data-v-26d826f9] {
    width: 32px;
}
.map-controls.is-beside .map-control-info[data-v-26d826f9] {
    font-size: 0.625rem;
}
.map-controls.is-beside .map-control-animate[data-v-26d826f9],
  .map-controls.is-beside .map-control-off[data-v-26d826f9] {
    width: 29px;
    height: 29px;
    border-width: 0 0 0 1px;
    border-radius: 0;
    font-size: 0.875rem;
}
.map-controls.is-beside .map-control-off[data-v-26d826f9]::before {
    inset: 0;
    /* its own 29px, as the rest */
}
.map-controls.is-beside .map-control-animate-badge[data-v-26d826f9] {
    right: -6px;
    bottom: -5px;
    width: 12px;
    height: 12px;
    font-size: 6px;
}
.map-controls.is-beside .map-control-tip[data-v-26d826f9],
  .map-controls.is-beside .map-control-icon .map-control-tip[data-v-26d826f9],
  .map-controls.is-beside .map-control-tooltip[data-v-26d826f9],
  .map-controls.is-beside .map-control-animate .map-control-tip[data-v-26d826f9],
  .map-controls.is-beside .map-control-off .map-control-tip[data-v-26d826f9] {
    top: calc(100% + 12px);
}
.map-controls.is-beside .map-control-tooltip[data-v-26d826f9]::before {
    height: 12px;
}
}
/* touch screens: a quick double tap on a control (say + twice) or a long-press for a label would select
   the nearest text, even the map's attribution or the title, and open iOS's Copy menu or loupe. Text
   fields still take typing (their "auto" is "contain") */
@media (pointer: coarse) {
#vue-yacht-tracker[data-v-26d826f9] {
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-touch-callout: none;
}
}
@media (max-width: 999px) {
  /* full-width timeline */
.map-bottom-bar[data-v-26d826f9] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.bottom-stack[data-v-26d826f9],
  .bottom-stack.is-status-only[data-v-26d826f9] {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
}
/* short maps (landscape phones): the timeline and card stop left of the rail, so the card isn't capped
   below the rail's last button and cut shorter than its peek */
@media (max-width: 999px) and (max-height: 500px) {
.bottom-stack[data-v-26d826f9],
  .bottom-stack.is-status-only[data-v-26d826f9] {
    margin-right: 56px;
    /* the rail's 48px and an 8px gap */
}
}
/* landscape phones (SMALL_RAIL_QUERY): the rail is 29px */
@media (max-width: 999px) and (max-height: 480px) {
.bottom-stack[data-v-26d826f9],
  .bottom-stack.is-status-only[data-v-26d826f9] {
    margin-right: 37px;
    /* the rail's 29px and an 8px gap */
}
}
@media (max-width: 480px) {
  /* full-width timeline */
.map-bottom-bar[data-v-26d826f9] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
  /* one row: play, slider, then the status at the slider's "now" end */
#race-time-controls[data-v-26d826f9] {
    gap: 10px;
    padding: 6px 8px 6px 6px;
}
#race-time-controls.is-status-only[data-v-26d826f9] {
    padding: 12px 16px;
}
#race-time-controls:not(.is-status-only) .race-status[data-v-26d826f9] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.race-timeline[data-v-26d826f9] {
    gap: 10px;
}
.race-go-live[data-v-26d826f9] {
    padding: 0 10px;
}
  /* one line on phones: the card has the whole name */
.pin-pill-name[data-v-26d826f9] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
  /* the button's name, the slider's label and the pill's "Pinned:" are still read out */
.race-go-live-back[data-v-26d826f9],
  .race-time-labels label[data-v-26d826f9],
  .pin-pill-label[data-v-26d826f9] {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
}
/* race timeline slider on the white card: navy for the part played, grey for the rest */
/* 3:1 against both the white card and navy */
/* the template sets --played (0–100%) from the current index */
input[type=range][data-v-26d826f9] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: block;
  width: 100%;
  height: 28px;
  /* drag target taller than the track */
  margin: 0;
  background: transparent;
  cursor: pointer;
}
input[type=range][data-v-26d826f9]:focus {
  outline: none;
}
input[type=range][data-v-26d826f9]::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 6px;
  cursor: pointer;
  background: linear-gradient(to right, #1b2754 var(--played, 0%), #7a8399 var(--played, 0%));
}
input[type=range][data-v-26d826f9]::-webkit-slider-thumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 3px solid #1b2754;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
input[type=range][data-v-26d826f9]::-moz-range-track {
  height: 6px;
  border-radius: 6px;
  cursor: pointer;
  background: #7a8399;
}
input[type=range][data-v-26d826f9]::-moz-range-progress {
  height: 6px;
  border-radius: 6px;
  cursor: pointer;
  background: #1b2754;
}
input[type=range][data-v-26d826f9]::-moz-range-thumb {
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 3px solid #1b2754;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
input[type=range][data-v-26d826f9]:focus-visible::-webkit-slider-thumb {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
}
input[type=range][data-v-26d826f9]:focus-visible::-moz-range-thumb {
  outline: 2px solid #1b2754;
  outline-offset: 2px;
}
@font-face {
    font-family: 'Din_Reg';
    src: url('/_astro/din_regular.Dhjhgvho.eot');
    src: url('/_astro/din_regular.Dhjhgvho.eot?#iefix') format('embedded-opentype'),
        url('/_astro/din_regular.C_3fN_aF.woff') format('woff'),
        url('/_astro/din_regular.C0RDLxvp.ttf') format('truetype'),
        url('/_astro/din_regular.B_2bkQxn.svg#din_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Din_Med';
    src: url('/_astro/din_medium.DhO-5nm2.eot');
    src: url('/_astro/din_medium.DhO-5nm2.eot?#iefix') format('embedded-opentype'),
        url('/_astro/din_medium.HFFkaHi9.woff') format('woff'),
        url('/_astro/din_medium.BuERxH2N.ttf') format('truetype'),
        url('/_astro/din_medium.DDehR7x7.svg#din_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/_astro/montserrat-v13-latin-regular.CSaCr97-.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
      url('/_astro/montserrat-v13-latin-regular.CSaCr97-.eot?#iefix') format('embedded-opentype'), 
      url('/_astro/montserrat-v13-latin-regular.1ByWinym.woff2') format('woff2'), 
      url('/_astro/montserrat-v13-latin-regular.C_tYl2Ns.woff') format('woff'), 
      url('/_astro/montserrat-v13-latin-regular.BmLMmOVs.ttf') format('truetype'), 
      url('/_astro/montserrat-v13-latin-regular.QORIrphE.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/*from https://api.tiles.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css */
.mapboxgl-map {
    font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mapboxgl-map:-webkit-full-screen {
    width: 100%;
    height: 100%;
}
.mapboxgl-canary {
    background-color: salmon;
}
.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass {
    cursor: -webkit-grab;
    cursor: grab;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
    -ms-touch-action: pan-x pan-y;
        touch-action: pan-x pan-y;
}
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    -ms-touch-action: pinch-zoom;
        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 {
    -ms-touch-action: none;
        touch-action: none;
}
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2;
}
.mapboxgl-ctrl-top-left     { top: 0; left: 0;
}
.mapboxgl-ctrl-top-right    { top: 0; right: 0;
}
.mapboxgl-ctrl-bottom-left  { bottom: 0; left: 0;
}
.mapboxgl-ctrl-bottom-right { right: 0; bottom: 0;
}
.mapboxgl-ctrl { clear: both; pointer-events: auto;
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl     { margin: 10px 0 0 10px; float: left;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl    { margin: 10px 10px 0 0; float: right;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl  { margin: 0 0 10px 10px; float: left;
}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0 10px 10px 0; float: right;
}
.mapboxgl-ctrl-group {
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}
.mapboxgl-ctrl-group:not(:empty) {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.mapboxgl-ctrl-group > button {
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    outline: none;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
}
.mapboxgl-ctrl-group > button + button {
    border-top: 1px solid #ddd;
}

/* https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */
.mapboxgl-ctrl > button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.mapboxgl-ctrl > button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.mapboxgl-ctrl-icon,
.mapboxgl-ctrl-icon > .mapboxgl-ctrl-compass-arrow {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mapboxgl-ctrl-icon {
    padding: 5px;
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out {
    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 style='fill:%23333333;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E");
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
    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 style='fill:%23333333;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E");
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate {
    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 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate:disabled {
    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 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active {
    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 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error {
    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 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background {
    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='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E");
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error {
    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='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E");
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting {
    -webkit-animation: mapboxgl-spin 2s infinite linear;
    animation: mapboxgl-spin 2s infinite linear;
}
@-webkit-keyframes mapboxgl-spin {
0% { -webkit-transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg);
}
}
@keyframes mapboxgl-spin {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen {
    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='M 5 4 C 4.5 4 4 4.5 4 5 L 4 6 L 4 9 L 4.5 9 L 5.7773438 7.296875 C 6.7771319 8.0602131 7.835765 8.9565728 8.890625 10 C 7.8257121 11.0633 6.7761791 11.951675 5.78125 12.707031 L 4.5 11 L 4 11 L 4 15 C 4 15.5 4.5 16 5 16 L 9 16 L 9 15.5 L 7.2734375 14.205078 C 8.0428931 13.187886 8.9395441 12.133481 9.9609375 11.068359 C 11.042371 12.14699 11.942093 13.2112 12.707031 14.21875 L 11 15.5 L 11 16 L 14 16 L 15 16 C 15.5 16 16 15.5 16 15 L 16 14 L 16 11 L 15.5 11 L 14.205078 12.726562 C 13.177985 11.949617 12.112718 11.043577 11.037109 10.009766 C 12.151856 8.981061 13.224345 8.0798624 14.228516 7.3046875 L 15.5 9 L 16 9 L 16 5 C 16 4.5 15.5 4 15 4 L 11 4 L 11 4.5 L 12.703125 5.7773438 C 11.932647 6.7864834 11.026693 7.8554712 9.9707031 8.9199219 C 8.9584739 7.8204943 8.0698767 6.7627188 7.3046875 5.7714844 L 9 4.5 L 9 4 L 6 4 L 5 4 z '/%3E %3C/svg%3E");
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-shrink {
    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 style='fill:%23000000;' d='M 4.2421875 3.4921875 A 0.750075 0.750075 0 0 0 3.71875 4.78125 L 5.9648438 7.0273438 L 4 8.5 L 4 9 L 8 9 C 8.500001 8.9999988 9 8.4999992 9 8 L 9 4 L 8.5 4 L 7.0175781 5.9550781 L 4.78125 3.71875 A 0.750075 0.750075 0 0 0 4.2421875 3.4921875 z M 15.734375 3.4921875 A 0.750075 0.750075 0 0 0 15.21875 3.71875 L 12.984375 5.953125 L 11.5 4 L 11 4 L 11 8 C 11 8.4999992 11.499999 8.9999988 12 9 L 16 9 L 16 8.5 L 14.035156 7.0273438 L 16.28125 4.78125 A 0.750075 0.750075 0 0 0 15.734375 3.4921875 z M 4 11 L 4 11.5 L 5.9648438 12.972656 L 3.71875 15.21875 A 0.75130096 0.75130096 0 1 0 4.78125 16.28125 L 7.0273438 14.035156 L 8.5 16 L 9 16 L 9 12 C 9 11.500001 8.500001 11.000001 8 11 L 4 11 z M 12 11 C 11.499999 11.000001 11 11.500001 11 12 L 11 16 L 11.5 16 L 12.972656 14.035156 L 15.21875 16.28125 A 0.75130096 0.75130096 0 1 0 16.28125 15.21875 L 14.035156 12.972656 L 16 11.5 L 16 11 L 12 11 z '/%3E %3C/svg%3E");
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-compass > .mapboxgl-ctrl-compass-arrow {
    width: 20px;
    height: 20px;
    margin: 5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23333333' points='6,9 10,1 14,9'/%3E %3Cpolygon fill='%23CCCCCC' points='6,11 10,19 14,11 '/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    display: inline-block;
}
a.mapboxgl-ctrl-logo {
    width: 85px;
    height: 21px;
    margin: 0 0 -3px -3px;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 84.49 21' style='enable-background:new 0 0 84.49 21;' xml:space='preserve'%3E%3Cg%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M83.25,14.26c0,0.12-0.09,0.21-0.21,0.21h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39l-1.44,2.39 c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68L76.2,6.84 c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.4-2.35 c0.06-0.11,0.18-0.17,0.3-0.17H83c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.37,3.63l2.43,3.67 C83.24,14.18,83.25,14.22,83.25,14.26z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M66.24,9.59c-0.39-1.88-1.96-3.28-3.84-3.28c-1.03,0-2.03,0.42-2.73,1.18V3.51c0-0.13-0.1-0.23-0.23-0.23h-1.4 c-0.13,0-0.23,0.11-0.23,0.23v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.11,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.73,1.18 c1.88,0,3.45-1.41,3.84-3.29C66.37,10.79,66.37,10.18,66.24,9.59L66.24,9.59z M62.08,13c-1.32,0-2.39-1.11-2.41-2.48v-0.06 c0.02-1.38,1.09-2.48,2.41-2.48s2.42,1.12,2.42,2.51S63.41,13,62.08,13z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M71.67,6.32c-1.98-0.01-3.72,1.35-4.16,3.29c-0.13,0.59-0.13,1.19,0,1.77c0.44,1.94,2.17,3.32,4.17,3.3 c2.35,0,4.26-1.87,4.26-4.19S74.04,6.32,71.67,6.32z M71.65,13.01c-1.33,0-2.42-1.12-2.42-2.51s1.08-2.52,2.42-2.52 c1.33,0,2.42,1.12,2.42,2.51S72.99,13,71.65,13.01L71.65,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M62.08,7.98c-1.32,0-2.39,1.11-2.41,2.48v0.06C59.68,11.9,60.75,13,62.08,13s2.42-1.12,2.42-2.51 S63.41,7.98,62.08,7.98z M62.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25 c0.63,0,1.17,0.57,1.17,1.27C63.24,11.2,62.73,11.76,62.08,11.76z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M71.65,7.98c-1.33,0-2.42,1.12-2.42,2.51S70.32,13,71.65,13s2.42-1.12,2.42-2.51S72.99,7.98,71.65,7.98z M71.65,11.76c-0.64,0-1.17-0.57-1.17-1.27c0-0.7,0.53-1.26,1.17-1.26s1.17,0.57,1.17,1.27C72.82,11.21,72.29,11.76,71.65,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M45.74,6.53h-1.4c-0.13,0-0.23,0.11-0.23,0.23v0.73c-0.71-0.75-1.7-1.18-2.73-1.18 c-2.17,0-3.94,1.87-3.94,4.19s1.77,4.19,3.94,4.19c1.04,0,2.03-0.43,2.73-1.19v0.73c0,0.13,0.1,0.23,0.23,0.23h1.4 c0.13,0,0.23-0.11,0.23-0.23V6.74c0-0.12-0.09-0.22-0.22-0.22C45.75,6.53,45.75,6.53,45.74,6.53z M44.12,10.53 C44.11,11.9,43.03,13,41.71,13s-2.42-1.12-2.42-2.51s1.08-2.52,2.4-2.52c1.33,0,2.39,1.11,2.41,2.48L44.12,10.53z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M41.71,7.98c-1.33,0-2.42,1.12-2.42,2.51S40.37,13,41.71,13s2.39-1.11,2.41-2.48v-0.06 C44.1,9.09,43.03,7.98,41.71,7.98z M40.55,10.49c0-0.7,0.52-1.27,1.17-1.27c0.64,0,1.14,0.56,1.17,1.25v0.04 c-0.01,0.68-0.53,1.24-1.17,1.24C41.08,11.75,40.55,11.19,40.55,10.49z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M52.41,6.32c-1.03,0-2.03,0.42-2.73,1.18V6.75c0-0.13-0.1-0.23-0.23-0.23h-1.4c-0.13,0-0.23,0.11-0.23,0.23 v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.1,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.74,1.18c2.17,0,3.94-1.87,3.94-4.19 S54.58,6.32,52.41,6.32z M52.08,13.01c-1.32,0-2.39-1.11-2.42-2.48v-0.07c0.02-1.38,1.09-2.49,2.4-2.49c1.32,0,2.41,1.12,2.41,2.51 S53.4,13,52.08,13.01L52.08,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M52.08,7.98c-1.32,0-2.39,1.11-2.42,2.48v0.06c0.03,1.38,1.1,2.48,2.42,2.48s2.41-1.12,2.41-2.51 S53.4,7.98,52.08,7.98z M52.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25c0.63,0,1.17,0.58,1.17,1.27 S52.72,11.76,52.08,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M36.08,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68c0-0.98-0.74-1.71-1.62-1.71 c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.11,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V6.74 c0.01-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03c1.09,0,2.09,0.6,2.6,1.55 c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78L36.08,14.24z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M84.34,13.59l-0.07-0.13l-1.96-2.99l1.94-2.95c0.44-0.67,0.26-1.56-0.41-2.02c-0.02,0-0.03,0-0.04-0.01 c-0.23-0.15-0.5-0.22-0.78-0.22h-1.61c-0.56,0-1.08,0.29-1.37,0.78L79.72,6.6l-0.34-0.56C79.09,5.56,78.57,5.27,78,5.27h-1.6 c-0.6,0-1.13,0.37-1.35,0.92c-2.19-1.66-5.28-1.47-7.26,0.45c-0.35,0.34-0.65,0.72-0.89,1.14c-0.9-1.62-2.58-2.72-4.5-2.72 c-0.5,0-1.01,0.07-1.48,0.23V3.51c0-0.82-0.66-1.48-1.47-1.48h-1.4c-0.81,0-1.47,0.66-1.47,1.47v3.75 c-0.95-1.36-2.5-2.18-4.17-2.19c-0.74,0-1.46,0.16-2.12,0.47c-0.24-0.17-0.54-0.26-0.84-0.26h-1.4c-0.45,0-0.87,0.21-1.15,0.56 c-0.02-0.03-0.04-0.05-0.07-0.08c-0.28-0.3-0.68-0.47-1.09-0.47h-1.39c-0.3,0-0.6,0.09-0.84,0.26c-0.67-0.3-1.39-0.46-2.12-0.46 c-1.83,0-3.43,1-4.37,2.5c-0.2-0.46-0.48-0.89-0.83-1.25c-0.8-0.81-1.89-1.25-3.02-1.25h-0.01c-0.89,0.01-1.75,0.33-2.46,0.88 c-0.74-0.57-1.64-0.88-2.57-0.88H28.1c-0.29,0-0.58,0.03-0.86,0.11c-0.28,0.06-0.56,0.16-0.82,0.28c-0.21-0.12-0.45-0.18-0.7-0.18 h-1.4c-0.82,0-1.47,0.66-1.47,1.47v7.5c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.48-0.66,1.48-1.48l0,0V9.79 c0.03-0.36,0.23-0.59,0.36-0.59c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41c0.82,0,1.47-0.66,1.47-1.47 l-0.01-4.57c0.06-0.32,0.25-0.47,0.35-0.47c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41 c0.82,0,1.47-0.66,1.47-1.47v-0.38c0.96,1.29,2.46,2.06,4.06,2.06c0.74,0,1.46-0.16,2.12-0.47c0.24,0.17,0.54,0.26,0.84,0.26h1.39 c0.3,0,0.6-0.09,0.84-0.26v2.01c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.47-0.66,1.47-1.47v-1.77c0.48,0.15,0.99,0.23,1.49,0.22 c1.7,0,3.22-0.87,4.17-2.2v0.52c0,0.82,0.66,1.47,1.47,1.47h1.4c0.3,0,0.6-0.09,0.84-0.26c0.66,0.31,1.39,0.47,2.12,0.47 c1.92,0,3.6-1.1,4.49-2.73c1.54,2.65,4.95,3.53,7.58,1.98c0.18-0.11,0.36-0.22,0.53-0.36c0.22,0.55,0.76,0.91,1.35,0.9H78 c0.56,0,1.08-0.29,1.37-0.78l0.37-0.61l0.37,0.61c0.29,0.48,0.81,0.78,1.38,0.78h1.6c0.81,0,1.46-0.66,1.45-1.46 C84.49,14.02,84.44,13.8,84.34,13.59L84.34,13.59z M35.86,14.47h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23 V9.68c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23 V6.74c0.01-0.13,0.11-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03 c1.09,0,2.09,0.6,2.6,1.55c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78l0.01,5.16C36.09,14.36,35.98,14.46,35.86,14.47 L35.86,14.47z M45.97,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V13.5c-0.7,0.76-1.69,1.18-2.72,1.18 c-2.17,0-3.94-1.87-3.94-4.19s1.77-4.19,3.94-4.19c1.03,0,2.02,0.43,2.73,1.18V6.74c0-0.13,0.1-0.23,0.23-0.23h1.4 c0.12-0.01,0.22,0.08,0.23,0.21c0,0.01,0,0.01,0,0.02v7.51h-0.01V14.24z M52.41,14.67c-1.03,0-2.02-0.43-2.73-1.18v3.97 c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.1-0.23-0.23V6.75c0-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.23,0.11,0.23,0.23v0.73 c0.71-0.76,1.7-1.18,2.73-1.18c2.17,0,3.94,1.86,3.94,4.18S54.58,14.67,52.41,14.67z M66.24,11.39c-0.39,1.87-1.96,3.29-3.84,3.29 c-1.03,0-2.02-0.43-2.73-1.18v0.73c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V3.51c0-0.13,0.1-0.23,0.23-0.23 h1.4c0.13,0,0.23,0.11,0.23,0.23v3.97c0.71-0.75,1.7-1.18,2.73-1.17c1.88,0,3.45,1.4,3.84,3.28C66.37,10.19,66.37,10.8,66.24,11.39 L66.24,11.39L66.24,11.39z M71.67,14.68c-2,0.01-3.73-1.35-4.17-3.3c-0.13-0.59-0.13-1.19,0-1.77c0.44-1.94,2.17-3.31,4.17-3.3 c2.36,0,4.26,1.87,4.26,4.19S74.03,14.68,71.67,14.68L71.67,14.68z M83.04,14.47h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39 l-1.44,2.39c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68 L76.2,6.84c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.41-2.36 c0.06-0.11,0.18-0.17,0.3-0.17h1.61c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.38,3.64l2.43,3.67 c0.02,0.03,0.03,0.07,0.03,0.12C83.25,14.38,83.16,14.47,83.04,14.47L83.04,14.47L83.04,14.47z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M10.5,1.24c-5.11,0-9.25,4.15-9.25,9.25s4.15,9.25,9.25,9.25s9.25-4.15,9.25-9.25 C19.75,5.38,15.61,1.24,10.5,1.24z M14.89,12.77c-1.93,1.93-4.78,2.31-6.7,2.31c-0.7,0-1.41-0.05-2.1-0.16c0,0-1.02-5.64,2.14-8.81 c0.83-0.83,1.95-1.28,3.13-1.28c1.27,0,2.49,0.51,3.39,1.42C16.59,8.09,16.64,11,14.89,12.77z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M10.5-0.01C4.7-0.01,0,4.7,0,10.49s4.7,10.5,10.5,10.5S21,16.29,21,10.49C20.99,4.7,16.3-0.01,10.5-0.01z M10.5,19.74c-5.11,0-9.25-4.15-9.25-9.25s4.14-9.26,9.25-9.26s9.25,4.15,9.25,9.25C19.75,15.61,15.61,19.74,10.5,19.74z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M14.74,6.25C12.9,4.41,9.98,4.35,8.23,6.1c-3.16,3.17-2.14,8.81-2.14,8.81s5.64,1.02,8.81-2.14 C16.64,11,16.59,8.09,14.74,6.25z M12.47,10.34l-0.91,1.87l-0.9-1.87L8.8,9.43l1.86-0.9l0.9-1.87l0.91,1.87l1.86,0.9L12.47,10.34z'/%3E %3Cpolygon class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' points='14.33,9.43 12.47,10.34 11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 '/%3E%3C/g%3E%3C/svg%3E");
}
a.mapboxgl-ctrl-logo.mapboxgl-compact {
    width: 21px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' style='enable-background:new 0 0 21 21;' xml:space='preserve'%3E%3Cg transform='translate(0,0.01)'%3E%3Cpath d='m 10.5,1.24 c -5.11,0 -9.25,4.15 -9.25,9.25 0,5.1 4.15,9.25 9.25,9.25 5.1,0 9.25,-4.15 9.25,-9.25 0,-5.11 -4.14,-9.25 -9.25,-9.25 z m 4.39,11.53 c -1.93,1.93 -4.78,2.31 -6.7,2.31 -0.7,0 -1.41,-0.05 -2.1,-0.16 0,0 -1.02,-5.64 2.14,-8.81 0.83,-0.83 1.95,-1.28 3.13,-1.28 1.27,0 2.49,0.51 3.39,1.42 1.84,1.84 1.89,4.75 0.14,6.52 z' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3Cpath d='M 10.5,-0.01 C 4.7,-0.01 0,4.7 0,10.49 c 0,5.79 4.7,10.5 10.5,10.5 5.8,0 10.5,-4.7 10.5,-10.5 C 20.99,4.7 16.3,-0.01 10.5,-0.01 Z m 0,19.75 c -5.11,0 -9.25,-4.15 -9.25,-9.25 0,-5.1 4.14,-9.26 9.25,-9.26 5.11,0 9.25,4.15 9.25,9.25 0,5.13 -4.14,9.26 -9.25,9.26 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpath d='M 14.74,6.25 C 12.9,4.41 9.98,4.35 8.23,6.1 5.07,9.27 6.09,14.91 6.09,14.91 c 0,0 5.64,1.02 8.81,-2.14 C 16.64,11 16.59,8.09 14.74,6.25 Z m -2.27,4.09 -0.91,1.87 -0.9,-1.87 -1.86,-0.91 1.86,-0.9 0.9,-1.87 0.91,1.87 1.86,0.9 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpolygon points='11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 14.33,9.43 12.47,10.34 ' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3C/g%3E%3C/svg%3E");
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    padding: 0 5px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0;
}
@media screen {
.mapboxgl-ctrl-attrib.mapboxgl-compact {
        margin: 10px;
        position: relative;
        background-color: #fff;
        border-radius: 3px 12px 12px 3px;
}
.mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
        padding: 2px 24px 2px 4px;
        visibility: visible;
}
.mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover,
    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
        padding: 2px 4px 2px 24px;
        border-radius: 12px 3px 3px 12px;
}
.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
        display: none;
}
.mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {
        display: block;
}
.mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        content: '';
        cursor: pointer;
        position: absolute;
        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 fill='%23333333' fill-rule='evenodd' d='M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0'/%3E %3C/svg%3E");
        background-color: rgba(255, 255, 255, 0.5);
        width: 24px;
        height: 24px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-radius: 12px;
}
.mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        bottom: 0;
        right: 0;
}
.mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        top: 0;
        right: 0;
}
.mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        top: 0;
        left: 0;
}
.mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        bottom: 0;
        left: 0;
}
}
.mapboxgl-ctrl-attrib a {
    color: rgba(0, 0, 0, 0.75);
    text-decoration: none;
}
.mapboxgl-ctrl-attrib a:hover {
    color: inherit;
    text-decoration: underline;
}

/* stylelint-disable-next-line selector-class-pattern */
.mapboxgl-ctrl-attrib .mapbox-improve-map {
    font-weight: bold;
    margin-left: 2px;
}
.mapboxgl-attrib-empty {
    display: none;
}
.mapboxgl-ctrl-scale {
    background-color: rgba(255, 255, 255, 0.75);
    font-size: 10px;
    border-width: medium 2px 2px;
    border-style: none solid solid;
    border-color: #333;
    padding: 0 5px;
    color: #333;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.mapboxgl-popup {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    will-change: transform;
    pointer-events: none;
}
.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.mapboxgl-popup-anchor-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.mapboxgl-popup-anchor-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.mapboxgl-popup-tip {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    z-index: 1;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
        align-self: center;
    border-top: none;
    border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
    border-top: none;
    border-left: none;
    border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
    border-top: none;
    border-right: none;
    border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
        align-self: center;
    border-bottom: none;
    border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
    border-bottom: none;
    border-left: none;
    border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
    border-bottom: none;
    border-right: none;
    border-top-color: #fff;
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
        align-self: center;
    border-left: none;
    border-right-color: #fff;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
        align-self: center;
    border-right: none;
    border-left-color: #fff;
}
.mapboxgl-popup-close-button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    background-color: transparent;
}
.mapboxgl-popup-close-button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.mapboxgl-popup-content {
    position: relative;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 10px 10px 15px;
    pointer-events: auto;
}
.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-marker {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
}
.mapboxgl-user-location-dot {
    background-color: #1da1f2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.mapboxgl-user-location-dot::before {
    background-color: #1da1f2;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite;
    animation: mapboxgl-user-location-dot-pulse 2s infinite;
}
.mapboxgl-user-location-dot::after {
    border-radius: 50%;
    border: 2px solid #fff;
    content: '';
    height: 19px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 19px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
@-webkit-keyframes mapboxgl-user-location-dot-pulse {
0%   { -webkit-transform: scale(1); opacity: 1;
}
70%  { -webkit-transform: scale(3); opacity: 0;
}
100% { -webkit-transform: scale(1); opacity: 0;
}
}
@keyframes mapboxgl-user-location-dot-pulse {
0%   { -webkit-transform: scale(1); transform: scale(1); opacity: 1;
}
70%  { -webkit-transform: scale(3); transform: scale(3); opacity: 0;
}
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0;
}
}
.mapboxgl-user-location-dot-stale {
    background-color: #aaa;
}
.mapboxgl-user-location-dot-stale::after {
    display: none;
}
.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
    cursor: crosshair;
}
.mapboxgl-boxzoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: #fff;
    border: 2px dotted #202020;
    opacity: 0.5;
}
@media print {
    /* stylelint-disable-next-line selector-class-pattern */
.mapbox-improve-map {
        display: none;
}
}
.map-container {
  height: 100% !important;
}
.mgl-map-wrapper {
  height: 100% !important;
}
.mapboxgl-map,
.maplibregl-map {
  height: 100% !important;
}