//@use "../scss/shared/reset";
//@use "../scss/shared/base";

//@use "../scss/shared/layout";
//@use "../scss/global-spacing";

@forward "../scss/variables";
@forward "../scss/mixins";


:host {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
}

// Must stay at zero specificity: shadow roots that re-adopt the global sheet
// (zn-tabs, zn-data-table, editor toolbar) load it before this one, so a `:host *`
// reset would win the tie and strip borders off every global class.
*, *::before, *::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: rgb(var(--zn-border-color));
}

[hidden] {
  display: none !important;
}

.width-container, .form-container, .wide-form-container {
  height: 100%;
  width: 100%;
  margin: var(--zn-default-margin, 0 auto);
}

.width-container {
  max-width: var(--zn-container);
}

.form-container {
  max-width: var(--zn-container-ph);
}

.wide-form-container {
  max-width: var(--zn-container-lg);
}