@use '@zywave/zui-sass-scripts' as *;

:host {
  all: unset;
  contain: layout;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: var(--zui-font-size, #{rem(14)});
  font-weight: 400;
  line-height: var(--zui-line-height, 1.6);
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

// https://html.spec.whatwg.org/multipage/interaction.html#attr-hidden
:host([hidden]) {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}