::-webkit-scrollbar { width: 6px; height: 10px; }
::-webkit-scrollbar-track { width: 6px; background: rgba(#101F1C, 0.1);-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
::-webkit-scrollbar-thumb { background-color: rgba(#101F1C, 0.5); background-clip: padding-box; min-height: 28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(#101F1C, 1); }

.easy-map-base-switch {
  width: auto !important;
  min-width: auto !important;
  padding: 0 !important;
  border: none !important;

  .base-switch-item {
    background: #f2f8fd;
    border-radius: 6px;
    opacity: .9;
    display: flex;

    .base-item {
      flex: 0 0 auto;
      width: 115px;
      height: 70px;
      position: relative;
      margin: 10px 0 10px 10px;

      &:last-child {
        margin-right: 10px;
      }

      .label {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 3px;
        font-size: 14px;
        background: rgba(0, 0, 0, .3);
        color: #fff;
      }

      >img {
        width: 100%;
        height: 100%;
      }

      &:hover,
      &.active {
        border: 2px solid #255fef;

        .label {
          background-color: #255fef;
        }
      }
    }
  }
}