@layer reset, base;
@layer reset {
  @layer reset {
    :host {
      display: inline-flex;
    }
    :host,
    :host *,
    :host ::before,
    :host ::after {
      box-sizing: border-box;
    }
    :host,
    :host *:not(dialog) {
      margin: 0;
    }
    :host {
      padding: 0;
      min-inline-size: 0;
      min-block-size: 0;
    }
    :host > * {
      interpolate-size: allow-keywords;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: optimizeLegibility;
      font-family: var(--dds-font-family);
      font-feature-settings: var(--dds-font-features);
      -moz-text-size-adjust: none;
      -webkit-text-size-adjust: none;
      text-size-adjust: none;
    }
    :host :focus-visible {
      outline: 2px solid var(--dds-color-border-focus);
    }
  }
}
@layer base {}