@import "../css/colors"
@import "../css/vars"

:local(.zoomControl) {
  position: absolute;
  left: 10px;
  bottom: 10px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

:local(.zoomControlIn),
:local(.zoomControlOut) {
  outline: none;
  cursor: pointer;
  border: none;
  background-color: $lightGray;
  width: 30px;
  height: 30px;
  user-select: none;
}

:local(.zoomControlOut) {
  border-left: 1px solid $white;
}