@import './fonts/FiraCode.scss';
@import './fonts/FiraSans.scss';
@import './fonts/Metropolis.scss';
@import './themes/common.scss';
@import './themes/light/index.scss';
@import './mixins/mixins.scss';

@include themes-mixin {
  @include once {
    body {
      margin: 0;
      font-size: 14px;
      font-family: $--n-font-family;
    }
    
    a {
      color: $--n-primary-color;
    }
    
    input {
      font-family: $--n-font-family;
      font-size: inherit;
    }
    
    @include b(positioning-container) {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      pointer-events: none;
      transform: translateZ(0);
      @include m(absolute) {
        position: absolute;
      }
      @include b(positioning-content) {
        pointer-events: all;
      }
    }
  }
}