//
// Copyright IBM Corp. 2021, 2025
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

// Standard imports.
@use '@carbon/styles/scss/theme' as *;
@use '@carbon/styles/scss/components/button/tokens' as *;
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/type';
@use '@carbon/styles/scss/config' as carbon-config;

@use '../../global/styles/project-settings' as c4p-settings;

$block-class: #{c4p-settings.$pkg-prefix}--apikey-modal;

.#{$block-class} .#{carbon-config.$prefix}--modal-close {
  display: none;
}

.#{$block-class} .#{carbon-config.$prefix}--inline-loading {
  min-block-size: 3rem; // increasing the height from 2 to 3 resolves an issue where the scroll bar bounces
}

.#{$block-class} .#{carbon-config.$prefix}--modal-content {
  padding-inline-end: $spacing-05;
}

.#{$block-class}__body {
  margin-block-end: $spacing-05;
  padding-inline-end: calc(20% - #{$spacing-05});
}

.#{$block-class}__messaging {
  display: flex;
  margin-block-start: $spacing-03;
  padding-inline-end: calc(20% - #{$spacing-05});
}

.#{$block-class}__messaging-text {
  flex: 1;
  margin-inline-start: $spacing-03;
  @include type.type-style('label-01');
}

.#{$block-class}__messaging-text > * {
  font: inherit;
}

.#{$block-class}__error-icon svg {
  fill: $button-danger-primary;
}

.#{$block-class}__checkmark-icon {
  fill: $button-primary;
}