/* ===============================
       PROJECT SPACING
    =============================== */
    .project-spacing-y {
      margin: 1rem 0;
    }

    /* ===============================
       CARD
    =============================== */
    .project-card {
      display: flex;
      align-items: center;
      padding: 8px 14px;
      border: 1px solid #e0e0e0;
      border-radius: 6px;
      background: #fff;
      cursor: pointer;
      transition: background-color .25s, box-shadow .25s;
      outline: none;
    }

    .project-card:hover,
    .project-card:focus {
      background-color: rgba(0,0,0,.05);
      box-shadow: 0 4px 12px rgba(0,0,0,.08);
    }

    .project-card-img {
      width: 40px;
      height: 40px;
      margin-right: 10px;
      object-fit: contain;
      flex-shrink: 0;
    }

    .project-card-title {
      font-size: 14px;
      line-height: 20px;
      margin: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    /* ===============================
       TOOLTIP
    =============================== */
    .tooltip-inner {
      max-width: 260px;
      padding: 8px 10px;
      font-size: 13px;
      text-align: center;
    }