// --------------------------------

// Basic Style - Essential CSS rules and utility classes

// --------------------------------

@forward 'base/breakpoints';
@forward 'base/mixins';
@forward 'base/grid-layout';

@use 'base/reset';
@use 'base/colors';
@use 'base/spacing';
@use 'base/shared-styles';
@use 'base/typography';
@use 'base/icons';
@use 'base/buttons';
@use 'base/forms';
@use 'base/z-index';
@use 'base/visibility';
@use 'base/accessibility';
@use 'base/util';

pre {
  font-family: monospace !important;
}

*:focus-visible {
  outline: 1px auto;
}

.c-disabled {
  cursor: not-allowed !important;
  filter: opacity(.45);
  pointer-events: none !important;

  &.loading {
    cursor: wait !important;
  }
}

button.btn--state-b {
  cursor: wait;
}

button.reset {
  cursor: pointer !important;
}