.creator-tag-setting-card {
  align-content: start;
  gap: 14px;
}

.creator-tag-setting-card p {
  max-width: 52ch;
  line-height: 1.65;
}

.creator-tag-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  min-height: 38px;
  padding: 6px 12px 6px 7px;
  border: 1px solid rgba(31, 35, 42, 0.2);
  border-radius: 5px;
  background: #fff;
  color: #30343a;
  cursor: pointer;
  font: inherit;
  letter-spacing: 0;
}

.creator-tag-switch > span {
  position: relative;
  width: 36px;
  height: 22px;
  border-radius: 11px;
  background: #c9ccd1;
  transition: background 160ms ease;
}

.creator-tag-switch > span::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  content: "";
  transition: transform 160ms ease;
}

.creator-tag-switch.is-on > span { background: #278568; }
.creator-tag-switch.is-on > span::after { transform: translateX(14px); }
.creator-tag-switch:focus-visible { outline: 3px solid rgba(39, 133, 104, 0.28); outline-offset: 2px; }
.creator-tag-switch[disabled] { cursor: wait; opacity: 0.65; }
.creator-tag-setting-status { min-height: 18px; color: #656b73; }
.creator-tag-setting-status.is-error { color: #a52d3b; }