[data-whale-qualification-wrap="1"] {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-left: 8px;
  vertical-align: middle;
}

[data-whale-qualification-item="1"] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid rgba(39, 86, 216, .18);
  border-radius: 999px;
  color: #2756d8;
  background: rgba(79, 140, 255, .09);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  box-sizing: border-box;
}

[data-whale-qualification-item="1"][data-tone="safe"] {
  color: #12845a;
  border-color: rgba(18, 132, 90, .2);
  background: rgba(24, 184, 120, .09);
}

[data-whale-qualification-item="1"][data-tone="warning"] {
  color: #c24c2a;
  border-color: rgba(194, 76, 42, .2);
  background: rgba(245, 99, 66, .09);
}

@media (max-width: 768px) {
  [data-whale-qualification-wrap="1"] {
    width: 100%;
    margin: 6px 0 0;
    gap: 5px;
  }

  [data-whale-qualification-item="1"] {
    min-height: 20px;
    padding: 1px 7px;
    font-size: 11px;
  }
}