#windy[data-v-5e01acdb] {
  width: 100%;
  height: 100%;
}
#windy[data-v-5e01acdb]  .marker-label {
  position: absolute;
  background: #1e3932;
  color: white;
  padding: 2px 10px;
  font-size: 0.9em;
  text-align: center;
  border-radius: 8px;
  margin-top: 18px;
  width: 80px;
  min-width: 80px;
  margin-left: -35px;
  line-height: 1.2em;
}
#windy[data-v-5e01acdb]  #logo-wrapper {
  width: 100% !important;
  height: 100% !important;
}
#windy[data-v-5e01acdb]  #logo {
  top: auto !important;
  bottom: 45px !important;
  right: 20px !important;
  left: auto !important;
  margin-left: auto !important;
}
[data-v-5e01acdb] #bottom #progress-bar #playpause {
  z-index: 1 !important;
}
.map-wrapper[data-v-8dc7cce2] {
  height: 100vh;
}
.map-wrapper.split-horizontal[data-v-8dc7cce2] {
  height: 70vh;
}
.no-map[data-v-8dc7cce2] {
  background: url(../img/no-map-bg.d6596ed4.svg) center;
  background-size: cover;
}
.empty-img-small[data-v-8dc7cce2] {
  height: 80px;
}
.vessel-panel[data-v-8dc7cce2] {
  position: fixed;
  width: 100%;
  height: 30vh;
  left: 0;
  bottom: 0;
  z-index: 4;
  overflow-y: scroll;
}
.vessel-panel.large-devices[data-v-8dc7cce2] {
  z-index: 5;
  width: 350px;
  min-width: 350px;
  max-width: 350px;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-animation: 0.3s ease-out slideInFromLeft-data-v-8dc7cce2;
          animation: 0.3s ease-out slideInFromLeft-data-v-8dc7cce2;
}
.vessel-panel.large-devices > div[data-v-8dc7cce2] {
  width: 350px;
  min-width: 350px;
}
@-webkit-keyframes slideInFromLeft-data-v-8dc7cce2 {
0% {
    width: 0;
    min-width: 0;
    opacity: 0;
}
100% {
    width: 350px;
    min-width: 350px;
    opacity: 100;
}
}
@keyframes slideInFromLeft-data-v-8dc7cce2 {
0% {
    width: 0;
    min-width: 0;
    opacity: 0;
}
100% {
    width: 350px;
    min-width: 350px;
    opacity: 100;
}
}
.map-custom-controls .v-toolbar__content {
  padding: 0 !important;
}
#windy #mobile-ovr-select {
  top: 55px !important;
  right: 22px !important;
}
#windy #embed-zoom {
  top: 95px !important;
  right: 20px !important;
}
#windy #logo-wrapper {
  width: 100% !important;
  height: 100% !important;
}
#windy #logo {
  top: auto !important;
  bottom: 45px !important;
  right: -5px !important;
  left: auto !important;
  margin-left: auto !important;
}