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

@use '@carbon/styles/scss/utilities/convert' as *;

@mixin callout-data {
  .#{$prefix}--callout-data {
    .#{$prefix}--callout {
      &-data {
        &__data {
          @include type-style('display-03', true);

          color: $icon-inverse;

          padding-block: $layout-01 $layout-05;
        }

        &__copy {
          @include type-style('fluid-heading-03', true);

          color: $icon-inverse;
          margin-block-start: auto;

          padding-block-end: $layout-01;
        }

        &__source {
          @include type-style('body-compact-01', true);

          color: $text-helper;

          inline-size: 90%;
          max-inline-size: to-rem(640px);

          padding-block: $spacing-03 $layout-03;

          @include breakpoint(md) {
            padding-block-end: $layout-05;
          }

          @include breakpoint(lg) {
            padding-block-end: $layout-06;
          }
        }
      }

      &__column {
        block-size: auto;

        @include breakpoint(md) {
          block-size: to-rem(320px);
        }

        @include breakpoint(lg) {
          block-size: to-rem(400px);
        }

        @include breakpoint(xlg) {
          block-size: to-rem(480px);
        }

        @include breakpoint(max) {
          block-size: to-rem(560px);
        }
      }

      &__content {
        display: flex;
        flex-direction: column;
        block-size: 100%;
        inline-size: 90%;
        margin-inline-start: 0;
        max-inline-size: 640px;
        padding-inline-start: 0;
      }
    }
  }
}