@import "../../theme.scss";

.sfsync-featureLocked {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;

  .sfsync-featureLocked-header {
    display: flex;
    align-items: center;
    gap: 6px;

    svg {
      flex-shrink: 0;
    }

    .sfsync-featureLocked-title {
      font-size: 0.875rem;
      font-weight: 600;
      color: $text-primary;
    }
  }

  .sfsync-featureLocked-description {
    margin: 0;
    padding: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: $text-secondary;
  }

  #sfsync-featureLocked-upgradeButton {
    margin-top: 4px;
  }
}