/* ------ buttons ----- */
/* ------ typography ----- */
.cds--layout--size-xs {
  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-xs {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
}
.cds--layout-constraint--size__min-xs {
  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
}
.cds--layout-constraint--size__max-xs {
  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
}
.cds--layout--size-sm {
  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-sm {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
}
.cds--layout-constraint--size__min-sm {
  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
}
.cds--layout-constraint--size__max-sm {
  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
}
.cds--layout--size-md {
  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-md {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
}
.cds--layout-constraint--size__min-md {
  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
}
.cds--layout-constraint--size__max-md {
  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
}
.cds--layout--size-lg {
  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-lg {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
}
.cds--layout-constraint--size__min-lg {
  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
}
.cds--layout-constraint--size__max-lg {
  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
}
.cds--layout--size-xl {
  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-xl {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
}
.cds--layout-constraint--size__min-xl {
  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
}
.cds--layout-constraint--size__max-xl {
  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
}
.cds--layout--size-2xl {
  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-2xl {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
}
.cds--layout-constraint--size__min-2xl {
  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
}
.cds--layout-constraint--size__max-2xl {
  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
}
.cds--layout--density-condensed {
  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
}
.cds--layout-constraint--density__default-condensed {
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
}
.cds--layout-constraint--density__min-condensed {
  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
}
.cds--layout-constraint--density__max-condensed {
  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
}
.cds--layout--density-normal {
  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
}
.cds--layout-constraint--density__default-normal {
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
}
.cds--layout-constraint--density__min-normal {
  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
}
.cds--layout-constraint--density__max-normal {
  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
}
:root {
  --cds-layout-size-height-xs: 1.5rem;
  --cds-layout-size-height-sm: 2rem;
  --cds-layout-size-height-md: 2.5rem;
  --cds-layout-size-height-lg: 3rem;
  --cds-layout-size-height-xl: 4rem;
  --cds-layout-size-height-2xl: 5rem;
  --cds-layout-size-height-min: 0px;
  --cds-layout-size-height-max: 999999999px;
  --cds-layout-density-padding-inline-condensed: 0.5rem;
  --cds-layout-density-padding-inline-normal: 1rem;
  --cds-layout-density-padding-inline-min: 0px;
  --cds-layout-density-padding-inline-max: 999999999px;
}
@keyframes hide-feedback {
  0% {
    opacity: 1;
    visibility: inherit;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes show-feedback {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: inherit;
  }
}
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
.cds--tag {
  --cds-layout-size-height-xs: 1.125rem;
  --cds-layout-size-height-sm: 1.125rem;
  --cds-layout-size-height-md: 1.5rem;
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-md)));
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  background-color: var(--cds-tag-background-gray, #e0e0e0);
  color: var(--cds-tag-color-gray, #393939);
  display: inline-flex;
  min-width: 2rem;
  max-width: 100%;
  min-height: var(--cds-layout-size-height-local);
  align-items: center;
  justify-content: center;
  margin: 0.25rem;
  border-radius: 0.9375rem;
  cursor: default;
  padding-inline: 0.5rem;
  vertical-align: middle;
  word-break: break-word;
}
.cds--layout--size-xs .cds--tag {
  --cds-layout-size-height: var(--cds-layout-size-height-xs);
}
.cds--layout--size-sm .cds--tag {
  --cds-layout-size-height: var(--cds-layout-size-height-sm);
}
.cds--layout--size-md .cds--tag {
  --cds-layout-size-height: var(--cds-layout-size-height-md);
}
.cds--tag.cds--tag--interactive:hover,
.cds--tag .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-gray, #c6c6c6);
}
.cds--tag:not(:first-child) {
  margin-left: 0;
}
.cds--tag--red {
  background-color: var(--cds-tag-background-red, #ffd7d9);
  color: var(--cds-tag-color-red, #750e13);
}
.cds--tag--red.cds--tag--interactive:hover,
.cds--tag--red .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-red, #ffb3b8);
}
.cds--tag--magenta {
  background-color: var(--cds-tag-background-magenta, #ffd6e8);
  color: var(--cds-tag-color-magenta, #740937);
}
.cds--tag--magenta.cds--tag--interactive:hover,
.cds--tag--magenta .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-magenta, #ffafd2);
}
.cds--tag--purple {
  background-color: var(--cds-tag-background-purple, #e8daff);
  color: var(--cds-tag-color-purple, #491d8b);
}
.cds--tag--purple.cds--tag--interactive:hover,
.cds--tag--purple .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-purple, #d4bbff);
}
.cds--tag--blue {
  background-color: var(--cds-tag-background-blue, #d0e2ff);
  color: var(--cds-tag-color-blue, #002d9c);
}
.cds--tag--blue.cds--tag--interactive:hover,
.cds--tag--blue .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-blue, #a6c8ff);
}
.cds--tag--cyan {
  background-color: var(--cds-tag-background-cyan, #bae6ff);
  color: var(--cds-tag-color-cyan, #003a6d);
}
.cds--tag--cyan.cds--tag--interactive:hover,
.cds--tag--cyan .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-cyan, #82cfff);
}
.cds--tag--teal {
  background-color: var(--cds-tag-background-teal, #9ef0f0);
  color: var(--cds-tag-color-teal, #004144);
}
.cds--tag--teal.cds--tag--interactive:hover,
.cds--tag--teal .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-teal, #3ddbd9);
}
.cds--tag--green {
  background-color: var(--cds-tag-background-green, #a7f0ba);
  color: var(--cds-tag-color-green, #044317);
}
.cds--tag--green.cds--tag--interactive:hover,
.cds--tag--green .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-green, #6fdc8c);
}
.cds--tag--gray {
  background-color: var(--cds-tag-background-gray, #e0e0e0);
  color: var(--cds-tag-color-gray, #393939);
}
.cds--tag--gray.cds--tag--interactive:hover,
.cds--tag--gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-gray, #c6c6c6);
}
.cds--tag--cool-gray {
  background-color: var(--cds-tag-background-cool-gray, #dde1e6);
  color: var(--cds-tag-color-cool-gray, #343a3f);
}
.cds--tag--cool-gray.cds--tag--interactive:hover,
.cds--tag--cool-gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-cool-gray, #c1c7cd);
}
.cds--tag--warm-gray {
  background-color: var(--cds-tag-background-warm-gray, #e5e0df);
  color: var(--cds-tag-color-warm-gray, #3c3838);
}
.cds--tag--warm-gray.cds--tag--interactive:hover,
.cds--tag--warm-gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-warm-gray, #cac5c4);
}
.cds--tag--high-contrast {
  background-color: var(--cds-background-inverse, #393939);
  color: var(--cds-text-inverse, #ffffff);
}
.cds--tag--high-contrast.cds--tag--interactive:hover,
.cds--tag--high-contrast .cds--tag__close-icon:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}
.cds--tag--outline {
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-primary, #161616);
  box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
}
.cds--tag--outline.cds--tag--interactive:hover,
.cds--tag--outline .cds--tag__close-icon:hover {
  background-color: var(--cds-layer-hover);
}
.cds--tag--disabled,
.cds--tag--filter.cds--tag--disabled,
.cds--tag--interactive.cds--tag--disabled {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  box-shadow: none;
}
.cds--tag--disabled.cds--tag--interactive:hover,
.cds--tag--disabled .cds--tag__close-icon:hover,
.cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,
.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
.cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover,
.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
  background-color: var(--cds-layer);
}
.cds--tag--disabled:hover,
.cds--tag--filter.cds--tag--disabled:hover,
.cds--tag--interactive.cds--tag--disabled:hover {
  cursor: not-allowed;
}
.cds--tag__label {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cds--tag--interactive:focus {
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
  outline: none;
}
.cds--tag--interactive:hover {
  cursor: pointer;
}
.cds--tag--filter {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  cursor: pointer;
}
.cds--tag--filter:hover {
  outline: none;
}
.cds--tag--interactive {
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--tag__close-icon {
  display: flex;
  width: var(--cds-layout-size-height-local);
  height: var(--cds-layout-size-height-local);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  margin: 0 0 0 0.125rem;
  background-color: transparent;
  border-radius: 50%;
  color: currentColor;
  cursor: pointer;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tag__close-icon svg {
  fill: currentColor;
}
.cds--tag__custom-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  margin-right: 0.25rem;
  background-color: transparent;
  color: currentColor;
  outline: none;
}
.cds--tag__custom-icon svg {
  fill: currentColor;
}
.cds--tag--disabled .cds--tag__close-icon {
  cursor: not-allowed;
}
.cds--tag__close-icon:focus {
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
  outline: none;
}
.cds--tag--high-contrast .cds--tag__close-icon:focus {
  box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff);
}
.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover {
  background-color: transparent;
}
.cds--tag--filter.cds--tag--disabled svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--tag--sm.cds--tag--filter {
  padding-right: 0;
}
.cds--tag--sm .cds--tag__close-icon {
  margin-left: 0.3125rem;
}
.cds--tag.cds--skeleton {
  background-color: var(--cds-skeleton-background, #e8e8e8);
  color: var(--cds-text-primary, #161616);
  overflow: hidden;
  width: 3.75rem;
}
.cds--tag.cds--skeleton.cds--tag--interactive:hover,
.cds--tag.cds--skeleton .cds--tag__close-icon:hover {
  background-color: var(--cds-skeleton-background, #e8e8e8);
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .cds--tag.cds--skeleton {
      transform: translateZ(0);
    }
  }
}
/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag__close-icon svg,
  .cds--tag__custom-icon svg {
    fill: ButtonText;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag__close-icon:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
/* stylelint-enable */
.cds--tag {
  --cds-layout-size-height-xs: 1.125rem;
  --cds-layout-size-height-sm: 1.125rem;
  --cds-layout-size-height-md: 1.5rem;
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-md)));
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  background-color: var(--cds-tag-background-gray, #e0e0e0);
  color: var(--cds-tag-color-gray, #393939);
  display: inline-flex;
  min-width: 2rem;
  max-width: 100%;
  min-height: var(--cds-layout-size-height-local);
  align-items: center;
  justify-content: center;
  margin: 0.25rem;
  border-radius: 0.9375rem;
  cursor: default;
  padding-inline: 0.5rem;
  vertical-align: middle;
  word-break: break-word;
}
.cds--layout--size-xs .cds--tag {
  --cds-layout-size-height: var(--cds-layout-size-height-xs);
}
.cds--layout--size-sm .cds--tag {
  --cds-layout-size-height: var(--cds-layout-size-height-sm);
}
.cds--layout--size-md .cds--tag {
  --cds-layout-size-height: var(--cds-layout-size-height-md);
}
.cds--tag.cds--tag--interactive:hover,
.cds--tag .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-gray, #c6c6c6);
}
.cds--tag:not(:first-child) {
  margin-left: 0;
}
.cds--tag--red {
  background-color: var(--cds-tag-background-red, #ffd7d9);
  color: var(--cds-tag-color-red, #750e13);
}
.cds--tag--red.cds--tag--interactive:hover,
.cds--tag--red .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-red, #ffb3b8);
}
.cds--tag--magenta {
  background-color: var(--cds-tag-background-magenta, #ffd6e8);
  color: var(--cds-tag-color-magenta, #740937);
}
.cds--tag--magenta.cds--tag--interactive:hover,
.cds--tag--magenta .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-magenta, #ffafd2);
}
.cds--tag--purple {
  background-color: var(--cds-tag-background-purple, #e8daff);
  color: var(--cds-tag-color-purple, #491d8b);
}
.cds--tag--purple.cds--tag--interactive:hover,
.cds--tag--purple .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-purple, #d4bbff);
}
.cds--tag--blue {
  background-color: var(--cds-tag-background-blue, #d0e2ff);
  color: var(--cds-tag-color-blue, #002d9c);
}
.cds--tag--blue.cds--tag--interactive:hover,
.cds--tag--blue .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-blue, #a6c8ff);
}
.cds--tag--cyan {
  background-color: var(--cds-tag-background-cyan, #bae6ff);
  color: var(--cds-tag-color-cyan, #003a6d);
}
.cds--tag--cyan.cds--tag--interactive:hover,
.cds--tag--cyan .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-cyan, #82cfff);
}
.cds--tag--teal {
  background-color: var(--cds-tag-background-teal, #9ef0f0);
  color: var(--cds-tag-color-teal, #004144);
}
.cds--tag--teal.cds--tag--interactive:hover,
.cds--tag--teal .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-teal, #3ddbd9);
}
.cds--tag--green {
  background-color: var(--cds-tag-background-green, #a7f0ba);
  color: var(--cds-tag-color-green, #044317);
}
.cds--tag--green.cds--tag--interactive:hover,
.cds--tag--green .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-green, #6fdc8c);
}
.cds--tag--gray {
  background-color: var(--cds-tag-background-gray, #e0e0e0);
  color: var(--cds-tag-color-gray, #393939);
}
.cds--tag--gray.cds--tag--interactive:hover,
.cds--tag--gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-gray, #c6c6c6);
}
.cds--tag--cool-gray {
  background-color: var(--cds-tag-background-cool-gray, #dde1e6);
  color: var(--cds-tag-color-cool-gray, #343a3f);
}
.cds--tag--cool-gray.cds--tag--interactive:hover,
.cds--tag--cool-gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-cool-gray, #c1c7cd);
}
.cds--tag--warm-gray {
  background-color: var(--cds-tag-background-warm-gray, #e5e0df);
  color: var(--cds-tag-color-warm-gray, #3c3838);
}
.cds--tag--warm-gray.cds--tag--interactive:hover,
.cds--tag--warm-gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-warm-gray, #cac5c4);
}
.cds--tag--high-contrast {
  background-color: var(--cds-background-inverse, #393939);
  color: var(--cds-text-inverse, #ffffff);
}
.cds--tag--high-contrast.cds--tag--interactive:hover,
.cds--tag--high-contrast .cds--tag__close-icon:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}
.cds--tag--outline {
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-primary, #161616);
  box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
}
.cds--tag--outline.cds--tag--interactive:hover,
.cds--tag--outline .cds--tag__close-icon:hover {
  background-color: var(--cds-layer-hover);
}
.cds--tag--disabled,
.cds--tag--filter.cds--tag--disabled,
.cds--tag--interactive.cds--tag--disabled {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  box-shadow: none;
}
.cds--tag--disabled.cds--tag--interactive:hover,
.cds--tag--disabled .cds--tag__close-icon:hover,
.cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,
.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
.cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover,
.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
  background-color: var(--cds-layer);
}
.cds--tag--disabled:hover,
.cds--tag--filter.cds--tag--disabled:hover,
.cds--tag--interactive.cds--tag--disabled:hover {
  cursor: not-allowed;
}
.cds--tag__label {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cds--tag--interactive:focus {
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
  outline: none;
}
.cds--tag--interactive:hover {
  cursor: pointer;
}
.cds--tag--filter {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  cursor: pointer;
}
.cds--tag--filter:hover {
  outline: none;
}
.cds--tag--interactive {
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--tag__close-icon {
  display: flex;
  width: var(--cds-layout-size-height-local);
  height: var(--cds-layout-size-height-local);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  margin: 0 0 0 0.125rem;
  background-color: transparent;
  border-radius: 50%;
  color: currentColor;
  cursor: pointer;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tag__close-icon svg {
  fill: currentColor;
}
.cds--tag__custom-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  margin-right: 0.25rem;
  background-color: transparent;
  color: currentColor;
  outline: none;
}
.cds--tag__custom-icon svg {
  fill: currentColor;
}
.cds--tag--disabled .cds--tag__close-icon {
  cursor: not-allowed;
}
.cds--tag__close-icon:focus {
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
  outline: none;
}
.cds--tag--high-contrast .cds--tag__close-icon:focus {
  box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff);
}
.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover {
  background-color: transparent;
}
.cds--tag--filter.cds--tag--disabled svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--tag--sm.cds--tag--filter {
  padding-right: 0;
}
.cds--tag--sm .cds--tag__close-icon {
  margin-left: 0.3125rem;
}
.cds--tag.cds--skeleton {
  background-color: var(--cds-skeleton-background, #e8e8e8);
  color: var(--cds-text-primary, #161616);
  overflow: hidden;
  width: 3.75rem;
}
.cds--tag.cds--skeleton.cds--tag--interactive:hover,
.cds--tag.cds--skeleton .cds--tag__close-icon:hover {
  background-color: var(--cds-skeleton-background, #e8e8e8);
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .cds--tag.cds--skeleton {
      transform: translateZ(0);
    }
  }
}
/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag__close-icon svg,
  .cds--tag__custom-icon svg {
    fill: ButtonText;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag__close-icon:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
/* stylelint-enable */
.cds--tag {
  border: none;
}
.msk-tag {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  padding: 0;
}
.msk-tag span:first-child {
  display: flex;
}
.msk-tag .msk-tag-container {
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 28px;
  padding: 3px 8px;
}
.msk-tag .msk-tag-container .msk-tag-icon {
  height: 20px;
  margin-right: 0;
  width: 20px;
}
.msk-tag:focus .msk-tag-container {
  padding: 2px 7px;
}
.msk-tag.cds--tag--filter {
  border: none;
  gap: 0;
  padding: 0;
}
.msk-tag.cds--tag--filter:focus .cds--tag__close-icon {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--filter .cds--tag__label {
  align-items: center;
  display: flex;
  justify-content: center;
}
.msk-tag.cds--tag--filter .msk-tag-container {
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-right: 0;
  border-top-right-radius: 0;
  padding: 3px 8px;
}
.msk-tag.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--disabled:focus-within .msk-tag-container {
  padding: 3px 8px;
}
.msk-tag.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--blue {
  color: var(--msk-color-content-tag-blue, #113e90);
}
.msk-tag.cds--tag--blue .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-blue, #b5cffd);
  border-radius: 0.25rem;
  background-color: var(--msk-color-bg-tag-blue, #f0f5ff);
}
.msk-tag.cds--tag--blue:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--blue.cds--tag--interactive:hover, .msk-tag.cds--tag--blue.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-blue-hover, #92b6f5);
  color: var(--msk-color-content-tag-blue-hover, #002569);
}
.msk-tag.cds--tag--blue.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--blue.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-blue-hover, #b5cffd);
  color: var(--msk-color-content-tag-blue-hover, #002569);
}
.msk-tag.cds--tag--blue.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-blue-active, #77a1e9);
  color: var(--msk-color-content-tag-blue-active, #001641);
}
.msk-tag.cds--tag--blue.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-blue-active, #92b6f5);
  color: var(--msk-color-content-tag-blue-active, #001641);
}
.msk-tag.cds--tag--blue.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--blue .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-blue, #f0f5ff);
  color: var(--msk-color-content-tag-blue, #113e90);
}
.msk-tag.cds--tag--blue .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-blue, #113e90);
  fill: var(--msk-color-content-tag-blue, #113e90);
}
.msk-tag.cds--tag--blue .cds--tag__close-icon:hover, .msk-tag.cds--tag--blue .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-blue-hover, #b5cffd);
  color: var(--msk-color-content-tag-blue-hover, #002569);
}
.msk-tag.cds--tag--blue .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--blue .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-blue-active, #92b6f5);
  color: var(--msk-color-content-tag-blue-active, #001641);
}
.msk-tag.cds--tag--blue.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--blue.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-blue-hover, #b5cffd);
}
.msk-tag.cds--tag--blue.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-blue-active, #92b6f5);
}
.msk-tag.cds--tag--blue.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--blue .msk-tag-container {
  color: var(--msk-color-content-tag-blue, #113e90);
}
.msk-tag.cds--tag--blue .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-blue, #113e90);
}
.msk-tag.cds--tag--blue .msk-tag-container * {
  color: var(--msk-color-content-tag-blue, #113e90);
  fill: var(--msk-color-content-tag-blue, #113e90);
}
.msk-tag.cds--tag--blue .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--blue .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--blue .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-blue-hover, #b5cffd);
  color: var(--msk-color-content-tag-blue-hover, #002569);
  outline: none;
}
.msk-tag.cds--tag--blue .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--blue .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-blue-active, #92b6f5);
  color: var(--msk-color-content-tag-blue-active, #001641);
}
.msk-tag.cds--tag--blue .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-blue, #113e90);
}
.msk-tag.cds--tag--blue.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--blue.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--blue.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--blue.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--blue.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--blue.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--blue.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--blue.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--blue.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--blue.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--blue.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--blue.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--blue.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--blue.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--blue.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--blue.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--blue.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--blue.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--blue.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--blue.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cool-gray {
  color: var(--msk-color-content-tag-cool-gray, #4d5358);
}
.msk-tag.cds--tag--cool-gray .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-cool-gray, #dde1e6);
  border-radius: 0.25rem;
  background-color: var(--msk-color-bg-tag-cool-gray, #f2f4f8);
}
.msk-tag.cds--tag--cool-gray:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--cool-gray.cds--tag--interactive:hover, .msk-tag.cds--tag--cool-gray.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-cool-gray-hover, #c1c7cd);
  color: var(--msk-color-content-tag-cool-gray-hover, #343a3f);
}
.msk-tag.cds--tag--cool-gray.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--cool-gray.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-cool-gray-hover, #dde1e6);
  color: var(--msk-color-content-tag-cool-gray-hover, #343a3f);
}
.msk-tag.cds--tag--cool-gray.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-cool-gray-active, #a2a9b0);
  color: var(--msk-color-content-tag-cool-gray-active, #21272a);
}
.msk-tag.cds--tag--cool-gray.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-cool-gray-active, #c1c7cd);
  color: var(--msk-color-content-tag-cool-gray-active, #21272a);
}
.msk-tag.cds--tag--cool-gray.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--cool-gray .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-cool-gray, #f2f4f8);
  color: var(--msk-color-content-tag-cool-gray, #4d5358);
}
.msk-tag.cds--tag--cool-gray .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-cool-gray, #4d5358);
  fill: var(--msk-color-content-tag-cool-gray, #4d5358);
}
.msk-tag.cds--tag--cool-gray .cds--tag__close-icon:hover, .msk-tag.cds--tag--cool-gray .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-cool-gray-hover, #dde1e6);
  color: var(--msk-color-content-tag-cool-gray-hover, #343a3f);
}
.msk-tag.cds--tag--cool-gray .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--cool-gray .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-cool-gray-active, #c1c7cd);
  color: var(--msk-color-content-tag-cool-gray-active, #21272a);
}
.msk-tag.cds--tag--cool-gray.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--cool-gray.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-cool-gray-hover, #dde1e6);
}
.msk-tag.cds--tag--cool-gray.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-cool-gray-active, #c1c7cd);
}
.msk-tag.cds--tag--cool-gray.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--cool-gray .msk-tag-container {
  color: var(--msk-color-content-tag-cool-gray, #4d5358);
}
.msk-tag.cds--tag--cool-gray .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-cool-gray, #4d5358);
}
.msk-tag.cds--tag--cool-gray .msk-tag-container * {
  color: var(--msk-color-content-tag-cool-gray, #4d5358);
  fill: var(--msk-color-content-tag-cool-gray, #4d5358);
}
.msk-tag.cds--tag--cool-gray .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--cool-gray .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--cool-gray .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-cool-gray-hover, #dde1e6);
  color: var(--msk-color-content-tag-cool-gray-hover, #343a3f);
  outline: none;
}
.msk-tag.cds--tag--cool-gray .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--cool-gray .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-cool-gray-active, #c1c7cd);
  color: var(--msk-color-content-tag-cool-gray-active, #21272a);
}
.msk-tag.cds--tag--cool-gray .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-cool-gray, #4d5358);
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--cool-gray.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--cool-gray.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--cool-gray.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--cool-gray.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--cool-gray.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--cool-gray.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--cool-gray.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--cool-gray.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--cool-gray.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--ghost {
  box-shadow: none;
  color: var(--msk-color-content-action-secondary, #113e90);
}
.msk-tag.cds--tag--ghost .msk-tag--outside-container {
  border: 2px solid transparent;
  border-radius: 0.25rem;
  background-color: transparent;
}
.msk-tag.cds--tag--ghost:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--ghost.cds--tag--interactive:hover, .msk-tag.cds--tag--ghost.cds--tag--interactive:focus {
  border-color: transparent;
  color: var(--msk-color-content-action-secondary-hover, #002569);
}
.msk-tag.cds--tag--ghost.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--ghost.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-action-hover, #f2f4f8);
  color: var(--msk-color-content-action-secondary-hover, #002569);
}
.msk-tag.cds--tag--ghost.cds--tag--interactive:active {
  border-color: transparent;
  color: var(--msk-color-content-action-secondary-active, #001641);
}
.msk-tag.cds--tag--ghost.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-action-active, #dde1e6);
  color: var(--msk-color-content-action-secondary-active, #001641);
}
.msk-tag.cds--tag--ghost.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--ghost .cds--tag__close-icon {
  background-color: transparent;
  color: var(--msk-color-content-action-secondary, #113e90);
}
.msk-tag.cds--tag--ghost .cds--tag__close-icon * {
  color: var(--msk-color-content-action-secondary, #113e90);
  fill: var(--msk-color-content-action-secondary, #113e90);
}
.msk-tag.cds--tag--ghost .cds--tag__close-icon:hover, .msk-tag.cds--tag--ghost .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-action-hover, #f2f4f8);
  color: var(--msk-color-content-action-secondary-hover, #002569);
}
.msk-tag.cds--tag--ghost .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--ghost .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-action-active, #dde1e6);
  color: var(--msk-color-content-action-secondary-active, #001641);
}
.msk-tag.cds--tag--ghost.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--ghost.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-action-hover, #f2f4f8);
}
.msk-tag.cds--tag--ghost.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-action-active, #dde1e6);
}
.msk-tag.cds--tag--ghost.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--ghost .msk-tag-container {
  color: var(--msk-color-content-action-secondary, #113e90);
}
.msk-tag.cds--tag--ghost .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-action-secondary, #113e90);
}
.msk-tag.cds--tag--ghost .msk-tag-container * {
  color: var(--msk-color-content-action-secondary, #113e90);
  fill: var(--msk-color-content-action-secondary, #113e90);
}
.msk-tag.cds--tag--ghost .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--ghost .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--ghost .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-action-hover, #f2f4f8);
  color: var(--msk-color-content-action-secondary-hover, #002569);
  outline: none;
}
.msk-tag.cds--tag--ghost .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--ghost .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-action-active, #dde1e6);
  color: var(--msk-color-content-action-secondary-active, #001641);
}
.msk-tag.cds--tag--ghost .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-action-secondary, #113e90);
}
.msk-tag.cds--tag--ghost.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--ghost.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--ghost.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--ghost.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--ghost.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--ghost.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--ghost.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--ghost.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--ghost.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--ghost.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--ghost.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--ghost.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--ghost.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--ghost.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--ghost.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--ghost.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--ghost.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--ghost.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--ghost.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--ghost.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--red {
  color: var(--msk-color-content-tag-red, #a80900);
}
.msk-tag.cds--tag--red .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-red, #facdcb);
  border-radius: 0.25rem;
  background-color: var(--msk-color-bg-tag-red, #ffe4e3);
}
.msk-tag.cds--tag--red:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--red.cds--tag--interactive:hover, .msk-tag.cds--tag--red.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-red-hover, #f4b1ad);
  color: var(--msk-color-content-tag-red-hover, #7a0700);
}
.msk-tag.cds--tag--red.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--red.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-red-hover, #facdcb);
  color: var(--msk-color-content-tag-red-hover, #7a0700);
}
.msk-tag.cds--tag--red.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-red-active, #ef8b85);
  color: var(--msk-color-content-tag-red-active, #520400);
}
.msk-tag.cds--tag--red.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-red-active, #f4b1ad);
  color: var(--msk-color-content-tag-red-active, #520400);
}
.msk-tag.cds--tag--red.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--red .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-red, #ffe4e3);
  color: var(--msk-color-content-tag-red, #a80900);
}
.msk-tag.cds--tag--red .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-red, #a80900);
  fill: var(--msk-color-content-tag-red, #a80900);
}
.msk-tag.cds--tag--red .cds--tag__close-icon:hover, .msk-tag.cds--tag--red .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-red-hover, #facdcb);
  color: var(--msk-color-content-tag-red-hover, #7a0700);
}
.msk-tag.cds--tag--red .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--red .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-red-active, #f4b1ad);
  color: var(--msk-color-content-tag-red-active, #520400);
}
.msk-tag.cds--tag--red.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--red.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-red-hover, #facdcb);
}
.msk-tag.cds--tag--red.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-red-active, #f4b1ad);
}
.msk-tag.cds--tag--red.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--red .msk-tag-container {
  color: var(--msk-color-content-tag-red, #a80900);
}
.msk-tag.cds--tag--red .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-red, #a80900);
}
.msk-tag.cds--tag--red .msk-tag-container * {
  color: var(--msk-color-content-tag-red, #a80900);
  fill: var(--msk-color-content-tag-red, #a80900);
}
.msk-tag.cds--tag--red .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--red .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--red .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-red-hover, #facdcb);
  color: var(--msk-color-content-tag-red-hover, #7a0700);
  outline: none;
}
.msk-tag.cds--tag--red .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--red .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-red-active, #f4b1ad);
  color: var(--msk-color-content-tag-red-active, #520400);
}
.msk-tag.cds--tag--red .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-red, #a80900);
}
.msk-tag.cds--tag--red.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--red.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--red.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--red.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--red.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--red.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--red.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--red.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--red.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--red.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--red.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--red.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--red.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--red.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--red.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--red.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--red.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--red.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--red.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--red.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--magenta {
  color: var(--msk-color-content-tag-magenta, #85375c);
}
.msk-tag.cds--tag--magenta .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-magenta, #ffc8e3);
  border-radius: 0.25rem;
  background-color: var(--msk-color-bg-tag-magenta, #fff2f9);
}
.msk-tag.cds--tag--magenta:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--magenta.cds--tag--interactive:hover, .msk-tag.cds--tag--magenta.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-magenta-hover, #ffa5d0);
  color: var(--msk-color-content-tag-magenta-hover, #612743);
}
.msk-tag.cds--tag--magenta.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--magenta.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-magenta-hover, #ffc8e3);
  color: var(--msk-color-content-tag-magenta-hover, #612743);
}
.msk-tag.cds--tag--magenta.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-magenta-active, #ff85bf);
  color: var(--msk-color-content-tag-magenta-active, #401a2c);
}
.msk-tag.cds--tag--magenta.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-magenta-active, #ffa5d0);
  color: var(--msk-color-content-tag-magenta-active, #401a2c);
}
.msk-tag.cds--tag--magenta.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--magenta .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-magenta, #fff2f9);
  color: var(--msk-color-content-tag-magenta, #85375c);
}
.msk-tag.cds--tag--magenta .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-magenta, #85375c);
  fill: var(--msk-color-content-tag-magenta, #85375c);
}
.msk-tag.cds--tag--magenta .cds--tag__close-icon:hover, .msk-tag.cds--tag--magenta .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-magenta-hover, #ffc8e3);
  color: var(--msk-color-content-tag-magenta-hover, #612743);
}
.msk-tag.cds--tag--magenta .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--magenta .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-magenta-active, #ffa5d0);
  color: var(--msk-color-content-tag-magenta-active, #401a2c);
}
.msk-tag.cds--tag--magenta.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--magenta.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-magenta-hover, #ffc8e3);
}
.msk-tag.cds--tag--magenta.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-magenta-active, #ffa5d0);
}
.msk-tag.cds--tag--magenta.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--magenta .msk-tag-container {
  color: var(--msk-color-content-tag-magenta, #85375c);
}
.msk-tag.cds--tag--magenta .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-magenta, #85375c);
}
.msk-tag.cds--tag--magenta .msk-tag-container * {
  color: var(--msk-color-content-tag-magenta, #85375c);
  fill: var(--msk-color-content-tag-magenta, #85375c);
}
.msk-tag.cds--tag--magenta .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--magenta .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--magenta .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-magenta-hover, #ffc8e3);
  color: var(--msk-color-content-tag-magenta-hover, #612743);
  outline: none;
}
.msk-tag.cds--tag--magenta .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--magenta .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-magenta-active, #ffa5d0);
  color: var(--msk-color-content-tag-magenta-active, #401a2c);
}
.msk-tag.cds--tag--magenta .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-magenta, #85375c);
}
.msk-tag.cds--tag--magenta.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--magenta.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--magenta.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--magenta.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--magenta.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--magenta.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--magenta.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--magenta.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--magenta.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--magenta.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--magenta.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--magenta.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--magenta.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--magenta.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--magenta.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--magenta.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--magenta.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--magenta.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--magenta.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--magenta.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--purple {
  color: var(--msk-color-content-tag-purple, #5c4583);
}
.msk-tag.cds--tag--purple .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-purple, #e7d8ff);
  border-radius: 0.25rem;
  background-color: var(--msk-color-bg-tag-purple, #f7f3ff);
}
.msk-tag.cds--tag--purple:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--purple.cds--tag--interactive:hover, .msk-tag.cds--tag--purple.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-purple-hover, #d6bdff);
  color: var(--msk-color-content-tag-purple-hover, #432f64);
}
.msk-tag.cds--tag--purple.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--purple.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-purple-hover, #e7d8ff);
  color: var(--msk-color-content-tag-purple-hover, #432f64);
}
.msk-tag.cds--tag--purple.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-purple-active, #b49ae0);
  color: var(--msk-color-content-tag-purple-active, #2c1d45);
}
.msk-tag.cds--tag--purple.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-purple-active, #d6bdff);
  color: var(--msk-color-content-tag-purple-active, #2c1d45);
}
.msk-tag.cds--tag--purple.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--purple .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-purple, #f7f3ff);
  color: var(--msk-color-content-tag-purple, #5c4583);
}
.msk-tag.cds--tag--purple .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-purple, #5c4583);
  fill: var(--msk-color-content-tag-purple, #5c4583);
}
.msk-tag.cds--tag--purple .cds--tag__close-icon:hover, .msk-tag.cds--tag--purple .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-purple-hover, #e7d8ff);
  color: var(--msk-color-content-tag-purple-hover, #432f64);
}
.msk-tag.cds--tag--purple .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--purple .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-purple-active, #d6bdff);
  color: var(--msk-color-content-tag-purple-active, #2c1d45);
}
.msk-tag.cds--tag--purple.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--purple.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-purple-hover, #e7d8ff);
}
.msk-tag.cds--tag--purple.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-purple-active, #d6bdff);
}
.msk-tag.cds--tag--purple.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--purple .msk-tag-container {
  color: var(--msk-color-content-tag-purple, #5c4583);
}
.msk-tag.cds--tag--purple .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-purple, #5c4583);
}
.msk-tag.cds--tag--purple .msk-tag-container * {
  color: var(--msk-color-content-tag-purple, #5c4583);
  fill: var(--msk-color-content-tag-purple, #5c4583);
}
.msk-tag.cds--tag--purple .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--purple .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--purple .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-purple-hover, #e7d8ff);
  color: var(--msk-color-content-tag-purple-hover, #432f64);
  outline: none;
}
.msk-tag.cds--tag--purple .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--purple .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-purple-active, #d6bdff);
  color: var(--msk-color-content-tag-purple-active, #2c1d45);
}
.msk-tag.cds--tag--purple .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-purple, #5c4583);
}
.msk-tag.cds--tag--purple.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--purple.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--purple.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--purple.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--purple.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--purple.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--purple.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--purple.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--purple.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--purple.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--purple.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--purple.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--purple.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--purple.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--purple.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--purple.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--purple.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--purple.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--purple.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--purple.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cyan {
  color: var(--msk-color-content-tag-cyan, #00539a);
}
.msk-tag.cds--tag--cyan .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-cyan, #bae6ff);
  border-radius: 0.25rem;
  background-color: var(--msk-color-bg-tag-cyan, #e5f6ff);
}
.msk-tag.cds--tag--cyan:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--cyan.cds--tag--interactive:hover, .msk-tag.cds--tag--cyan.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-cyan-hover, #82cfff);
  color: var(--msk-color-content-tag-cyan-hover, #003a6d);
}
.msk-tag.cds--tag--cyan.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--cyan.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-cyan-hover, #bae6ff);
  color: var(--msk-color-content-tag-cyan-hover, #003a6d);
}
.msk-tag.cds--tag--cyan.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-cyan-active, #33b1ff);
  color: var(--msk-color-content-tag-cyan-active, #012749);
}
.msk-tag.cds--tag--cyan.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-cyan-active, #82cfff);
  color: var(--msk-color-content-tag-cyan-active, #012749);
}
.msk-tag.cds--tag--cyan.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--cyan .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-cyan, #e5f6ff);
  color: var(--msk-color-content-tag-cyan, #00539a);
}
.msk-tag.cds--tag--cyan .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-cyan, #00539a);
  fill: var(--msk-color-content-tag-cyan, #00539a);
}
.msk-tag.cds--tag--cyan .cds--tag__close-icon:hover, .msk-tag.cds--tag--cyan .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-cyan-hover, #bae6ff);
  color: var(--msk-color-content-tag-cyan-hover, #003a6d);
}
.msk-tag.cds--tag--cyan .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--cyan .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-cyan-active, #82cfff);
  color: var(--msk-color-content-tag-cyan-active, #012749);
}
.msk-tag.cds--tag--cyan.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--cyan.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-cyan-hover, #bae6ff);
}
.msk-tag.cds--tag--cyan.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-cyan-active, #82cfff);
}
.msk-tag.cds--tag--cyan.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--cyan .msk-tag-container {
  color: var(--msk-color-content-tag-cyan, #00539a);
}
.msk-tag.cds--tag--cyan .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-cyan, #00539a);
}
.msk-tag.cds--tag--cyan .msk-tag-container * {
  color: var(--msk-color-content-tag-cyan, #00539a);
  fill: var(--msk-color-content-tag-cyan, #00539a);
}
.msk-tag.cds--tag--cyan .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--cyan .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--cyan .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-cyan-hover, #bae6ff);
  color: var(--msk-color-content-tag-cyan-hover, #003a6d);
  outline: none;
}
.msk-tag.cds--tag--cyan .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--cyan .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-cyan-active, #82cfff);
  color: var(--msk-color-content-tag-cyan-active, #012749);
}
.msk-tag.cds--tag--cyan .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-cyan, #00539a);
}
.msk-tag.cds--tag--cyan.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--cyan.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--cyan.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--cyan.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--cyan.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--cyan.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cyan.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--cyan.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--cyan.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--cyan.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cyan.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--cyan.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--cyan.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cyan.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--cyan.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--cyan.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cyan.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--cyan.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--cyan.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--cyan.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--teal {
  color: var(--msk-color-content-tag-teal, #215c57);
}
.msk-tag.cds--tag--teal .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-teal, #aff1eb);
  border-radius: 0.25rem;
  background-color: var(--msk-color-bg-tag-teal, #edfffd);
}
.msk-tag.cds--tag--teal:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--teal.cds--tag--interactive:hover, .msk-tag.cds--tag--teal.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-teal-hover, #78e2da);
  color: var(--msk-color-content-tag-teal-hover, #14423f);
}
.msk-tag.cds--tag--teal.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--teal.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-teal-hover, #aff1eb);
  color: var(--msk-color-content-tag-teal-hover, #14423f);
}
.msk-tag.cds--tag--teal.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-teal-active, #5ec2ba);
  color: var(--msk-color-content-tag-teal-active, #092220);
}
.msk-tag.cds--tag--teal.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-teal-active, #78e2da);
  color: var(--msk-color-content-tag-teal-active, #092220);
}
.msk-tag.cds--tag--teal.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--teal .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-teal, #edfffd);
  color: var(--msk-color-content-tag-teal, #215c57);
}
.msk-tag.cds--tag--teal .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-teal, #215c57);
  fill: var(--msk-color-content-tag-teal, #215c57);
}
.msk-tag.cds--tag--teal .cds--tag__close-icon:hover, .msk-tag.cds--tag--teal .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-teal-hover, #aff1eb);
  color: var(--msk-color-content-tag-teal-hover, #14423f);
}
.msk-tag.cds--tag--teal .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--teal .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-teal-active, #78e2da);
  color: var(--msk-color-content-tag-teal-active, #092220);
}
.msk-tag.cds--tag--teal.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--teal.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-teal-hover, #aff1eb);
}
.msk-tag.cds--tag--teal.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-teal-active, #78e2da);
}
.msk-tag.cds--tag--teal.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--teal .msk-tag-container {
  color: var(--msk-color-content-tag-teal, #215c57);
}
.msk-tag.cds--tag--teal .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-teal, #215c57);
}
.msk-tag.cds--tag--teal .msk-tag-container * {
  color: var(--msk-color-content-tag-teal, #215c57);
  fill: var(--msk-color-content-tag-teal, #215c57);
}
.msk-tag.cds--tag--teal .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--teal .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--teal .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-teal-hover, #aff1eb);
  color: var(--msk-color-content-tag-teal-hover, #14423f);
  outline: none;
}
.msk-tag.cds--tag--teal .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--teal .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-teal-active, #78e2da);
  color: var(--msk-color-content-tag-teal-active, #092220);
}
.msk-tag.cds--tag--teal .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-teal, #215c57);
}
.msk-tag.cds--tag--teal.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--teal.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--teal.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--teal.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--teal.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--teal.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--teal.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--teal.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--teal.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--teal.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--teal.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--teal.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--teal.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--teal.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--teal.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--teal.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--teal.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--teal.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--teal.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--teal.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--green {
  color: var(--msk-color-content-tag-green, #175e15);
}
.msk-tag.cds--tag--green .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-green, #c7fcc6);
  border-radius: 0.25rem;
  background-color: var(--msk-color-bg-tag-green, #e6ffe6);
}
.msk-tag.cds--tag--green:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--green.cds--tag--interactive:hover, .msk-tag.cds--tag--green.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-green-hover, #8dde8b);
  color: var(--msk-color-content-tag-green-hover, #0e450d);
}
.msk-tag.cds--tag--green.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--green.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-green-hover, #c7fcc6);
  color: var(--msk-color-content-tag-green-hover, #0e450d);
}
.msk-tag.cds--tag--green.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-green-active, #5fc05e);
  color: var(--msk-color-content-tag-green-active, #072806);
}
.msk-tag.cds--tag--green.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-green-active, #8dde8b);
  color: var(--msk-color-content-tag-green-active, #072806);
}
.msk-tag.cds--tag--green.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--green .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-green, #e6ffe6);
  color: var(--msk-color-content-tag-green, #175e15);
}
.msk-tag.cds--tag--green .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-green, #175e15);
  fill: var(--msk-color-content-tag-green, #175e15);
}
.msk-tag.cds--tag--green .cds--tag__close-icon:hover, .msk-tag.cds--tag--green .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-green-hover, #c7fcc6);
  color: var(--msk-color-content-tag-green-hover, #0e450d);
}
.msk-tag.cds--tag--green .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--green .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-green-active, #8dde8b);
  color: var(--msk-color-content-tag-green-active, #072806);
}
.msk-tag.cds--tag--green.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--green.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-green-hover, #c7fcc6);
}
.msk-tag.cds--tag--green.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-green-active, #8dde8b);
}
.msk-tag.cds--tag--green.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--green .msk-tag-container {
  color: var(--msk-color-content-tag-green, #175e15);
}
.msk-tag.cds--tag--green .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-green, #175e15);
}
.msk-tag.cds--tag--green .msk-tag-container * {
  color: var(--msk-color-content-tag-green, #175e15);
  fill: var(--msk-color-content-tag-green, #175e15);
}
.msk-tag.cds--tag--green .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--green .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--green .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-green-hover, #c7fcc6);
  color: var(--msk-color-content-tag-green-hover, #0e450d);
  outline: none;
}
.msk-tag.cds--tag--green .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--green .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-green-active, #8dde8b);
  color: var(--msk-color-content-tag-green-active, #072806);
}
.msk-tag.cds--tag--green .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-green, #175e15);
}
.msk-tag.cds--tag--green.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--green.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--green.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--green.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--green.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--green.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--green.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--green.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--green.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--green.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--green.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--green.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--green.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--green.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--green.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--green.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--green.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--green.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--green.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--green.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--gray {
  color: var(--msk-color-content-tag-gray, #525252);
}
.msk-tag.cds--tag--gray .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-gray, #e0e0e0);
  border-radius: 0.25rem;
  background-color: var(--msk-color-bg-tag-gray, #f4f4f4);
}
.msk-tag.cds--tag--gray:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--gray.cds--tag--interactive:hover, .msk-tag.cds--tag--gray.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-gray-hover, #c6c6c6);
  color: var(--msk-color-content-tag-gray-hover, #393939);
}
.msk-tag.cds--tag--gray.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--gray.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-gray-hover, #e0e0e0);
  color: var(--msk-color-content-tag-gray-hover, #393939);
}
.msk-tag.cds--tag--gray.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-gray-active, #a8a8a8);
  color: var(--msk-color-content-tag-gray-active, #262626);
}
.msk-tag.cds--tag--gray.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-gray-active, #c6c6c6);
  color: var(--msk-color-content-tag-gray-active, #262626);
}
.msk-tag.cds--tag--gray.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--gray .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-gray, #f4f4f4);
  color: var(--msk-color-content-tag-gray, #525252);
}
.msk-tag.cds--tag--gray .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-gray, #525252);
  fill: var(--msk-color-content-tag-gray, #525252);
}
.msk-tag.cds--tag--gray .cds--tag__close-icon:hover, .msk-tag.cds--tag--gray .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-gray-hover, #e0e0e0);
  color: var(--msk-color-content-tag-gray-hover, #393939);
}
.msk-tag.cds--tag--gray .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--gray .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-gray-active, #c6c6c6);
  color: var(--msk-color-content-tag-gray-active, #262626);
}
.msk-tag.cds--tag--gray.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--gray.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-gray-hover, #e0e0e0);
}
.msk-tag.cds--tag--gray.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-gray-active, #c6c6c6);
}
.msk-tag.cds--tag--gray.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--gray .msk-tag-container {
  color: var(--msk-color-content-tag-gray, #525252);
}
.msk-tag.cds--tag--gray .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-gray, #525252);
}
.msk-tag.cds--tag--gray .msk-tag-container * {
  color: var(--msk-color-content-tag-gray, #525252);
  fill: var(--msk-color-content-tag-gray, #525252);
}
.msk-tag.cds--tag--gray .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--gray .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--gray .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-gray-hover, #e0e0e0);
  color: var(--msk-color-content-tag-gray-hover, #393939);
  outline: none;
}
.msk-tag.cds--tag--gray .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--gray .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-gray-active, #c6c6c6);
  color: var(--msk-color-content-tag-gray-active, #262626);
}
.msk-tag.cds--tag--gray .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-gray, #525252);
}
.msk-tag.cds--tag--gray.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--gray.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--gray.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--gray.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--gray.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--gray.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--gray.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--gray.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--gray.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--gray.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--gray.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--gray.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--gray.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--gray.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--gray.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--gray.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--gray.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--gray.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--gray.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--gray.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--warm-gray {
  color: var(--msk-color-content-tag-warm-gray, #565151);
}
.msk-tag.cds--tag--warm-gray .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-warm-gray, #e5e0df);
  border-radius: 0.25rem;
  background-color: var(--msk-color-bg-tag-warm-gray, #f7f3f2);
}
.msk-tag.cds--tag--warm-gray:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--warm-gray.cds--tag--interactive:hover, .msk-tag.cds--tag--warm-gray.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-warm-gray-hover, #cac5c4);
  color: var(--msk-color-content-tag-warm-gray-hover, #3c3838);
}
.msk-tag.cds--tag--warm-gray.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--warm-gray.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-warm-gray-hover, #e5e0df);
  color: var(--msk-color-content-tag-warm-gray-hover, #3c3838);
}
.msk-tag.cds--tag--warm-gray.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-warm-gray-active, #ada8a8);
  color: var(--msk-color-content-tag-warm-gray-active, #272525);
}
.msk-tag.cds--tag--warm-gray.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-warm-gray-active, #cac5c4);
  color: var(--msk-color-content-tag-warm-gray-active, #272525);
}
.msk-tag.cds--tag--warm-gray.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--warm-gray .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-warm-gray, #f7f3f2);
  color: var(--msk-color-content-tag-warm-gray, #565151);
}
.msk-tag.cds--tag--warm-gray .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-warm-gray, #565151);
  fill: var(--msk-color-content-tag-warm-gray, #565151);
}
.msk-tag.cds--tag--warm-gray .cds--tag__close-icon:hover, .msk-tag.cds--tag--warm-gray .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-warm-gray-hover, #e5e0df);
  color: var(--msk-color-content-tag-warm-gray-hover, #3c3838);
}
.msk-tag.cds--tag--warm-gray .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--warm-gray .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-warm-gray-active, #cac5c4);
  color: var(--msk-color-content-tag-warm-gray-active, #272525);
}
.msk-tag.cds--tag--warm-gray.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--warm-gray.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-warm-gray-hover, #e5e0df);
}
.msk-tag.cds--tag--warm-gray.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-warm-gray-active, #cac5c4);
}
.msk-tag.cds--tag--warm-gray.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--warm-gray .msk-tag-container {
  color: var(--msk-color-content-tag-warm-gray, #565151);
}
.msk-tag.cds--tag--warm-gray .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-warm-gray, #565151);
}
.msk-tag.cds--tag--warm-gray .msk-tag-container * {
  color: var(--msk-color-content-tag-warm-gray, #565151);
  fill: var(--msk-color-content-tag-warm-gray, #565151);
}
.msk-tag.cds--tag--warm-gray .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--warm-gray .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--warm-gray .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-warm-gray-hover, #e5e0df);
  color: var(--msk-color-content-tag-warm-gray-hover, #3c3838);
  outline: none;
}
.msk-tag.cds--tag--warm-gray .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--warm-gray .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-warm-gray-active, #cac5c4);
  color: var(--msk-color-content-tag-warm-gray-active, #272525);
}
.msk-tag.cds--tag--warm-gray .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-warm-gray, #565151);
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--warm-gray.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--warm-gray.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--warm-gray.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--warm-gray.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--warm-gray.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--warm-gray.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--warm-gray.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--warm-gray.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--warm-gray.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--outline {
  color: var(--msk-color-content-tag-outline, #393939);
}
.msk-tag.cds--tag--outline .msk-tag--outside-container {
  border: 2px solid var(--msk-color-border-tag-outline, #393939);
  border-radius: 0.25rem;
  background-color: transparent;
}
.msk-tag.cds--tag--outline:hover {
  background-color: transparent;
}
.msk-tag.cds--tag--outline.cds--tag--interactive:hover, .msk-tag.cds--tag--outline.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-tag-outline-hover, #262626);
  color: var(--msk-color-content-tag-outline-hover, #262626);
}
.msk-tag.cds--tag--outline.cds--tag--interactive:hover .msk-tag-container, .msk-tag.cds--tag--outline.cds--tag--interactive:focus .msk-tag-container {
  background-color: var(--msk-color-bg-tag-outline-hover, #f4f4f4);
  color: var(--msk-color-content-tag-outline-hover, #262626);
}
.msk-tag.cds--tag--outline.cds--tag--interactive:active {
  border-color: var(--msk-color-border-tag-outline-active, #141414);
  color: var(--msk-color-content-tag-outline-active, #141414);
}
.msk-tag.cds--tag--outline.cds--tag--interactive:active .msk-tag-container {
  background-color: var(--msk-color-bg-tag-outline-active, #e0e0e0);
  color: var(--msk-color-content-tag-outline-active, #141414);
}
.msk-tag.cds--tag--outline.cds--tag--interactive:focus {
  border-color: var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding: 1px;
}
.msk-tag.cds--tag--outline .cds--tag__close-icon {
  background-color: transparent;
  color: var(--msk-color-content-tag-outline, #393939);
}
.msk-tag.cds--tag--outline .cds--tag__close-icon * {
  color: var(--msk-color-content-tag-outline, #393939);
  fill: var(--msk-color-content-tag-outline, #393939);
}
.msk-tag.cds--tag--outline .cds--tag__close-icon:hover, .msk-tag.cds--tag--outline .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-tag-outline-hover, #f4f4f4);
  color: var(--msk-color-content-tag-outline-hover, #262626);
}
.msk-tag.cds--tag--outline .cds--tag__close-icon:focus {
  border: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
  padding-left: 0;
}
.msk-tag.cds--tag--outline .cds--tag__close-icon:active {
  background-color: var(--msk-color-bg-tag-outline-active, #e0e0e0);
  color: var(--msk-color-content-tag-outline-active, #141414);
}
.msk-tag.cds--tag--outline.cds--tag--filter:hover .cds--tag__close-icon, .msk-tag.cds--tag--outline.cds--tag--filter:focus .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-outline-hover, #f4f4f4);
}
.msk-tag.cds--tag--outline.cds--tag--filter:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-tag-outline-active, #e0e0e0);
}
.msk-tag.cds--tag--outline.cds--tag--filter:focus .cds--tag__close-icon {
  border-color: 2px solid var(--msk-color-border-focus-outer, #000000);
  box-shadow: none;
}
.msk-tag.cds--tag--outline .msk-tag-container {
  color: var(--msk-color-content-tag-outline, #393939);
}
.msk-tag.cds--tag--outline .msk-tag-container .msk-tag-icon {
  color: var(--msk-color-content-tag-outline, #393939);
}
.msk-tag.cds--tag--outline .msk-tag-container * {
  color: var(--msk-color-content-tag-outline, #393939);
  fill: var(--msk-color-content-tag-outline, #393939);
}
.msk-tag.cds--tag--outline .cds--tag__close__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msk-tag.cds--tag--outline .msk-tag--close-icon {
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.msk-tag.cds--tag--outline .msk-tag--close-icon:hover {
  background-color: var(--msk-color-bg-tag-outline-hover, #f4f4f4);
  color: var(--msk-color-content-tag-outline-hover, #262626);
  outline: none;
}
.msk-tag.cds--tag--outline .msk-tag--close-icon:focus {
  box-shadow: 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.0625rem var(--msk-color-border-focus-inner, #ffffff);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.msk-tag.cds--tag--outline .msk-tag--close-icon:active {
  background-color: var(--msk-color-bg-tag-outline-active, #e0e0e0);
  color: var(--msk-color-content-tag-outline-active, #141414);
}
.msk-tag.cds--tag--outline .msk-tag--close-icon .msk-icon {
  color: var(--msk-color-content-tag-outline, #393939);
}
.msk-tag.cds--tag--outline.cds--tag--disabled.cds--tag--interactive:hover, .msk-tag.cds--tag--outline.cds--tag--disabled.cds--tag--interactive:focus, .msk-tag.cds--tag--outline.cds--tag--disabled.cds--tag--interactive:active, .msk-tag.cds--tag--outline.cds--tag--disabled {
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--outline.cds--tag--disabled .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
  cursor: not-allowed;
}
.msk-tag.cds--tag--outline.cds--tag--disabled .msk-tag-container * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--outline.cds--tag--disabled.cds--tag--interactive:focus {
  padding: 0;
}
.msk-tag.cds--tag--outline.cds--tag--disabled:hover .msk-tag-container, .msk-tag.cds--tag--outline.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--outline.cds--tag--disabled:active .msk-tag-container {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--outline.cds--tag--disabled:hover .cds--tag__close-icon, .msk-tag.cds--tag--outline.cds--tag--disabled:focus .cds--tag__close-icon, .msk-tag.cds--tag--outline.cds--tag--disabled:active .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--outline.cds--tag--disabled .cds--tag__close__container {
  border: 2px solid var(--msk-color-border-disabled, #8f8b8b);
  border-left: 0;
  padding: 0;
}
.msk-tag.cds--tag--outline.cds--tag--disabled .cds--tag__close__container:focus {
  border: none;
}
.msk-tag.cds--tag--outline.cds--tag--disabled .cds--tag__close-icon {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--outline.cds--tag--disabled .cds--tag__close-icon:hover, .msk-tag.cds--tag--outline.cds--tag--disabled .cds--tag__close-icon:focus {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  border-color: var(--msk-color-border-disabled, #8f8b8b);
}
.msk-tag.cds--tag--outline.cds--tag--disabled .cds--tag__close-icon:focus {
  border: none;
}
.msk-tag.cds--tag--outline.cds--tag--disabled .cds--tag__close-icon * {
  color: var(--msk-color-content-disabled, #8f8b8b);
  fill: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag.cds--tag--lg {
  align-items: center;
  border-radius: 4px;
  border-width: 2px;
  justify-content: center;
}
.msk-tag.cds--tag--lg .msk-tag-container {
  padding: 6px 8px;
}
.msk-tag.cds--tag--lg:focus-within .msk-tag-container {
  padding: 5px 7px;
}
.msk-tag.cds--tag--lg.cds--tag--filter {
  padding: 0;
}
.msk-tag.cds--tag--lg.cds--tag--filter .msk-tag-container {
  padding: 6px 8px;
}
.msk-tag.cds--tag--lg.cds--tag--filter .cds--tag__close__container {
  height: 44px;
  width: 44px;
}
.msk-tag.cds--tag--lg.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--lg.cds--tag--disabled:focus-within .msk-tag-container {
  padding: 6px 8px;
}
.msk-tag.cds--tag--sm {
  align-items: center;
  border-radius: 4px;
  border-width: 2px;
  justify-content: center;
}
.msk-tag.cds--tag--sm .msk-tag-container {
  padding: 1px 8px;
}
.msk-tag.cds--tag--sm:focus .msk-tag-container {
  padding: 0 7px;
}
.msk-tag.cds--tag--sm.cds--tag--filter {
  padding: 0;
}
.msk-tag.cds--tag--sm.cds--tag--filter .msk-tag-container {
  padding: 1px 8px;
}
.msk-tag.cds--tag--sm.cds--tag--filter .cds--tag__close__container {
  height: 34px;
  width: 34px;
}
.msk-tag.cds--tag--sm.cds--tag--disabled:focus .msk-tag-container, .msk-tag.cds--tag--sm.cds--tag--disabled:focus-within .msk-tag-container {
  padding: 1px 8px;
}
.msk-tag-v2 {
  display: inline-flex;
  align-items: stretch;
  border-radius: 0.25rem;
  /* Interactive tags */
  /* Tag sizes */
}
.msk-tag-v2 .msk-tag-v2--content {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75;
}
.msk-tag-v2.msk-tag-v2--single,
.msk-tag-v2 .msk-tag-v2--content-container {
  border: none;
  display: inline-flex;
  align-items: center;
  padding-inline: 0.5rem;
}
.msk-tag-v2.msk-tag-v2--interactive.msk-tag-v2--single,
.msk-tag-v2.msk-tag-v2--interactive .msk-tag-v2--content-container {
  cursor: pointer;
}
.msk-tag-v2.msk-tag-v2--size-sm.msk-tag-v2--single,
.msk-tag-v2.msk-tag-v2--size-sm .msk-tag-v2--content-container {
  padding-block: 0;
}
.msk-tag-v2.msk-tag-v2--size-md.msk-tag-v2--single,
.msk-tag-v2.msk-tag-v2--size-md .msk-tag-v2--content-container {
  padding-block: 0.125rem;
}
.msk-tag-v2.msk-tag-v2--size-lg.msk-tag-v2--single,
.msk-tag-v2.msk-tag-v2--size-lg .msk-tag-v2--content-container {
  padding-block: 0.375rem;
}
.msk-tag-v2 .msk-tag--icon-left {
  margin-right: 0.5rem;
}
.msk-tag-v2 .msk-tag-v2--close-btn {
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
  border: none;
  padding: 0;
  background-color: transparent;
  color: inherit;
  align-items: center;
  display: flex;
  padding-inline: 0.375rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  cursor: pointer;
}
.msk-tag-v2.msk-tag-v2--disabled {
  background-color: var(--msk-color-bg-disabled, #f7f3f2);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-bg-disabled, #f7f3f2);
  color: var(--msk-color-content-disabled, #8f8b8b);
}
.msk-tag-v2.msk-tag-v2--disabled.msk-tag-v2--interactive.msk-tag-v2--single,
.msk-tag-v2.msk-tag-v2--disabled .msk-tag-v2--close-btn {
  cursor: not-allowed;
}
/*-----Color Variants-----*/
.msk-tag-v2.msk-tag-v2--gray,
.msk-tag-v2--content-container.msk-tag-v2--gray {
  background-color: var(--msk-color-bg-tag-gray, #f4f4f4);
  color: var(--msk-color-content-tag-gray, #525252);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-gray, #e0e0e0);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--gray .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--gray.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--gray .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--gray.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-gray-hover, #c6c6c6);
  color: var(--msk-color-content-tag-gray-hover, #393939);
  background-color: var(--msk-color-bg-tag-gray-hover, #e0e0e0);
}
.msk-tag-v2.msk-tag-v2--gray .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--gray .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--gray.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--gray.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--gray .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--gray .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--gray.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--gray.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--gray .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--gray.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--gray .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--gray.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-gray-hover, #393939);
  background-color: var(--msk-color-bg-tag-gray-hover, #e0e0e0);
}
.msk-tag-v2.msk-tag-v2--gray .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--gray.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--gray .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--gray.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-gray-active, #a8a8a8);
  color: var(--msk-color-content-tag-gray-active, #262626);
  background-color: var(--msk-color-bg-tag-gray-active, #c6c6c6);
}
.msk-tag-v2.msk-tag-v2--red,
.msk-tag-v2--content-container.msk-tag-v2--red {
  background-color: var(--msk-color-bg-tag-red, #ffe4e3);
  color: var(--msk-color-content-tag-red, #a80900);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-red, #facdcb);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--red .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--red.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--red .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--red.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-red-hover, #f4b1ad);
  color: var(--msk-color-content-tag-red-hover, #7a0700);
  background-color: var(--msk-color-bg-tag-red-hover, #facdcb);
}
.msk-tag-v2.msk-tag-v2--red .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--red .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--red.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--red.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--red .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--red .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--red.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--red.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--red .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--red.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--red .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--red.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-red-hover, #7a0700);
  background-color: var(--msk-color-bg-tag-red-hover, #facdcb);
}
.msk-tag-v2.msk-tag-v2--red .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--red.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--red .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--red.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-red-active, #ef8b85);
  color: var(--msk-color-content-tag-red-active, #520400);
  background-color: var(--msk-color-bg-tag-red-active, #f4b1ad);
}
.msk-tag-v2.msk-tag-v2--magenta,
.msk-tag-v2--content-container.msk-tag-v2--magenta {
  background-color: var(--msk-color-bg-tag-magenta, #fff2f9);
  color: var(--msk-color-content-tag-magenta, #85375c);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-magenta, #ffc8e3);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--magenta .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--magenta.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--magenta .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--magenta.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-magenta-hover, #ffa5d0);
  color: var(--msk-color-content-tag-magenta-hover, #612743);
  background-color: var(--msk-color-bg-tag-magenta-hover, #ffc8e3);
}
.msk-tag-v2.msk-tag-v2--magenta .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--magenta .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--magenta.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--magenta.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--magenta .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--magenta .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--magenta.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--magenta.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--magenta .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--magenta.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--magenta .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--magenta.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-magenta-hover, #612743);
  background-color: var(--msk-color-bg-tag-magenta-hover, #ffc8e3);
}
.msk-tag-v2.msk-tag-v2--magenta .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--magenta.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--magenta .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--magenta.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-magenta-active, #ff85bf);
  color: var(--msk-color-content-tag-magenta-active, #401a2c);
  background-color: var(--msk-color-bg-tag-magenta-active, #ffa5d0);
}
.msk-tag-v2.msk-tag-v2--purple,
.msk-tag-v2--content-container.msk-tag-v2--purple {
  background-color: var(--msk-color-bg-tag-purple, #f7f3ff);
  color: var(--msk-color-content-tag-purple, #5c4583);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-purple, #e7d8ff);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--purple .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--purple.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--purple .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--purple.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-purple-hover, #d6bdff);
  color: var(--msk-color-content-tag-purple-hover, #432f64);
  background-color: var(--msk-color-bg-tag-purple-hover, #e7d8ff);
}
.msk-tag-v2.msk-tag-v2--purple .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--purple .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--purple.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--purple.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--purple .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--purple .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--purple.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--purple.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--purple .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--purple.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--purple .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--purple.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-purple-hover, #432f64);
  background-color: var(--msk-color-bg-tag-purple-hover, #e7d8ff);
}
.msk-tag-v2.msk-tag-v2--purple .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--purple.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--purple .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--purple.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-purple-active, #b49ae0);
  color: var(--msk-color-content-tag-purple-active, #2c1d45);
  background-color: var(--msk-color-bg-tag-purple-active, #d6bdff);
}
.msk-tag-v2.msk-tag-v2--blue,
.msk-tag-v2--content-container.msk-tag-v2--blue {
  background-color: var(--msk-color-bg-tag-blue, #f0f5ff);
  color: var(--msk-color-content-tag-blue, #113e90);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-blue, #b5cffd);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--blue .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--blue.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--blue .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--blue.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-blue-hover, #92b6f5);
  color: var(--msk-color-content-tag-blue-hover, #002569);
  background-color: var(--msk-color-bg-tag-blue-hover, #b5cffd);
}
.msk-tag-v2.msk-tag-v2--blue .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--blue .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--blue.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--blue.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--blue .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--blue .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--blue.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--blue.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--blue .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--blue.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--blue .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--blue.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-blue-hover, #002569);
  background-color: var(--msk-color-bg-tag-blue-hover, #b5cffd);
}
.msk-tag-v2.msk-tag-v2--blue .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--blue.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--blue .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--blue.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-blue-active, #77a1e9);
  color: var(--msk-color-content-tag-blue-active, #001641);
  background-color: var(--msk-color-bg-tag-blue-active, #92b6f5);
}
.msk-tag-v2.msk-tag-v2--cyan,
.msk-tag-v2--content-container.msk-tag-v2--cyan {
  background-color: var(--msk-color-bg-tag-cyan, #e5f6ff);
  color: var(--msk-color-content-tag-cyan, #00539a);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-cyan, #bae6ff);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--cyan .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--cyan.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cyan .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cyan.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-cyan-hover, #82cfff);
  color: var(--msk-color-content-tag-cyan-hover, #003a6d);
  background-color: var(--msk-color-bg-tag-cyan-hover, #bae6ff);
}
.msk-tag-v2.msk-tag-v2--cyan .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--cyan .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--cyan.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--cyan.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cyan .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cyan .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cyan.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cyan.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--cyan .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--cyan.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cyan .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cyan.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-cyan-hover, #003a6d);
  background-color: var(--msk-color-bg-tag-cyan-hover, #bae6ff);
}
.msk-tag-v2.msk-tag-v2--cyan .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--cyan.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cyan .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cyan.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-cyan-active, #33b1ff);
  color: var(--msk-color-content-tag-cyan-active, #012749);
  background-color: var(--msk-color-bg-tag-cyan-active, #82cfff);
}
.msk-tag-v2.msk-tag-v2--teal,
.msk-tag-v2--content-container.msk-tag-v2--teal {
  background-color: var(--msk-color-bg-tag-teal, #edfffd);
  color: var(--msk-color-content-tag-teal, #215c57);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-teal, #aff1eb);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--teal .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--teal.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--teal .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--teal.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-teal-hover, #78e2da);
  color: var(--msk-color-content-tag-teal-hover, #14423f);
  background-color: var(--msk-color-bg-tag-teal-hover, #aff1eb);
}
.msk-tag-v2.msk-tag-v2--teal .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--teal .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--teal.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--teal.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--teal .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--teal .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--teal.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--teal.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--teal .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--teal.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--teal .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--teal.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-teal-hover, #14423f);
  background-color: var(--msk-color-bg-tag-teal-hover, #aff1eb);
}
.msk-tag-v2.msk-tag-v2--teal .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--teal.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--teal .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--teal.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-teal-active, #5ec2ba);
  color: var(--msk-color-content-tag-teal-active, #092220);
  background-color: var(--msk-color-bg-tag-teal-active, #78e2da);
}
.msk-tag-v2.msk-tag-v2--green,
.msk-tag-v2--content-container.msk-tag-v2--green {
  background-color: var(--msk-color-bg-tag-green, #e6ffe6);
  color: var(--msk-color-content-tag-green, #175e15);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-green, #c7fcc6);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--green .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--green.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--green .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--green.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-green-hover, #8dde8b);
  color: var(--msk-color-content-tag-green-hover, #0e450d);
  background-color: var(--msk-color-bg-tag-green-hover, #c7fcc6);
}
.msk-tag-v2.msk-tag-v2--green .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--green .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--green.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--green.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--green .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--green .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--green.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--green.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--green .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--green.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--green .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--green.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-green-hover, #0e450d);
  background-color: var(--msk-color-bg-tag-green-hover, #c7fcc6);
}
.msk-tag-v2.msk-tag-v2--green .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--green.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--green .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--green.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-green-active, #5fc05e);
  color: var(--msk-color-content-tag-green-active, #072806);
  background-color: var(--msk-color-bg-tag-green-active, #8dde8b);
}
.msk-tag-v2.msk-tag-v2--cool-gray,
.msk-tag-v2--content-container.msk-tag-v2--cool-gray {
  background-color: var(--msk-color-bg-tag-cool-gray, #f2f4f8);
  color: var(--msk-color-content-tag-cool-gray, #4d5358);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-cool-gray, #dde1e6);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--cool-gray .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--cool-gray.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cool-gray .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cool-gray.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-cool-gray-hover, #c1c7cd);
  color: var(--msk-color-content-tag-cool-gray-hover, #343a3f);
  background-color: var(--msk-color-bg-tag-cool-gray-hover, #dde1e6);
}
.msk-tag-v2.msk-tag-v2--cool-gray .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--cool-gray .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--cool-gray.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--cool-gray.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cool-gray .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cool-gray .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cool-gray.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cool-gray.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--cool-gray .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--cool-gray.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cool-gray .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cool-gray.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-cool-gray-hover, #343a3f);
  background-color: var(--msk-color-bg-tag-cool-gray-hover, #dde1e6);
}
.msk-tag-v2.msk-tag-v2--cool-gray .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--cool-gray.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cool-gray .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--cool-gray.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-cool-gray-active, #a2a9b0);
  color: var(--msk-color-content-tag-cool-gray-active, #21272a);
  background-color: var(--msk-color-bg-tag-cool-gray-active, #c1c7cd);
}
.msk-tag-v2.msk-tag-v2--warm-gray,
.msk-tag-v2--content-container.msk-tag-v2--warm-gray {
  background-color: var(--msk-color-bg-tag-warm-gray, #f7f3f2);
  color: var(--msk-color-content-tag-warm-gray, #565151);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-warm-gray, #e5e0df);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--warm-gray .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--warm-gray.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--warm-gray .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--warm-gray.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-warm-gray-hover, #cac5c4);
  color: var(--msk-color-content-tag-warm-gray-hover, #3c3838);
  background-color: var(--msk-color-bg-tag-warm-gray-hover, #e5e0df);
}
.msk-tag-v2.msk-tag-v2--warm-gray .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--warm-gray .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--warm-gray.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--warm-gray.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--warm-gray .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--warm-gray .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--warm-gray.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--warm-gray.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--warm-gray .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--warm-gray.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--warm-gray .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--warm-gray.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-warm-gray-hover, #3c3838);
  background-color: var(--msk-color-bg-tag-warm-gray-hover, #e5e0df);
}
.msk-tag-v2.msk-tag-v2--warm-gray .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--warm-gray.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--warm-gray .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--warm-gray.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-warm-gray-active, #ada8a8);
  color: var(--msk-color-content-tag-warm-gray-active, #272525);
  background-color: var(--msk-color-bg-tag-warm-gray-active, #cac5c4);
}
.msk-tag-v2.msk-tag-v2--high-contrast,
.msk-tag-v2--content-container.msk-tag-v2--high-contrast {
  background-color: var(--msk-color-bg-tag-high-contrast, #393939);
  color: var(--msk-color-content-tag-high-contrast, #ffffff);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-high-contrast, #262626);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--high-contrast .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--high-contrast.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--high-contrast .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--high-contrast.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-high-contrast-hover, #141414);
  color: var(--msk-color-content-tag-high-contrast-hover, #f4f4f4);
  background-color: var(--msk-color-bg-tag-high-contrast-hover, #262626);
}
.msk-tag-v2.msk-tag-v2--high-contrast .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--high-contrast .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--high-contrast.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--high-contrast.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--high-contrast .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--high-contrast .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--high-contrast.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--high-contrast.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--high-contrast .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--high-contrast.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--high-contrast .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--high-contrast.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-high-contrast-hover, #f4f4f4);
  background-color: var(--msk-color-bg-tag-high-contrast-hover, #262626);
}
.msk-tag-v2.msk-tag-v2--high-contrast .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--high-contrast.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--high-contrast .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--high-contrast.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-high-contrast-active, #000000);
  color: var(--msk-color-content-tag-high-contrast-active, #e0e0e0);
  background-color: var(--msk-color-bg-tag-high-contrast-active, #141414);
}
.msk-tag-v2.msk-tag-v2--outline,
.msk-tag-v2--content-container.msk-tag-v2--outline {
  background-color: transparent;
  color: var(--msk-color-content-tag-outline, #393939);
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-outline, #393939);
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--outline .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--outline.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--outline .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--outline.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-outline-hover, #262626);
  color: var(--msk-color-content-tag-outline-hover, #262626);
  background-color: var(--msk-color-bg-tag-outline-hover, #f4f4f4);
}
.msk-tag-v2.msk-tag-v2--outline .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--outline .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--outline.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--outline.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--outline .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--outline .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--outline.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--outline.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--outline .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--outline.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--outline .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--outline.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-tag-outline-hover, #262626);
  background-color: var(--msk-color-bg-tag-outline-hover, #f4f4f4);
}
.msk-tag-v2.msk-tag-v2--outline .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--outline.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--outline .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--outline.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-tag-outline-active, #141414);
  color: var(--msk-color-content-tag-outline-active, #141414);
  background-color: var(--msk-color-bg-tag-outline-active, #e0e0e0);
}
.msk-tag-v2.msk-tag-v2--ghost,
.msk-tag-v2--content-container.msk-tag-v2--ghost {
  background-color: transparent;
  color: var(--msk-color-content-action-secondary, #113e90);
  box-shadow: inset 0 0 0 0.125rem transparent;
  transition-property: background-color, color, box-shadow;
  transition-duration: 110ms;
  transition-timing-function: ease-in-out;
}
.msk-tag-v2.msk-tag-v2--ghost .msk-tag-v2--close-btn:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--ghost.msk-tag-v2--interactive:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--ghost .msk-tag-v2--close-btn:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--ghost.msk-tag-v2--interactive:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem transparent;
  color: var(--msk-color-content-action-secondary-hover, #002569);
  background-color: var(--msk-color-bg-action-hover, #f2f4f8);
}
.msk-tag-v2.msk-tag-v2--ghost .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--ghost .msk-tag-v2--close-btn:focus:hover:not([disabled]), .msk-tag-v2.msk-tag-v2--ghost.msk-tag-v2--interactive:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--ghost.msk-tag-v2--interactive:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--ghost .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--ghost .msk-tag-v2--close-btn:focus:hover:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--ghost.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--ghost.msk-tag-v2--interactive:focus:hover:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem var(--msk-color-border-focus-outer, #000000), inset 0 0 0 0.1875rem var(--msk-color-border-focus-inner, #ffffff);
}
.msk-tag-v2.msk-tag-v2--ghost .msk-tag-v2--close-btn:focus:not([disabled]), .msk-tag-v2.msk-tag-v2--ghost.msk-tag-v2--interactive:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--ghost .msk-tag-v2--close-btn:focus:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--ghost.msk-tag-v2--interactive:focus:not([disabled]) {
  color: var(--msk-color-content-action-secondary-hover, #002569);
  background-color: var(--msk-color-bg-action-hover, #f2f4f8);
}
.msk-tag-v2.msk-tag-v2--ghost .msk-tag-v2--close-btn:active:not([disabled]), .msk-tag-v2.msk-tag-v2--ghost.msk-tag-v2--interactive:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--ghost .msk-tag-v2--close-btn:active:not([disabled]),
.msk-tag-v2--content-container.msk-tag-v2--ghost.msk-tag-v2--interactive:active:not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem transparent;
  color: var(--msk-color-content-action-secondary-active, #001641);
  background-color: var(--msk-color-bg-action-active, #dde1e6);
}