/*!
  *  Copyright (C) 2018 Robert Bosch GmbH Copyright (C) 2018 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
 */

@import '@bci-web-core/common-styles/sass/bci/_bci-variables.scss';

$supergraphic-height-mobile: $grid-size !default;

.commandbar-mobile-sidenav {
  position: fixed;
  top: $supergraphic-height;
  @media (max-width: $screen-sm-min) {
    top: $supergraphic-height-mobile;
  }

  right: 0;
  bottom: 0;
  width: 85vw;
  z-index: 500;
  box-shadow: none;
  overflow: hidden;

  .mat-drawer-container {
    height: 100%;
    background-color: transparent;
  }
}

.commandbar-sidenav-backdrop {
  backdrop-filter: blur(0px);
  z-index: 499;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: translateX(-100%);
  transition: background $transition-time-quarter ease-in-out, transform 0s ease $transition-time-quarter;

  &.commandbar-sidenav-shown {
    backdrop-filter: blur($modal-backdrop-blur-radius);
    transform: translateX(0%);
    background: $modal-backdrop-dim-color;
    transition: background $transition-time-half ease-in-out, transform 0s ease 0s;
  }
}
