:host {
  pointer-events: all;
  &.disable-mouse {
    pointer-events: none;
  }
}

.right-menu {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  button:not(:last-child) {
    margin-right: 3px;
  }
}

/* fixes vertical alignment of icons within the button */
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
:host ::ng-deep .mat-mdc-mini-fab .mat-button-wrapper > * {
  vertical-align: initial;
}

:host ::ng-deep co-icon {
  height: 24px;
  width: 24px;
}

:host ::ng-deep co-icon svg {
  height: 100%;
  width: 100%;
}

:host ::ng-deep co-icon svg {
  fill: white;
}
