@use 'libs/components/theme/src/lib/styles/compat-tokens-mixins' as compatMixins;

@include compatMixins.sky-default-overrides('sky-box') {
  --sky-override-box-header-padding-right: var(--sky-margin-inline-xl);
}

@include compatMixins.sky-modern-overrides('sky-box', false) {
  --sky-override-box-header-padding-right: var(--sky-margin-inline-xl);
}

sky-box-header {
  flex: 1 0;

  .sky-box-header {
    padding-right: var(
      --sky-override-box-header-padding-right,
      var(--sky-space-gap-text_action-l)
    );

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      display: inline;
      margin: 0;
    }
  }
}
