@mixin icon() { ... }@mixin icon() { 
  width: unit.rem(24px);
  height: unit.rem(24px);
  color: color.get('link', 'active', 'primary');
 }

@mixin disabled() { ... }@mixin disabled() { 
  opacity: 0.5;
  pointer-events: none;
 }

@mixin button() { ... }@mixin button() { 
  @include card.card;

  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  border-color: color.get('action', 'cta', 'alternate', '03');
  background: none;

  &:hover {
    @include elevation.elevation('minimal');
  }
 }

@mixin card() { ... }@mixin card() { 
  container: kib-profile-card / inline-size;
 }

@mixin card-heading() { ... }@mixin card-heading() { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: var(--kib-profile-card-heading-spacing, #{spacing.get(s3)});
  margin-bottom: 0;
 }

@mixin card-heading-airy() { ... }@mixin card-heading-airy() { 
  --kib-profile-card-heading-spacing: #{spacing.get(s4)};

  margin-bottom: 0;

  // does not use customer properites
  @container kib-profile-card (max-width: #{settings.$card-condensed-max-width}) {
    --kib-profile-card-heading-spacing: #{spacing.get(s3)};

    margin-bottom: 0;
  }
 }

@mixin card-content() { ... }@mixin card-content() { 
  margin: var(--kib-profile-card-content-spacing, #{spacing.get(s3)});
 }

@mixin card-content-airy() { ... }@mixin card-content-airy() { 
  --kib-profile-card-content-spacing: #{spacing.get(s4)};

  @container (max-width: #{settings.$card-condensed-max-width}) {
    --kib-profile-card-content-spacing: #{spacing.get(s3)};
  }
 }