[data-controller="menu"] {
  [data-menu-target="trigger"] {
    cursor: pointer;
  }
}


[data-tippy-root] {
  width: 200px;
  text-align: left;

  [data-theme="light"] {

    ul {
      padding-left: 0;
    }

    a {
      font-size: 16px;
      line-height: 24px;
      padding: 8px 20px;
      text-decoration: none;
      color: var(--text-light) ;
      font-weight: 300;
      transition: background-color 0.2s, color 0.2s;
      display: block;

      &:hover {
        background-color: var(--shadow);
        color: var(--primary);
      }
    }

    .tippy-content {
      padding: 10px 0;
    }

    &.tippy-box {
      background-color: white;
      box-shadow: 0px 1px 3px 0px var(--shadow);
    }

    [data-turbo-method="delete"] {
      color: var(--danger);

      &:hover {
        color: var(--danger);
      }
    }
  }
}