@use 'libs/components/theme/src/lib/styles/mixins' as mixins;
@use 'libs/components/theme/src/lib/styles/variables' as *;

@include mixins.sky-host-responsive-container-xs-min() {
  .sky-page-summary-key-info {
    margin-top: $sky-margin-double;
  }
}

@include mixins.sky-host-responsive-container-sm-min() {
  .sky-page-summary-key-info {
    margin-top: initial;
  }
}

.sky-page-summary-key-info {
  --sky-host-key-info-display: block;
}
