@import '../../constants/styles';

.ZoomOverlay {
  position: absolute;
  top: 46px;
  z-index: 100;
  box-shadow: $md-shadow1;

  &.open {
    display: visible;
  };
  &.closed {
    display: none;
  }

  .spacer {
    height: 1px;
    background: #F0F0F0;
    background: var(--button-active-color);
  }
  
  .ToolButton {
    background-color: #FFFFFF;
    background-color: var(--primary-color);
    height: 35px;

    &:hover {
      background-color: #F6F6F6;
      background-color: var(--button-hover-color);
    }
  }
}