.cobalt- {
  &Flag {
    display: inline-flex;

    height: 24px;
    width: 24px;
    max-height: 100%;
    max-width: 100%;
    margin: auto;

    vertical-align: middle;
    line-height: 0;

    > svg {
      display: inline-block;
      width: 100%;
      max-width: 100%;
      max-height: 100%;
    }
  }

  &Flag--size16 {
    height: 16px;
    width: 16px;
  }

  &Flag--size20 {
    height: 20px;
    width: 20px;
  }

  &Flag--size32 {
    height: 32px;
    width: 32px;
  }
}