@charset "UTF-8";

:root {
  --beans-color-1: #53666E;
  --beans-text-color-1:  #FFFFFF;
  --beans-color-2:  #cc088e;
}

@charset "UTF-8";

@media screen and (max-width: 500px) {
  #beans-iframe {
    width: 100%;
    height: 80vh;
    border: 0px;
    background-color: #fff;
    border: 1px solid #eee;
  }
  .responsive-3d-container {
    visibility: hidden;
  }
}

@media screen and (min-width: 500px) {
  #beans-iframe {
    width: 100%;
    height: 80vh;
    border: 0px;
    background-color: #fff;
    border: 1px solid #eee;
  }
  .responsive-2d-container {
    visibility: hidden;
  }
}

.floor-picker-active {
  background-color: var(--beans-color-1);
}

.floor-picker:hover {
  background-color: var(--beans-color-2);
}

.rotate {
  border: 1px solid var(--beans-color-1) !important;
}

.rotate .rotater, .rotate .rotatel, .rotate .rotated, .rotate .rotateu, .beans-map-button-container, .unitlist-element-container.selected {
  background-color: var(--beans-color-1) !important;
}

.beans-btn {
  background-color:  var(--beans-color-1) !important;
  border-color: var(--beans-color-1) !important;
}

.widget .html-content {
  max-width: 100%;
}

.beans-map-button-text {
  /* margin-top: 3px !important; */
}

#body-inner-1 {
  width: 100%;
  height: 100vh; margin-left: 0; margin-top: 0; max-height: -webkit-fill-available;
}

#body-inner-2 {
  width: 100%;
  height: 100vh; margin-left: 0; margin-top: 0; max-height: -webkit-fill-available;
}

.beans-card {
  scroll-behavior: smooth !important;
}

@container body2 (max-width: 500px) {
  .beans-card {
    display: none !important;
  }
}

.force-show {
  display: block !important;
  top: 40px !important;
  height: calc(100% - 160px) !important;
  overflow-y: scroll;
}

.list-poi {
  height: 150px;
  font-size: 13px;
}