@layer ddsweb-molecules {
  @layer ddsweb-dropdown {
    .Ni_UBG_container {
      --dropdown-height: var(--ddsweb-tc-dropdown-height, var(--dds-sizing-size-40));
      --dropdown-left-label-padding: var(--dds-spacing-space-12);
      --dropdown-border-color: var(--dds-interaction-colour-interactive-active);
      --dropdown-icon-right: var(--dds-spacing-space-12);
      --ddsweb-theme-icons-24-height: var(--ddsweb-tc-dropdown-icon-size, var(--dds-sizing-size-24));
      --ddsweb-theme-icons-24-width: var(--ddsweb-tc-dropdown-icon-size, var(--dds-sizing-size-24));
    }

    .Ni_UBG_container > span, .Ni_UBG_container > select {
      height: var(--dropdown-height);
      padding-right: 44px;
      padding-left: var(--dropdown-left-label-padding);
      align-items: center;
      display: flex;
    }

    .Ni_UBG_hint {
      --ddsweb-text-color: var(--dds-typography-colour-text-body);
      --ddsweb-text-margin-bottom: var(--dds-spacing-space-8);
    }

    .Ni_UBG_sm {
      --dropdown-height: var(--dds-sizing-size-32);
    }

    .Ni_UBG_leftLabel {
      --dropdown-left-label-padding: 13px;
    }

    .Ni_UBG_dropdownError {
      --dropdown-border-color: var(--dds-interaction-colour-interactive-error-form);
    }

    .Ni_UBG_baseSelect {
      height: var(--ddsweb-tc-dropdown-height, var(--dds-sizing-size-40));
      padding: var(--dds-spacing-space-8) calc(var(--dds-spacing-space-20)  + var(--dds-spacing-space-8) * 2) var(--dds-spacing-space-8) var(--dds-spacing-space-12);
    }

    .Ni_UBG_hiddenSelect {
      z-index: 1;
      opacity: 0;
    }

    .Ni_UBG_hiddenSelect:disabled {
      opacity: 0;
    }

    .Ni_UBG_hiddenSelect:disabled + span {
      --dropdown-border-color: var(--dds-interaction-colour-interactive-form);
      border-color: var(--dropdown-border-color);
      background-color: var(--dds-retain-colour-in-dark-mode-retain-interactive-inverse);
      box-shadow: none;
      color: rgb(var(--dds-interaction-colour-interactive-form-rgb), .4);
      cursor: default;
      opacity: .4;
    }

    .Ni_UBG_hiddenSelect:focus + span {
      border: 1px solid var(--dropdown-border-color);
      outline: 3px solid var(--dropdown-border-color);
      outline-offset: 1px;
    }

    .Ni_UBG_selectSpan {
      line-height: var(--ddsweb-theme-line-height-next-text-sm);
    }

    .Ni_UBG_selectSpanOverflow {
      text-overflow: ellipsis;
      width: 100%;
      overflow: hidden;
    }

    .Ni_UBG_container svg.Ni_UBG_alignedIcon {
      right: var(--dropdown-icon-right);
      pointer-events: none;
      position: absolute;
    }

    .Ni_UBG_iconRight {
      --dropdown-icon-right: var(--ddsweb-tc-dropdown-icon-right, var(--dds-spacing-space-8));
    }

    .Ni_UBG_hiddenSelect:disabled ~ svg {
      opacity: .4;
    }

    @media (forced-colors: active) {
      .Ni_UBG_container {
        --dropdown-border-color: CanvasText;
        --dds-interaction-colour-interactive-error-form: CanvasText;
        color: canvastext;
        background-color: canvas;
      }

      .Ni_UBG_hint {
        --ddsweb-text-color: CanvasText;
      }

      .Ni_UBG_hiddenSelect {
        color: canvastext;
        --dropdown-border-color: CanvasText;
        background-color: canvas;
        outline: none;
      }

      .Ni_UBG_hiddenSelect + span {
        outline: none;
      }
    }
  }
}


/*# sourceMappingURL=52c903c0138d7c970f6c.css.map*/