@mixin flag() { ... }@mixin flag() { 
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: settings.$min-width;
  width: max-content;
  height: settings.$height;
  border-radius: 0 0 settings.$border-radius 0;
  background-color: settings.$background-color;
  color: settings.$text-color;
  padding-left: settings.$spacing;
  padding-right: settings.$spacing;
 }

@mixin flag-deal() { ... }@mixin flag-deal() { 
  background-color: settings.$deal-background-color;
  color: settings.$deal-text-color;
 }

@mixin flag-oos() { ... }@mixin flag-oos() { 
  background-color: settings.$flag-background-color;
  color: settings.$flag-text-color;
 }

@mixin text() { ... }@mixin text() { 
  @include typography.style-as('caption');

  font-weight: settings.$font-weight;
 }

$min-width: unit.rem(50px) !default;

$height: kib-core.dimensions-get('large') !default;

$font-weight: map.get(kib-core.$type-weights, bold) !default;

$border-radius: kib-core.dimensions-get('small') !default;

$background-color: color.get('ui-elements', 'flag', 'new', 'primary') !default;

$text-color: color.get('ui-elements', 'flag', 'new', 'text') !default;

$spacing: unit.rem(12px) !default;

$deal-background-color: color.get('ui-elements', 'flag', 'deal', 'primary') !default;

$deal-text-color: color.get('ui-elements', 'flag', 'deal', 'text') !default;

$flag-background-color: kib-core.theme-get('next', 'neutral', 800) !default;

$flag-text-color: kib-core.theme-get('next', 'neutral', 50) !default;