@felleslosninger/minid-elements 0.0.88

package/dist/mixins/form-control.mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control.mixin.js","sources":["../../src/mixins/form-control.mixin.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { IControlHost } from '../types/control-host';\nimport { FormControlInterface } from '../types/form-control';\nimport { FormValue } from '../types/form-value';\nimport { Constructor } from '../types/mixin-constructor';\nimport {\n  CustomValidityState,\n  validationMessageCallback,\n  Validator,\n} from '../types/validator.type';\n\n/**\n *\n * https://github.com/open-wc/form-participation/tree/main/packages/form-control\n */\nexport function FormControlMixin<\n  TBase extends Constructor<LitElement & IControlHost> & {\n    observedAttributes?: string[];\n  },\n>(SuperClass: TBase) {\n  class FormControl extends SuperClass {\n    /**\n     * Wires up control instances to be form associated\n     * @ignore\n     */\n    static get formAssociated(): boolean {\n      return true;\n    }\n\n    /**\n     * A list of Validator objects that will be evaluated when a control's form\n     * value is modified or optionally when a given attribute changes.\n     *\n     * When a Validator's callback returns false, the entire form control will\n     * be set to an invalid state.\n     * @ignore\n     */\n    declare static formControlValidators: Validator[];\n\n    /**\n     * If set to true the control described should be evaluated and validated\n     * as part of a group. Like a radio, if any member of the group's validity\n     * changes the the other members should update as well.\n     * @ignore\n     */\n    declare static formControlValidationGroup: boolean;\n\n    /**\n     * @ignore\n     */\n    private static get validators(): Validator[] {\n      return this.formControlValidators || [];\n    }\n\n    /**\n     * Allows the FormControl instance to respond to Validator attributes.\n     * For instance, if a given Validator has a `required` attribute, that\n     * validator will be evaluated whenever the host's required attribute\n     * is updated.\n     * @ignore\n     */\n    static get observedAttributes(): string[] {\n      const validatorAttributes = this.validators\n        .map((validator) => validator.attribute)\n        .flat();\n\n      const observedAttributes = super.observedAttributes || [];\n\n      /** Make sure there are no duplicates inside the attributes list */\n      const attributeSet = new Set([\n        ...observedAttributes,\n        ...validatorAttributes,\n      ]);\n      return [...attributeSet] as string[];\n    }\n\n    /**\n     * Return the validator associated with a given attribute. If no\n     * Validator is associated with the attribute, it will return null.\n     * @ignore\n     */\n    static getValidator(attribute: string): Validator | null {\n      return (\n        this.validators.find(\n          (validator) => validator.attribute === attribute\n        ) || null\n      );\n    }\n\n    /**\n     * Get all validators that are set to react to a given attribute\n     * @param {string} attribute - The attribute that has changed\n     * @returns {Validator[]}\n     * @ignore\n     */\n    static getValidators(attribute: string): Validator[] | null {\n      return this.validators.filter((validator) => {\n        if (\n          validator.attribute === attribute ||\n          validator.attribute?.includes(attribute)\n        ) {\n          return true;\n        }\n      });\n    }\n\n    /**\n     * The ElementInternals instance for the control.\n     * @ignore\n     */\n    internals = this.attachInternals();\n\n    /**\n     * Keep track of if the control has focus\n     * @private\n     * @ignore\n     */\n    #focused = false;\n\n    /**\n     * Exists to control when an error should be displayed\n     * @private\n     * @ignore\n     */\n    #forceError = false;\n\n    /**\n     * Toggles to true whenever the element has been focused. This property\n     * will reset whenever the control's formResetCallback is called.\n     * @private\n     * @ignore\n     */\n    #touched = false;\n\n    /**\n     * An internal abort controller for cancelling pending async validation\n     * @ignore\n     */\n    #abortController?: AbortController;\n\n    /**\n     * Used for tracking if a validation target has been set to manage focus\n     * when the control's validity is reported\n     * @ignore\n     */\n    #awaitingValidationTarget = true;\n\n    /**\n     * Acts as a cache for the current value so the value can be re-evaluated\n     * whenever an attribute changes or on some other event.\n     * @ignore\n     */\n    #value: FormValue = '';\n\n    /**\n     * Set this[touched] and this[focused]\n     * to true when the element is focused\n     * @private\n     * @ignore\n     */\n    #onFocus = (): void => {\n      this.#touched = true;\n      this.#focused = true;\n      this.#shouldShowError();\n    };\n\n    /**\n     * Reset this[focused] on blur\n     * @private\n     * @ignore\n     */\n    #onBlur = (): void => {\n      this.#focused = false;\n\n      this.#runValidators(this.shouldFormValueUpdate() ? this.#value : '');\n\n      /**\n       * Set forceError to ensure error messages persist until\n       * the value is changed.\n       */\n      if (!this.validity.valid && this.#touched) {\n        this.#forceError = true;\n      }\n      const showError = this.#shouldShowError();\n\n      if (this.validationMessageCallback) {\n        this.validationMessageCallback(showError ? this.validationMessage : '');\n      }\n      this.#dispatchInvalidEvent(showError);\n    };\n\n    /**\n     * For the show error state on invalid\n     * @private\n     * @ignore\n     */\n    #onInvalid = (event?: Event): void => {\n      event?.preventDefault();\n      event?.stopImmediatePropagation();\n\n      if (this.#awaitingValidationTarget && this.validationTarget) {\n        this.internals.setValidity(\n          this.validity,\n          this.validationMessage,\n          this.validationTarget\n        );\n        this.#awaitingValidationTarget = false;\n      }\n      this.#touched = true;\n      this.#forceError = true;\n      const showError = this.#shouldShowError();\n      this?.validationMessageCallback?.(\n        showError ? this.validationMessage : ''\n      );\n      this.#dispatchInvalidEvent(showError);\n    };\n\n    /**\n     * Return a reference to the control's form\n     * @ignore\n     */\n    get form(): HTMLFormElement {\n      return this.internals.form as HTMLFormElement;\n    }\n\n    /**\n     * Will return true if it is recommended that the control shows an internal\n     * error. If using this property, it is wise to listen for 'invalid' events\n     * on the element host and call preventDefault on the event. Doing this will\n     * prevent browsers from showing a validation popup.\n     * @ignore\n     */\n    get showError(): boolean {\n      return this.#shouldShowError();\n    }\n\n    /**\n     * Forward the internals checkValidity method\n     * will return the valid state of the control.\n     * @ignore\n     */\n    checkValidity(): boolean {\n      return this.internals.checkValidity();\n    }\n\n    /**\n     * The element's validity state\n     * @ignore\n     */\n    get validity(): ValidityState {\n      return this.internals.validity;\n    }\n\n    /**\n     * The validation message shown by a given Validator object. If the control\n     * is in a valid state this should be falsy.\n     * @ignore\n     */\n    get validationMessage(): string {\n      return this.internals.validationMessage;\n    }\n\n    constructor(...args: any[]) {\n      super(...args);\n      this.addEventListener?.('focus', this.#onFocus);\n      this.addEventListener?.('blur', this.#onBlur);\n      this.addEventListener?.('invalid', this.#onInvalid);\n      this.setValue(null);\n    }\n\n    attributeChangedCallback(\n      name: string,\n      oldValue: string,\n      newValue: string\n    ): void {\n      super.attributeChangedCallback?.(name, oldValue, newValue);\n\n      /**\n       * Check to see if a Validator is associated with the changed attribute.\n       * If one exists, call control's validate function which will perform\n       * control validation.\n       * @ignore\n       */\n      const proto = this.constructor as typeof FormControl;\n      const validators = proto.getValidators(name);\n\n      if (validators?.length && this.validationTarget) {\n        this.setValue(this.#value);\n      }\n    }\n\n    /** PUBLIC LIFECYCLE METHODS */\n\n    /**\n     * Sets the control's form value if the call to `shouldFormValueUpdate`\n     * returns `true`.\n     * @param value {FormValue} - The value to pass to the form\n     * @ignore\n     */\n    setValue(value: FormValue): void {\n      this.#forceError = false;\n      this.validationMessageCallback?.('');\n      this.#value = value;\n      const valueShouldUpdate = this.shouldFormValueUpdate();\n      const valueToUpdate = valueShouldUpdate ? value : null;\n      this.internals.setFormValue(valueToUpdate as string);\n      this.#runValidators(valueToUpdate);\n      if (this.valueChangedCallback) {\n        this.valueChangedCallback(valueToUpdate);\n      }\n      const showError = this.#shouldShowError();\n      this.#dispatchInvalidEvent(showError);\n    }\n\n    /**\n     * Forces the control to show an error state. If a message is passed in,\n     * it will be set as the control's internal validity state message.\n     * @param message { string | undefined } - The message for internals validity state\n     */\n    forceError(message?: string) {\n      if (message) {\n        this.#setValidityWithOptionalTarget({ customError: true }, message);\n      }\n      this.#forceError = true;\n      this.#shouldShowError();\n    }\n\n    /**\n     * This method can be overridden to determine if the control's form value\n     * should be set on a call to `setValue`. An example of when a user might want\n     * to skip this step is when implementing checkbox-like behavior, first checking\n     * to see if `this.checked` is set to a truthy value. By default this returns\n     * `true`.\n     * @ignore\n     */\n    shouldFormValueUpdate(): boolean {\n      return true;\n    }\n\n    /**\n     * Save a reference to the validation complete resolver\n     * @ignore\n     */\n    #validationCompleteResolver?: (value: void | PromiseLike<void>) => void;\n\n    /**\n     * When true validation will be pending\n     * @ignore\n     */\n    #isValidationPending = false;\n\n    /**\n     * @ignore\n     */\n    #validationComplete = Promise.resolve();\n\n    /**\n     * A promise that will resolve when all pending validations are complete\n     * @ignore\n     */\n    get validationComplete(): Promise<void> {\n      return new Promise((resolve) => resolve(this.#validationComplete));\n    }\n\n    /** DECLARED INSTANCE METHODS AND PROPERTIES*/\n\n    /**\n     * Resets a form control to its initial state\n     * @ignore\n     */\n    declare resetFormControl: () => void;\n\n    /**\n     * This method is used to override the controls' validity message\n     * for a given Validator key. This has the highest level of priority when\n     * setting a validationMessage, so use this method wisely.\n     *\n     * The returned value will be used as the validationMessage for the given key.\n     * @param validationKey {string} - The key that has returned invalid\n     * @ignore\n     */\n    declare validityCallback: (validationKey: string) => string | void;\n\n    /**\n     * Called when the control's validationMessage should be changed\n     * @param message { string } - The new validation message\n     * @ignore\n     */\n    declare validationMessageCallback: (message: string) => void;\n\n    /**\n     * A callback for when the controls' form value changes. The value\n     * passed to this function should not be confused with the control's\n     * value property, this is the value that will appear on the form.\n     *\n     * In cases where `checked` did not exist on the control's prototype\n     * upon initialization, this value and the value property will be identical;\n     * in cases where `checked` is present upon initialization, this will be\n     * effectively `this.checked && this.value`.\n     * @ignore\n     */\n    declare valueChangedCallback: (value: FormValue) => void;\n\n    /**\n     * The element that will receive focus when the control's validity\n     * state is reported either by a form submission or via API\n     *\n     * We use declare since this is optional and we don't particularly\n     * care how the consuming component implements this (as a field, member\n     * or getter/setter)\n     * @ignore\n     */\n    declare validationTarget: HTMLElement | null;\n\n    /** PRIVATE LIFECYCLE METHODS */\n\n    /**\n     * Check to see if an error should be shown. This method will also\n     * update the internals state object with the --show-error state\n     * if necessary.\n     * @private\n     * @ignore\n     */\n    #shouldShowError(): boolean {\n      if (this.hasAttribute('disabled')) {\n        return false;\n      }\n\n      const showError =\n        this.#forceError ||\n        (this.#touched && !this.validity.valid && !this.#focused);\n\n      if (showError && this.internals.states) {\n        this.internals.states.add('--show-error');\n        this.internals.states.add('--invalid');\n      } else if (this.internals.states) {\n        this.internals.states.delete('--show-error');\n        this.internals.states.delete('--invalid');\n      }\n\n      return showError;\n    }\n\n    #runValidators(value: FormValue): void {\n      const proto = this.constructor as typeof FormControl;\n      const validity: CustomValidityState = {};\n      const validators = proto.validators;\n      const asyncValidators: Promise<boolean | void>[] = [];\n      const hasAsyncValidators = validators.some(\n        (validator) => validator.isValid instanceof Promise\n      );\n\n      if (!this.#isValidationPending) {\n        this.#validationComplete = new Promise((resolve) => {\n          this.#validationCompleteResolver = resolve;\n        });\n        this.#isValidationPending = true;\n      }\n\n      /**\n       * If an abort controller exists from a previous validation step\n       * notify still-running async validators that we are requesting they\n       * discontinue any work.\n       */\n      if (this.#abortController) {\n        this.#abortController.abort();\n      }\n\n      /**\n       * Create a new abort controller and replace the instance reference\n       * so we can clean it up for next time\n       */\n      const abortController = new AbortController();\n      this.#abortController = abortController;\n      let validationMessage: string | undefined = undefined;\n\n      /** Track to see if any validity key has changed */\n      let hasChange = false;\n\n      if (!validators.length) {\n        return;\n      }\n\n      validators.forEach((validator) => {\n        const key = validator.key || 'customError';\n        const isValid = validator.isValid(this, value, abortController.signal);\n        const isAsyncValidator = isValid instanceof Promise;\n\n        if (isAsyncValidator) {\n          asyncValidators.push(isValid);\n\n          isValid.then((isValidatorValid) => {\n            if (isValidatorValid === undefined || isValidatorValid === null) {\n              return;\n            }\n            /** Invert the validity state to correspond to the ValidityState API */\n            validity[key] = !isValidatorValid;\n\n            validationMessage = this.#getValidatorMessageForValue(\n              validator,\n              value\n            );\n            this.#setValidityWithOptionalTarget(validity, validationMessage);\n          });\n        } else {\n          /** Invert the validity state to correspond to the ValidityState API */\n          validity[key] = !isValid;\n\n          if (this.validity[key] !== !isValid) {\n            hasChange = true;\n          }\n\n          // only update the validationMessage for the first invalid scenario\n          // so that earlier invalid validators dont get their messages overwritten by later ones\n          // in the validators array\n          if (!isValid && !validationMessage) {\n            validationMessage = this.#getValidatorMessageForValue(\n              validator,\n              value\n            );\n          }\n        }\n      });\n\n      /** Once all the async validators have settled, resolve validationComplete */\n      Promise.allSettled(asyncValidators).then(() => {\n        /** Don't resolve validations if the signal is aborted */\n        if (!abortController?.signal.aborted) {\n          this.#isValidationPending = false;\n          this.#validationCompleteResolver?.();\n        }\n      });\n\n      /**\n       * If async validators are present:\n       * Only run updates when a sync validator has a change. This is to prevent\n       * situations where running sync validators can override async validators\n       * that are still in progress\n       *\n       * If async validators are not present, always update validity\n       */\n      if (hasChange || !hasAsyncValidators) {\n        this.#setValidityWithOptionalTarget(validity, validationMessage);\n      }\n    }\n\n    /**\n     * If the validationTarget is not set, the user can decide how they would\n     * prefer to handle focus when the field is validated.\n     * @ignore\n     */\n    #setValidityWithOptionalTarget(\n      validity: Partial<ValidityState>,\n      validationMessage: string | undefined\n    ): void {\n      if (this.validationTarget) {\n        this.internals.setValidity(\n          validity,\n          validationMessage,\n          this.validationTarget\n        );\n        this.#awaitingValidationTarget = false;\n      } else {\n        this.internals.setValidity(validity, validationMessage);\n\n        if (this.internals.validity.valid) {\n          return;\n        }\n\n        /**\n         * Sets mark the component as awaiting a validation target\n         * if the element dispatches an invalid event, the #onInvalid listener\n         * will check to see if the validation target has been set since this call\n         * has run. This useful in cases like Lit's use of the query\n         * decorator for setting the validationTarget or any scenario\n         * where the validationTarget isn't available upon construction\n         */\n        this.#awaitingValidationTarget = true;\n      }\n    }\n\n    /**\n     * Process the validator message attribute\n     * @ignore\n     */\n    #getValidatorMessageForValue(\n      validator: Validator,\n      value: FormValue\n    ): string {\n      /** If the validity callback exists and returns, use that as the result */\n\n      if (this.validityCallback) {\n        const message = this.validityCallback(validator.key || 'customError');\n\n        if (message) {\n          return message;\n        }\n      }\n\n      if (validator.message instanceof Function) {\n        return (validator.message as validationMessageCallback)(this, value);\n      } else {\n        return validator.message as string;\n      }\n    }\n\n    /**\n     * Reset control state when the form is reset\n     */\n    formResetCallback() {\n      this.#touched = false;\n      this.#forceError = false;\n      this.#shouldShowError();\n      this.resetFormControl?.();\n      const showError = this.#shouldShowError();\n      this.validationMessageCallback?.(showError ? this.validationMessage : '');\n      this.#dispatchInvalidEvent(showError);\n    }\n\n    #dispatchInvalidEvent(showError: boolean) {\n      const event = showError ? 'mid-invalid-show' : 'mid-invalid-hide';\n      this.dispatchEvent(\n        new CustomEvent(event, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            validity: this.validity,\n          },\n        })\n      );\n    }\n  }\n\n  return FormControl as unknown as Constructor<FormControlInterface> & TBase;\n}\n"],"names":[],"mappings":";;;;;;;;AAeO,SAAS,iBAId,YAAmB;AAJd;AAAA,EAKL,MAAM,oBAAoB,WAAW;AAAA,IAkPnC,eAAe,MAAa;AAC1B,YAAM,GAAG,IAAI;AAnPjB;AAiGE;AAOA;AAQA;AAMA;AAAA;AAAA;AAAA;AAAA;AAOA;AAOA;AAQA;AAWA;AAyBA;AAmJA;AAAA;AAAA;AAAA;AAAA;AAMA;AAKA;AApPA,WAAA,YAAY,KAAK,gBAAgB;AAOtB,yBAAA,UAAA;AAOG,yBAAA,aAAA;AAQH,yBAAA,UAAA;AAaiB,yBAAA,2BAAA;AAOR,yBAAA,QAAA;AAQpB,yBAAA,UAAW,MAAY;AACrB,2BAAK,UAAW;AAChB,2BAAK,UAAW;AAChB,8BAAK,4CAAL;AAAA,MACF;AAOA,yBAAA,SAAU,MAAY;AACpB,2BAAK,UAAW;AAEhB,8BAAK,0CAAL,WAAoB,KAAK,sBAA0B,IAAA,mBAAK,UAAS;AAMjE,YAAI,CAAC,KAAK,SAAS,SAAS,mBAAK,WAAU;AACzC,6BAAK,aAAc;AAAA,QAAA;AAEf,cAAA,YAAY,sBAAK,4CAAL;AAElB,YAAI,KAAK,2BAA2B;AAClC,eAAK,0BAA0B,YAAY,KAAK,oBAAoB,EAAE;AAAA,QAAA;AAExE,8BAAK,iDAAL,WAA2B;AAAA,MAC7B;AAOA,yBAAA,YAAa,CAAC,UAAwB;AACpC,eAAO,eAAe;AACtB,eAAO,yBAAyB;AAE5B,YAAA,mBAAK,8BAA6B,KAAK,kBAAkB;AAC3D,eAAK,UAAU;AAAA,YACb,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,UACP;AACA,6BAAK,2BAA4B;AAAA,QAAA;AAEnC,2BAAK,UAAW;AAChB,2BAAK,aAAc;AACb,cAAA,YAAY,sBAAK,4CAAL;AACZ,cAAA;AAAA,UACJ,YAAY,KAAK,oBAAoB;AAAA,QACvC;AACA,8BAAK,iDAAL,WAA2B;AAAA,MAC7B;AAsIuB,yBAAA,sBAAA;AAKvB,yBAAA,qBAAsB,QAAQ,QAAQ;AA1F/B,WAAA,mBAAmB,SAAS,mBAAK,SAAQ;AACzC,WAAA,mBAAmB,QAAQ,mBAAK,QAAO;AACvC,WAAA,mBAAmB,WAAW,mBAAK,WAAU;AAClD,WAAK,SAAS,IAAI;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAlPpB,WAAW,iBAA0B;AAC5B,aAAA;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAwBT,WAAmB,aAA0B;AACpC,aAAA,KAAK,yBAAyB,CAAC;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUxC,WAAW,qBAA+B;AAClC,YAAA,sBAAsB,KAAK,WAC9B,IAAI,CAAC,cAAc,UAAU,SAAS,EACtC,KAAK;AAEF,YAAA,qBAAqB,MAAM,sBAAsB,CAAC;AAGlD,YAAA,mCAAmB,IAAI;AAAA,QAC3B,GAAG;AAAA,QACH,GAAG;AAAA,MAAA,CACJ;AACM,aAAA,CAAC,GAAG,YAAY;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQzB,OAAO,aAAa,WAAqC;AACvD,aACE,KAAK,WAAW;AAAA,QACd,CAAC,cAAc,UAAU,cAAc;AAAA,MAAA,KACpC;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUT,OAAO,cAAc,WAAuC;AAC1D,aAAO,KAAK,WAAW,OAAO,CAAC,cAAc;AAC3C,YACE,UAAU,cAAc,aACxB,UAAU,WAAW,SAAS,SAAS,GACvC;AACO,iBAAA;AAAA,QAAA;AAAA,MACT,CACD;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsHH,IAAI,OAAwB;AAC1B,aAAO,KAAK,UAAU;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUxB,IAAI,YAAqB;AACvB,aAAO,sBAAK,4CAAL;AAAA,IAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQ/B,gBAAyB;AAChB,aAAA,KAAK,UAAU,cAAc;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOtC,IAAI,WAA0B;AAC5B,aAAO,KAAK,UAAU;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQxB,IAAI,oBAA4B;AAC9B,aAAO,KAAK,UAAU;AAAA,IAAA;AAAA,IAWxB,yBACE,MACA,UACA,UACM;AACA,YAAA,2BAA2B,MAAM,UAAU,QAAQ;AAQzD,YAAM,QAAQ,KAAK;AACb,YAAA,aAAa,MAAM,cAAc,IAAI;AAEvC,UAAA,YAAY,UAAU,KAAK,kBAAkB;AAC1C,aAAA,SAAS,mBAAK,OAAM;AAAA,MAAA;AAAA,IAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWF,SAAS,OAAwB;AAC/B,yBAAK,aAAc;AACnB,WAAK,4BAA4B,EAAE;AACnC,yBAAK,QAAS;AACR,YAAA,oBAAoB,KAAK,sBAAsB;AAC/C,YAAA,gBAAgB,oBAAoB,QAAQ;AAC7C,WAAA,UAAU,aAAa,aAAuB;AACnD,4BAAK,0CAAL,WAAoB;AACpB,UAAI,KAAK,sBAAsB;AAC7B,aAAK,qBAAqB,aAAa;AAAA,MAAA;AAEnC,YAAA,YAAY,sBAAK,4CAAL;AAClB,4BAAK,iDAAL,WAA2B;AAAA,IAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQtC,WAAW,SAAkB;AAC3B,UAAI,SAAS;AACX,8BAAK,0DAAL,WAAoC,EAAE,aAAa,KAAA,GAAQ;AAAA,MAAO;AAEpE,yBAAK,aAAc;AACnB,4BAAK,4CAAL;AAAA,IAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWxB,wBAAiC;AACxB,aAAA;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAwBT,IAAI,qBAAoC;AACtC,aAAO,IAAI,QAAQ,CAAC,YAAY,QAAQ,mBAAK,oBAAmB,CAAC;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAwPnE,oBAAoB;AAClB,yBAAK,UAAW;AAChB,yBAAK,aAAc;AACnB,4BAAK,4CAAL;AACA,WAAK,mBAAmB;AAClB,YAAA,YAAY,sBAAK,4CAAL;AAClB,WAAK,4BAA4B,YAAY,KAAK,oBAAoB,EAAE;AACxE,4BAAK,iDAAL,WAA2B;AAAA,IAAS;AAAA,EActC;AAjgBA;AAOA;AAQA;AAMA;AAOA;AAOA;AAQA;AAWA;AAyBA;AAmJA;AAMA;AAKA;AA9UF;AAmZE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA4B,WAAA;AACtB,QAAA,KAAK,aAAa,UAAU,GAAG;AAC1B,aAAA;AAAA,IAAA;AAGH,UAAA,YACJ,mBAAK,gBACJ,mBAAK,aAAY,CAAC,KAAK,SAAS,SAAS,CAAC,mBAAK;AAE9C,QAAA,aAAa,KAAK,UAAU,QAAQ;AACjC,WAAA,UAAU,OAAO,IAAI,cAAc;AACnC,WAAA,UAAU,OAAO,IAAI,WAAW;AAAA,IAAA,WAC5B,KAAK,UAAU,QAAQ;AAC3B,WAAA,UAAU,OAAO,OAAO,cAAc;AACtC,WAAA,UAAU,OAAO,OAAO,WAAW;AAAA,IAAA;AAGnC,WAAA;AAAA,EAAA;AAGT,8BAAe,OAAwB;AACrC,UAAM,QAAQ,KAAK;AACnB,UAAM,WAAgC,CAAC;AACvC,UAAM,aAAa,MAAM;AACzB,UAAM,kBAA6C,CAAC;AACpD,UAAM,qBAAqB,WAAW;AAAA,MACpC,CAAC,cAAc,UAAU,mBAAmB;AAAA,IAC9C;AAEI,QAAA,CAAC,mBAAK,uBAAsB;AAC9B,yBAAK,qBAAsB,IAAI,QAAQ,CAAC,YAAY;AAClD,2BAAK,6BAA8B;AAAA,MAAA,CACpC;AACD,yBAAK,sBAAuB;AAAA,IAAA;AAQ9B,QAAI,mBAAK,mBAAkB;AACzB,yBAAK,kBAAiB,MAAM;AAAA,IAAA;AAOxB,UAAA,kBAAkB,IAAI,gBAAgB;AAC5C,uBAAK,kBAAmB;AACxB,QAAI,oBAAwC;AAG5C,QAAI,YAAY;AAEZ,QAAA,CAAC,WAAW,QAAQ;AACtB;AAAA,IAAA;AAGS,eAAA,QAAQ,CAAC,cAAc;AAC1B,YAAA,MAAM,UAAU,OAAO;AAC7B,YAAM,UAAU,UAAU,QAAQ,MAAM,OAAO,gBAAgB,MAAM;AACrE,YAAM,mBAAmB,mBAAmB;AAE5C,UAAI,kBAAkB;AACpB,wBAAgB,KAAK,OAAO;AAEpB,gBAAA,KAAK,CAAC,qBAAqB;AAC7B,cAAA,qBAAqB,UAAa,qBAAqB,MAAM;AAC/D;AAAA,UAAA;AAGO,mBAAA,GAAG,IAAI,CAAC;AAEjB,8BAAoB,sBAAK,wDAAL,WAClB,WACA;AAEG,gCAAA,0DAAA,WAA+B,UAAU;AAAA,QAAiB,CAChE;AAAA,MAAA,OACI;AAEI,iBAAA,GAAG,IAAI,CAAC;AAEjB,YAAI,KAAK,SAAS,GAAG,MAAM,CAAC,SAAS;AACvB,sBAAA;AAAA,QAAA;AAMV,YAAA,CAAC,WAAW,CAAC,mBAAmB;AAClC,8BAAoB,sBAAK,wDAAL,WAClB,WACA;AAAA,QACF;AAAA,MACF;AAAA,IACF,CACD;AAGD,YAAQ,WAAW,eAAe,EAAE,KAAK,MAAM;AA9f9C;AAggBK,UAAA,CAAC,iBAAiB,OAAO,SAAS;AACpC,2BAAK,sBAAuB;AAC5B,iCAAK,iCAAL;AAAA,MAAmC;AAAA,IACrC,CACD;AAUG,QAAA,aAAa,CAAC,oBAAoB;AAC/B,4BAAA,0DAAA,WAA+B,UAAU;AAAA,IAAiB;AAAA,EACjE;AAQF;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,SACE,UACA,mBACM;AACN,QAAI,KAAK,kBAAkB;AACzB,WAAK,UAAU;AAAA,QACb;AAAA,QACA;AAAA,QACA,KAAK;AAAA,MACP;AACA,yBAAK,2BAA4B;AAAA,IAAA,OAC5B;AACA,WAAA,UAAU,YAAY,UAAU,iBAAiB;AAElD,UAAA,KAAK,UAAU,SAAS,OAAO;AACjC;AAAA,MAAA;AAWF,yBAAK,2BAA4B;AAAA,IAAA;AAAA,EACnC;AAOF;AAAA;AAAA;AAAA;AAAA,mCAAA,SACE,WACA,OACQ;AAGR,QAAI,KAAK,kBAAkB;AACzB,YAAM,UAAU,KAAK,iBAAiB,UAAU,OAAO,aAAa;AAEpE,UAAI,SAAS;AACJ,eAAA;AAAA,MAAA;AAAA,IACT;AAGE,QAAA,UAAU,mBAAmB,UAAU;AACjC,aAAA,UAAU,QAAsC,MAAM,KAAK;AAAA,IAAA,OAC9D;AACL,aAAO,UAAU;AAAA,IAAA;AAAA,EACnB;AAgBF,qCAAsB,WAAoB;AAClC,UAAA,QAAQ,YAAY,qBAAqB;AAC1C,SAAA;AAAA,MACH,IAAI,YAAY,OAAO;AAAA,QACrB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,UACN,UAAU,KAAK;AAAA,QAAA;AAAA,MAElB,CAAA;AAAA,IACH;AAAA,EAAA;AAIG,SAAA;AACT;"}

package/dist/mixins/form-controller.mixin.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+import { Constructor } from '../types/mixin-constructor';
+export interface FormAssociatedMixinInterface {
+    internals: ElementInternals;
+    shadowRoot: ShadowRoot | null;
+    setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
+}
+export declare const FormControllerMixin: <TBase extends Constructor<LitElement>>(Base: TBase) => TBase & Constructor<FormAssociatedMixinInterface>;
+export interface ConstraintsValidationMixinInterface extends FormAssociatedMixinInterface {
+    validity: ValidityState;
+    validationMessage: string | undefined;
+    setValidity(validity: ValidityState, message?: string, anchor?: HTMLElement): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+}
+export declare const ConstraintsValidationMixin: <TBase extends Constructor<LitElement>>(Base: TBase) => TBase & Constructor<ConstraintsValidationMixinInterface>;
+//# sourceMappingURL=form-controller.mixin.d.ts.map

package/dist/mixins/form-controller.mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-controller.mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/form-controller.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,YAAY,CACV,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,EACtC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GACtC,IAAI,CAAC;CACT;AAED,eAAO,MAAM,mBAAmB,GAAI,KAAK,SAAS,WAAW,CAAC,UAAU,CAAC,QACjE,KAAK,KACV,KAAK,GAAG,WAAW,CAAC,4BAA4B,CAkClD,CAAC;AAEF,MAAM,WAAW,mCACf,SAAQ,4BAA4B;IACpC,QAAQ,EAAE,aAAa,CAAC;IACxB,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,WAAW,CACT,QAAQ,EAAE,aAAa,EACvB,OAAO,CAAC,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,WAAW,GACnB,IAAI,CAAC;IACR,aAAa,IAAI,OAAO,CAAC;IACzB,cAAc,IAAI,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,0BAA0B,GACrC,KAAK,SAAS,WAAW,CAAC,UAAU,CAAC,QAE/B,KAAK,KACV,KAAK,GAAG,WAAW,CAAC,mCAAmC,CAkCzD,CAAC"}

package/dist/mixins/form-controller.mixin.js

@@ -0,0 +1,45 @@
+const FormControllerMixin = (Base) => {
+  const _FormAssociated = class _FormAssociated extends Base {
+    constructor(...args) {
+      super(...args);
+      this.internals = this.attachInternals();
+    }
+    setFormValue(value, state) {
+      this.internals.setFormValue(value, state);
+    }
+    /**
+     * @ignore
+     */
+    get shadowRoot() {
+      return this.internals.shadowRoot;
+    }
+  };
+  _FormAssociated.formAssociated = true;
+  let FormAssociated = _FormAssociated;
+  return FormAssociated;
+};
+const ConstraintsValidationMixin = (Base) => {
+  class ConstraintsValidation extends FormControllerMixin(Base) {
+    constructor(...args) {
+      super(...args);
+      this.validity = this.internals.validity;
+      this.validationMessage = this.internals.validationMessage;
+    }
+    setValidity(validity, message, anchor) {
+      this.validationMessage = message;
+      this.internals.setValidity(validity, this.validationMessage, anchor);
+    }
+    checkValidity() {
+      return this.internals.checkValidity();
+    }
+    reportValidity() {
+      return this.internals.reportValidity();
+    }
+  }
+  return ConstraintsValidation;
+};
+export {
+  ConstraintsValidationMixin,
+  FormControllerMixin
+};
+//# sourceMappingURL=form-controller.mixin.js.map

package/dist/mixins/form-controller.mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-controller.mixin.js","sources":["../../src/mixins/form-controller.mixin.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { Constructor } from '../types/mixin-constructor';\n\nexport interface FormAssociatedMixinInterface {\n  internals: ElementInternals;\n  shadowRoot: ShadowRoot | null;\n  setFormValue(\n    value: File | string | FormData | null,\n    state?: File | string | FormData | null\n  ): void;\n}\n\nexport const FormControllerMixin = <TBase extends Constructor<LitElement>>(\n  Base: TBase\n): TBase & Constructor<FormAssociatedMixinInterface> => {\n  class FormAssociated extends Base implements FormAssociatedMixinInterface {\n    /**\n     * @ignore\n     */\n    static formAssociated = true;\n\n    /**\n     * @ignore\n     */\n    internals: ElementInternals;\n\n    constructor(...args: any[]) {\n      super(...(args as ConstructorParameters<typeof Base>));\n      // @ts-expect-error missing some u\n      this.internals = this.attachInternals();\n    }\n\n    setFormValue(\n      value: File | string | FormData | null,\n      state?: File | string | FormData | null\n    ) {\n      this.internals.setFormValue(value, state);\n    }\n\n    /**\n     * @ignore\n     */\n    get shadowRoot() {\n      return this.internals.shadowRoot;\n    }\n  }\n\n  return FormAssociated as TBase & Constructor<FormAssociatedMixinInterface>;\n};\n\nexport interface ConstraintsValidationMixinInterface\n  extends FormAssociatedMixinInterface {\n  validity: ValidityState;\n  validationMessage: string | undefined;\n  setValidity(\n    validity: ValidityState,\n    message?: string,\n    anchor?: HTMLElement\n  ): void;\n  checkValidity(): boolean;\n  reportValidity(): boolean;\n}\n\nexport const ConstraintsValidationMixin = <\n  TBase extends Constructor<LitElement>,\n>(\n  Base: TBase\n): TBase & Constructor<ConstraintsValidationMixinInterface> => {\n  class ConstraintsValidation\n    extends FormControllerMixin(Base)\n    implements ConstraintsValidationMixinInterface\n  {\n    validity: ValidityState;\n    validationMessage: string | undefined;\n\n    constructor(...args: any[]) {\n      super(...(args as ConstructorParameters<typeof Base>));\n      this.validity = this.internals.validity;\n      this.validationMessage = this.internals.validationMessage;\n    }\n\n    setValidity(\n      validity: ValidityStateFlags,\n      message?: string,\n      anchor?: HTMLElement\n    ) {\n      this.validationMessage = message;\n      this.internals.setValidity(validity, this.validationMessage, anchor);\n    }\n\n    checkValidity(): boolean {\n      return this.internals.checkValidity();\n    }\n\n    reportValidity(): boolean {\n      return this.internals.reportValidity();\n    }\n  }\n\n  return ConstraintsValidation as TBase &\n    Constructor<ConstraintsValidationMixinInterface>;\n};\n"],"names":[],"mappings":"AAYa,MAAA,sBAAsB,CACjC,SACsD;AACtD,QAAM,kBAAN,MAAM,wBAAuB,KAA6C;AAAA,IAWxE,eAAe,MAAa;AAC1B,YAAM,GAAI,IAA2C;AAEhD,WAAA,YAAY,KAAK,gBAAgB;AAAA,IAAA;AAAA,IAGxC,aACE,OACA,OACA;AACK,WAAA,UAAU,aAAa,OAAO,KAAK;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAM1C,IAAI,aAAa;AACf,aAAO,KAAK,UAAU;AAAA,IAAA;AAAA,EACxB;AAzBA,kBAAO,iBAAiB;AAJ1B,MAAM,iBAAN;AAgCO,SAAA;AACT;AAea,MAAA,6BAA6B,CAGxC,SAC6D;AAAA,EAC7D,MAAM,8BACI,oBAAoB,IAAI,EAElC;AAAA,IAIE,eAAe,MAAa;AAC1B,YAAM,GAAI,IAA2C;AAChD,WAAA,WAAW,KAAK,UAAU;AAC1B,WAAA,oBAAoB,KAAK,UAAU;AAAA,IAAA;AAAA,IAG1C,YACE,UACA,SACA,QACA;AACA,WAAK,oBAAoB;AACzB,WAAK,UAAU,YAAY,UAAU,KAAK,mBAAmB,MAAM;AAAA,IAAA;AAAA,IAGrE,gBAAyB;AAChB,aAAA,KAAK,UAAU,cAAc;AAAA,IAAA;AAAA,IAGtC,iBAA0B;AACjB,aAAA,KAAK,UAAU,eAAe;AAAA,IAAA;AAAA,EACvC;AAGK,SAAA;AAET;"}

package/dist/mixins/tailwind.mixin.d.ts

@@ -0,0 +1,4 @@
+import { CSSResultArray, LitElement } from 'lit';
+import { Constructor } from '../types/mixin-constructor';
+export declare const styled: <T extends Constructor<LitElement>>(superClass: T, elementCss?: CSSResultArray) => T;
+//# sourceMappingURL=tailwind.mixin.d.ts.map

package/dist/mixins/tailwind.mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/tailwind.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cAC1C,CAAC,eACD,cAAc,KACzB,CAMA,CAAC"}

package/dist/mixins/tailwind.mixin.js

@@ -0,0 +1,14 @@
+import { css } from "lit";
+const tailwindStyles = css`/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
+@layer theme{:root,:host{--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--radius:var(--ds-border-radius-default);--spacing-1:var(--ds-size-1);--spacing-2:var(--ds-size-2);--spacing-3:var(--ds-size-3);--spacing-4:var(--ds-size-4);--spacing-5:var(--ds-size-5);--spacing-6:var(--ds-size-6);--spacing-7:var(--ds-size-7);--spacing-8:var(--ds-size-8);--font-sans:"Inter","Arial",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-sans--font-feature-settings:"cv05" 1;--font-mono:IBM Plex Mono;--text-6:var(--ds-font-size-6);--text-7:var(--ds-font-size-7);--text-8:var(--ds-font-size-8);--color-accent-surface-active:var(--ds-color-accent-surface-active);--color-neutral-surface-tinted:var(--ds-color-neutral-surface-tinted);--color-neutral-surface-active:var(--ds-color-neutral-surface-active);--color-focus-inner:var(--ds-color-focus-inner);--color-focus-outer:var(--ds-color-focus-outer);--border-color-danger:var(--ds-color-danger-border-default);--border-color-neutral:var(--ds-color-neutral-border-default);--text-color-danger-subtle:var(--ds-color-danger-text-subtle)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:focus-visible{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#00347d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-style:none}@media (forced-colors:active){:focus-visible{outline-offset:2px;outline:2px solid #0000}}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-24{margin:calc(var(--spacing)*24)}.m-44{margin:calc(var(--spacing)*44)}.m-56{margin:calc(var(--spacing)*56)}.m-auto{margin:auto}.mt-1{margin-top:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-64{margin-bottom:calc(var(--spacing)*64)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:var(--spacing-4)}.h-5{height:var(--spacing-5)}.h-6{height:var(--spacing-6)}.h-7{height:var(--spacing-7)}.h-8{height:var(--spacing-8)}.h-full{height:100%}.w-5{width:var(--spacing-5)}.w-6{width:var(--spacing-6)}.w-7{width:var(--spacing-7)}.w-80{width:calc(var(--spacing)*80)}.w-\\[calc\\(1em\\+1rem\\*2\\)\\]{width:calc(1em + 2rem)}.w-full{width:100%}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.animate-dash{animation:1.4s cubic-bezier(.2,-.01,.51,.96) infinite dash}.animate-spin-slow{animation:2.2s linear infinite spin}.resize{resize:both}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-danger{border-color:var(--border-color-danger)}.border-neutral{border-color:var(--border-color-neutral)}.bg-neutral-surface-active{background-color:var(--color-neutral-surface-active)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.px-2{padding-inline:var(--spacing-2)}.pt-2{padding-top:var(--spacing-2)}.pt-5{padding-top:var(--spacing-5)}.pb-8{padding-bottom:var(--spacing-8)}.pl-3{padding-left:var(--spacing-3)}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-6{font-size:var(--text-6)}.text-7{font-size:var(--text-7)}.text-8{font-size:var(--text-8)}.text-\\[1\\.75rem\\]{font-size:1.75rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-danger-subtle{color:var(--text-color-danger-subtle)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-focus-visible{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#00347d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.focus-within\\:shadow-focus-inner:focus-within{--tw-shadow-color:var(--color-focus-inner)}.focus-within\\:outline-3:focus-within{outline-style:var(--tw-outline-style);outline-width:3px}.focus-within\\:outline-offset-3:focus-within{outline-offset:3px}.focus-within\\:outline-focus-outer:focus-within{outline-color:var(--color-focus-outer)}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}
+`;
+const dsStyles = css`@layer fds.typography, fds.utils, fds.box, fds.btn;@layer fds.btn{.fds-btn{--fds-btn-padding:var(--fds-spacing-2) var(--fds-spacing-4);align-items:center;background-color:var(--fds-semantic-surface-action-first-default);border:var(--fds-border_width-default) solid transparent;border-radius:var(--fds-border_radius-interactive);box-sizing:border-box;color:var(--fds-semantic-text-action-first-on_action);cursor:pointer;display:flex;font-family:inherit;justify-content:center;min-height:var(--fds-sizing-10);min-width:2.5em;padding:var(--fds-btn-padding);position:relative;text-align:center;text-decoration:none}.fds-btn svg{overflow:visible}.fds-btn:disabled,.fds-btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--fds-opacity-disabled)}.fds-btn--sm{--fds-btn-padding:var(--fds-spacing-2) var(--fds-spacing-3);font:var(--fds-typography-paragraph-short-small);font-family:inherit;gap:var(--fds-sizing-1);min-height:var(--fds-sizing-10)}.fds-btn--sm:before{content:"";left:0;min-height:auto;position:absolute;top:0;width:auto}.fds-btn--sm:after{content:"";height:44px;left:0;position:absolute;top:-5px;width:100%}.fds-btn--md{--fds-btn-padding:var(--fds-spacing-2) var(--fds-spacing-4);font:var(--fds-typography-paragraph-short-medium);font-family:inherit;gap:var(--fds-sizing-2);min-height:var(--fds-sizing-12)}.fds-btn--lg{--fds-btn-padding:var(--fds-spacing-3) var(--fds-spacing-5);font:var(--fds-typography-paragraph-short-large);font-family:inherit;gap:var(--fds-sizing-2);min-height:var(--fds-sizing-14)}.fds-btn--full-width{width:100%}.fds-btn--secondary,.fds-btn--tertiary{background-color:initial}.fds-btn--icon-only{--fds-btn-padding:0}.fds-btn--primary:where(.fds-btn--first){background-color:var(--fds-semantic-surface-action-first-default)}.fds-btn--primary:where(.fds-btn--second){background-color:var(--fds-semantic-surface-action-second-default)}.fds-btn--primary:where(.fds-btn--success){background-color:var(--fds-semantic-surface-success-default)}.fds-btn--primary:where(.fds-btn--danger){background-color:var(--fds-semantic-surface-danger-default)}@media (hover:hover) and (pointer:fine){.fds-btn--primary:where(.fds-btn--first):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-first-hover)}.fds-btn--primary:where(.fds-btn--second):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-second-hover)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-success-hover)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-danger-hover)}.fds-btn--secondary:where(.fds-btn--first):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-first-no_fill-hover);border-color:var(--fds-semantic-border-action-first-hover);color:var(--fds-semantic-text-action-first-hover)}.fds-btn--secondary:where(.fds-btn--second):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-second-no_fill-hover);border-color:var(--fds-semantic-border-action-second-hover);color:var(--fds-semantic-text-action-second-hover)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-success-no_fill-hover);border-color:var(--fds-semantic-border-success-hover);color:var(--fds-semantic-text-success-hover)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-danger-no_fill-hover);border-color:var(--fds-semantic-border-danger-hover);color:var(--fds-semantic-text-danger-hover)}.fds-btn--tertiary:where(.fds-btn--first):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-first-no_fill-hover);color:var(--fds-semantic-text-action-first-hover)}.fds-btn--tertiary:where(.fds-btn--second):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-action-second-no_fill-hover);color:var(--fds-semantic-text-action-second-hover)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-success-no_fill-hover);color:var(--fds-semantic-text-success-hover)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--fds-semantic-surface-danger-no_fill-hover);color:var(--fds-semantic-text-danger-hover)}}.fds-btn--primary:where(.fds-btn--first):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-first-active)}.fds-btn--primary:where(.fds-btn--second):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-second-active)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-success-active)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-danger-active)}.fds-btn--secondary:where(.fds-btn--first){background-color:var(--fds-semantic-surface-action-first-no_fill);border-color:var(--fds-semantic-border-action-first-default);color:var(--fds-semantic-text-action-first-default)}.fds-btn--secondary:where(.fds-btn--second){background-color:var(--fds-semantic-surface-action-second-no_fill);border-color:var(--fds-semantic-border-action-second-default);color:var(--fds-semantic-text-action-second-default)}.fds-btn--secondary:where(.fds-btn--success){background-color:var(--fds-semantic-surface-success-no_fill);border-color:var(--fds-semantic-border-success-default);color:var(--fds-semantic-text-success-default)}.fds-btn--secondary:where(.fds-btn--danger){background-color:var(--fds-semantic-surface-danger-no_fill);border-color:var(--fds-semantic-border-danger-default);color:var(--fds-semantic-text-danger-default)}.fds-btn--secondary:where(.fds-btn--first):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-first-no_fill-active);border-color:var(--fds-semantic-border-action-first-active);color:var(--fds-semantic-text-action-first-active)}.fds-btn--secondary:where(.fds-btn--second):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-second-no_fill-active);border-color:var(--fds-semantic-border-action-second-active);color:var(--fds-semantic-text-action-second-active)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-success-no_fill-active);border-color:var(--fds-semantic-border-success-active);color:var(--fds-semantic-text-success-active)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-danger-no_fill-active);border-color:var(--fds-semantic-border-danger-active);color:var(--fds-semantic-text-danger-active)}.fds-btn--tertiary:where(.fds-btn--first){color:var(--fds-semantic-text-action-first-default)}.fds-btn--tertiary:where(.fds-btn--second){color:var(--fds-semantic-text-action-second-default)}.fds-btn--tertiary:where(.fds-btn--success){color:var(--fds-semantic-text-success-default)}.fds-btn--tertiary:where(.fds-btn--danger){color:var(--fds-semantic-text-danger-default)}.fds-btn--tertiary:where(.fds-btn--first):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-first-no_fill-active);color:var(--fds-semantic-text-action-first-active)}.fds-btn--tertiary:where(.fds-btn--second):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-action-second-no_fill-active);color:var(--fds-semantic-text-action-second-active)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-success-no_fill-active);color:var(--fds-semantic-text-success-active)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--fds-semantic-surface-danger-no_fill-active);color:var(--fds-semantic-text-danger-active)}}@layer fds.utils{.fds-sr-only{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fds-focus:focus-visible{--fds-focus-border-width:3px;box-shadow:0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow);outline:var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);outline-offset:var(--fds-focus-border-width)}@layer animate-height{.fds-animate-height--closed,.fds-animate-height--openingOrClosing{overflow:hidden}.fds-animate-height--open .fds-animate-height__content{height:auto}.fds-animate-height--closed .fds-animate-height__content{display:none;height:0}}}@layer fds.box{.fds-box--xs-shadow{box-shadow:var(--fds-shadow-xsmall)}.fds-box--sm-shadow{box-shadow:var(--fds-shadow-small)}.fds-box--md-shadow{box-shadow:var(--fds-shadow-medium)}.fds-box--lg-shadow{box-shadow:var(--fds-shadow-large)}.fds-box--xl-shadow{box-shadow:var(--fds-shadow-xlarge)}.fds-box--default-border-color{border:1px solid var(--fds-semantic-border-neutral-default)}.fds-box--subtle-border-color{border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-box--strong-border-color{border:1px solid var(--fds-semantic-border-neutral-strong)}.fds-box--sm-border-radius{border-radius:var(--fds-border_radius-small)}.fds-box--md-border-radius{border-radius:var(--fds-border_radius-medium)}.fds-box--lg-border-radius{border-radius:var(--fds-border_radius-large)}.fds-box--xl-border-radius{border-radius:var(--fds-border_radius-xlarge)}.fds-box--2xl-border-radius{border-radius:var(--fds-border_radius-xxlarge)}.fds-box--3xl-border-radius{border-radius:var(--fds-border_radius-xxxlarge)}.fds-box--4xl-border-radius{border-radius:var(--fds-border_radius-xxxxlarge)}.fds-box--full-border-radius{border-radius:var(--fds-border_radius-full)}.fds-box--default-background{background-color:var(--fds-semantic-background-default)}.fds-box--subtle-background{background-color:var(--fds-semantic-background-subtle)}}@layer fds.alert{.fds-alert{--fds-alert-border-color:var(--fds-semantic-border-info-default);--fds-alert-border-radius:var(--fds-border_radius-medium);--fds-alert-color:var(--fds-semantic-text-neutral-default);--fds-alert-icon-color:var(--fds-alert-border-color);--fds-alert-icon-size:var(--fds-sizing-7);--fds-alert-background:var(--fds-semantic-surface-info-subtle);--fds-alert-padding:var(--fds-spacing-6);background:var(--fds-alert-background);border:1px solid var(--fds-alert-border-color);border-radius:var(--fds-alert-border-radius);color:var(--fds-alert-color);display:grid;font:var(--fds-typography-paragraph-medium);gap:var(--fds-spacing-2);grid-auto-columns:-webkit-min-content auto;grid-auto-columns:min-content auto;grid-auto-flow:column;padding:var(--fds-alert-padding)}.fds-alert__icon{color:var(--fds-alert-icon-color);height:var(--fds-alert-icon-size);width:var(--fds-alert-icon-size)}.fds-alert__content{display:flex;flex-direction:column}.fds-alert--info{--fds-alert-border-color:var(--fds-semantic-border-info-default);--fds-alert-background:var(--fds-semantic-surface-info-subtle)}.fds-alert--warning{--fds-alert-border-color:var(--fds-semantic-border-warning-default);--fds-alert-background:var(--fds-semantic-surface-warning-subtle)}.fds-alert--success{--fds-alert-border-color:var(--fds-semantic-border-success-default);--fds-alert-background:var(--fds-semantic-surface-success-subtle)}.fds-alert--danger{--fds-alert-border-color:var(--fds-semantic-border-danger-default);--fds-alert-background:var(--fds-semantic-surface-danger-subtle)}.fds-alert--sm{--fds-alert-padding:var(--fds-spacing-5);--fds-alert-icon-size:var(--fds-sizing-6)}.fds-alert--md{--fds-alert-padding:var(--fds-spacing-6);--fds-alert-icon-size:var(--fds-sizing-7)}.fds-alert--lg{--fds-alert-padding:var(--fds-spacing-7);--fds-alert-icon-size:var(--fds-sizing-8)}.fds-alert--elevated{box-shadow:var(--fds-shadow-small)}}@layer fds.typography.ingress{.fds-ingress{--fdsc-bottom-spacing:var(--fds-spacing-5);color:var(--fds-semantic-text-neutral-default);margin:0}.fds-ingress--spacing{margin-bottom:var(--fdsc-bottom-spacing)}.fds-ingress--md{--fdsc-bottom-spacing:var(--fds-spacing-5);font:var(--fds-typography-ingress-medium);font-family:inherit}.fds-ingress--lg{--fdsc-bottom-spacing:var(--fds-spacing-6);font:var(--fds-typography-ingress-large);font-family:inherit}.fds-ingress--sm{--fdsc-bottom-spacing:var(--fds-spacing-7);font:var(--fds-typography-ingress-small);font-family:inherit}.fds-ingress--xs{--fdsc-bottom-spacing:var(--fds-spacing-8);font:var(--fds-typography-ingress-xsmall);font-family:inherit}}@layer fds.skiplink{.fds-skiplink:focus{display:block;height:auto;margin:inherit;outline:0;overflow:visible;position:static;width:auto;clip:auto;background:var(--fds-semantic-border-focus-outline);-webkit-clip-path:none;clip-path:none;color:var(--fds-semantic-text-neutral-default);padding:var(--fds-spacing-3) var(--fds-spacing-4) var(--fds-spacing-3) var(--fds-spacing-6);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.3em;white-space:inherit}}@layer fds.accordion{.fds-accordion{--fds-accordion-border-radius:var(--fds-border_radius-interactive);--fds-accordion-border-color:var(--fds-semantic-border-neutral-subtle);border-bottom:1px solid var(--fds-semantic-border-neutral-subtle);box-sizing:border-box}.fds-accordion--border{border:1px solid var(--fds-accordion-border-color);border-radius:var(--fds-accordion-border-radius)}.fds-accordion__expand-icon{border-radius:var(--fds-border_radius-interactive)}.fds-accordion__content{overflow:hidden;padding:var(--fds-spacing-5,1rem);text-overflow:ellipsis}.fds-accordion__header{margin:0}.fds-accordion__button{align-items:center;border:none;border-top:1px solid var(--fds-semantic-border-neutral-subtle);cursor:pointer;display:flex;gap:var(--fds-spacing-2);justify-content:flex-start;margin:0;padding:var(--fds-spacing-4);text-align:left;width:100%}.fds-accordion--border .fds-accordion__button{border-radius:var(--fds-accordion-border-radius)}.fds-accordion__item:focus-within{position:relative}.fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__expand-icon{transform:rotate(180deg)}.fds-accordion--neutral,.fds-accordion--neutral .fds-accordion__button{background-color:var(--fds-semantic-surface-neutral-default)}.fds-accordion--subtle,.fds-accordion--subtle .fds-accordion__button{background-color:var(--fds-semantic-surface-neutral-subtle)}.fds-accordion--first,.fds-accordion--first .fds-accordion__button{--fds-accordion-border-color:var(--fds-semantic-border-first-default);background:var(--fds-semantic-surface-first-light)}.fds-accordion--second,.fds-accordion--second .fds-accordion__button{--fds-accordion-border-color:var(--fds-semantic-border-second-default);background:var(--fds-semantic-surface-second-light)}.fds-accordion--third,.fds-accordion--third .fds-accordion__button{--fds-accordion-border-color:var(--fds-semantic-border-third-default);background:var(--fds-semantic-surface-third-light)}.fds-accordion--first .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--second .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--third .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:rgba(0,0,0,.03)}.fds-accordion--neutral .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--subtle .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:var(--fds-semantic-surface-action-first-no_fill-hover)}.fds-accordion--border .fds-accordion__item:first-child .fds-accordion__button{border-top:0}.fds-accordion--first .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--second .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--third .fds-accordion__item:not(:first-child) .fds-accordion__button{border-top:1px solid var(--fds-semantic-surface-neutral-default)}@media (hover:hover) and (pointer:fine){.fds-accordion__button:hover .fds-accordion__expand-icon{background-color:rgba(0,0,0,.1)}.fds-accordion--neutral .fds-accordion__button:hover,.fds-accordion--subtle .fds-accordion__button:hover{background-color:var(--fds-semantic-surface-neutral-subtle-hover)}.fds-accordion--first .fds-accordion__button:hover{background-color:var(--fds-semantic-surface-first-light-hover)}.fds-accordion--second .fds-accordion__button:hover{background-color:var(--fds-semantic-surface-second-light-hover)}.fds-accordion--third .fds-accordion__button:hover{background-color:var(--fds-semantic-surface-third-light-hover)}}}@layer fds.switch{.fds-switch{--fds-switch--transition:200ms;--fds-switch-height:1.75rem;--fds-switch-focus-border-width:3px;position:relative}@media (prefers-reduced-motion){.switch{--fds-switch--transition:0}}.fds-switch__label{align-items:center;cursor:pointer;display:grid;gap:var(--fds-spacing-1);grid-template-columns:auto 1fr;min-height:var(--fds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-switch__track{background-color:var(--fds-semantic-surface-neutral-dark);border-radius:var(--fds-border_radius-full);display:inline-block;height:var(--fds-switch-height);margin:auto;margin-right:var(--fds-spacing-1);overflow:visible;pointer-events:none;position:relative;transition:background-color var(--fds-switch--transition) ease;width:var(--fds-switch-width)}.fds-switch__description{color:var(--fds-semantic-text-neutral-subtle);margin-top:calc(var(--fds-spacing-2)*-1);padding-left:calc(var(--fds-switch-width) + var(--fds-spacing-2))}.fds-switch__readonly__icon{height:1.2em;width:1.2em}.fds-switch__label--right{grid-auto-flow:dense;grid-template-columns:1fr auto}.fds-switch__label--right .fds-switch__track{margin-right:0;order:1}.fds-switch__label--right+.fds-switch__description{padding-left:0}.fds-switch__input{cursor:pointer;height:2.75rem;margin:0;opacity:0;position:absolute;width:2.75rem;z-index:1}.fds-switch--readonly>.fds-switch__label{grid-template-columns:auto -webkit-min-content 1fr;grid-template-columns:auto min-content 1fr}.fds-switch--readonly>.fds-switch__label:where(.fds-switch__label--right){grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto}.fds-switch--readonly>.fds-switch__input,.fds-switch--readonly>.fds-switch__label{cursor:default}.fds-switch--readonly>.fds-switch__description{margin-left:var(--fds-spacing-1)}.fds-switch--sm,.fds-switch--sm .fds-switch__label{min-height:var(--fds-sizing-6)}.fds-switch--md,.fds-switch--md .fds-switch__label{min-height:var(--fds-sizing-7)}.fds-switch--lg,.fds-switch--lg .fds-switch__label{min-height:var(--fds-sizing-8)}.fds-switch--sm{--fds-switch-height:var(--fds-sizing-6);--fds-switch-width:var(--fds-sizing-11)}.fds-switch--sm .fds-switch__input{left:-.25rem;top:-.25rem}.fds-switch--md{--fds-switch-height:var(--fds-sizing-7);--fds-switch-width:var(--fds-sizing-13)}.fds-switch--md .fds-switch__input{left:0;top:0}.fds-switch--lg{--fds-switch-height:var(--fds-sizing-8);--fds-switch-width:var(--fds-sizing-15)}.fds-switch--lg .fds-switch__input{left:0;top:.25rem}.fds-switch__label:has(.fds-switch__track:only-child){grid-template-columns:auto}.fds-switch__label:has(.fds-switch__track:only-child) .fds-switch__track{margin-right:0}.fds-switch:has(.fds-switch__input:disabled)>.fds-switch__label,.fds-switch__input:disabled{cursor:not-allowed}.fds-switch:has(.fds-switch__input:disabled)>.fds-switch__description,.fds-switch:has(.fds-switch__input:disabled)>.fds-switch__label{opacity:var(--fds-opacity-disabled)}.fds-switch__input:focus-visible+.fds-switch__label .fds-switch__track{box-shadow:inset 0 0 0 var(--fds-switch-focus-border-width) var(--fds-semantic-border-focus-boxshadow);outline:var(--fds-switch-focus-border-width) solid var(--fds-semantic-border-focus-outline)}.fds-switch__input:not([readonly]):checked+.fds-switch__label .fds-switch__track{background-color:var(--fds-semantic-surface-success-default)}.fds-switch__thumb{background-color:var(--fds-semantic-background-default);border-radius:var(--fds-border_radius-full);height:var(--fds-switch-height);position:absolute;scale:.8;transition:transform var(--fds-switch--transition) ease;width:var(--fds-switch-height)}.fds-switch__input:checked+.fds-switch__label .fds-switch__track .fds-switch__thumb{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");transform:translateX(calc((var(--fds-switch-width) - var(--fds-switch-height))*1.2))}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track{background-color:var(--fds-semantic-background-subtle);box-shadow:inset 0 0 0 2px var(--fds-semantic-border-neutral-subtle)}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track>.fds-switch__thumb{background-color:var(--fds-semantic-border-neutral-default)}.fds-switch--readonly .fds-switch__input[readonly]:checked+.fds-switch__label .fds-switch__track .fds-switch__thumb{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23f4f5f6' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E")}@media (hover:hover) and (pointer:fine){.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{transform:translateX(calc((var(--fds-switch-width) - var(--fds-switch-height))*.2))}.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label{color:var(--fds-semantic-border-input-hover)}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%230c6536' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");transform:translateX(calc(var(--fds-switch-width) - var(--fds-switch-height)))}.fds-switch__input:not(:checked,:disabled,[readonly]):hover+.fds-switch__label .fds-switch__track{background-color:var(--fds-semantic-surface-neutral-dark-hover)}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track{background-color:var(--fds-semantic-surface-success-hover)}}}@layer fds.checkbox{.fds-checkbox{--fds-checkbox-size:1.75rem;--fds-checkbox-focus-border-width:3px;--fds-checkbox-background:var(--fds-semantic-background-default);--fds-checkbox-border-color:var(--fds-semantic-border-input-default);--fds-checkbox-border__hover:0 0 0 var(--fds-spacing-2) var(--fds-semantic-surface-info-subtle-hover);display:grid}.fds-checkbox:has(.fds-checkbox__label){gap:var(--fds-spacing-2);grid-template-columns:var(--fds-checkbox-size) auto}.fds-checkbox__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fds-checkbox-background);box-shadow:inset 0 0 0 2px var(--fds-checkbox-border-color);height:var(--fds-checkbox-size);margin:0;outline:none;position:relative;width:var(--fds-checkbox-size);z-index:1}.fds-checkbox__input,.fds-checkbox__input:before{border-radius:var(--fds-border_radius-medium);cursor:pointer}.fds-checkbox__input:before{content:"";display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--fds-spacing-1);min-height:var(--fds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-checkbox__description{color:var(--fds-semantic-text-neutral-subtle);grid-column:2;margin-top:calc(var(--fds-spacing-3)*-1)}.fds-checkbox--readonly>.fds-checkbox__input,.fds-checkbox--readonly>.fds-checkbox__input:before,.fds-checkbox--readonly>.fds-checkbox__label{cursor:default}.fds-checkbox__input:disabled,.fds-checkbox__input:disabled:before,.fds-checkbox__input:disabled~.fds-checkbox__label{cursor:not-allowed}.fds-checkbox__input:focus-visible{box-shadow:inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow);outline:var(--fds-checkbox-focus-border-width) solid var(--fds-semantic-border-focus-outline);outline-offset:0}.fds-checkbox__input:checked{--fds-checkbox-border-color:var(--fds-semantic-border-input-hover);background:var(--fds-checkbox-border-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E")}.fds-checkbox__input:indeterminate{--fds-checkbox-border-color:var(--fds-semantic-border-input-hover);background-color:var(--fds-checkbox-border-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' d='M4.25 11.25a1.5 1.5 0 0 1 1.5-1.5h11a1.5 1.5 0 0 1 0 3h-11a1.5 1.5 0 0 1-1.5-1.5'/%3E%3C/svg%3E");background-repeat:no-repeat}.fds-checkbox--readonly>.fds-checkbox__input{--fds-checkbox-border-color:var(--fds-semantic-border-neutral-subtle);--fds-checkbox-background:var(--fds-semantic-surface-neutral-subtle)}.fds-checkbox__input:disabled,.fds-checkbox__input:disabled~.fds-checkbox__description,.fds-checkbox__input:disabled~.fds-checkbox__label{opacity:var(--fds-opacity-disabled)}.fds-checkbox__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--fds-checkbox-border-color)}.fds-checkbox--readonly>.fds-checkbox__input:checked{background:var(--fds-checkbox-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%2368707c' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E")}.fds-checkbox--readonly>.fds-checkbox__input:indeterminate{background:var(--fds-checkbox-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%2368707c' d='M4.25 11.25a1.5 1.5 0 0 1 1.5-1.5h11a1.5 1.5 0 0 1 0 3h-11a1.5 1.5 0 0 1-1.5-1.5'/%3E%3C/svg%3E");background-repeat:no-repeat}.fds-checkbox--error>.fds-checkbox__input:not(:disabled,:focus-visible){--fds-checkbox-border-color:var(--fds-semantic-border-danger-default)}@media (hover:hover) and (pointer:fine){.fds-checkbox:not(.fds-checkbox--readonly) .fds-checkbox__input:hover:not(:disabled)~.fds-checkbox__label,.fds-checkbox:not(.fds-checkbox--readonly) .fds-checkbox__input:not(:disabled)~.fds-checkbox__label:hover{color:var(--fds-semantic-text-action-hover)}.fds-checkbox:not(.fds-checkbox--readonly) .fds-checkbox__input:hover:checked:not(:disabled),.fds-checkbox:not(.fds-checkbox--readonly) .fds-checkbox__input:hover:not(:checked,:disabled){--fds-checkbox-border-color:var(--fds-semantic-border-input-hover);box-shadow:var(--fds-checkbox-border__hover),inset 0 0 0 2px var(--fds-checkbox-border-color)}.fds-checkbox:not(.fds-checkbox--readonly) .fds-checkbox__input:hover:checked:focus-visible:not(:disabled){box-shadow:var(--fds-checkbox-border__hover),inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow)}}.fds-checkbox--sm{--fds-checkbox-size:var(--fds-sizing-5);min-height:var(--fds-sizing-10)}.fds-checkbox--md{--fds-checkbox-size:var(--fds-sizing-6);min-height:var(--fds-sizing-11)}.fds-checkbox--lg{--fds-checkbox-size:var(--fds-sizing-7);min-height:var(--fds-sizing-12)}}@layer fds.typography.error-message{.fds-error-message{--fdsc-bottom-spacing:var(--fds-spacing-5);margin:0}.fds-error-message--error{color:var(--fds-semantic-text-danger-default)}.fds-error-message--spacing{margin-bottom:var(--fdsc-bottom-spacing)}.fds-error-message--lg{--fdsc-bottom-spacing:var(--fds-spacing-5);font:var(--fds-typography-error_message-large);font-family:inherit}.fds-error-message--md{--fdsc-bottom-spacing:var(--fds-spacing-5);font:var(--fds-typography-error_message-medium);font-family:inherit}.fds-error-message--sm{--fdsc-bottom-spacing:var(--fds-spacing-4);font:var(--fds-typography-error_message-small);font-family:inherit}.fds-error-message--xs{--fdsc-bottom-spacing:var(--fds-spacing-3);font:var(--fds-typography-error_message-xsmall);font-family:inherit}}@layer fds.typography.label{.fds-label{--fdsc-bottom-spacing:var(--fds-spacing-1);color:var(--fds-semantic-text-neutral-default);display:inline-block;margin:0;padding:0}.fds-label--spacing{margin-bottom:var(--fdsc-bottom-spacing)}.fds-label--lg{font:var(--fds-typography-label-large);font-family:inherit}.fds-label--md{font:var(--fds-typography-label-medium);font-family:inherit}.fds-label--sm{font:var(--fds-typography-label-small);font-family:inherit}.fds-label--xs{font:var(--fds-typography-label-xsmall);font-family:inherit}.fds-label--regular-weight{font-weight:400}.fds-label--medium-weight{font-weight:500}.fds-label--semibold-weight{font-weight:600}}@layer fds.typography.heading{.fds-heading{--fdsc-bottom-spacing:var(--fds-spacing-6);color:var(--fds-semantic-text-neutral-default);margin:0}.fds-heading--spacing{margin-bottom:var(--fdsc-bottom-spacing)}.fds-heading--2xl{--fdsc-bottom-spacing:var(--fds-spacing-7);font:var(--fds-typography-heading-2xlarge);font-family:inherit}.fds-heading--xl{--fdsc-bottom-spacing:var(--fds-spacing-6);font:var(--fds-typography-heading-xlarge);font-family:inherit}.fds-heading--lg{--fdsc-bottom-spacing:var(--fds-spacing-5);font:var(--fds-typography-heading-large);font-family:inherit}.fds-heading--md{--fdsc-bottom-spacing:var(--fds-spacing-4);font:var(--fds-typography-heading-medium);font-family:inherit}.fds-heading--sm{--fdsc-bottom-spacing:var(--fds-spacing-3);font:var(--fds-typography-heading-small);font-family:inherit}.fds-heading--xs{--fdsc-bottom-spacing:var(--fds-spacing-2);font:var(--fds-typography-heading-xsmall);font-family:inherit}.fds-heading--2xs{--fdsc-bottom-spacing:var(--fds-spacing-1);font:var(--fds-typography-heading-xxsmall);font-family:inherit}}@layer fds.typography.paragraph{.fds-paragraph{--fdsc-bottom-spacing:var(--fds-spacing-5);color:var(--fds-semantic-text-neutral-default);margin:0}.fds-paragraph--spacing{margin-bottom:var(--fdsc-bottom-spacing)}.fds-paragraph--lg{--fdsc-bottom-spacing:var(--fds-spacing-6);font:var(--fds-typography-paragraph-large);font-family:inherit}.fds-paragraph--lg.fds-paragraph--short{font:var(--fds-typography-paragraph-short-large);font-family:inherit}.fds-paragraph--lg.fds-paragraph--long{line-height:var(--fds-typography-paragraph-long-large)}.fds-paragraph--md{--fdsc-bottom-spacing:var(--fds-spacing-5);font:var(--fds-typography-paragraph-medium);font-family:inherit}.fds-paragraph--md.fds-paragraph--short{--fdsc-bottom-spacing:var(--fds-spacing-5);font:var(--fds-typography-paragraph-short-medium);font-family:inherit}.fds-paragraph--md.fds-paragraph--long{line-height:var(--fds-typography-paragraph-long-medium)}.fds-paragraph--sm{--fdsc-bottom-spacing:var(--fds-spacing-4);font:var(--fds-typography-paragraph-small);font-family:inherit}.fds-paragraph--sm.fds-paragraph--short{--fdsc-bottom-spacing:var(--fds-spacing-4);font:var(--fds-typography-paragraph-short-small);font-family:inherit}.fds-paragraph--sm.fds-paragraph--long{line-height:var(--fds-typography-paragraph-long-small)}.fds-paragraph--xs{--fdsc-bottom-spacing:var(--fds-spacing-3);font:var(--fds-typography-paragraph-xsmall);font-family:inherit}.fds-paragraph--xs.fds-paragraph--short{--fdsc-bottom-spacing:var(--fds-spacing-3);font:var(--fds-typography-paragraph-short-xsmall);font-family:inherit}.fds-paragraph--xs.fds-paragraph--long{line-height:var(--fds-typography-paragraph-long-xsmall)}}@layer fds.radio{.fds-radio{--fds-radio-size:1.75rem;--fds-radio-focus-border-width:3px;--fds-radio-background:var(--fds-semantic-background-default);--fds-radio-border-color:var(--fds-semantic-border-input-default);--fds-radio-border__hover:0 0 0 var(--fds-spacing-2) var(--fds-semantic-surface-info-subtle-hover);display:grid}.fds-radio:has(.fds-radio__label){gap:var(--fds-spacing-2);grid-template-columns:var(--fds-radio-size) auto}.fds-radio__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fds-radio-background);border-radius:50%;box-shadow:inset 0 0 0 2px var(--fds-radio-border-color);cursor:pointer;height:var(--fds-radio-size);margin:0;outline:none;position:relative;width:var(--fds-radio-size);z-index:1}.fds-radio__input:before{border-radius:var(--fds-border_radius-medium);content:"";cursor:pointer;display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-radio__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--fds-spacing-1);min-height:var(--fds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-radio__description{color:var(--fds-semantic-text-neutral-subtle);grid-column:2;margin-top:calc(var(--fds-spacing-3)*-1)}.fds-radio--readonly>.fds-radio__input,.fds-radio--readonly>.fds-radio__input:before,.fds-radio--readonly>.fds-radio__label{cursor:default}.fds-radio:has(.fds-radio__input:disabled)>.fds-radio__description{opacity:var(--fds-opacity-disabled)}.fds-radio:has(.fds-radio__input:disabled)>.fds-radio__label,.fds-radio__input:disabled,.fds-radio__input:disabled:before{cursor:not-allowed;opacity:var(--fds-opacity-disabled)}.fds-radio__input:focus-visible{box-shadow:inset 0 0 0 var(--fds-radio-focus-border-width) var(--fds-semantic-border-focus-boxshadow),inset 0 0 0 6px var(--fds-radio-background);outline:var(--fds-radio-focus-border-width) solid var(--fds-semantic-border-focus-outline);outline-offset:0}.fds-radio__input:checked{--fds-radio-border-color:var(--fds-semantic-border-input-hover);background:var(--fds-radio-border-color)}.fds-radio--readonly>.fds-radio__input{--fds-radio-border-color:var(--fds-semantic-border-neutral-subtle);--fds-radio-background:var(--fds-semantic-surface-neutral-subtle)}.fds-radio__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--fds-radio-border-color),inset 0 0 0 6px var(--fds-radio-background)}.fds-radio--readonly>.fds-radio__input:checked{background:var(--fds-semantic-border-neutral-default)}.fds-radio--error>.fds-radio__input:not(:disabled,:focus-visible){--fds-radio-border-color:var(--fds-semantic-border-danger-default)}@media (hover:hover) and (pointer:fine){.fds-radio:not(.fds-radio--readonly)>.fds-radio__input:hover:not(:disabled)+.fds-radio__label,.fds-radio:not(.fds-radio--readonly)>.fds-radio__label:hover:not(:disabled){color:var(--fds-semantic-text-action-hover)}.fds-radio:not(.fds-radio--readonly)>.fds-radio__input:hover:not(:checked,:disabled){--fds-radio-border-color:var(--fds-semantic-border-input-hover);box-shadow:var(--fds-radio-border__hover),inset 0 0 0 2px var(--fds-radio-border-color)}.fds-radio:not(.fds-radio--readonly)>.fds-radio__input:hover:checked:not(:disabled){--fds-radio-border-color:var(--fds-semantic-border-input-hover);box-shadow:var(--fds-radio-border__hover),inset 0 0 0 2px var(--fds-radio-border-color),inset 0 0 0 6px var(--fds-radio-background)}.fds-radio:not(.fds-radio--readonly)>.fds-radio__input:hover:checked:focus-visible:not(:disabled){box-shadow:var(--fds-radio-border__hover),inset 0 0 0 var(--fds-radio-focus-border-width) var(--fds-semantic-border-focus-boxshadow),inset 0 0 0 6px var(--fds-radio-background)}}.fds-radio--sm{--fds-radio-size:var(--fds-sizing-5);min-height:var(--fds-sizing-10)}.fds-radio--md{--fds-radio-size:var(--fds-sizing-6);min-height:var(--fds-sizing-11)}.fds-radio--lg{--fds-radio-size:var(--fds-sizing-7);min-height:var(--fds-sizing-12)}.fds-radio-group--horizontal{display:flex;flex-direction:row;gap:var(--fds-spacing-6)}}@layer fds.search{.fds-search{display:inline-grid;gap:var(--fds-spacing-2);width:100%}.fds-search--sm{--f-search-button-clear-size:var(--fds-sizing-5)}.fds-search--md{--f-search-button-clear-size:var(--fds-sizing-6)}.fds-search--lg{--f-search-button-clear-size:var(--fds-sizing-8)}.fds-search__error:empty{display:none}.fds-search__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--fds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-search__field{align-items:stretch;border-radius:var(--fds-border_radius-medium);display:flex;position:relative;width:100%}.fds-search__icon{height:100%;left:var(--fds-spacing-4);pointer-events:none;position:absolute;transform:scale(1.5);z-index:2}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.fds-search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--fds-semantic-border-input-default);border-radius:var(--fds-border_radius-medium);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;height:var(--fds-sizing-10);padding:0 var(--fds-spacing-3);position:relative;width:100%}.fds-search__input.fds-search__input--with-search-button{border-bottom-right-radius:0;border-top-right-radius:0}.fds-search__input:disabled{cursor:not-allowed}.fds-search__input[type=search]:focus-visible{z-index:1}.fds-search:has(.fds-search__input:disabled){opacity:var(--fds-opacity-disabled)}.fds-search__search-button{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.fds-search__search-button:focus-visible{z-index:1}.fds-search__clear-button{align-items:center;background:none;border:none;border-radius:var(--fds-border_radius-medium);color:var(--fds-semantic-text-neutral-default);cursor:pointer;display:inline-flex;font-size:1.25rem;height:var(--f-search-button-clear-size);justify-content:center;padding:0;position:absolute;right:.6em;top:50%;transform:translateY(-50%);width:var(--f-search-button-clear-size);z-index:2}.fds-search--sm .fds-search__input{--f-search-button-clear-size:var(--fds-sizing-4);height:var(--fds-sizing-10);padding:0 var(--fds-spacing-3);padding-right:2.5em}.fds-search--sm .fds-search__icon{left:var(--fds-spacing-3)}.fds-search--md .fds-search__input{--f-search-button-clear-size:var(--fds-sizing-6);height:var(--fds-sizing-12);padding:0 var(--fds-spacing-4);padding-right:2.2em}.fds-search--md .fds-search__icon{left:var(--fds-spacing-4)}.fds-search--lg .fds-search__input{--f-search-button-clear-size:var(--fds-sizing-12);height:var(--fds-sizing-14);padding:0 var(--fds-spacing-5);padding-right:2em}.fds-search--lg .fds-search__icon{left:var(--fds-spacing-5)}.fds-search__input.fds-search__input--simple{padding-left:2.4em}.fds-search__error-message>.input:not(:focus-visible){border-color:var(--fds-semantic-border-danger-default);box-shadow:inset 0 0 0 1px var(--fds-semantic-border-danger-default)}@media (hover:hover) and (pointer:fine){.fds-search__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--fds-semantic-border-input-hover);box-shadow:inset 0 0 0 1px var(--fds-semantic-border-input-hover)}.fds-search__clear-button:not(:focus-visible,:disabled,[aria-disabled]):hover{background:var(--fds-semantic-surface-action-subtle-hover)}}}@layer fds.nativeselect{.fds-native-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--fds-semantic-background-default);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS45NyA5LjQ3YS43NS43NSAwIDAgMSAxLjA2IDBMMTIgMTQuNDRsNC45Ny00Ljk3YS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTUuNSA1LjVhLjc1Ljc1IDAgMCAxLTEuMDYgMGwtNS41LTUuNWEuNzUuNzUgMCAwIDEgMC0xLjA2IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");background-position:right var(--fds-spacing-2) center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid var(--fds-semantic-border-input-default);border-radius:var(--fds-border_radius-medium);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;padding:0 var(--fds-spacing-2);position:relative}@media (hover:hover) and (pointer:fine){.fds-native-select:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--fds-semantic-border-input-hover);box-shadow:inset 0 0 0 1px var(--fds-semantic-border-input-hover)}}.fds-native-select.fds-native-select--multiple{background-image:none}.fds-native-select--sm{height:var(--fds-sizing-10);padding:0 var(--fds-spacing-2);padding-right:var(--fds-spacing-8)}.fds-native-select--md{height:var(--fds-sizing-12);padding:0 var(--fds-spacing-3);padding-right:var(--fds-spacing-10)}.fds-native-select--lg{height:var(--fds-sizing-14);padding:0 var(--fds-spacing-4);padding-right:var(--fds-spacing-12)}.fds-native-select--container{display:grid;gap:var(--fds-spacing-2)}.fds-native-select--container:has(.fds-native-select:disabled){opacity:var(--fds-opacity-disabled)}.fds-native-select:disabled{cursor:not-allowed}.fds-native-select--readonly .fds-native-select{background:var(--fds-semantic-surface-neutral-subtle);border-color:var(--fds-semantic-border-neutral-default)}.fds-native-select--error>.fds-native-select:not(:focus-visible){border-color:var(--fds-semantic-border-danger-default);box-shadow:inset 0 0 0 1px var(--fds-semantic-border-danger-default)}.fds-native-select__readonly__icon{height:1.2em;width:1.2em}.fds-native-select__error-message:empty{display:none}.fds-native-select__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--fds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-native-select__description{color:var(--fds-semantic-text-neutral-subtle);margin-top:calc(var(--fds-spacing-2)*-1)}}@layer fds.textfield{.fds-textfield{display:grid;gap:var(--fds-spacing-2)}.fds-textfield__adornment{background:var(--fds-semantic-surface-neutral-subtle);border:1px solid var(--fds-semantic-border-neutral-default);border-radius:var(--fds-border_radius-medium);box-sizing:border-box;color:var(--fds-semantic-border-neutral-default);display:inline-block;padding:9px var(--fds-spacing-4)}.fds-textfield__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--fds-semantic-border-input-default);border-radius:var(--fds-border_radius-medium);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;padding:0 var(--fds-spacing-3);position:relative;width:100%}.fds-textfield__input:disabled{cursor:not-allowed}.fds-textfield--readonly .fds-textfield__input{background:var(--fds-semantic-surface-neutral-subtle);border-color:var(--fds-semantic-border-neutral-default)}.fds-textfield__field{align-items:stretch;border-radius:var(--fds-border_radius-medium);display:flex}.fds-textfield__field>:first-child{border-bottom-left-radius:var(--fds-border_radius-medium);border-top-left-radius:var(--fds-border_radius-medium)}.fds-textfield__field>:last-child{border-bottom-right-radius:var(--fds-border_radius-medium);border-top-right-radius:var(--fds-border_radius-medium)}.fds-textfield--sm .fds-textfield__adornment{padding:var(--fds-sizing-2) var(--fds-spacing-3)}.fds-textfield--md .fds-textfield__adornment{padding:.65rem var(--fds-spacing-4)}.fds-textfield--lg .fds-textfield__adornment{padding:.85rem var(--fds-spacing-5)}.fds-textfield--sm .fds-textfield__field{height:var(--fds-sizing-10)}.fds-textfield--md .fds-textfield__field{height:var(--fds-sizing-12)}.fds-textfield--lg .fds-textfield__field{height:var(--fds-sizing-14)}.fds-textfield--sm .fds-textfield__input{padding:0 var(--fds-spacing-2)}.fds-textfield--md .fds-textfield__input{padding:0 var(--fds-spacing-3)}.fds-textfield--lg .fds-textfield__input{padding:0 var(--fds-spacing-4)}.fds-textfield__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--fds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-textfield__description{color:var(--fds-semantic-text-neutral-subtle);margin-top:calc(var(--fds-spacing-2)*-1)}.fds-textfield:has(.fds-textfield__input:disabled){opacity:var(--fds-opacity-disabled)}.fds-textfield--error .fds-textfield__input:not(:focus-visible){border-color:var(--fds-semantic-border-danger-default);box-shadow:inset 0 0 0 1px var(--fds-semantic-border-danger-default)}@media (hover:hover) and (pointer:fine){.fds-textfield__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--fds-semantic-border-input-hover);box-shadow:inset 0 0 0 1px var(--fds-semantic-border-input-hover)}}.fds-textfield__input--with-prefix{border-bottom-left-radius:0;border-top-left-radius:0}.fds-textfield__input--with-suffix{border-bottom-right-radius:0;border-top-right-radius:0}.fds-textfield__prefix{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.fds-textfield__suffix{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.fds-textfield__readonly__icon{height:1.2em;width:1.2em}.fds-textfield__error-message:empty{display:none}}@layer fds.textarea{.fds-textarea{display:grid;gap:var(--fds-spacing-2)}.fds-textarea__readonly-icon{height:1.2em;width:1.2em}.fds-textarea__error-message:empty{display:none}.fds-textarea__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--fds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-textarea__description{color:var(--fds-semantic-text-neutral-subtle);margin-top:calc(var(--fds-spacing-2)*-1)}.fds-textarea__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--fds-semantic-border-input-default);border-radius:var(--fds-border_radius-medium);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;min-height:2.5em;padding:var(--fds-spacing-3);position:relative;resize:vertical;width:100%}.fds-textarea--sm .fds-textarea__input{padding:var(--fds-spacing-2)}.fds-textarea--md .fds-textarea__input{padding:var(--fds-spacing-3)}.fds-textarea--lg .fds-textarea__input{padding:var(--fds-spacing-4)}.fds-textarea:has(.fds-textarea__input:disabled){opacity:var(--fds-opacity-disabled)}.fds-textarea__input:disabled{cursor:not-allowed}.fds-textarea__input:-moz-read-only{background:var(--fds-semantic-surface-neutral-subtle);border-color:var(--fds-semantic-border-neutral-default)}.fds-textarea__input:read-only{background:var(--fds-semantic-surface-neutral-subtle);border-color:var(--fds-semantic-border-neutral-default)}.fds-textarea--error>.fds-textarea__input:not(:focus-visible){border-color:var(--fds-semantic-border-danger-default);box-shadow:inset 0 0 0 1px var(--fds-semantic-border-danger-default)}@media (hover:hover) and (pointer:fine){.fds-textarea__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--fds-semantic-border-input-hover);box-shadow:inset 0 0 0 1px var(--fds-semantic-border-input-hover)}}}@layer fds.helptext{.fds-helptext__button{background-color:initial;border:none;border-radius:50px;cursor:pointer;display:flex;min-height:0;min-width:0;padding:0!important}@media print{.fds-helptext__button{display:none}}.fds-helptext__icon--filled{display:none}.fds-helptext__icon{color:var(--fds-semantic-text-action-default);height:var(--fds-sizing-7);width:var(--fds-sizing-7)}.fds-helptext__button:where(:hover,:focus,[data-state^=open])>.fds-helptext__icon{display:none}.fds-helptext__button:where(:hover,:focus,[data-state^=open])>.fds-helptext__icon--filled{display:inline-block}.fds-helptext__content{font:var(--fds-typography-paragraph-medium);font-family:inherit;max-width:700px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-helptext--sm .fds-helptext__icon{height:var(--fds-sizing-6);width:var(--fds-sizing-6)}.fds-helptext--md .fds-helptext__icon{height:var(--fds-sizing-7);width:var(--fds-sizing-7)}.fds-helptext--lg .fds-helptext__icon{height:var(--fds-sizing-8);width:var(--fds-sizing-8)}}@layer fds.modal{.fds-modal{border:none;border-radius:var(--fds-border_radius-medium);box-shadow:var(--fds-shadow-xlarge);max-width:650px;padding:0;width:100%}.fds-modal::backdrop{animation:fade-in .3s ease-in-out;background-color:rgba(0,0,0,.5)}.fds-modal[open]{animation:slide-in .3s ease-in-out,fade-in .3s ease-in-out}.fds-modal>hr{border-color:var(--fds-semantic-border-divider-subtle);margin:var(--fds-spacing-3) 0!important}.fds-modal--lock-scroll{overflow:hidden}@media (max-width:650px){.fds-modal{border-radius:0;max-width:100%;min-width:100%}}@media (prefers-reduced-motion:reduce){.fds-modal[open]{animation:none}.fds-modal::backdrop{animation:none}}@keyframes slide-in{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fds-modal__header{color:var(--fds-semantic-text-neutral-default);display:flex;flex-direction:column;gap:var(--fds-spacing-1);justify-content:space-between;padding:var(--fds-spacing-6) var(--fds-spacing-18) var(--fds-spacing-2) var(--fds-spacing-6)}.fds-modal__header--no-button{padding-right:var(--fds-spacing-6)}.fds-modal__header__button{position:absolute;right:var(--fds-spacing-3);top:var(--fds-spacing-3)}.fds-modal__footer{align-items:center;display:flex;gap:var(--fds-spacing-4);padding:var(--fds-spacing-3) var(--fds-spacing-6) var(--fds-spacing-6)}.fds-modal__content{max-height:80vh;overflow-y:auto;padding:var(--fds-spacing-2) var(--fds-spacing-6)}}@layer fds.list{.fds-list--sm{padding-left:var(--fds-spacing-4)}.fds-list--lg,.fds-list--md{padding-left:var(--fds-spacing-6)}.fds-list__item{margin-bottom:var(--fds-spacing-2)}.fds-list__item>.fds-list{margin-top:var(--fds-spacing-2)}}@layer fds.card{.fds-card__media{width:auto}.fds-card__media>*{border:0;display:flex;flex-direction:column;width:100%}.fds-card__content,.fds-card__footer{display:flex;flex-wrap:wrap;gap:var(--fds-spacing-4);justify-content:flex-start;word-wrap:break-word;font:var(--fds-typography-paragraph-medium);font-family:inherit;padding:var(--fds-spacing-2) 0}.fds-card__content{flex-direction:column}.fds-card__header{flex-wrap:wrap;word-wrap:break-word;font:var(--fds-typography-heading-medium);font-family:inherit;padding:var(--fds-spacing-2) 0}.fds-card,.fds-card__header{display:flex;flex-direction:column}.fds-card{border-radius:var(--fds-border_radius-medium);box-sizing:border-box;overflow:hidden;position:relative;width:100%}.fds-card,.fds-card a,.fds-card a:visited{color:var(--fds-semantic-text-neutral-default)}.fds-card>hr{margin:var(--fds-spacing-3) 0;width:100%}.fds-card>:not(.fds-card__media,hr){padding-left:var(--fds-spacing-6);padding-right:var(--fds-spacing-6)}.fds-card>:not(.fds-card__media):first-child{padding-top:var(--fds-spacing-6)}.fds-card>:not(.fds-card__media):last-child{padding-bottom:var(--fds-spacing-6)}.fds-card__media:first-child{padding-bottom:var(--fds-spacing-4)}.fds-card__media:last-child{padding-top:var(--fds-spacing-6)}.fds-card--link{text-decoration:none}.fds-card--link h1,.fds-card--link h2,.fds-card--link h3,.fds-card--link h4,.fds-card--link h5,.fds-card--link h6{text-decoration:underline;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:max(4px,.25rem,.22em)}.fds-card--neutral{background-color:var(--fds-semantic-surface-neutral-default)}.fds-card--neutral,.fds-card--subtle{border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-card--subtle{background-color:var(--fds-semantic-surface-neutral-subtle)}.fds-card--neutral.fds-card--link:hover,.fds-card--subtle.fds-card--link:hover{background-color:var(--fds-semantic-surface-neutral-subtle-hover)}.fds-card--first{background-color:var(--fds-semantic-surface-first-light);border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-card--first.fds-card--link:hover{background-color:var(--fds-semantic-surface-first-light-hover)}.fds-card--first.fds-card--link:active{background-color:var(--fds-semantic-surface-first-light-active)}.fds-card--second{background-color:var(--fds-semantic-surface-second-light);border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-card--second.fds-card--link:hover{background-color:var(--fds-semantic-surface-second-light-hover)}.fds-card--second.fds-card--link:active{background-color:var(--fds-semantic-surface-second-light-active)}.fds-card--third{background-color:var(--fds-semantic-surface-third-light);border:1px solid var(--fds-semantic-border-neutral-subtle)}.fds-card--third.fds-card--link:hover{background-color:var(--fds-semantic-surface-third-light-hover)}.fds-card--third.fds-card--link:active{background-color:var(--fds-semantic-surface-third-light-active)}}@layer fds.link{.fds-link{align-items:center;color:var(--fds-semantic-text-action-default);cursor:pointer;display:inline-flex;gap:var(--fds-spacing-1);text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:max(4px,.25rem)}.fds-link:visited{color:var(--fds-semantic-text-visited-default);text-decoration:none}.fds-link:hover{color:var(--fds-semantic-text-action-hover);text-decoration-thickness:max(2px,.125rem,.12em)}.fds-link:focus-visible{background:var(--fds-semantic-border-focus-outline);box-shadow:0 max(3px,.1875rem,.18em) var(--fds-semantic-border-focus-boxshadow);color:var(--fds-semantic-text-action-active);outline:none;text-decoration:none}.fds-link--inverted:not(:focus-visible,:active),.fds-link--inverted:not(:focus-visible,:active):hover,.fds-link--inverted:not(:focus-visible,:active):visited{color:#fff}}@layer fds.fieldset{.fds-fieldset{border:0;margin:0;min-width:0;padding:0}.fds-fieldset--spacing{display:flex;flex-direction:column;gap:var(--fds-spacing-2)}.fds-fieldset__description{color:var(--fds-semantic-text-neutral-subtle);font-weight:400}.fds-fieldset__legend{display:contents}.fds-fieldset--readonly .fds-fieldset__legend__content{display:inline-flex}.fds-fieldset--readonly .fds-fieldset__readonly__icon{height:1.2em;width:1.2em}.fds-fieldset:disabled .fds-fieldset__description,.fds-fieldset:disabled .fds-fieldset__legend{color:var(--fds-semantic-border-neutral-subtle)}.fds-fieldset__error-message{display:contents}}@layer fds.dropdownmenu{.fds-dropdownmenu{background-color:var(--fds-semantic-background-default);border-radius:var(--fds-border_radius-medium);box-shadow:var(--fds-shadow-medium);list-style:none;margin:0;padding:var(--fds-spacing-2);position:relative;z-index:1500}.fds-dropdownmenu--sm{min-width:240px;padding:var(--fds-spacing-2)}.fds-dropdownmenu--md{min-width:260px;padding:var(--fds-spacing-3) var(--fds-spacing-2)}.fds-dropdownmenu--lg{min-width:280px;padding:var(--fds-spacing-4) var(--fds-spacing-2)}.fds-dropdownmenu>hr{border-color:var(--fds-semantic-border-divider-subtle)!important}.fds-dropdownmenu__item{justify-content:start;padding:0 var(--fds-spacing-4)}.fds-dropdownmenu__section{list-style:none;margin:0;padding:0}.fds-dropdownmenu__heading{padding:var(--fds-spacing-2) var(--fds-spacing-4)}}@layer fds.chip{.fds-chip--button{--fdsc-chip-height:var(--fds-sizing-7);--fdsc-chip-padding:var(--fds-spacing-3);--fdsc-chip-background:var(--fds-semantic-surface-action-first-subtle);--fdsc-chip-text-color:var(--fds-semantic-text-neutral-default);--fdsc-chip-border:var(--fds-semantic-border-action-first-subtle);--fdsc-chip-border-radius:var(--fds-border_radius-full);align-items:center;background:var(--fdsc-chip-background);border:1px solid var(--fdsc-chip-border);border-radius:var(--fdsc-chip-border-radius);color:var(--fdsc-chip-text-color);display:inline-flex;font-family:inherit;min-height:var(--fdsc-chip-height);padding:0 var(--fdsc-chip-padding);text-decoration:none}.fds-chip--button:disabled,.fds-chip--button[aria-disabled=true]{cursor:not-allowed;opacity:var(--fds-opacity-disabled)}.fds-chip--button .fds-chip__label{align-items:center;color:inherit;display:flex;flex-direction:row;gap:var(--fds-spacing-2);line-height:normal}.fds-chip--removable{--fdsc-removable-background:var(--fds-semantic-surface-action-default);--fdsc-removable-text-color:var(--fds-semantic-text-neutral-on_inverted);--fdsc-removable-chip-size:var(--fds-sizing-7);--fdsc-removable-chip-xmark-color:var(--fds-semantic-text-neutral-on_inverted);--fdsc-removable-chip-xmark-padding_right:var(--fds-spacing-1);--fdsc-removable-chip-xmark-size:var(--fds-sizing-6);--fdsc-removable-chip-xmark-wrapper-width:calc(var(--fdsc-removable-chip-xmark-size) + var(--fdsc-removable-chip-xmark-padding_right));background:var(--fdsc-removable-background);border:0;color:var(--fdsc-removable-text-color);min-height:var(--fdsc-chip-height);padding-right:var(--fds-spacing-2)}.fds-chip--removable.fds-chip--sm{padding-right:var(--fds-spacing-1)}.fds-chip--removable.fds-chip--lg{padding-right:var(--fds-spacing-2)}.fds-chip__x-mark{color:var(--fdsc-removable-chip-xmark-color)}.fds-chip__x-mark,.fds-chip__x-mark .fds-chip__icon{height:var(--fdsc-removable-chip-xmark-size);width:var(--fdsc-removable-chip-xmark-size)}.fds-chip--spacing{padding-left:var(--fds-spacing-2)!important}.fds-chip--sm .fds-chip__checkmark-icon{height:var(--fds-sizing-5);width:auto}.fds-chip--md .fds-chip__checkmark-icon{height:24px;width:auto}.fds-chip--lg .fds-chip__checkmark-icon{height:26px;width:auto}.fds-chip--group-container{display:flex;gap:var(--fdsc-gap);list-style-type:none;margin:0;padding:0}.fds-chip--group-container,.fds-chip--group-container.fds-chip--lg,.fds-chip--group-container.fds-chip--md,.fds-chip--group-container.fds-chip--sm{--fdsc-gap:var(--fds-spacing-2)}@media (hover:hover) and (pointer:fine){.fds-chip--button:not(:disabled,[aria-disabled=true]):hover{--fdsc-chip-background:var(--fds-semantic-surface-action-first-subtle-hover);--fdsc-chip-text-color:var(--fds-semantic-text-neutral-default);--fdsc-chip-border:var(--fds-semantic-border-action-first-subtle-hover);cursor:pointer}.fds-chip--button:not(:disabled,[aria-disabled=true]):is([aria-pressed=true]):hover{--fdsc-chip-background:var(--fds-semantic-surface-action-first-no_fill-active);--fdsc-chip-text-color:var(--fds-semantic-text-neutral-default)}.fds-chip--removable:not(:disabled,[aria-disabled=true]):focus,.fds-chip--removable:not(:disabled,[aria-disabled=true]):hover{--fdsc-removable-background:var(--fds-semantic-surface-action-hover);--fdsc-removable-chip-xmark-color:var(--fds-semantic-text-neutral-on_inverted)}}.fds-chip--button:is([aria-pressed=true]),.fds-chip--button:not(:disabled,[aria-disabled=true]):active,.fds-chip--removable:is([aria-pressed=true]),.fds-chip--removable:not(:disabled,[aria-disabled=true]):active{--fdsc-chip-background:var(--fds-semantic-surface-action-first-active);--fdsc-chip-text-color:var(--fds-semantic-text-neutral-on_inverted);--fdsc-chip-border:var(--fds-semantic-surface-action-first-active);--fdsc-removable-background:var(--fds-semantic-surface-action-first-active);--fdsc-removable-text-color:var(--fds-semantic-text-neutral-on_inverted)}.fds-chip--sm{--fdsc-chip-height:var(--fds-sizing-7);--fdsc-chip-padding:var(--fds-spacing-3);--fdsc-removable-chip-xmark-size:var(--fds-sizing-5);--fdsc-removable-chip-xmark-padding_right:var(--fds-spacing-1)}.fds-chip--md{--fdsc-chip-height:var(--fds-sizing-8);--fdsc-chip-padding:var(--fds-spacing-3);--fdsc-removable-chip-xmark-size:var(--fds-sizing-6);--fdsc-removable-chip-xmark-padding_right:var(--fds-spacing-2)}.fds-chip--lg{--fdsc-chip-height:var(--fds-sizing-9);--fdsc-chip-padding:var(--fds-spacing-4);--fdsc-removable-chip-xmark-size:var(--fds-sizing-7);--fdsc-removable-chip-xmark-padding_right:var(--fds-spacing-3)}}@layer fds.divider{.fds-divider{border:none;border-top:1px solid}.fds-divider--default{border-color:var(--fds-semantic-border-divider-default)}.fds-divider--strong{border-color:var(--fds-semantic-border-divider-strong)}.fds-divider--subtle{border-color:var(--fds-semantic-border-divider-subtle)}}@layer fds.tabs{.fds-tabs__tab{--fds-tabs__tab-bottom-border-color:transparent;align-items:center;background-color:initial;border:none;border-radius:0;box-sizing:border-box;color:var(--fds-semantic-text-neutral-subtle);cursor:pointer;display:flex;flex-direction:row;gap:var(--fds-spacing-1);justify-content:center;padding:var(--fds-spacing-2) var(--fds-spacing-3);position:relative;text-align:center}.fds-tabs__content{padding:var(--fds-spacing-5)}.fds-tabs--sm .fds-tabs__content,.fds-tabs--sm .fds-tabs__tab{font:var(--fds-typography-paragraph-short-small)}.fds-tabs--md .fds-tabs__content,.fds-tabs--md .fds-tabs__tab{font:var(--fds-typography-paragraph-short-medium)}.fds-tabs--lg .fds-tabs__content,.fds-tabs--lg .fds-tabs__tab{font:var(--fds-typography-paragraph-short-large)}.fds-tabs--sm .fds-tabs__tab{padding:var(--fds-spacing-2) var(--fds-spacing-4)}.fds-tabs--md .fds-tabs__tab{padding:var(--fds-spacing-3) var(--fds-spacing-5)}.fds-tabs--lg .fds-tabs__tab{padding:var(--fds-spacing-4) var(--fds-spacing-6)}.fds-tabs--sm .fds-tabs__content{padding:var(--fds-spacing-4)}.fds-tabs--md .fds-tabs__content{padding:var(--fds-spacing-5)}.fds-tabs--lg .fds-tabs__content{padding:var(--fds-spacing-6)}@media (hover:hover) and (pointer:fine){.fds-tabs__tab:hover:not([aria-selected=true]){--fds-tabs__tab-bottom-border-color:var(--fds-semantic-border-neutral-subtle);color:var(--fds-semantic-text-neutral-default)}}.fds-tabs__tab[aria-selected=true]{--fds-tabs__tab-bottom-border-color:var(--fds-semantic-border-action-default);color:var(--fds-semantic-text-action-default)}.fds-tabs__tab:focus-visible{--fds-tabs__tab-bottom-border-color:var(--fds-semantic-text-neutral-default);background:var(--fds-semantic-border-focus-outline);color:var(--fds-semantic-text-neutral-default);outline:none}.fds-tabs__tab:after{background-color:var(--fds-tabs__tab-bottom-border-color);border-radius:var(--fds-border_radius-full);bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}.fds-tabs__tablist{border-bottom:var(--fds-border_width-default) solid var(--fds-semantic-border-neutral-subtle);display:flex;flex-direction:row}}@layer fds.pagination{.fds-pagination{--fds-pagination-listitem-margin:var(--fds-spacing-4);--fds-pagination-ellipsis-width:var(--fds-sizing-12);--fds-pagination-chevron-margin:var(--fds-spacing-2);display:flex;list-style-type:none;margin:0;padding:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-pagination--hidden{visibility:hidden}.fds-pagination--lg,.fds-pagination--md,.fds-pagination--sm{--fds-pagination-chevron-margin:var(--fds-spacing-2)}.fds-pagination li:first-child{margin-right:var(--fds-pagination-chevron-margin)}.fds-pagination li:last-child{margin-left:var(--fds-pagination-chevron-margin)}.fds-pagination__item{flex:1;margin-right:var(--fds-pagination-listitem-margin)}.fds-pagination--sm .fds-pagination__item{--fds-pagination-listitem-margin:var(--fds-spacing-2);--fds-pagination-ellipsis-width:var(--fds-sizing-10)}.fds-pagination--md .fds-pagination__item{--fds-pagination-listitem-margin:var(--fds-spacing-4);--fds-pagination-ellipsis-width:var(--fds-sizing-12)}.fds-pagination--lg .fds-pagination__item{--fds-pagination-listitem-margin:var(--fds-spacing-6);--fds-pagination-ellipsis-width:var(--fds-sizing-14)}.fds-pagination__item.fds-pagination--compact{--fds-pagination-listitem-margin:var(--fds-spacing-0);--fds-pagination-chevron-margin:var(--fds-spacing-1)}.fds-pagination__ellipsis{margin-top:.5em;text-align:center;width:var(--fds-pagination-ellipsis-width)}}@layer fds.fds-popover{.fds-popover{--fds-popover-border:1px solid;--fds-popover-background:var(--fds-semantic-surface-neutral-default);background:var(--fds-popover-background);border:var(--fds-popover-border);border-radius:var(--fds-border_radius-medium);max-width:300px;padding:var(--fds-spacing-3);z-index:1500}.fds-popover--sm{padding:var(--fds-spacing-2) var(--fds-spacing-3)}.fds-popover--md{padding:var(--fds-spacing-3) var(--fds-spacing-4)}.fds-popover--lg{padding:var(--fds-spacing-3) var(--fds-spacing-5)}.fds-popover--default{--fds-popover-background:var(--fds-semantic-surface-neutral-default);border-color:var(--fds-semantic-border-neutral-default)}.fds-popover--info{--fds-popover-background:var(--fds-semantic-surface-info-subtle);border-color:var(--fds-semantic-border-info-default)}.fds-popover--warning{--fds-popover-background:var(--fds-semantic-surface-warning-subtle);border-color:var(--fds-semantic-border-warning-default)}.fds-popover--danger{--fds-popover-background:var(--fds-semantic-surface-danger-subtle);border-color:var(--fds-semantic-border-danger-default)}.fds-popover__arrow{background:var(--fds-popover-background);position:absolute;transform:rotate(45deg)}.fds-popover__arrow.fds-popover__arrow--top{border-left:var(--fds-popover-border);border-top:var(--fds-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--bottom{border-bottom:var(--fds-popover-border);border-right:var(--fds-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--right{border-right:var(--fds-popover-border);border-top:var(--fds-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--left{border-bottom:var(--fds-popover-border);border-left:var(--fds-popover-border);border-color:inherit}}@layer fds.skeleton{.fds-skeleton{--fds-skeleton-animation-duration:0.8s;animation:fds-skeleton-opacity-fade var(--fds-skeleton-animation-duration) linear infinite alternate;background-color:var(--fds-semantic-surface-neutral-subtle-hover);height:1.3em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fds-skeleton--circle{border-radius:50%;width:1.3em}.fds-skeleton--rectangle{border-radius:.2em;width:100%}.fds-skeleton--text{border-radius:.55em;height:auto;transform:scaleY(.6);transform-origin:0 55%;width:100%}.fds-skeleton--text:empty:before{content:"\\00a0"}.fds-skeleton--has-children{color:transparent!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-skeleton--has-children>*{visibility:hidden}@media (prefers-reduced-motion:reduce){.fds-skeleton{--fds-skeleton-animation-duration:1.6s}}@keyframes fds-skeleton-opacity-fade{0%{opacity:1}to{opacity:.4}}}@layer fds.tag{.fds-tag{--fds-tag-background:var(--fds-semantic-surface-neutral-subtle);--fds-tag-color:var(--fds-semantic-text-neutral-default);align-items:center;background-color:var(--fds-tag-background);border-radius:var(--fds-border_radius-small);box-sizing:border-box;color:var(--fds-tag-color);display:flex;min-height:var(--fds-sizing-8);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word}.fds-tag,.fds-tag--sm{padding:0 var(--fds-spacing-2)}.fds-tag--sm{min-height:var(--fds-sizing-7)}.fds-tag--md{min-height:var(--fds-sizing-8);padding:0 var(--fds-spacing-2)}.fds-tag--lg{min-height:var(--fds-sizing-9);padding:0 var(--fds-spacing-3)}.fds-tag--neutral{--fds-tag-background:var(--fds-semantic-surface-neutral-subtle);--fds-tag-color:var(--fds-semantic-text-neutral-default)}.fds-tag--info{--fds-tag-background:var(--fds-semantic-surface-info-subtle);--fds-tag-color:var(--fds-semantic-text-neutral-default)}.fds-tag--success{--fds-tag-background:var(--fds-semantic-surface-success-subtle);--fds-tag-color:var(--fds-semantic-text-success-on_success_subtle)}.fds-tag--warning{--fds-tag-background:var(--fds-semantic-surface-warning-default);--fds-tag-color:var(--fds-semantic-text-neutral-default)}.fds-tag--danger{--fds-tag-background:var(--fds-semantic-surface-danger-subtle);--fds-tag-color:var(--fds-semantic-text-danger-on_danger_subtle)}.fds-tag--first{--fds-tag-background:var(--fds-semantic-surface-first-light);--fds-tag-color:var(--fds-semantic-text-neutral-default)}.fds-tag--second{--fds-tag-background:var(--fds-semantic-surface-second-light);--fds-tag-color:var(--fds-semantic-text-neutral-default)}.fds-tag--third{--fds-tag-background:var(--fds-semantic-surface-third-light);--fds-tag-color:var(--fds-semantic-text-neutral-default)}}@layer fds.errorsummary{.fds-error-summary{background-color:var(--fds-semantic-surface-danger-subtle);border-radius:var(--fds-border_radius-large);padding:var(--fds-spacing-6) var(--fds-spacing-8)}.fds-error-summary a{color:var(--fds-semantic-text-neutral-default)}.fds-error-summary li:last-of-type{margin-bottom:0}}@layer fds.togglegroup{.fds-togglegroup{background-color:var(--fds-semantic-background-default);border:var(--fds-semantic-border-neutral-default) solid var(--fds-border_width-default);border-radius:var(--fds-border_radius-large);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-togglegroup__content{display:inline-grid;gap:var(--fds-spacing-1);grid-auto-columns:1fr;grid-auto-flow:column;padding:var(--fds-spacing-1)}.fds-togglegroup__input{display:none}.fds-togglegroup__item:focus-visible{z-index:1}}@layer fds.tooltip{.fds-tooltip{background:var(--fds-semantic-surface-neutral-inverted);border-radius:var(--fds-border_radius-medium);color:var(--fds-semantic-text-neutral-on_inverted);font:var(--fds-typography-paragraph-xsmall);font-family:inherit;padding:var(--fds-spacing-1) var(--fds-spacing-2)}.fds-tooltip--inverted{background:var(--fds-semantic-surface-neutral-subtle);color:var(--fds-semantic-text-neutral-default)}.fds-tooltip__arrow{fill:var(--fds-semantic-surface-neutral-inverted)}.fds-tooltip--inverted .fds-tooltip__arrow{fill:var(--fds-semantic-surface-neutral-subtle)}}@layer fds.spinner{.fds-spinner{animation:fds-spinner-rotate-animation linear infinite;animation-duration:2s}.fds-spinner__circle{stroke-dasharray:1px,200px;animation:fds-spinner-stroke-animation ease-in-out infinite;animation-duration:2s;transform-origin:center}@media (prefers-reduced-motion:reduce){.fds-spinner,.fds-spinner__circle{animation-duration:6s}}.fds-spinner--default .fds-spinner__circle{stroke:var(--fds-semantic-border-neutral-default)}.fds-spinner--interaction .fds-spinner__circle{stroke:var(--fds-semantic-border-action-first-default)}.fds-spinner--inverted .fds-spinner__circle{stroke:var(--fds-semantic-surface-neutral-default)}.fds-spinner__background{stroke:var(--fds-semantic-border-neutral-subtle)}.fds-spinner__background--inverted{stroke:var(--fds-semantic-surface-neutral-dark)}@keyframes fds-spinner-rotate-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fds-spinner-stroke-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px;transform:rotate(0deg)}to{stroke-dasharray:1px,200px;stroke-dashoffset:-120px;transform:rotate(15deg)}}}@layer fds.table{.fds-table{border-collapse:initial;border-spacing:0;position:relative;text-align:left;--table-padding:0;--border-radius:var(--fds-border_radius-medium)}.fds-table--sticky-header{overflow:auto}.fds-table--border .fds-table__row:last-of-type td{border-bottom:0}.fds-table--sm{--table-padding:var(--fds-spacing-1) var(--fds-spacing-3)}.fds-table--md{--table-padding:var(--fds-spacing-2) var(--fds-spacing-3)}.fds-table--lg{--table-padding:var(--fds-spacing-3) var(--fds-spacing-3)}.fds-table__head{box-sizing:border-box;font:inherit;font-family:inherit;font-weight:500;z-index:0}.fds-table__head,.fds-table__header__cell{border-bottom:2px solid var(--fds-semantic-border-divider-default);border-spacing:0}.fds-table__header__cell{background-color:var(--fds-semantic-surface-neutral-default);font:inherit;font-family:inherit;padding:var(--table-padding)}.fds-table--sticky-header .fds-table__head .fds-table__header__cell{position:-webkit-sticky;position:sticky;top:0;z-index:1}.fds-table__header__cell--sortable{padding:0}.fds-table__header__cell--sortable button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;font:inherit;font-family:inherit;gap:var(--fds-spacing-1);padding:var(--table-padding);position:relative;width:100%;z-index:2}.fds-table__header__cell--sorted button{background-color:var(--fds-semantic-surface-neutral-subtle)}.fds-table__header__cell--sortable button:focus{z-index:3}.fds-table__header__cell--sortable button svg{font-size:1.2em}.fds-table__cell{background-color:var(--fds-semantic-surface-neutral-default);border-bottom:1px solid var(--fds-semantic-border-divider-default);padding:var(--table-padding)}.fds-table--zebra .fds-table__row{border-bottom:0}.fds-table--zebra tr:nth-child(2n):not(:hover) .fds-table__cell{background-color:var(--fds-semantic-background-subtle)}.fds-table--border{border:1px solid var(--fds-semantic-border-neutral-default);border-radius:var(--border-radius)}.fds-table--border .fds-table__head .fds-table__header__cell:first-of-type{border-top-left-radius:var(--border-radius);overflow:hidden}.fds-table--border .fds-table__head .fds-table__header__cell:last-of-type{border-top-right-radius:var(--border-radius);overflow:hidden}.fds-table--border .fds-table__row:last-of-type .fds-table__cell:first-of-type{border-bottom-left-radius:var(--border-radius);overflow:hidden}.fds-table--border .fds-table__row:last-of-type .fds-table__cell:last-of-type{border-bottom-right-radius:var(--border-radius);overflow:hidden}@media (hover:hover) and (pointer:fine){.fds-table__header__cell--sortable button:hover,.fds-table__row:hover .fds-table__cell{background-color:var(--fds-semantic-surface-neutral-subtle-hover)}}}@layer fds.combobox{.fds-combobox{background-color:initial;display:grid;gap:var(--fds-spacing-2)}.fds-combobox__options-wrapper{background:var(--fds-semantic-background-default);overflow-y:auto;padding:var(--fds-spacing-2);z-index:1600}.fds-combobox--readonly .fds-combobox__input{pointer-events:none}.fds-combobox__input__wrapper{align-items:center;cursor:text;display:flex;font:var(--fds-typography-paragraph-medium);font-family:inherit;gap:var(--fds-spacing-1);height:auto;justify-content:space-between;padding:var(--fds-spacing-2);position:relative;width:100%}.fds-combobox__input__wrapper .fds-combobox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;flex-grow:1;height:100%;min-width:50px}.fds-combobox--sm .fds-combobox__input__wrapper{min-height:var(--fds-sizing-10);padding:5px var(--fds-spacing-2)}.fds-combobox--sm .fds-combobox__input__wrapper,.fds-combobox--sm .fds-combobox__input__wrapper .fds-combobox__input{font:var(--fds-typography-paragraph-small);font-family:inherit}.fds-combobox--md .fds-combobox__input__wrapper{min-height:var(--fds-sizing-12);padding:7px var(--fds-spacing-3)}.fds-combobox--md .fds-combobox__input__wrapper,.fds-combobox--md .fds-combobox__input__wrapper .fds-combobox__input{font:var(--fds-typography-paragraph-medium);font-family:inherit}.fds-combobox--lg .fds-combobox__input__wrapper{min-height:var(--fds-sizing-14);padding:7px var(--fds-spacing-4)}.fds-combobox--lg .fds-combobox__input__wrapper,.fds-combobox--lg .fds-combobox__input__wrapper .fds-combobox__input{font:var(--fds-typography-paragraph-large);font-family:inherit}.fds-combobox__input__wrapper .fds-combobox__input:focus{outline:none}.fds-combobox__input__wrapper.fds-combobox--error{border-color:var(--fds-semantic-border-danger-default);border-width:2px}.fds-combobox__chip-and-input{align-items:center;background-color:initial;display:flex;flex-wrap:wrap;gap:var(--fds-spacing-2);width:100%}.fds-combobox__arrow{cursor:pointer;display:grid;place-items:center}.fds-combobox__input__wrapper.fds-combobox--readonly{background:var(--fds-semantic-surface-neutral-subtle);border-color:var(--fds-semantic-border-neutral-default)}.fds-combobox__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--fds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-combobox__description{color:var(--fds-semantic-text-neutral-subtle);margin-top:calc(var(--fds-spacing-2)*-1)}.fds-combobox__clear-button{aspect-ratio:1;background-color:initial;border:none;border-radius:var(--fds-spacing-1);color:var(--fds-semantic-text-neutral-default);cursor:pointer;display:grid;height:29px;padding:0;place-items:center;width:29px}.fds-combobox--sm .fds-combobox__clear-button{height:25px;width:25px}.fds-combobox--md .fds-combobox__clear-button{height:29px;width:29px}.fds-combobox--lg .fds-combobox__clear-button{height:31px;width:31px}.fds-combobox__clear-button:not(:disabled):hover{background-color:var(--fds-semantic-surface-info-subtle-hover)}.fds-combobox__disabled{opacity:var(--fds-opacity-disabled)}.fds-combobox__disabled *{cursor:not-allowed}.fds-combobox__readonly__icon{height:1.2em;width:1.2em}.fds-combobox__error-message{margin-top:var(--fds-spacing-2)}.fds-combobox__error-message:empty{display:none}.fds-combobox__loading{align-content:center;display:flex;gap:var(--fds-spacing-2)}.fds-combobox__input__wrapper:has(input:focus){--fds-focus-border-width:3px;box-shadow:0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow)!important;outline:var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);outline-offset:var(--fds-focus-border-width)}.fds-combobox__empty{padding:var(--fds-spacing-2) var(--fds-spacing-3)}.fds-combobox--lg .fds-combobox__empty{font:var(--fds-typography-label-large);font-family:inherit;font-weight:400}.fds-combobox--md .fds-combobox__empty{font:var(--fds-typography-label-medium);font-family:inherit;font-weight:400}.fds-combobox--sm .fds-combobox__empty{font:var(--fds-typography-label-small);font-family:inherit;font-weight:400}.fds-combobox__custom{padding:var(--fds-spacing-2) var(--fds-spacing-3)}.fds-combobox--lg .fds-combobox__custom{font:var(--fds-typography-label-large);font-family:inherit;font-weight:400}.fds-combobox--md .fds-combobox__custom{font:var(--fds-typography-label-medium);font-family:inherit;font-weight:400}.fds-combobox--sm .fds-combobox__custom{font:var(--fds-typography-label-small);font-family:inherit;font-weight:400}.fds-combobox__option{background:none;border:none;border-left:5px solid transparent;border-radius:var(--fds-border_radius-interactive);cursor:pointer;display:grid;font:var(--fds-typography-label-medium);font-family:inherit;grid-template-columns:1.2em 1fr;height:auto;justify-content:start;padding:var(--fds-spacing-2) var(--fds-spacing-3);padding-left:var(--fds-spacing-1);text-align:left;width:100%}.fds-combobox__option.fds-combobox__option--active{background:var(--fds-semantic-surface-action-first-no_fill-hover);border-left:5px solid var(--fds-semantic-border-input-hover)}.fds-combobox__option>div{align-self:flex-start}.fds-combobox__option.fds-combobox__option--multiple{gap:var(--fds-spacing-2);grid-template-columns:auto 1fr}.fds-combobox__option__label{color:var(--fds-semantic-text-neutral-default);cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--fds-spacing-1);margin:auto 0}.fds-combobox__option--active .fds-combobox__option__label{color:var(--fds-semantic-text-action-hover)}.fds-combobox__option__icon-wrapper{aspect-ratio:1/1;background-color:#fff;border:2px solid var(--fds-semantic-border-input-default);border-radius:var(--fds-border_radius-interactive);display:grid;place-items:center;width:var(--fds-spacing-6)}.fds-combobox__option--active .fds-combobox__option__icon-wrapper{border-color:var(--fds-semantic-border-input-hover)}.fds-combobox--sm .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--fds-spacing-5)}.fds-combobox--md .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--fds-spacing-6)}.fds-combobox--lg .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--fds-spacing-7)}.fds-combobox__option__icon-wrapper.fds-combobox__option__icon-wrapper--selected{background-color:var(--fds-semantic-border-input-hover);border-color:var(--fds-semantic-border-input-hover)}.fds-combobox__option__icon-wrapper__icon{box-sizing:border-box;padding-top:.2em;transform:scale(1.4);stroke:var(--fds-semantic-text-neutral-default);color:var(--fds-semantic-text-neutral-default)}.fds-combobox__option__icon-wrapper .fds-combobox__option__icon-wrapper__icon{padding-top:0}.fds-combobox__option--active .fds-combobox__option__icon-wrapper__icon{stroke:var(--fds-semantic-text-action-hover);color:var(--fds-semantic-text-action-hover)}.fds-combobox__option__icon-wrapper.fds-combobox__option__icon-wrapper--selected .fds-combobox__option__icon-wrapper__icon{color:#fff;stroke:#fff}.fds-combobox__option__description{color:var(--fds-semantic-text-neutral-subtle);display:flex;flex-direction:column;flex-wrap:wrap;font:inherit;font-family:inherit;gap:var(--fds-spacing-1)}}`;
+const styled = (superClass, elementCss = []) => {
+  var _a;
+  return _a = class extends superClass {
+  }, _a.styles = [tailwindStyles, dsStyles, elementCss], _a;
+};
+export {
+  styled
+};
+//# sourceMappingURL=tailwind.mixin.js.map

package/dist/mixins/tailwind.mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.mixin.js","sources":["../../src/mixins/tailwind.mixin.ts"],"sourcesContent":["import { CSSResultArray, LitElement } from 'lit';\nimport tailwindStyles from '../styles/tailwind.css?inline';\nimport dsStyles from '@digdir/designsystemet-css?inline';\nimport { Constructor } from '../types/mixin-constructor';\n\nexport const styled = <T extends Constructor<LitElement>>(\n  superClass: T,\n  elementCss: CSSResultArray = []\n): T =>\n  class extends superClass {\n    /**\n     * @ignore\n     */\n    static styles = [tailwindStyles, dsStyles, elementCss];\n  };\n"],"names":[],"mappings":";;;;;AAKO,MAAM,SAAS,CACpB,YACA,aAA6B,CAAC,MAAA;;AAE9B,4BAAc,WAAW;AAAA,EAKzB,GADE,GAAO,SAAS,CAAC,gBAAgB,UAAU,UAAU,GAJvD;AAAA;"}

package/dist/mixins/validators.d.ts

@@ -0,0 +1,6 @@
+import { Validator } from '../types/validator.type';
+export declare const requiredValidator: Validator;
+export declare const minLengthValidator: Validator;
+export declare const maxLengthValidator: Validator;
+export declare const patternValidator: Validator;
+//# sourceMappingURL=validators.d.ts.map

package/dist/mixins/validators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../src/mixins/validators.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,EAAE,SAgB/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,SAyBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,SAyBhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAa9B,CAAC"}

package/dist/mixins/validators.js

@@ -0,0 +1,65 @@
+const requiredValidator = {
+  attribute: "required",
+  key: "valueMissing",
+  message: "Please fill out this field",
+  isValid(instance, value) {
+    let valid = true;
+    if ((instance.hasAttribute("required") || instance.required) && !value) {
+      valid = false;
+    }
+    return valid;
+  }
+};
+const minLengthValidator = {
+  attribute: "minlength",
+  key: "tooShort",
+  message(instance, value) {
+    const _value = value || "";
+    return `Please use at least ${instance.minLength} characters (you are currently using ${_value.length} characters).`;
+  },
+  isValid(instance, value) {
+    if (!value) {
+      return true;
+    }
+    if (!!value && instance.minLength > value.length) {
+      return false;
+    }
+    return true;
+  }
+};
+const maxLengthValidator = {
+  attribute: "maxlength",
+  key: "tooLong",
+  message(instance, value) {
+    const _value = value || "";
+    return `Please use no more than ${instance.maxLength} characters (you are currently using ${_value.length} characters).`;
+  },
+  isValid(instance, value) {
+    if (!instance.maxLength) {
+      return true;
+    }
+    if (!!value && instance.maxLength < value.length) {
+      return false;
+    }
+    return true;
+  }
+};
+const patternValidator = {
+  attribute: "pattern",
+  key: "patternMismatch",
+  message: "Please match the requested format",
+  isValid(instance, value) {
+    if (!value || !instance.pattern) {
+      return true;
+    }
+    const regExp = new RegExp(instance.pattern);
+    return !!regExp.exec(value);
+  }
+};
+export {
+  maxLengthValidator,
+  minLengthValidator,
+  patternValidator,
+  requiredValidator
+};
+//# sourceMappingURL=validators.js.map

package/dist/mixins/validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.js","sources":["../../src/mixins/validators.ts"],"sourcesContent":["import { FormControlInterface } from '../types/form-control';\nimport { FormValue } from '../types/form-value';\nimport { Validator } from '../types/validator.type';\n\nexport const requiredValidator: Validator = {\n  attribute: 'required',\n  key: 'valueMissing',\n  message: 'Please fill out this field',\n  isValid(\n    instance: HTMLElement & { required: boolean },\n    value: FormValue\n  ): boolean {\n    let valid = true;\n\n    if ((instance.hasAttribute('required') || instance.required) && !value) {\n      valid = false;\n    }\n\n    return valid;\n  },\n};\n\nexport const minLengthValidator: Validator = {\n  attribute: 'minlength',\n  key: 'tooShort',\n  message(\n    instance: FormControlInterface & { minLength: number },\n    value: FormValue\n  ): string {\n    const _value = (value as string) || '';\n    return `Please use at least ${instance.minLength} characters (you are currently using ${_value.length} characters).`;\n  },\n  isValid(\n    instance: HTMLElement & { minLength: number },\n    value: string\n  ): boolean {\n    /** If no value is provided, this validator should return true */\n    if (!value) {\n      return true;\n    }\n\n    if (!!value && instance.minLength > value.length) {\n      return false;\n    }\n\n    return true;\n  },\n};\n\nexport const maxLengthValidator: Validator = {\n  attribute: 'maxlength',\n  key: 'tooLong',\n  message(\n    instance: FormControlInterface & { maxLength: number },\n    value: FormValue\n  ): string {\n    const _value = (value as string) || '';\n    return `Please use no more than ${instance.maxLength} characters (you are currently using ${_value.length} characters).`;\n  },\n  isValid(\n    instance: HTMLElement & { maxLength: number },\n    value: string\n  ): boolean {\n    /** If maxLength isn't set, this is valid */\n    if (!instance.maxLength) {\n      return true;\n    }\n\n    if (!!value && instance.maxLength < value.length) {\n      return false;\n    }\n\n    return true;\n  },\n};\n\nexport const patternValidator: Validator = {\n  attribute: 'pattern',\n  key: 'patternMismatch',\n  message: 'Please match the requested format',\n  isValid(instance: HTMLElement & { pattern: string }, value: string): boolean {\n    /** If no value is provided, this validator should return true */\n    if (!value || !instance.pattern) {\n      return true;\n    }\n\n    const regExp = new RegExp(instance.pattern);\n    return !!regExp.exec(value);\n  },\n};\n"],"names":[],"mappings":"AAIO,MAAM,oBAA+B;AAAA,EAC1C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QACE,UACA,OACS;AACT,QAAI,QAAQ;AAEZ,SAAK,SAAS,aAAa,UAAU,KAAK,SAAS,aAAa,CAAC,OAAO;AAC9D,cAAA;AAAA,IAAA;AAGH,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,qBAAgC;AAAA,EAC3C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QACE,UACA,OACQ;AACR,UAAM,SAAU,SAAoB;AACpC,WAAO,uBAAuB,SAAS,SAAS,wCAAwC,OAAO,MAAM;AAAA,EACvG;AAAA,EACA,QACE,UACA,OACS;AAET,QAAI,CAAC,OAAO;AACH,aAAA;AAAA,IAAA;AAGT,QAAI,CAAC,CAAC,SAAS,SAAS,YAAY,MAAM,QAAQ;AACzC,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,qBAAgC;AAAA,EAC3C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QACE,UACA,OACQ;AACR,UAAM,SAAU,SAAoB;AACpC,WAAO,2BAA2B,SAAS,SAAS,wCAAwC,OAAO,MAAM;AAAA,EAC3G;AAAA,EACA,QACE,UACA,OACS;AAEL,QAAA,CAAC,SAAS,WAAW;AAChB,aAAA;AAAA,IAAA;AAGT,QAAI,CAAC,CAAC,SAAS,SAAS,YAAY,MAAM,QAAQ;AACzC,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,mBAA8B;AAAA,EACzC,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ,UAA6C,OAAwB;AAE3E,QAAI,CAAC,SAAS,CAAC,SAAS,SAAS;AACxB,aAAA;AAAA,IAAA;AAGT,UAAM,SAAS,IAAI,OAAO,SAAS,OAAO;AAC1C,WAAO,CAAC,CAAC,OAAO,KAAK,KAAK;AAAA,EAAA;AAE9B;"}

package/dist/mobile-DKqmKpg6.js

@@ -0,0 +1,5 @@
+const mobile = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.75%205C6.75%204.30964%207.30964%203.75%208%203.75H16C16.6904%203.75%2017.25%204.30964%2017.25%205V19C17.25%2019.6904%2016.6904%2020.25%2016%2020.25H8C7.30964%2020.25%206.75%2019.6904%206.75%2019V5ZM8%202.25C6.48122%202.25%205.25%203.48122%205.25%205V19C5.25%2020.5188%206.48122%2021.75%208%2021.75H16C17.5188%2021.75%2018.75%2020.5188%2018.75%2019V5C18.75%203.48122%2017.5188%202.25%2016%202.25H8ZM11.5%204.75C11.0858%204.75%2010.75%205.08579%2010.75%205.5C10.75%205.91421%2011.0858%206.25%2011.5%206.25H12.5C12.9142%206.25%2013.25%205.91421%2013.25%205.5C13.25%205.08579%2012.9142%204.75%2012.5%204.75H11.5Z'%20fill='currentColor'/%3e%3c/svg%3e";
+export {
+  mobile as default
+};
+//# sourceMappingURL=mobile-DKqmKpg6.js.map

package/dist/mobile-DKqmKpg6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-DKqmKpg6.js","sources":["../src/assets/icons/mobile.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.75%205C6.75%204.30964%207.30964%203.75%208%203.75H16C16.6904%203.75%2017.25%204.30964%2017.25%205V19C17.25%2019.6904%2016.6904%2020.25%2016%2020.25H8C7.30964%2020.25%206.75%2019.6904%206.75%2019V5ZM8%202.25C6.48122%202.25%205.25%203.48122%205.25%205V19C5.25%2020.5188%206.48122%2021.75%208%2021.75H16C17.5188%2021.75%2018.75%2020.5188%2018.75%2019V5C18.75%203.48122%2017.5188%202.25%2016%202.25H8ZM11.5%204.75C11.0858%204.75%2010.75%205.08579%2010.75%205.5C10.75%205.91421%2011.0858%206.25%2011.5%206.25H12.5C12.9142%206.25%2013.25%205.91421%2013.25%205.5C13.25%205.08579%2012.9142%204.75%2012.5%204.75H11.5Z'%20fill='currentColor'/%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAe,SAAA;"}

package/dist/mobile-fill-DMf4Exfz.js

@@ -0,0 +1,5 @@
+const mobileFill = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%202.25C6.48122%202.25%205.25%203.48122%205.25%205V19C5.25%2020.5188%206.48122%2021.75%208%2021.75H16C17.5188%2021.75%2018.75%2020.5188%2018.75%2019V5C18.75%203.48122%2017.5188%202.25%2016%202.25H8ZM11.5%204.75C11.0858%204.75%2010.75%205.08579%2010.75%205.5C10.75%205.91421%2011.0858%206.25%2011.5%206.25H12.5C12.9142%206.25%2013.25%205.91421%2013.25%205.5C13.25%205.08579%2012.9142%204.75%2012.5%204.75H11.5Z'%20fill='currentColor'/%3e%3c/svg%3e";
+export {
+  mobileFill as default
+};
+//# sourceMappingURL=mobile-fill-DMf4Exfz.js.map

package/dist/mobile-fill-DMf4Exfz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-fill-DMf4Exfz.js","sources":["../src/assets/icons/mobile-fill.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%202.25C6.48122%202.25%205.25%203.48122%205.25%205V19C5.25%2020.5188%206.48122%2021.75%208%2021.75H16C17.5188%2021.75%2018.75%2020.5188%2018.75%2019V5C18.75%203.48122%2017.5188%202.25%2016%202.25H8ZM11.5%204.75C11.0858%204.75%2010.75%205.08579%2010.75%205.5C10.75%205.91421%2011.0858%206.25%2011.5%206.25H12.5C12.9142%206.25%2013.25%205.91421%2013.25%205.5C13.25%205.08579%2012.9142%204.75%2012.5%204.75H11.5Z'%20fill='currentColor'/%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAe,aAAA;"}

package/dist/mobile-small-0Lb8CCFS.js

@@ -0,0 +1,5 @@
+const mobileSmall = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.75%205.77778C7.75%205.16382%208.20527%204.75%208.66667%204.75H15.3333C15.7947%204.75%2016.25%205.16382%2016.25%205.77778V18.2222C16.25%2018.8362%2015.7947%2019.25%2015.3333%2019.25H8.66667C8.20527%2019.25%207.75%2018.8362%207.75%2018.2222V5.77778ZM8.66667%203.25C7.28712%203.25%206.25%204.42806%206.25%205.77778V18.2222C6.25%2019.5719%207.28712%2020.75%208.66667%2020.75H15.3333C16.7129%2020.75%2017.75%2019.5719%2017.75%2018.2222V5.77778C17.75%204.42806%2016.7129%203.25%2015.3333%203.25H8.66667ZM12%2016.75C11.5858%2016.75%2011.25%2017.0858%2011.25%2017.5C11.25%2017.9142%2011.5858%2018.25%2012%2018.25H12.01C12.4242%2018.25%2012.76%2017.9142%2012.76%2017.5C12.76%2017.0858%2012.4242%2016.75%2012.01%2016.75H12Z'%20fill='currentColor'/%3e%3c/svg%3e";
+export {
+  mobileSmall as default
+};
+//# sourceMappingURL=mobile-small-0Lb8CCFS.js.map

package/dist/mobile-small-0Lb8CCFS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-small-0Lb8CCFS.js","sources":["../src/assets/icons/mobile-small.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.75%205.77778C7.75%205.16382%208.20527%204.75%208.66667%204.75H15.3333C15.7947%204.75%2016.25%205.16382%2016.25%205.77778V18.2222C16.25%2018.8362%2015.7947%2019.25%2015.3333%2019.25H8.66667C8.20527%2019.25%207.75%2018.8362%207.75%2018.2222V5.77778ZM8.66667%203.25C7.28712%203.25%206.25%204.42806%206.25%205.77778V18.2222C6.25%2019.5719%207.28712%2020.75%208.66667%2020.75H15.3333C16.7129%2020.75%2017.75%2019.5719%2017.75%2018.2222V5.77778C17.75%204.42806%2016.7129%203.25%2015.3333%203.25H8.66667ZM12%2016.75C11.5858%2016.75%2011.25%2017.0858%2011.25%2017.5C11.25%2017.9142%2011.5858%2018.25%2012%2018.25H12.01C12.4242%2018.25%2012.76%2017.9142%2012.76%2017.5C12.76%2017.0858%2012.4242%2016.75%2012.01%2016.75H12Z'%20fill='currentColor'/%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAe,cAAA;"}

package/dist/mobile-small-fill-D2sVPEyx.js

@@ -0,0 +1,5 @@
+const mobileSmallFill = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.66667%203.25C7.28712%203.25%206.25%204.42806%206.25%205.77778V18.2222C6.25%2019.5719%207.28712%2020.75%208.66667%2020.75H15.3333C16.7129%2020.75%2017.75%2019.5719%2017.75%2018.2222V5.77778C17.75%204.42806%2016.7129%203.25%2015.3333%203.25H8.66667ZM12%2016.75C11.5858%2016.75%2011.25%2017.0858%2011.25%2017.5C11.25%2017.9142%2011.5858%2018.25%2012%2018.25H12.01C12.4242%2018.25%2012.76%2017.9142%2012.76%2017.5C12.76%2017.0858%2012.4242%2016.75%2012.01%2016.75H12Z'%20fill='currentColor'/%3e%3c/svg%3e";
+export {
+  mobileSmallFill as default
+};
+//# sourceMappingURL=mobile-small-fill-D2sVPEyx.js.map

package/dist/mobile-small-fill-D2sVPEyx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-small-fill-D2sVPEyx.js","sources":["../src/assets/icons/mobile-small-fill.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.66667%203.25C7.28712%203.25%206.25%204.42806%206.25%205.77778V18.2222C6.25%2019.5719%207.28712%2020.75%208.66667%2020.75H15.3333C16.7129%2020.75%2017.75%2019.5719%2017.75%2018.2222V5.77778C17.75%204.42806%2016.7129%203.25%2015.3333%203.25H8.66667ZM12%2016.75C11.5858%2016.75%2011.25%2017.0858%2011.25%2017.5C11.25%2017.9142%2011.5858%2018.25%2012%2018.25H12.01C12.4242%2018.25%2012.76%2017.9142%2012.76%2017.5C12.76%2017.0858%2012.4242%2016.75%2012.01%2016.75H12Z'%20fill='currentColor'/%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAe,kBAAA;"}

package/dist/mobile-triangle-C8bc4Jkv.js

@@ -0,0 +1,5 @@
+const mobileTriangle = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.6556%202.13577C16.5233%201.89767%2016.2724%201.75%2016%201.75C15.7276%201.75%2015.4767%201.89767%2015.3444%202.13577L10.3444%2011.1358C10.2153%2011.3681%2010.2188%2011.6513%2010.3536%2011.8803C10.4884%2012.1094%2010.7343%2012.25%2011%2012.25H21C21.2657%2012.25%2021.5116%2012.1094%2021.6464%2011.8803C21.7812%2011.6513%2021.7847%2011.3681%2021.6556%2011.1358L16.6556%202.13577ZM16%204.04434L19.7254%2010.75H12.2746L16%204.04434ZM6.75%205C6.75%204.30964%207.30964%203.75%208%203.75H12C12.4142%203.75%2012.75%203.41421%2012.75%203C12.75%202.58579%2012.4142%202.25%2012%202.25H8C6.48122%202.25%205.25%203.48122%205.25%205V19C5.25%2020.5188%206.48122%2021.75%208%2021.75H16C17.5188%2021.75%2018.75%2020.5188%2018.75%2019V14.25C18.75%2013.8358%2018.4142%2013.5%2018%2013.5C17.5858%2013.5%2017.25%2013.8358%2017.25%2014.25V19C17.25%2019.6904%2016.6904%2020.25%2016%2020.25H8C7.30964%2020.25%206.75%2019.6904%206.75%2019V5Z'%20fill='currentColor'/%3e%3c/svg%3e";
+export {
+  mobileTriangle as default
+};
+//# sourceMappingURL=mobile-triangle-C8bc4Jkv.js.map

package/dist/mobile-triangle-C8bc4Jkv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-triangle-C8bc4Jkv.js","sources":["../src/assets/icons/mobile-triangle.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.6556%202.13577C16.5233%201.89767%2016.2724%201.75%2016%201.75C15.7276%201.75%2015.4767%201.89767%2015.3444%202.13577L10.3444%2011.1358C10.2153%2011.3681%2010.2188%2011.6513%2010.3536%2011.8803C10.4884%2012.1094%2010.7343%2012.25%2011%2012.25H21C21.2657%2012.25%2021.5116%2012.1094%2021.6464%2011.8803C21.7812%2011.6513%2021.7847%2011.3681%2021.6556%2011.1358L16.6556%202.13577ZM16%204.04434L19.7254%2010.75H12.2746L16%204.04434ZM6.75%205C6.75%204.30964%207.30964%203.75%208%203.75H12C12.4142%203.75%2012.75%203.41421%2012.75%203C12.75%202.58579%2012.4142%202.25%2012%202.25H8C6.48122%202.25%205.25%203.48122%205.25%205V19C5.25%2020.5188%206.48122%2021.75%208%2021.75H16C17.5188%2021.75%2018.75%2020.5188%2018.75%2019V14.25C18.75%2013.8358%2018.4142%2013.5%2018%2013.5C17.5858%2013.5%2017.25%2013.8358%2017.25%2014.25V19C17.25%2019.6904%2016.6904%2020.25%2016%2020.25H8C7.30964%2020.25%206.75%2019.6904%206.75%2019V5Z'%20fill='currentColor'/%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAe,iBAAA;"}

package/dist/mobile-triangle-fill-Chl1Zm3O.js

@@ -0,0 +1,5 @@
+const mobileTriangleFill = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.6556%201.63577C16.5233%201.39767%2016.2724%201.25%2016%201.25C15.7276%201.25%2015.4767%201.39767%2015.3444%201.63577L10.3444%2010.6358C10.2153%2010.8681%2010.2188%2011.1513%2010.3536%2011.3803C10.4884%2011.6094%2010.7343%2011.75%2011%2011.75H21C21.2657%2011.75%2021.5116%2011.6094%2021.6464%2011.3803C21.7812%2011.1513%2021.7847%2010.8681%2021.6556%2010.6358L16.6556%201.63577ZM18.5%2013.25C18.6381%2013.25%2018.75%2013.3619%2018.75%2013.5V19C18.75%2020.5188%2017.5188%2021.75%2016%2021.75H8C6.48122%2021.75%205.25%2020.5188%205.25%2019V5C5.25%203.48122%206.48122%202.25%208%202.25H12.8623C13.0529%202.25%2013.1734%202.45478%2013.0809%202.62141L9.03315%209.9073C8.64598%2010.6042%208.6565%2011.4539%209.06079%2012.141C9.46508%2012.8281%2010.2028%2013.25%2011%2013.25H18.5Z'%20fill='currentColor'/%3e%3c/svg%3e";
+export {
+  mobileTriangleFill as default
+};
+//# sourceMappingURL=mobile-triangle-fill-Chl1Zm3O.js.map

package/dist/mobile-triangle-fill-Chl1Zm3O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-triangle-fill-Chl1Zm3O.js","sources":["../src/assets/icons/mobile-triangle-fill.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.6556%201.63577C16.5233%201.39767%2016.2724%201.25%2016%201.25C15.7276%201.25%2015.4767%201.39767%2015.3444%201.63577L10.3444%2010.6358C10.2153%2010.8681%2010.2188%2011.1513%2010.3536%2011.3803C10.4884%2011.6094%2010.7343%2011.75%2011%2011.75H21C21.2657%2011.75%2021.5116%2011.6094%2021.6464%2011.3803C21.7812%2011.1513%2021.7847%2010.8681%2021.6556%2010.6358L16.6556%201.63577ZM18.5%2013.25C18.6381%2013.25%2018.75%2013.3619%2018.75%2013.5V19C18.75%2020.5188%2017.5188%2021.75%2016%2021.75H8C6.48122%2021.75%205.25%2020.5188%205.25%2019V5C5.25%203.48122%206.48122%202.25%208%202.25H12.8623C13.0529%202.25%2013.1734%202.45478%2013.0809%202.62141L9.03315%209.9073C8.64598%2010.6042%208.6565%2011.4539%209.06079%2012.141C9.46508%2012.8281%2010.2028%2013.25%2011%2013.25H18.5Z'%20fill='currentColor'/%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAe,qBAAA;"}

package/dist/monitor-DuBXHODr.js

@@ -0,0 +1,5 @@
+const monitor = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.25%204.5C2.25%203.80964%202.80964%203.25%203.5%203.25H20.5C21.1904%203.25%2021.75%203.80964%2021.75%204.5V15.5C21.75%2016.1904%2021.1904%2016.75%2020.5%2016.75H12.75V19.25H19C19.4142%2019.25%2019.75%2019.5858%2019.75%2020C19.75%2020.4142%2019.4142%2020.75%2019%2020.75H6C5.58579%2020.75%205.25%2020.4142%205.25%2020C5.25%2019.5858%205.58579%2019.25%206%2019.25H11.25V16.75H3.5C2.80964%2016.75%202.25%2016.1904%202.25%2015.5V4.5ZM3.75%204.75V15.25H20.25V4.75H3.75Z'%20fill='currentColor'/%3e%3c/svg%3e";
+export {
+  monitor as default
+};
+//# sourceMappingURL=monitor-DuBXHODr.js.map

package/dist/monitor-DuBXHODr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monitor-DuBXHODr.js","sources":["../src/assets/icons/monitor.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.25%204.5C2.25%203.80964%202.80964%203.25%203.5%203.25H20.5C21.1904%203.25%2021.75%203.80964%2021.75%204.5V15.5C21.75%2016.1904%2021.1904%2016.75%2020.5%2016.75H12.75V19.25H19C19.4142%2019.25%2019.75%2019.5858%2019.75%2020C19.75%2020.4142%2019.4142%2020.75%2019%2020.75H6C5.58579%2020.75%205.25%2020.4142%205.25%2020C5.25%2019.5858%205.58579%2019.25%206%2019.25H11.25V16.75H3.5C2.80964%2016.75%202.25%2016.1904%202.25%2015.5V4.5ZM3.75%204.75V15.25H20.25V4.75H3.75Z'%20fill='currentColor'/%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAe,UAAA;"}

package/dist/monitor-fill-BVsSIKtG.js

@@ -0,0 +1,5 @@
+const monitorFill = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.25%204.5C2.25%203.80964%202.80964%203.25%203.5%203.25H20.5C21.1904%203.25%2021.75%203.80964%2021.75%204.5V15.5C21.75%2016.1904%2021.1904%2016.75%2020.5%2016.75H12.75V19.25H19C19.4142%2019.25%2019.75%2019.5858%2019.75%2020C19.75%2020.4142%2019.4142%2020.75%2019%2020.75H6C5.58579%2020.75%205.25%2020.4142%205.25%2020C5.25%2019.5858%205.58579%2019.25%206%2019.25H11.25V16.75H3.5C2.80964%2016.75%202.25%2016.1904%202.25%2015.5V4.5Z'%20fill='currentColor'/%3e%3c/svg%3e";
+export {
+  monitorFill as default
+};
+//# sourceMappingURL=monitor-fill-BVsSIKtG.js.map

package/dist/monitor-fill-BVsSIKtG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monitor-fill-BVsSIKtG.js","sources":["../src/assets/icons/monitor-fill.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.25%204.5C2.25%203.80964%202.80964%203.25%203.5%203.25H20.5C21.1904%203.25%2021.75%203.80964%2021.75%204.5V15.5C21.75%2016.1904%2021.1904%2016.75%2020.5%2016.75H12.75V19.25H19C19.4142%2019.25%2019.75%2019.5858%2019.75%2020C19.75%2020.4142%2019.4142%2020.75%2019%2020.75H6C5.58579%2020.75%205.25%2020.4142%205.25%2020C5.25%2019.5858%205.58579%2019.25%206%2019.25H11.25V16.75H3.5C2.80964%2016.75%202.25%2016.1904%202.25%2015.5V4.5Z'%20fill='currentColor'/%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAe,cAAA;"}