@layer properties, theme, legado, base, components, utilities;

@layer legado {
  :is([data-componente], [data-componente] *):not(#_),
  :is([data-componente], [data-componente] *):not(#_)::before,
  :is([data-componente], [data-componente] *):not(#_)::after,
  :is([data-componente], [data-componente] *):not(#_)::placeholder,
  :is([data-componente], [data-componente] *):not(#_)::selection {
    all: revert-layer;
  }

  [data-componente]:not(#_) {
    color: var(--color-ink);
    font-family: var(--font-sans);
    font-size: medium;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: start;
    text-indent: 0;
    text-transform: none;
    text-shadow: none;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    visibility: visible;
    cursor: auto;
    tab-size: 4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
  }
}

@layer base {
  html.hj-internas:not(#_),
  html.hj-internas:not(#_) :not([data-componente], [data-componente] *),
  html.hj-internas:not(#_) :not([data-componente], [data-componente] *)::before,
  html.hj-internas:not(#_) :not([data-componente], [data-componente] *)::after,
  html.hj-internas:not(#_) :not([data-componente], [data-componente] *)::placeholder,
  html.hj-internas:not(#_) :not([data-componente], [data-componente] *)::selection {
    all: revert-layer;
  }

  .internas-menu-aberto #lgpd {
    visibility: hidden;
  }
}

@layer utilities {
  html.hj-internas:not(#_),
  html.hj-internas:not(#_) :not([data-componente], [data-componente] *),
  html.hj-internas:not(#_) :not([data-componente], [data-componente] *)::before,
  html.hj-internas:not(#_) :not([data-componente], [data-componente] *)::after,
  html.hj-internas:not(#_) :not([data-componente], [data-componente] *)::placeholder,
  html.hj-internas:not(#_) :not([data-componente], [data-componente] *)::selection {
    all: revert-layer;
  }
}