/*!
  *  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';
@import '@bci-web-core/common-styles/sass/bci/mixins/supergraphic-line';
@import '@bci-web-core/common-styles/sass/bci/mixins/header';
@import '@bci-web-core/common-styles/sass/bci/mixins/overlays';

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

.bci-content-container {
  height: 100vh;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding-top: $supergraphic-height-mobile;
  @include supergraphic-line($height: $supergraphic-height-mobile);

  @media (min-width: $screen-sm-min) {
    padding-top: $supergraphic-height;
    @include supergraphic-line;
  }

  &:before {
    z-index: 10000;
  }
}

::ng-deep body .bci-content-container {
  @include make-backdrop-unblurred;
}

// only style firefox with make-backdrop-blurred mixin, chrome and edge are styled via the overlay in Material Theme and with the backdrop-filter property which is only available for chromium
@-moz-document url-prefix() {
  body.modal .bci-content-container {
    @include make-backdrop-blurred;
  }
}
