@use '@inside-library/styles/mixins/partials/common-mixin' as *;

.sidebar-ged {
  width: 25rem;
  padding: var(--spacing-s) 2.5rem 0 1.1rem;
  border-right: 1px solid var(--color-grey-100);

  &__title {
    cursor: pointer;
    position: relative;
    margin-left: 2.8rem;
    text-transform: uppercase;
    font-size: 13px;

    p,
    i {
      color: var(--color-primary);
    }

    i {
      position: absolute;
      top: 43%;
      left: -2.6rem;
      font-size: var(--font-size-h5);
      transform: translateY(-50%);
    }
  }

  &__menu {
    margin-top: 1.8rem;
    margin-left: 1.1rem;

    .folder-focus {
      color: var(--color-light);
      background-color: var(--color-primary) !important;

      i {
        color: var(--color-light);
      }
    }
  }

  .folder-ged {
    .sid2-arrow {
      left: 15px;
      color: var(--color-light);
      font-weight: var(--font-weight-bold);
      font-size: 8px;

      &::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 16px;
        height: 16px;
        border-radius: var(--radius-m);
        transform: translate(-50%, -50%);
        z-index: -1;
      }
    }

    &--active {
      .sid2-arrow::after {
        background-color: var(--color-light);
      }
    }
  }
}
