@use "@ng-select/ng-select/themes/default.theme.css";
@use 'abstracts/functions';
@use 'abstracts/mixins';

@use 'base/base';
@use 'base/borders';
@use 'base/colors';
@use 'base/icons';
@use 'base/media';
@use 'base/typography';

@use 'components/avatar';
@use 'components/banner-message';
@use 'components/button-toggle';
@use 'components/buttons';
@use 'components/card';
@use 'components/charts';
@use 'components/checkbox';
@use 'components/chip';
@use 'components/dialogs';
@use 'components/dropdown-menu';
@use 'components/editor';
@use 'components/expansion-panel';
@use 'components/file-upload';
@use 'components/inputs';
@use 'components/list';
@use 'components/material-components';
@use 'components/miscellaneous';
@use 'components/notification-badge';
@use 'components/progress';
@use 'components/radio-button';
@use 'components/select';
@use 'components/slide-toggle';
@use 'components/slider';
@use 'components/snackbar';
@use 'components/steps-wizard';
@use 'components/table';
@use 'components/tabs';
@use 'components/tooltip';
@use 'components/tree';

@use 'layout/grid';
@use 'layout/layout';
@use 'layout/spacing';


.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

.cdk-global-overlay-wrapper,.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.cdk-overlay-container:empty {
  display: none
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000
}

.cdk-overlay-pane {
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .4s cubic-bezier(.25,.8,.25,1);
  opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1
}

@media screen and (-ms-high-contrast:active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
  }
}

.cdk-overlay-dark-backdrop {
  background: #00000052
}

.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll
}