/* Register layers in the correct order */
/* 
* Browsers define layer order based on when they encounter @layer declarations.
* This file should be imported by all component styles, and other CSS entry points,
* to ensure that layers are registered in the correct order.
*/
@layer base, tokens, utilities, components, overrides;
/* Add component styles to component layer while preserving Stencil Scoped CSS */
@layer components {
  :host p.hint {
    border: none; /* reset browser default borders */
    font: var(--semantic-text-utility-default-s);
    font-style: normal;
    letter-spacing: var(--semantic-letter-spacing-utility-s);
    /* STATE */
  }
  :host p.hint.resting {
    color: var(--semantic-color-on-surface-secondary-resting);
  }
  :host p.hint.disabled {
    color: var(--semantic-color-on-surface-secondary-disabled, #ced0d8);
  }
}