:host {
  /* popover */
  /*@doc Define o raio da borda do popover.*/
  --ez-actions-button__actions-list--border-radius: var(--border--radius-medium, 12px);
  /*@doc Define a sombra do popover.*/
  --ez-actions-button__actions-list--box-shadow: var(--shadow, 0px 0px 16px 0px #000);
  /*@doc Define a cor de fundo do popover.*/
  --ez-actions-button__actions-list--background-color: var(--background--xlight, #fff);
  /*@doc Define o espaçamento interno do popover*/
  --ez-actions-button__actions-list--padding: var(--space--small, 6px);
  /*@doc Define a distancia entre o botão e o popover*/
  --ez-actions-button__actions-list--top-margin: var(--space-small, 6px);
  /*@doc Define a elevação do popover.*/
  --ez-actions-button__actions-list--z-index: var(--ez-elevation--8, 8);
  /*@doc Define a altura máxima do popover.*/
  --ez-actions-button__actions-max-height: 415px;

  /* button */
  /*@doc Define a largura mínima do popover*/
  --ez-actions-button__btn-action--min-width: 'auto';
  /*@doc Define a cor de fundo do popover*/
  --ez-actions-button__btn-action--background-color: var(--background--xlight, #fff);

  /***************
     host style  
  ***************/
  /*private*/
  display: flex;
  flex-direction: column;
  height: fit-content;
  user-select: none;
}

.ez-actions-button__actions-list {
  /*private*/
  display: flex;
  flex-direction: column;
  position: fixed;
  width: fit-content;
  height: fit-content;
  overflow-y: auto;
  scrollbar-width: thin;

  /*public*/
  z-index: var(--ez-actions-button__actions-list--z-index);
  padding: var(--ez-actions-button__actions-list--padding);
  margin-top: var(--ez-actions-button__actions-list--top-margin);
  background-color: var(--ez-actions-button__actions-list--background-color);
  border-radius: var(--ez-actions-button__actions-list--border-radius);
  box-shadow: var(--ez-actions-button__actions-list--box-shadow);
}

.ez-actions-button__actions-list--max-height{
  max-height: var(--ez-actions-button__actions-max-height); 
}

.ez-actions-button__actions-list--lowered {
  /*public*/
  margin-top: calc(var(--ez-actions-button__actions-list--top-margin) + 6px);
}

.ez-actions-button__btn-action {
  /*private*/
  --ez-button--justify-content: flex-start;
  --ez-button--width: 100%;

  /*public*/
  --ez-button--min-width: var(--ez-actions-button__btn-action--min-width);
  --ez-button--background-color: var(--ez-actions-button__btn-action--background-color);
  --ez-button--font-weight: var(--text-weight--medium, 400);
  --ez-button--padding-left: var(--space--medium, 12px);
  --ez-button--padding-right: var(--space--medium, 12px);
  --ez-button--border: none;
}

.ez-actions-button__btn-action--spaced {
  /*public*/
  --ez-button--padding-left: calc(var(--space--medium, 12px) + 24px);
}

.ez-actions-button__icon-right {
  /*public*/
  margin-left: var(--space--small, 6px);
}

.ez-actions-button__icon-check,
.ez-actions-button__icon-item {
  /*private*/
  position: absolute;

  /*public*/
  left: var(--space--medium, 12px);
}

.ez-actions-button__icon-check {
  /*public*/
  color: var(--ez-button--hover-color);
}

.ez-actions-button__arrow {
  /*private*/
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
  width: 0;
  height: 0;

  /*public*/
  z-index: calc(var(--ez-actions-button__actions-list--z-index) + 1);
	border-bottom: 15px solid var(--ez-actions-button__btn-action--background-color);
}

.ez-actions-button__arrow--upped {
  /*private*/
  margin-top: calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1);
}

.ez-actions-button__arrow--small {
  margin-left: 6px;
}

.ez-actions-button__arrow--medium {
  margin-left: 11px;
}

.ez-actions-button__arrow--large {
  margin-left: 13px;
}

.ez-actions-button__arrow:only-child {
  display: none;
}

.ez-actions-button__btn-transparent {
  /*private*/
  --ez-button--background-color: transparent;
  --ez-button--hover--background-color: transparent;
  --ez-button--active--background-color: transparent;
  --ez-button--focus--border: none;
  --ez-button--border: none;
}

.ez-actions-button__btn-label {
  /*public*/
  --ez-button--padding-left: var(--space--medium, 12px);
  --ez-button--padding-right: var(--space--medium, 12px);
}

.ez-actions-button__list-container {
  position: relative;
}

.ez-actions-button--bottom-padding {
  padding-bottom: var(--space--small, 6px);
}