.lbaic-settings-kebab-menu {
  --lbaic-settings-kebab-action-bg: rgba(0, 0, 0, 0);

  position: relative;
  width: var(--lbaic-settings-kebab-size, 24px);
  height: var(--lbaic-settings-kebab-size, 24px);

  &-toggle {
    --lbaic-settings-loading-circle-width: 18px;

    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: var(--lbaic-settings-kebab-action-bg);

    &:hover {
      --lbaic-settings-kebab-action-bg: var(--lbaic-settings-button-bg-hover);
    }

    &:active {
      --lbaic-settings-kebab-action-bg: var(--lbaic-settings-button-bg-active)
    }

    &-i {
      width: 16px;
      height: auto;
      display: block;
      margin: auto;
      fill: var(--lbaic-settings-kebab-color);
    }
  }

  &-dropdown {
    --lbaic-settings-kebab-menu-opacity: 0;

    position: absolute;
    top: var(--lbaic-settings-kebab-menu-top, unset);
    right: var(--lbaic-settings-kebab-menu-right, unset);
    bottom: var(--lbaic-settings-kebab-menu-bottom, unset);
    left: var(--lbaic-settings-kebab-menu-left, unset);
    padding: 3.5px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 1px solid var(--lbaic-settings-kebab-border);
    border-radius: calc(8.75px + 4px);
    background-color: var(--lbaic-settings-kebab-menu-bg);
    box-shadow: 0 0 8px 0 rgba(var(--lbaic-settings-kebab-box-shadow), 0.65);
    transform: translate3d(0, -4px, 0);
    opacity: var(--lbaic-settings-kebab-menu-opacity);
    z-index: -1;

    &.active {
      --lbaic-settings-kebab-menu-transform: translate3d(0, -4px, 0);
      --lbaic-settings-kebab-menu-opacity: 1;
      --lbaic-settings-kebab-menu-events: all;
      z-index: 100;
    }
  }
}