lens/src/renderer/components/+extensions/extensions.scss

.Extensions {
  $spacing: $padding * 2;
  --width: 100%;
  --max-width: auto;

  .extensions-list {
    .extension {
      --flex-gap: $padding / 3;
      padding: $padding $spacing;
      background: $colorVague;
      border-radius: $radius;

      &:not(:first-of-type) {
        margin-top: $spacing;
      }
    }
  }

  .extensions-info {
    --flex-gap: #{$spacing};

    > .flex.gaps {
      --flex-gap: #{$padding};
    }

    .install-extension {
      .Clipboard {
        font-size: $font-size-small;

        &:hover {
          color: $textColorSecondary;
        }
      }
    }
  }

  .extensions-path {
    word-break: break-all;

    &:hover code {
      color: $textColorSecondary;
      cursor: pointer;
    }
  }

  .SearchInput {
    --spacing: #{$padding};
  }

  .WizardLayout {
    padding: 0;

    .info-col {
      flex: 0.6;
      align-self: flex-start;
    }
  }
}

.InstallingExtensionNotification {
  .folder-remove-warning {
    font-size: $font-size-small;
    color: inherit;
    cursor: pointer;
    font-style: italic;
    opacity: .8;

    &:hover {
      opacity: 1;
    }

    code {
      display: inline;
      color: inherit;
    }
  }

  .Button {
    background-color: unset;
    border: 1px solid currentColor;
    box-shadow: none !important;
  }
}