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

@import '../../globals/scss/carbon-settings';
@import '../../globals/scss/variables';

@import '~carbon-components/scss/components/inline-loading/inline-loading';
@import '~carbon-components/scss/components/link/link';
@import '~carbon-components/scss/components/modal/modal';
@import '~carbon-components/scss/components/text-input/text-input';

.#{$ide-prefix}-api-key-generation .#{$prefix}--modal-content {
  @include carbon--breakpoint-down('lg') {
    width: 100%; /* Use the full width of the modal viewport is less than lg (< 1056px) */
    padding-right: $spacing-05;
  }
}

.#{$ide-prefix}-api-key-generation-description,
.#{$ide-prefix}-api-key-generation-descriptive-name,
.#{$ide-prefix}-api-key-generation-api-key,
.#{$ide-prefix}-api-key-generation-api-key-secret {
  margin-bottom: $spacing-05;
}

.#{$ide-prefix}-api-key-generation-descriptive-name--label {
  @include carbon--type-style('label-01');

  margin-bottom: $spacing-03;
}

.#{$ide-prefix}-api-key-generation-helper-text-container {
  display: flex;
}

.#{$ide-prefix}-api-key-generation-helper-text-icon {
  min-width: $spacing-05;
  margin-right: $spacing-03;
}
.#{$ide-prefix}-api-key-generation-helper-text {
  @include carbon--type-style('helper-text-01');
}

.#{$ide-prefix}-api-key-generation-download-link {
  @include carbon--type-style('label-01');

  margin-left: $spacing-02;
}