@use '../utils/box-shadow_variables';
@use '../utils/color_variables';
@use '../utils/size_variables';
@use '../core/box.scss';

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: BUSL-1.1
 */

.control-group,
.control-group-success {
  @extend .box;
  box-shadow:
    box-shadow_variables.$box-shadow-middle,
    0 0 1px color_variables.$grey-dark;
}
.control-group-success.is-editor {
  background: color_variables.$grey-lightest;
}

.control-group a {
  color: currentColor;
}
.control-group-header {
  box-shadow: 0 0 1px currentColor;
  padding: size_variables.$spacing-10 size_variables.$spacing-14;
  background: color_variables.$grey-lightest;
  color: color_variables.$grey-dark;
  position: relative;
  strong {
    color: currentColor;
  }
}

.control-group-header.is-success {
  color: color_variables.$green-dark;
  background: color_variables.$green-lightest;
}

.control-group .authorizations {
  margin-top: size_variables.$spacing-10;
}