:host {

  /* box */
  /*@doc Define o raio da borda do popover.*/
  --ez-popover__box--border-radius: var(--border--radius-medium, 12px);
  /*@doc Define a sombra do popover.*/
  --ez-popover__box--box-shadow: var(--shadow, 0px 0px 16px 0px #000);
  /*@doc Define a cor de fundo do popover.*/
  --ez-popover__box--background-color: var(--background--xlight, #fff);
  /*@doc Define a camada de visibilidade do popover.*/
  --ez-popover__box--z-index: var(--most-visible, 3);

  /***************
     host style  
  ***************/
  /*private*/
  position: relative;
  display: flex;
  user-select: none;
}

.popover__box {
  /*private*/
  z-index: var(--ez-popover__box--z-index);
  display: flex;
  flex-direction: column;

  height: fit-content;

  /*public*/
  background-color: var(--ez-popover__box--background-color);
  border-radius: var(--ez-popover__box--border-radius);
  box-shadow: var(--ez-popover__box--box-shadow);
}

.popover__box--fit-content {
  width: fit-content;
}

.popover__box--full-width {
  width: 100%;
}