@layer ddsweb-large-atoms {
  @layer ddsweb-chips {
    .kZERhG_chip {
      --ddsweb-chip-color: var(--dds-interaction-colour-interactive-default);
      --ddsweb-chip-background: var(--dds-interaction-colour-interactive-inverse);
      --ddsweb-chip-border-color: var(--dds-interaction-colour-interactive-default);
      --ddsweb-chip-icon-color: var(--dds-interaction-colour-interactive-inverse);
      --ddsweb-chip-icon-background: var(--dds-interaction-colour-interactive-default);
      --ddsweb-chip-shadow-color: var(--dds-interaction-colour-interactive-default);
      --ddsweb-chip-padding-right: var(--ddsweb-tc-chip-padding-right, var(--dds-spacing-space-2));
      --ddsweb-chip-padding-left: var(--ddsweb-tc-chip-padding-left, var(--dds-spacing-space-12));
      --ddsweb-chip-icon-dimension: var(--ddsweb-tc-chip-icon-dimension, var(--dds-sizing-size-24));
      padding-right: var(--ddsweb-chip-padding-right);
      padding-left: var(--ddsweb-chip-padding-left);
      border: var(--dds-spacing-space-2) solid var(--ddsweb-chip-border-color);
      border-radius: var(--dds-spacing-space-24);
      background-color: var(--ddsweb-chip-background);
      color: var(--ddsweb-chip-color);
      font-size: var(--dds-typography-tokens-size-fontsize-14);
      line-height: var(--ddsweb-theme-line-height-next-text-sm);
      --ddsweb-button-shadow-color: var(--ddsweb-chip-shadow-color);
      align-items: center;
      display: flex;
    }

    .kZERhG_chip .ddsweb-button__icon-container {
      width: var(--ddsweb-chip-icon-dimension);
      height: var(--ddsweb-chip-icon-dimension);
      margin-left: var(--dds-spacing-space-8);
      background-color: var(--ddsweb-chip-icon-background);
      color: var(--ddsweb-chip-icon-color);
      border-radius: 50%;
      justify-content: center;
      align-items: center;
      display: inline-flex;
    }

    .kZERhG_selected {
      --ddsweb-chip-color: var(--dds-interaction-colour-interactive-inverse);
      --ddsweb-chip-background: var(--dds-interaction-colour-interactive-active);
      --ddsweb-chip-border-color: transparent;
      --ddsweb-chip-icon-color: var(--dds-interaction-colour-interactive-active);
      --ddsweb-chip-icon-background: var(--dds-interaction-colour-interactive-inverse);
      --ddsweb-chip-shadow-color: var(--dds-interaction-colour-interactive-active);
    }

    .kZERhG_error {
      --ddsweb-chip-color: var(--dds-interaction-colour-interactive-inverse);
      --ddsweb-chip-background: var(--dds-interaction-colour-interactive-error-form);
      --ddsweb-chip-border-color: transparent;
      --ddsweb-chip-icon-color: var(--dds-interaction-colour-interactive-error-form);
      --ddsweb-chip-icon-background: var(--dds-background-colour-background-1);
      --ddsweb-chip-shadow-color: var(--dds-interaction-colour-interactive-error-form);
    }

    .kZERhG_errorIcon {
      margin-right: var(--dds-spacing-space-4);
      margin-left: calc(-1 * var(--dds-spacing-space-8));
      display: inline-flex;
    }

    .kZERhG_chipset {
      margin: var(--dds-spacing-space-0);
      padding: var(--dds-spacing-space-0);
      gap: var(--dds-spacing-space-12);
      flex-wrap: wrap;
      display: flex;
    }

    .kZERhG_chipsetItem {
      list-style-type: none;
    }

    .kZERhG_chipsetError {
      margin-top: var(--dds-spacing-space-8);
    }

    .kZERhG_chipsetError .ddsweb-text {
      color: var(--dds-interaction-colour-interactive-error-form);
    }
  }
}


/*# sourceMappingURL=0a7d1463a901495782c9.css.map*/