.maplibregl-ctrl {

  .maplibregl-style-switch {
    display: block;

    &.is-open {
      display: none;
    }
  }

  .maplibregl-style-list {
    display: none;

    &.is-open {
      display: block;
    }

    button {
      width: 100%;
      text-align: left;
      padding: 0 5px;

      &.is-active {
        font-weight: bold;
      }
    }

  }

}

.maplibregl-ctrl-top-left, .maplibregl-ctrl-bottom-left {
  .maplibregl-style-list button {
    text-align: left;
  }
}

.maplibregl-ctrl-top-right, .maplibregl-ctrl-bottom-right {
  .maplibregl-style-list button {
    text-align: right;
  }
}